:root {
    --paper: #F7F1E6;
    --paper-card: #FCFAF3;
    --paper-deep: #EFE6D4;
    --ink: #1B3A57;
    --ink-deep: #10263A;
    --accent: #A63A2B;
    --warmgray: #6B5D4A;
    --faint: #9A8C77;
    --rule: #D8CBB2;
    --serif: 'Newsreader', Georgia, 'Times New Roman', serif;
    --sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --hand: 'Caveat', cursive;
  }
  * { margin: 0; padding: 0; box-sizing: border-box; }
  body { font-family: var(--sans); color: var(--ink-deep); background: var(--paper); line-height: 1.65; -webkit-font-smoothing: antialiased; }
  a { color: var(--ink); text-decoration: none; }
  a:hover { text-decoration: underline; }
  .wrap { max-width: 1080px; margin: 0 auto; padding: 0 28px; }

  .topbar { position: sticky; top: 0; z-index: 50; background: var(--paper); border-bottom: 2px solid var(--ink); }
  .topbar-inner { display: flex; align-items: center; height: 62px; gap: 28px; }
  .logo { display: flex; align-items: center; gap: 10px; font-family: var(--serif); font-weight: 600; font-size: 20px; color: var(--ink); }
  .logo-mark { width: 30px; height: 30px; border-radius: 4px; background: var(--ink); color: var(--paper); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; font-family: var(--serif); }
  .nav { display: flex; gap: 26px; flex: 1; }
  .nav a { color: var(--ink); font-size: 14px; font-weight: 500; opacity: 0.82; }
  .nav a:hover { opacity: 1; text-decoration: none; }
  .topbar-right { display: flex; align-items: center; gap: 16px; }
  .lang-switch { display: flex; align-items: center; gap: 2px; font-size: 12.5px; color: var(--warmgray); }
  .lang-switch a { color: var(--warmgray); padding: 4px 8px; border-radius: 3px; }
  .lang-switch a.active { color: var(--paper); background: var(--ink); font-weight: 600; }
  .lang-switch .sep { color: var(--faint); }
  .btn-signin { background: var(--ink); color: var(--paper); padding: 8px 18px; border-radius: 4px; font-size: 13.5px; font-weight: 600; border: 1px solid var(--ink); }
  .btn-signin:hover { background: var(--ink-deep); color: var(--paper); text-decoration: none; }

  .hero { padding: 84px 0 60px; border-bottom: 1px solid var(--rule); }
  .hero .entry-label { font-family: var(--hand); font-size: 20px; color: var(--accent); margin-bottom: 14px; }
  .hero h1 { font-family: var(--serif); font-size: 50px; line-height: 1.12; font-weight: 600; color: var(--ink); max-width: 820px; letter-spacing: -0.01em; }
  .hero .sub { margin-top: 18px; font-size: 17.5px; color: var(--warmgray); max-width: 640px; font-family: var(--serif); font-weight: 400; }
  .hero-cta { margin-top: 30px; display: flex; gap: 14px; }
  .btn { display: inline-block; padding: 12px 26px; border-radius: 4px; font-size: 14.5px; font-weight: 600; }
  .btn-primary { background: var(--ink); color: var(--paper); border: 1px solid var(--ink); }
  .btn-primary:hover { background: var(--ink-deep); color: var(--paper); text-decoration: none; }
  .btn-outline { border: 1.5px solid var(--ink); color: var(--ink); background: transparent; }
  .btn-outline:hover { background: var(--paper-deep); text-decoration: none; }

  .section { padding: 60px 0; }
  .section + .section { border-top: 1px solid var(--rule); }
  .section-head { display: flex; align-items: baseline; gap: 16px; }
  .section-no { font-family: var(--hand); font-size: 24px; color: var(--accent); }
  .section-title { font-family: var(--serif); font-size: 30px; font-weight: 600; color: var(--ink); }
  .section-desc { margin-top: 10px; color: var(--warmgray); font-size: 15.5px; max-width: 680px; }

  .workflow-grid { margin-top: 34px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
  .workflow-card { background: var(--paper-card); border: 1px solid var(--rule); border-radius: 6px; padding: 24px; box-shadow: 0 1px 3px rgba(27,58,87,0.06); transition: box-shadow .15s, transform .15s; }
  .workflow-card:hover { box-shadow: 0 6px 18px rgba(27,58,87,0.12); transform: translateY(-2px); text-decoration: none; }
  .workflow-name { font-family: var(--serif); font-size: 21px; font-weight: 600; color: var(--ink); }
  .workflow-desc { margin-top: 5px; font-size: 13.5px; color: var(--warmgray); }
  .workflow-chain { margin-top: 16px; display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
  .node { background: transparent; color: var(--ink); font-size: 12px; font-weight: 600; padding: 5px 11px; border-radius: 3px; border: 1px solid var(--rule); }
  .node.hot { background: var(--ink); color: var(--paper); border-color: var(--ink); }
  .arrow { color: var(--faint); font-size: 13px; font-family: var(--hand); }

  /* 工具：每个工具一个"一页"版面 */
  .tools-pages { margin-top: 30px; display: flex; flex-direction: column; gap: 24px; }
  .tool-page { background: var(--paper-card); border: 1px solid var(--rule); border-radius: 10px; padding: 42px 44px; box-shadow: 0 1px 4px rgba(27,58,87,0.06); transition: box-shadow .15s, transform .15s, border-color .15s; }
  .tool-page:hover { box-shadow: 0 10px 28px rgba(27,58,87,0.12); border-color: #c8bba1; text-decoration: none; }
  .tool-page-head { display: flex; align-items: baseline; gap: 18px; }
  .tool-no { font-family: var(--hand); font-size: 30px; color: var(--accent); min-width: 44px; }
  .tool-name { font-family: var(--serif); font-size: 34px; font-weight: 600; color: var(--ink); }
  .tool-tagline { margin-top: 12px; font-family: var(--serif); font-size: 19px; font-style: italic; color: var(--ink); opacity: 0.85; max-width: 760px; }
  .tool-desc { margin-top: 14px; font-size: 15.5px; color: var(--warmgray); max-width: 760px; }
  .tool-features { margin-top: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 24px; }
  .feature { display: flex; align-items: flex-start; gap: 10px; font-size: 14.5px; color: var(--ink-deep); }
  .feature::before { content: "·"; color: var(--accent); font-weight: 700; font-size: 18px; line-height: 1.3; }
  .tool-tags { margin-top: 22px; display: flex; flex-wrap: wrap; gap: 8px; }
  .tag { font-size: 12px; font-weight: 600; color: var(--ink); background: var(--paper-deep); border: 1px solid var(--rule); padding: 4px 11px; border-radius: 3px; }
  .tool-cta { margin-top: 24px; font-family: var(--hand); font-size: 22px; color: var(--accent); }
  .tool-page:hover .tool-cta { text-decoration: underline; }

  .pipeline { background: var(--paper-deep); border: 1px solid var(--rule); border-radius: 6px; padding: 38px; margin-top: 32px; }
  .pipeline h3 { font-family: var(--serif); font-size: 23px; color: var(--ink); font-weight: 600; }
  .pipeline p { margin-top: 10px; color: var(--warmgray); font-size: 15px; max-width: 720px; }
  .pipeline-cta { margin-top: 24px; }

  .docs-grid { margin-top: 30px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
  .doc-card { background: var(--paper-card); border: 1px solid var(--rule); border-radius: 5px; padding: 22px; }
  .doc-card h3 { font-family: var(--serif); font-size: 17px; font-weight: 600; color: var(--ink); }
  .doc-card p { margin-top: 5px; font-size: 13px; color: var(--warmgray); }

  .footer { border-top: 2px solid var(--ink); padding: 46px 0 38px; background: var(--paper-deep); }
  .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 32px; }
  .footer h4 { font-family: var(--hand); font-size: 18px; font-weight: 600; color: var(--ink); margin-bottom: 12px; }
  .footer a { display: block; color: var(--warmgray); font-size: 13.5px; margin-bottom: 8px; }
  .footer .brand { font-family: var(--serif); font-weight: 600; font-size: 19px; color: var(--ink); }
  .footer .note { margin-top: 10px; font-size: 13px; color: var(--faint); max-width: 360px; }
  .copyright { margin-top: 34px; padding-top: 18px; border-top: 1px solid var(--rule); font-size: 16px; color: var(--faint); font-family: var(--hand); }

  @media (max-width: 860px) {
    .hero h1 { font-size: 34px; }
    .workflow-grid, .docs-grid { grid-template-columns: 1fr; }
    .tool-page { padding: 30px 24px; }
    .tool-name { font-size: 27px; }
    .tool-features { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; }
    .nav { display: none; }
  }