:root {
  --ink: #17201d;
  --body: #4f5955;
  --muted: #737c78;
  --line: #dedfd9;
  --line-strong: #c9ccc5;
  --surface: #f0f1ed;
  --panel: #ffffff;
  --bg: #f8f8f5;
  --dark: #18211d;
  --dark-panel: #242e29;
  --teal: #4f941c;
  --teal-light: #6caf2f;
  --brand: #589f20;
  --brand-dark: #3f7d15;
  --brand-deep: #285810;
  --brand-soft: #edf4e8;
  --brand-pale: #f5f7f3;
  --grad: linear-gradient(135deg, #65ad25 0%, #397b12 100%);
  --accent: #ef4d52;
  --accent-soft: #fdebec;
  --warm: #f1ae00;
  --lime: #70c517;
  --shadow-sm: 0 1px 2px rgba(20,28,24,.04), 0 14px 36px rgba(20,28,24,.07);
  --shadow-lg: 0 30px 90px rgba(20,28,24,.16);
  --radius: 22px;
  --max: 1200px;
  --h2-size: clamp(29px, 3.7vw, 42px);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--body);
  background:
    radial-gradient(1200px 800px at 72% -12%, rgba(0,204,204,.05), transparent 60%),
    radial-gradient(900px 600px at 8% 110%, rgba(10,162,162,.04), transparent 55%),
    var(--bg);
  font-family: "Inter", "SF Pro Display", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.72;
  -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
img { max-width: 100%; display: block; }
.container { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }
.narrow { width: min(calc(100% - 40px), 840px); margin-inline: auto; }
.skip-link { position: fixed; top: -80px; left: 16px; z-index: 100; padding: 10px 14px; background: #fff; color: var(--ink); border-radius: 8px; }
.skip-link:focus { top: 16px; }

.site-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(10,40,42,.95);
  border-bottom: 1px solid rgba(150,190,195,.18);
  backdrop-filter: blur(18px) saturate(1.4);
}
.nav { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 11px; color: #f7f8fa; font-size:18px; font-weight:760; letter-spacing:-.025em; }
.brand-mark { width: 36px; height: 36px; object-fit: contain; }
.brand small { color: #aab3bd; font-weight: 540; letter-spacing: 0; }
.nav-links { display: flex; align-items: center; gap: 3px; }
.nav-links a { padding:8px 13px; border-radius:9px; color:#b9c8ca; font-family:inherit; font-size:16px; font-weight:400; letter-spacing:0; }
.nav-links a:hover { color:#fff; background:rgba(255,255,255,.07); }
.nav-links a[aria-current="page"] { color:#fff; background:transparent; box-shadow:none; font-weight:650; }
.nav-cta { margin-left:7px; color:#fff !important; background:var(--grad) !important; font-weight:600 !important; }
.nav-cta:hover { filter:brightness(1.08); }
.menu-button { display: none; border: 0; background: transparent; width: 42px; height: 42px; border-radius: 10px; color: #fff; }
.menu-button span, .menu-button::before, .menu-button::after { content:""; display:block; width: 21px; height: 2px; background: currentColor; margin: 5px auto; transition:.2s; }

/* ============ 首页Hero与主视觉 ============ */
.hero {
  position: relative; overflow: hidden;
  min-height: 640px; display: grid; align-items: center;
  background:
    radial-gradient(720px 520px at 82% 22%, rgba(0,166,166,.30), transparent 62%),
    radial-gradient(560px 440px at 8% 92%, rgba(0,204,204,.20), transparent 62%),
    linear-gradient(145deg, #0d2626 0%, #123a3d 58%, #15474a 100%);
}
.hero::after { content:""; position:absolute; inset:0; pointer-events:none; opacity:.48; background-image: linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(90deg,transparent 30%,#000 80%); }
.hero-grid { position:relative; z-index:2; display:grid; grid-template-columns: 1fr 1fr; align-items:center; gap:64px; padding-block: 84px; }
.eyebrow { display:inline-flex; align-items:center; gap:9px; color: var(--brand-dark); text-transform:uppercase; letter-spacing:.13em; font-size:12px; font-weight:780; }
.eyebrow::before { content:""; width:28px; height:2px; background:var(--grad); }
h1,h2,h3 { color: var(--ink); line-height:1.18; margin-top:0; letter-spacing:-.035em; }
h1 { font-size: clamp(40px, 5.2vw, 64px); margin: 17px 0 24px; }
h2 { font-size: var(--h2-size); }
h3 { font-size: 19px; }
.hero-product-name { margin:0 0 16px; color:#f7f8fa; font-size:clamp(56px,6.6vw,84px); line-height:.98; letter-spacing:-.055em; }
.hero-product-name em { font-style:normal; background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero-summary { max-width:650px; margin:0 0 16px; color:#f7f8fa; font-size:clamp(24px,2.6vw,32px); line-height:1.3; font-weight:720; letter-spacing:-.025em; }
.hero-lead { max-width:650px; margin:0 0 30px; color:#c2d2d4; font-size:17px; line-height:1.8; }
.actions { display:flex; flex-wrap:wrap; gap:12px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:0 20px; border:1px solid var(--line-strong); border-radius:10px; background:#fff; color:var(--ink); font-weight:680; box-shadow:0 1px 1px rgba(15,23,42,.03); transition:.2s; }
.button:hover { transform:translateY(-1px); border-color:#b0c4c7; box-shadow:var(--shadow-sm); }
.button.primary { color:#fff; background:var(--grad); border-color:transparent; box-shadow:0 8px 24px rgba(0,166,166,.25); }
.button.primary:hover { filter:brightness(1.08); box-shadow:0 12px 30px rgba(0,166,166,.34); }
.button.disabled { cursor:not-allowed; opacity:.62; }
.proof-row { display:flex; flex-wrap:wrap; gap:18px; margin-top:31px; color:#a9bfc1; font-size:13px; font-weight:590; }
.proof-row span::before { content:""; display:inline-block; width:7px; height:7px; margin-right:8px; border-radius:50%; background:var(--teal-light); box-shadow:0 0 0 3px rgba(0,204,204,.14); }

/* 主视觉：CSS模拟ZArchiver文件管理界面 */
.app-visual { position:relative; width:min(100%, 560px); margin-inline:auto; }
.app-shell { position:relative; overflow:hidden; border:1px solid #3c4146; border-radius:16px; background:#0d2021; box-shadow:var(--shadow-lg), 0 0 70px rgba(0,204,204,.16); }
.app-titlebar { display:flex; align-items:center; gap:8px; padding:12px 15px; background:#0f2627; border-bottom:1px solid rgba(255,255,255,.08); }
.app-titlebar i { width:11px; height:11px; border-radius:50%; display:block; }
.app-titlebar i:nth-child(1) { background:#ff5f57; }
.app-titlebar i:nth-child(2) { background:#febc2e; }
.app-titlebar i:nth-child(3) { background:#28c840; }
.app-title { margin-left:auto; color:#7fa8aa; font-size:12px; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.mock-ui { position:relative; overflow:hidden; aspect-ratio:5 / 6.2; background:#f2f6f6; }
.mock-toolbar { display:flex; align-items:center; gap:10px; padding:12px 14px; background:#fff; border-bottom:1px solid #e4ebec; }
.mock-path { flex:1; min-width:0; display:flex; align-items:center; gap:5px; padding:7px 11px; border-radius:8px; background:#eef4f4; color:#3d5c5f; font-size:12px; font-weight:620; overflow:hidden; white-space:nowrap; }
.mock-path em { font-style:normal; color:#0e9d9d; font-weight:740; }
.mock-icbtn { width:30px; height:30px; flex:0 0 auto; display:grid; place-items:center; border-radius:8px; color:#5c8285; }
.mock-icbtn svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.mock-list { position:absolute; inset:57px 0 0; overflow:hidden; padding:8px 10px 76px; }
.mock-row { display:flex; align-items:center; gap:12px; padding:11px 12px; border-radius:11px; background:#fff; margin-bottom:8px; box-shadow:0 1px 0 rgba(20,30,32,.03); }
.mock-row .m-ic { width:34px; height:34px; flex:0 0 auto; display:grid; place-items:center; border-radius:9px; color:#fff; }
.mock-row .m-ic svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.m-ic.folder { background:#f3b83f; }
.m-ic.zip { background:#0e9d9d; }
.m-ic.sevenz { background:#2a7de1; }
.m-ic.rar { background:#e1534f; }
.m-ic.text { background:#7d9294; }
.mock-row .m-name { flex:1; min-width:0; }
.mock-row .m-name b { display:block; color:#263b3e; font-size:13px; font-weight:680; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mock-row .m-name span { display:block; color:#8aa1a4; font-size:11px; }
.mock-row .m-go { color:#b7ccce; }
.mock-row .m-go svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.mock-fab { position:absolute; right:18px; bottom:18px; width:48px; height:48px; border-radius:50%; display:grid; place-items:center; color:#fff; background:var(--grad); font-size:26px; font-weight:300; box-shadow:0 8px 20px rgba(0,140,140,.4); }
.mock-sep { display:flex; align-items:center; gap:10px; margin:14px 4px 8px; color:#8aa1a4; font-size:10px; font-weight:720; letter-spacing:.08em; }
.mock-sep::after { content:""; flex:1; height:1px; background:#dfe7e8; }

.trust-strip { border-block:1px solid var(--line); background:#f1f5f5; }
.trust-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.trust-item { padding:28px 24px; border-right:1px solid #d7e0e1; text-align:center; }
.trust-item:last-child { border-right:0; }
.trust-item strong { display:block; color:var(--ink); font-size:22px; letter-spacing:-.03em; }
.trust-item span { color:#647a7e; font-size:13px; }

.section { padding-block: 96px; }
.section.content-start { padding-top:44px; }
.section.soft { background:var(--surface); }
.section.dark { color:#c2d0d2; background:#12282a; }
.section.dark h2,.section.dark h3 { color:#fff; }
.section-head { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:42px; }
.section-head h1,.narrow > h1 { font-size:clamp(29px,3.7vw,42px); }
.section-head p { max-width:580px; margin:0; }
.kicker { display:block; margin-bottom:10px; color:var(--brand-dark); font-size:12px; text-transform:uppercase; letter-spacing:.15em; font-weight:780; }
.section.dark .kicker { color:#3ed3d3; }
.feature-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.card { padding:27px; border:1px solid var(--line); border-radius:var(--radius); background:var(--panel); box-shadow:var(--shadow-sm); }
.card h3 { margin:18px 0 10px; }
.card p { margin:0; color:#5a6b80; font-size:14px; }
.icon { width:42px; height:42px; display:grid; place-items:center; border-radius:11px; color:#fff; background:var(--grad); font-size:12px; font-weight:800; letter-spacing:-.03em; box-shadow:0 6px 16px rgba(0,160,160,.22); }
.icon svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.feature-card { transition:.22s; }
.feature-card:hover { transform:translateY(-4px); border-color:rgba(0,166,166,.5); box-shadow:0 16px 40px rgba(20,23,25,.1); }
.card-link { display:inline-flex; margin-top:18px; color:var(--brand-dark); font-size:13px; font-weight:720; }
.card-link::after { content:"→"; margin-left:7px; }

.split { display:grid; grid-template-columns:1fr 1fr; gap:76px; align-items:center; }
.overview-split { align-items:stretch; }
.overview-split .workflow { grid-template-rows:repeat(4,1fr); }
.statement { font-size:var(--h2-size); }
.check-list { display:grid; gap:12px; margin:28px 0 0; padding:0; list-style:none; }
.check-list li { position:relative; padding-left:29px; }
.check-list li::before { content:"✓"; position:absolute; left:0; top:1px; color:var(--lime); font-weight:800; }
.workflow { display:grid; gap:10px; }
.workflow-item { display:grid; grid-template-columns:54px 1fr; gap:17px; align-items:start; padding:20px; border:1px solid var(--line); border-radius:14px; background:#fff; }
.workflow-item strong { width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--grad);font-size:13px;box-shadow:0 6px 16px rgba(0,160,160,.22); }
.workflow-item h3 { margin:1px 0 4px; font-size:17px; }
.workflow-item p { margin:0; font-size:13px; color:var(--muted); }

/* 格式徽章 */
.format-chips { display:flex; flex-wrap:wrap; gap:9px; margin-top:26px; }
.format-chip { display:inline-flex; align-items:center; gap:7px; padding:7px 13px; border:1px solid #cde2e3; border-radius:99px; background:#fff; color:#0e7f7f; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:13px; font-weight:700; box-shadow:var(--shadow-sm); }
.format-chip.creatable::before { content:"+"; color:var(--lime); font-weight:900; }
.format-chip.extractable::before { content:"✓"; color:var(--teal); font-weight:900; }

.scenario-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.scenario { min-height:245px; display:flex; flex-direction:column; padding:28px; border:1px solid rgba(255,255,255,.12); border-radius:var(--radius); background:rgba(255,255,255,.05); }
.scenario .number { color:#3ed3d3; font-size:12px; font-weight:800; letter-spacing:.12em; }
.scenario h3 { margin:26px 0 9px; }
.scenario p { margin:0; font-size:14px; }
.scenario a { margin-top:auto; padding-top:22px; color:#fff; font-size:13px; font-weight:700; }
.scenario a:hover { color:#3ed3d3; }

.notice { padding:22px 25px; border-left:3px solid var(--warm); background:#fff7ea; color:#6a5739; border-radius:0 12px 12px 0; }
.notice strong { color:#4c3c26; }
.notice.soft-blue { border-left-color:var(--brand); background:var(--brand-soft); color:#0c5a5a; }
.notice.soft-blue strong { color:#0a4a4a; }
.notice.danger { border-left-color:var(--accent); background:var(--accent-soft); color:#8a3c40; }
.notice.danger strong { color:#6e2c30; }
.cta-panel { display:grid; grid-template-columns:1fr auto; align-items:center; gap:35px; padding:46px; border-radius:24px; background:linear-gradient(135deg,#e4f4f4,#f8fbfb 62%); border:1px solid #c6e4e5; }
.cta-panel h2 { margin-bottom:10px; }
.cta-panel p { margin:0; }
.guide-download-section { padding:72px 0; }
.guide-download-cta { padding:34px 40px; }

.page-hero { padding:74px 0 61px; border-bottom:1px solid #2b4a4c; color:#c6d6d8; background:radial-gradient(680px 340px at 80% 10%,rgba(0,204,204,.22),transparent 65%),linear-gradient(145deg,#0f2a2c,#1a4144); }
.page-hero h1 { color:#f7f8fa; }
.page-hero .breadcrumbs { color:#a9c3c5; }
.page-hero h1 { max-width:850px; margin-bottom:18px; font-size:clamp(37px,4.7vw,54px); }
.page-hero p { max-width:720px; margin:0; font-size:17px; }
.breadcrumbs { margin-bottom:25px; color:var(--muted); font-size:13px; }
.content-breadcrumbs { margin-bottom:34px; }
.breadcrumbs a:hover { color:var(--brand-dark); }
.subnav { position:sticky; top:72px; z-index:30; overflow:auto; border-bottom:1px solid var(--line); background:rgba(255,255,255,.92); backdrop-filter:blur(12px); }
.subnav .container { display:flex; gap:5px; padding-block:10px; }
.subnav a { flex:0 0 auto; padding:7px 11px; border-radius:8px; color:var(--muted); font-size:13px; font-weight:630; }
.subnav a:hover { color:var(--brand-dark); background:var(--surface); }

.detail-row { display:grid; grid-template-columns:250px 1fr; gap:70px; padding:54px 0; border-bottom:1px solid var(--line); }
.detail-row:last-child { border-bottom:0; }
.detail-row h2 { font-size:var(--h2-size); }
.detail-content { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.mini-card { padding:20px; border:1px solid var(--line); border-radius:13px; background:#fff; }
.mini-card b { display:block; margin-bottom:6px; color:var(--ink); }
.mini-card span { color:var(--muted); font-size:13px; }

.guide-toolbar { display:flex; gap:12px; margin:34px 0; }
.search { width:100%; padding:13px 16px; border:1px solid var(--line-strong); border-radius:10px; background:#fff; color:var(--ink); }
.search:focus { outline:3px solid rgba(0,166,166,.2); border-color:var(--brand); }
.filter-row { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px; }
.filter { padding:8px 13px; border:1px solid var(--line); border-radius:99px; background:#fff; color:var(--body); cursor:pointer; font-size:13px; font-weight:650; }
.filter.active,.filter:hover { color:#fff; background:var(--grad); border-color:transparent; }
.guide-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.guide-card { display:flex; min-height:270px; flex-direction:column; }
.guide-card[hidden] { display:none; }
.guide-card .tag { color:var(--brand-dark); font-size:11px; font-weight:780; text-transform:uppercase; letter-spacing:.1em; }
.guide-card h3 { margin:15px 0 10px; }
.guide-card .meta { margin-top:auto; padding-top:22px; color:var(--muted); font-size:12px; }
.guide-card .card-link { margin-top:auto; padding-top:24px; }
.guide-card:hover { transform:translateY(-3px); border-color:rgba(0,166,166,.5); box-shadow:0 16px 40px rgba(20,23,25,.1); }
.guide-choice-list { display:grid; gap:10px; }
.guide-choice-list a { display:grid; grid-template-columns:1fr auto; align-items:center; gap:18px; padding:18px 20px; border:1px solid var(--line); border-radius:13px; background:#fff; }
.guide-choice-list strong { display:block; color:var(--ink); font-size:15px; }
.guide-choice-list span { color:var(--brand-dark); font-size:13px; font-weight:700; }
.guide-choice-list a:hover { border-color:rgba(0,166,166,.5); box-shadow:var(--shadow-sm); }
.placeholder { display:grid; place-items:center; min-height:170px; border:1px dashed #aeb9c7; border-radius:14px; background:repeating-linear-gradient(135deg,#f7f9fc,#f7f9fc 10px,#f1f4f8 10px,#f1f4f8 20px); color:#8a96a6; text-align:center; font-size:13px; }

/* 文章布局 */
.article-hero { padding:64px 0 54px; border-bottom:1px solid #2b4a4c; color:#c6d6d8; background:radial-gradient(680px 340px at 80% 10%,rgba(0,166,166,.24),transparent 65%),linear-gradient(145deg,#0f2a2c,#1a4144); }
.article-hero h1 { color:#f7f8fa; }
.article-hero .breadcrumbs,.article-hero .article-meta { color:#a9c3c5; }
.article-hero h1 { max-width:880px; margin:14px 0 18px; font-size:clamp(36px,5vw,58px); }
.article-hero .article-lead { max-width:780px; margin:0; font-size:18px; }
.article-meta { display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:24px; color:var(--muted); font-size:13px; }
.article-layout { display:grid; grid-template-columns:230px minmax(0,760px); justify-content:space-between; gap:70px; padding-block:64px 90px; }
.article-toc { position:sticky; top:100px; align-self:start; padding:22px; border:1px solid var(--line); border-radius:15px; background:#fff; }
.article-toc strong { display:block; margin-bottom:12px; color:var(--ink); }
.article-toc nav { display:grid; gap:8px; }
.article-toc a { color:var(--muted); font-size:13px; }
.article-toc a:hover { color:var(--brand-dark); }
.article-body { min-width:0; }
.article-body section { scroll-margin-top:110px; margin-bottom:58px; }
.article-body h2 { margin-bottom:20px; font-size:var(--h2-size); }
.article-body h3 { margin:30px 0 10px; }
.article-body p { margin:0 0 17px; }
.article-body ul,.article-body ol { margin:0 0 22px; padding-left:22px; }
.article-body li { margin-bottom:9px; }
.article-body .notice { margin:24px 0; }
.article-body pre { margin:22px 0; padding:18px 20px; overflow:auto; border:1px solid #34393e; border-radius:12px; background:#181b1d; color:#d7e1e5; box-shadow:inset 3px 0 0 var(--teal); font-size:13px; line-height:1.7; }
.article-body code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; background:rgba(14,157,157,.08); padding:1px 6px; border-radius:6px; font-size:.92em; color:#0a7d7d; }
.article-body pre code { background:none; padding:0; color:inherit; }
.step-list { display:grid; gap:14px; margin:24px 0 30px; padding:0!important; list-style:none; counter-reset:tutorial-step; }
.step-list li { counter-increment:tutorial-step; display:grid; grid-template-columns:42px 1fr; gap:15px; margin:0; padding:20px; border:1px solid var(--line); border-radius:14px; background:#fff; }
.step-list li::before { content:counter(tutorial-step,decimal-leading-zero); width:42px; height:42px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--grad); font-size:12px; font-weight:800; box-shadow:0 6px 16px rgba(0,160,160,.22); }
.step-list strong { display:block; margin-bottom:4px; color:var(--ink); }
.step-list p { margin:0; color:var(--muted); font-size:14px; }
.step-figure { width:min(360px,100%); margin:18px auto 30px; }
.step-figure img { display:block; width:100%; height:auto; aspect-ratio:1220 / 2500; object-fit:contain; border:1px solid var(--line); border-radius:10px; background:#f7f9fb; }
.step-figure figcaption { margin-top:9px; color:var(--muted); font-size:12px; line-height:1.6; text-align:center; }
.tutorial-figure { max-width:720px; margin:30px auto; }
.tutorial-figure a { display:block; overflow:hidden; border:1px solid var(--line); border-radius:16px; background:#eef1f3; box-shadow:0 12px 35px rgba(20,23,25,.1); }
.tutorial-figure img { width:100%; height:auto; }
.tutorial-figure figcaption { margin-top:12px; color:var(--muted); text-align:center; font-size:13px; line-height:1.6; }
.data-table { margin:24px 0 30px; }
.article-next { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:60px; padding-top:28px; border-top:1px solid var(--line); }
.article-next a { padding:19px; border:1px solid var(--line); border-radius:13px; background:#fff; color:var(--brand-dark); font-weight:680; }
.article-next .prev { text-align:right; }

.kbd { display:inline-block; min-width:26px; padding:3px 8px; border:1px solid var(--line-strong); border-bottom-width:3px; border-radius:7px; background:#fff; color:var(--ink); font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:12px; font-weight:700; text-align:center; box-shadow:0 1px 0 rgba(20,23,25,.06); }

.about-product { display:grid; grid-template-columns:minmax(230px,300px) minmax(0,1fr); gap:40px; align-items:stretch; }
.about-product > div { grid-column:2; width:100%; max-width:none; }
.about-product-icon { align-self:center; width:130px; height:130px; border-radius:0; background:transparent; box-shadow:none; }
.about-product h2 { margin-bottom:16px; }
.about-product p { max-width:none; }
.about-facts { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; overflow:hidden; margin-top:32px; border:1px solid var(--line); border-radius:14px; background:var(--line); }
.about-fact { padding:17px 19px; background:#fff; }
.about-fact span,.about-fact strong { display:block; }
.about-fact span { margin-bottom:4px; color:var(--muted); font-size:12px; }
.about-fact strong { color:var(--ink); font-size:15px; }
.developer-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.developer-card { min-height:260px; }
.developer-label { display:inline-flex; margin-bottom:24px; padding:6px 10px; border-radius:99px; color:var(--brand-dark); background:var(--brand-soft); font-size:12px; font-weight:750; }
.developer-card h3 { margin:0 0 12px; font-size:27px; }
.developer-card p { color:var(--body); font-size:15px; }
.developer-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }

/* 下载页 */
.download-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:28px; align-items:start; }
.download-panel { padding:38px; border:1px solid var(--line); border-radius:22px; background:#fff; box-shadow:var(--shadow-sm); }
.download-panel h2 { font-size:var(--h2-size); }
.package { margin:24px 0; padding:16px; border-radius:10px; background:var(--surface); font-family:ui-monospace,monospace; font-size:13px; overflow-wrap:anywhere; }
.status { display:inline-flex; gap:8px; align-items:center; padding:6px 10px; border-radius:99px; color:var(--brand-dark); background:var(--brand-soft); font-size:12px; font-weight:700; }
.status::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--teal); }
.download-stage { background:linear-gradient(180deg,#fafbfb,#eff5f5); }
.download-primary { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr); gap:36px; align-items:center; padding:46px; border:1px solid #c9e3e4; border-radius:28px; background:linear-gradient(135deg,#e4f4f4,#fff 62%); box-shadow:0 20px 55px rgba(20,23,25,.08); }
.download-product { display:grid; grid-template-columns:92px 1fr; gap:26px; align-items:start; }
.download-app-icon { width:92px; height:92px; border-radius:0; background:transparent; box-shadow:none; }
.download-product h1,.download-product h2 { margin:15px 0 12px; }
.download-product h1 { font-size:42px; }
.download-product h2 { font-size:var(--h2-size); }
.download-product p { max-width:620px; margin:0; }
.download-highlights { display:flex; flex-wrap:wrap; gap:10px 20px; margin:25px 0 0; padding:0; color:var(--body); list-style:none; font-size:13px; font-weight:650; }
.download-highlights li::before { content:"✓"; margin-right:7px; color:var(--brand-dark); font-weight:800; }
.download-actions-panel { padding-left:8px; }
.download-meta-list { display:grid; gap:9px; margin:0 0 22px; }
.download-meta-list div { display:grid; grid-template-columns:82px 1fr; align-items:baseline; gap:12px; }
.download-meta-list dt { color:var(--muted); font-size:12px; }
.download-meta-list dd { margin:0; color:var(--ink); font-size:13px; font-weight:650; }
.download-buttons { display:grid; gap:10px; }
.download-buttons .button { width:100%; }
.download-caption { margin:15px 0 0; color:var(--muted); font-size:12px; line-height:1.65; }
.install-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:34px; }
.install-step { padding-top:2px; }
.install-step span { display:flex; align-items:center; gap:14px; margin-bottom:25px; color:var(--brand-dark); font-size:13px; font-weight:800; letter-spacing:.12em; }
.install-step span::after { content:""; flex:1; height:2px; background:linear-gradient(90deg,rgba(0,166,166,.42),rgba(10,162,162,.08)); }
.install-step h3 { margin:0 0 10px; font-size:21px; }
.install-step p { margin:0; color:var(--muted); font-size:14px; }

/* 架构选择 */
.arch-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.arch-card { display:flex; flex-direction:column; padding:24px; border:1px solid var(--line); border-radius:16px; background:#fff; }
.arch-card.recommended { border-color:rgba(0,166,166,.55); box-shadow:0 0 0 1px rgba(0,166,166,.3), var(--shadow-sm); }
.arch-card .arch-tag { display:inline-block; align-self:flex-start; margin-bottom:12px; padding:4px 9px; border-radius:99px; color:var(--brand-dark); background:var(--brand-soft); font-size:11px; font-weight:800; letter-spacing:.05em; }
.arch-card.recommended .arch-tag { color:#fff; background:var(--grad); }
.arch-card h3 { margin:0 0 8px; font-size:22px; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.arch-card .arch-abi { color:var(--muted); font-size:12px; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.arch-card p { flex:1; margin:14px 0 18px; font-size:13px; color:var(--body); }
.arch-card .button { font-size:13px; }

.release-list { border-top:1px solid var(--line); }
.release-item { display:grid; grid-template-columns:180px 1fr; gap:42px; padding:28px 4px; border-bottom:1px solid var(--line); }
.release-version strong,.release-version span { display:block; }
.release-version strong { color:var(--brand-dark); font-size:24px; letter-spacing:-.03em; }
.release-version strong a { color:inherit; }
.release-version span { margin-top:5px; color:var(--muted); font-size:11px; }
.release-item h3 { margin:1px 0 8px; font-size:19px; }
.release-item p { max-width:760px; margin:0; color:var(--muted); font-size:14px; }
.verify-list { display:grid; gap:12px; margin:20px 0 0; padding:0; list-style:none; counter-reset:verify; }
.verify-list li { counter-increment:verify; display:grid; grid-template-columns:32px 1fr; gap:10px; }
.verify-list li::before { content:counter(verify); width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:#fff;background:var(--grad);font-size:12px;font-weight:800; }

.faq-list { display:grid; gap:10px; }
.faq { border:1px solid var(--line); border-radius:13px; background:#fff; }
.faq summary { cursor:pointer; list-style:none; padding:20px 52px 20px 22px; color:var(--ink); font-weight:690; position:relative; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:"+"; position:absolute; right:21px; top:18px; color:var(--brand-dark); font-size:22px; font-weight:500; }
.faq[open] summary::after { content:"−"; }
.faq p { margin:0; padding:0 22px 21px; color:#5a6b80; font-size:14px; }

.table-wrap { overflow:auto; border:1px solid var(--line); border-radius:14px; }
table { width:100%; border-collapse:collapse; background:#fff; min-width:650px; }
th,td { padding:15px 17px; border-bottom:1px solid var(--line); text-align:left; font-size:14px; }
th { color:var(--brand-dark); background:var(--surface); }
tr:last-child td { border-bottom:0; }
.pro { color:var(--brand-dark); font-weight:750; }

.site-footer { padding:58px 0 26px; color:#a9c3c5; background:#0b2022; }
.footer-grid { display:grid; grid-template-columns:1.95fr repeat(3,.9fr); gap:45px; }
.site-footer .brand { color:#fff; }
.footer-intro { max-width:380px; margin-top:18px; font-size:13px; }
.footer-title { margin-bottom:13px; color:#dfeaf0; font-size:13px; font-weight:720; }
.footer-links { display:grid; gap:8px; font-size:13px; }
.footer-links a:hover { color:#fff; }
.footer-bottom { display:flex; justify-content:center; margin-top:45px; padding-top:20px; border-top:1px solid rgba(255,255,255,.1); text-align:center; font-size:12px; }

.fade-up { opacity:0; transform:translateY(12px); transition:.55s ease; }
.fade-up.visible { opacity:1; transform:none; }
:focus-visible { outline:3px solid rgba(0,166,166,.38); outline-offset:3px; }

@media (max-width: 960px) {
  .nav-links { display:none; position:fixed; inset:72px 0 auto; padding:16px 20px 25px; flex-direction:column; align-items:stretch; background:#102f31; border-bottom:1px solid rgba(150,190,195,.18); box-shadow:0 18px 40px rgba(6,21,23,.32); }
  .nav-links.open { display:flex; }
  .nav-links a { padding:12px 14px; }
  .nav-cta { margin:5px 0 0; text-align:center; }
  .menu-button { display:block; }
  .hero-grid,.split,.download-grid { grid-template-columns:1fr; }
  .article-layout { grid-template-columns:1fr; gap:35px; }
  .article-toc { position:static; }
  .about-product { grid-template-columns:110px minmax(0,1fr); gap:30px; }
  .about-product > div { grid-column:auto; max-width:none; }
  .about-product-icon { width:110px; height:110px; border-radius:0; }
  .about-facts { grid-template-columns:1fr 1fr; }
  .download-primary { grid-template-columns:1fr; }
  .hero-grid { gap:52px; padding-block:64px; }
  .hero-copy { max-width:720px; }
  .app-visual { width:min(92%,510px); }
  .feature-grid { grid-template-columns:repeat(2,1fr); }
  .scenario-grid,.guide-grid { grid-template-columns:repeat(2,1fr); }
  .arch-grid { grid-template-columns:1fr; }
  .detail-row { grid-template-columns:1fr; gap:20px; }
  .footer-grid { grid-template-columns:1.6fr 1fr 1fr; }
  .footer-grid > :last-child { grid-column:2; }
}
@media (max-width: 680px) {
  .container,.narrow { width:min(calc(100% - 28px),var(--max)); }
  .brand small { display:none; }
  h1 { font-size:38px; }
  .hero-product-name { font-size:54px; }
  .hero-summary { font-size:23px; }
  .hero { min-height:auto; }
  .hero-grid { padding-block:54px; }
  .hero-copy { margin-inline:auto; text-align:center; }
  .hero-summary,.hero-lead { margin-left:auto; margin-right:auto; }
  .hero .actions,.hero .proof-row { justify-content:center; }
  .hero-lead { font-size:16px; }
  .trust-grid { grid-template-columns:1fr 1fr; }
  .trust-item:first-child,.trust-item:last-child { padding-inline:20px; text-align:center; }
  .trust-item:nth-child(2) { border-right:0; }
  .trust-item:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .section { padding-block:70px; }
  .section-head { display:block; text-align:center; }
  .section-head p { margin:14px auto 0; }
  .feature-grid,.scenario-grid,.guide-grid,.detail-content { grid-template-columns:1fr; }
  .overview-split > :first-child { text-align:center; }
  .overview-split > :first-child > p { margin-inline:auto; }
  .overview-split .check-list { text-align:left; }
  .download-primary { padding:28px 22px; }
  .download-product { grid-template-columns:1fr; }
  .download-app-icon { width:76px; height:76px; border-radius:0; }
  .install-steps { grid-template-columns:1fr; gap:28px; }
  .release-item { grid-template-columns:1fr; gap:12px; }
  .cta-panel { grid-template-columns:1fr; padding:30px 24px; text-align:center; }
  .cta-panel .actions { justify-content:center; }
  .page-hero { padding:55px 0 48px; }
  .page-hero h1 { font-size:34px; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .footer-grid > :first-child { grid-column:1 / -1; }
  .footer-grid > :last-child { grid-column:auto; }
  .footer-bottom { flex-direction:column; }
  .article-hero { padding:48px 0 42px; }
  .article-layout { padding-block:44px 70px; }
  .article-next { grid-template-columns:1fr; }
  .about-product { grid-template-columns:1fr; gap:25px; }
  .about-product > div { grid-column:auto; }
  .about-product-icon { width:92px; height:92px; border-radius:0; }
  .developer-grid,.about-facts,.arch-grid { grid-template-columns:1fr; }
  .mock-ui { aspect-ratio:5 / 6.6; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms !important; transition-duration:.01ms !important; }
  .fade-up { opacity:1; transform:none; }
}

/* ========================================================================== 
   ZArchiver品牌重构：视觉语言取自Logo的青柠绿、叶绿与森林绿
   ========================================================================== */

body {
  background:
    radial-gradient(900px 520px at 100% 8%, rgba(89,159,32,.035), transparent 64%),
    var(--bg);
  font-family: "Segoe UI Variable", "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
}

::selection { color:#fff; background:var(--brand-dark); }

.site-header {
  top:0;
  background:rgba(250,250,247,.91);
  border-bottom:1px solid rgba(39,48,43,.11);
  box-shadow:0 8px 30px rgba(22,30,26,.035);
  backdrop-filter:blur(20px) saturate(1.5);
}
.nav { min-height:80px; }
.brand { color:var(--ink); font-size:22px; font-weight:780; }
.brand-mark { width:40px; height:40px; border-radius:11px; box-shadow:0 8px 18px rgba(59,120,0,.15); }
.nav-links { gap:4px; }
.nav-links a { padding:9px 14px; color:#59635e; border-radius:999px; font-size:17px; font-weight:580; }
.nav-links a:hover { color:var(--brand-deep); background:var(--brand-soft); }
.nav-links a[aria-current="page"] { color:var(--brand-deep); background:transparent; box-shadow:none; font-weight:760; }
.nav-cta { margin-left:10px; padding-inline:20px !important; color:#fff !important; box-shadow:0 8px 22px rgba(64,135,0,.20); }
.menu-button { color:var(--ink); }
.menu-button[aria-expanded="true"] span { opacity:0; }
.menu-button[aria-expanded="true"]::before { transform:translateY(7px) rotate(45deg); }
.menu-button[aria-expanded="true"]::after { transform:translateY(-7px) rotate(-45deg); }

.hero {
  min-height:720px;
  isolation:isolate;
  color:var(--body);
  background:
    radial-gradient(circle at 80% 40%, rgba(104,174,42,.13), transparent 27%),
    radial-gradient(circle at 18% 20%, rgba(255,255,255,.92), transparent 33%),
    linear-gradient(120deg,#f8f8f5 0%,#f4f5f1 56%,#eef1e9 100%);
}
.hero::before,
.hero::after {
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:-1;
}
.hero::before {
  width:440px;
  height:440px;
  top:-200px;
  right:-80px;
  border-radius:34% 66% 52% 48%;
  background:linear-gradient(145deg,rgba(103,171,42,.13),rgba(48,85,27,.025));
  transform:rotate(20deg);
}
.hero::after {
  inset:auto auto -180px -160px;
  width:480px;
  height:360px;
  opacity:1;
  mask-image:none;
  background:linear-gradient(145deg,rgba(96,143,60,.07),rgba(96,143,60,0));
  clip-path:polygon(0 22%,100% 0,74% 100%,8% 80%);
}
.hero-grid {
  grid-template-columns:minmax(0,1.08fr) minmax(480px,.92fr);
  gap:48px;
  min-height:644px;
  padding-block:72px 84px;
}
.hero-copy { max-width:690px; }
.hero-product-name {
  max-width:720px;
  margin:0 0 23px;
  color:var(--ink);
  background:linear-gradient(105deg,#17201d 0%,#294b22 58%,#4f8d20 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font-size:clamp(54px,6vw,78px);
  line-height:1.04;
  letter-spacing:-.065em;
}
.hero-product-name em { color:var(--brand-dark); background:none; }
.hero-summary { margin:0 0 18px; color:#303b36; font-size:clamp(26px,2.25vw,32px); line-height:1.3; font-weight:750; letter-spacing:-.025em; }
.hero-lead { max-width:630px; margin-bottom:32px; color:#66706b; font-size:16px; }
.button { min-height:50px; border-radius:999px; }
.hero-download { gap:10px; }
.button-icon { display:grid; place-items:center; width:18px; height:18px; line-height:1; }
.button-icon svg { display:block; }
.download-icon { transition:transform .22s ease; }
.hero-download:hover .download-icon { transform:translateY(2px); }
.button.primary { padding-inline:24px; box-shadow:0 12px 28px rgba(64,135,0,.22); }
.button.primary:hover { box-shadow:0 16px 34px rgba(64,135,0,.30); }
.hero-secondary { color:#2f3934; border-color:#c9cdc5; background:rgba(255,255,255,.78); }
.proof-row { margin-top:28px; color:#6b7570; }
.proof-row span { padding-right:17px; border-right:1px solid #d5d8d1; }
.proof-row span:last-child { border-right:0; }
.proof-row span::before { display:none; }

.hero-product { display:grid; place-items:center; min-width:0; }
.brand-orbit { position:relative; width:100%; max-width:530px; height:auto; aspect-ratio:1 / 1; margin-inline:auto; isolation:isolate; }
.orbit-ring { position:absolute; inset:10%; border:1px solid rgba(74,145,9,.20); border-radius:50%; }
.ring-one::before,.ring-one::after,.ring-two::before { content:""; position:absolute; border-radius:50%; background:var(--brand); box-shadow:0 0 0 7px rgba(99,188,11,.10); }
.ring-one::before { width:9px; height:9px; left:7%; top:23%; }
.ring-one::after { width:7px; height:7px; right:12%; bottom:19%; }
.ring-one { animation:orbit-spin 28s linear infinite; }
.ring-two { inset:23%; border-style:dashed; transform:rotate(18deg); animation:orbit-spin-reverse 21s linear infinite; }
.ring-two::before { width:6px; height:6px; left:74%; top:4%; }
.logo-stage {
  position:absolute;
  inset:21%;
  display:grid;
  place-items:center;
  aspect-ratio:1 / 1;
  border-radius:38px;
  background:rgba(255,255,255,.82);
  box-shadow:0 35px 90px rgba(47,103,10,.20), inset 0 0 0 1px rgba(255,255,255,.8);
  transform:rotate(-4deg);
  overflow:hidden;
  will-change:transform;
  animation:logo-stage-float 6.8s cubic-bezier(.45,.05,.55,.95) infinite;
}
.logo-stage::before { content:""; position:absolute; inset:15px; border:1px solid rgba(79,155,4,.13); border-radius:28px; }
.logo-stage::after { content:""; position:absolute; z-index:2; inset:-38%; pointer-events:none; background:linear-gradient(112deg,transparent 38%,rgba(255,255,255,.48) 49%,transparent 60%); transform:translateX(-58%) rotate(8deg); animation:logo-shine 7.5s ease-in-out infinite; }
.logo-stage img { display:block; width:74%; height:auto; aspect-ratio:1 / 1; object-fit:contain; border-radius:25%; transform:rotate(4deg); filter:drop-shadow(0 16px 24px rgba(42,93,2,.18)); }
.orbit-chip {
  position:absolute;
  z-index:3;
  min-width:112px;
  padding:12px 15px;
  color:var(--ink);
  background:rgba(255,255,255,.91);
  border:1px solid rgba(112,164,76,.22);
  border-radius:16px;
  box-shadow:0 14px 38px rgba(45,91,18,.11);
  backdrop-filter:blur(12px);
}
.orbit-chip b,.orbit-chip small { display:block; }
.orbit-chip b { color:var(--brand-deep); font-size:14px; letter-spacing:.04em; }
.orbit-chip small { margin-top:2px; color:var(--muted); font-size:10px; }
.chip-zip { left:2%; top:16%; transform:rotate(-4deg); animation:chip-float-zip 5.7s ease-in-out infinite; }
.chip-7z { right:-1%; top:27%; transform:rotate(4deg); animation:chip-float-7z 6.4s ease-in-out -1.4s infinite; }
.chip-rar { left:1%; bottom:17%; transform:rotate(3deg); animation:chip-float-rar 6.1s ease-in-out -.8s infinite; }
.chip-safe { right:2%; bottom:14%; transform:rotate(-4deg); animation:chip-float-safe 6.8s ease-in-out -2.1s infinite; }
.privacy-card {
  position:absolute;
  z-index:4;
  left:50%;
  bottom:1%;
  display:flex;
  align-items:center;
  gap:11px;
  width:max-content;
  padding:12px 17px;
  color:var(--ink);
  background:#fff;
  border:1px solid #dce9d3;
  border-radius:17px;
  box-shadow:0 16px 40px rgba(45,91,18,.13);
  transform:translateX(-50%);
  will-change:transform;
  animation:privacy-float 6.2s ease-in-out -1.6s infinite;
}
.privacy-dot { width:12px; height:12px; border-radius:50%; background:var(--brand); box-shadow:0 0 0 6px var(--brand-soft); animation:privacy-pulse 2.8s ease-out infinite; }
.privacy-card b,.privacy-card small { display:block; }
.privacy-card b { font-size:13px; }
.privacy-card small { color:var(--muted); font-size:10px; }

@keyframes orbit-spin {
  from { transform:rotate(0deg); }
  to { transform:rotate(360deg); }
}
@keyframes orbit-spin-reverse {
  from { transform:rotate(18deg); }
  to { transform:rotate(-342deg); }
}
@keyframes logo-stage-float {
  0%,100% { transform:translateY(0) rotate(-4deg); box-shadow:0 35px 90px rgba(47,103,10,.20),inset 0 0 0 1px rgba(255,255,255,.8); }
  50% { transform:translateY(-10px) rotate(-2.8deg); box-shadow:0 44px 100px rgba(47,103,10,.24),inset 0 0 0 1px rgba(255,255,255,.9); }
}
@keyframes logo-shine {
  0%,28% { transform:translateX(-62%) rotate(8deg); opacity:0; }
  40% { opacity:.72; }
  55%,100% { transform:translateX(62%) rotate(8deg); opacity:0; }
}
@keyframes chip-float-zip {
  0%,100% { transform:translateY(0) rotate(-4deg); }
  50% { transform:translateY(-10px) rotate(-2deg); }
}
@keyframes chip-float-7z {
  0%,100% { transform:translateY(0) rotate(4deg); }
  50% { transform:translateY(9px) rotate(2deg); }
}
@keyframes chip-float-rar {
  0%,100% { transform:translateY(0) rotate(3deg); }
  50% { transform:translateY(-8px) rotate(5deg); }
}
@keyframes chip-float-safe {
  0%,100% { transform:translateY(0) rotate(-4deg); }
  50% { transform:translateY(8px) rotate(-2deg); }
}
@keyframes privacy-float {
  0%,100% { transform:translate(-50%,0); }
  50% { transform:translate(-50%,-8px); }
}
@keyframes privacy-pulse {
  0%,100% { box-shadow:0 0 0 5px rgba(114,199,13,.13); }
  50% { box-shadow:0 0 0 10px rgba(114,199,13,0); }
}

@media (prefers-reduced-motion: reduce) {
  .brand-orbit .orbit-ring,.brand-orbit .logo-stage,.brand-orbit .orbit-chip,.brand-orbit .privacy-card,.brand-orbit .privacy-dot { animation:none !important; }
  .logo-stage::after { display:none; }
}

.trust-strip { border:0; background:#fff; box-shadow:0 -1px 0 rgba(28,37,32,.09),0 12px 32px rgba(20,28,24,.035); }
.trust-grid { padding-block:8px; }
.trust-item { padding:25px 20px; border-color:var(--line); }
.trust-item strong { margin-bottom:5px; color:var(--ink); font-size:25px; }
.trust-item span { color:var(--muted); font-size:13px; }

.section { padding-block:104px; }
.section.soft { background:#f1f2ee; }
.section.dark { color:#626b66; background:
  radial-gradient(560px 360px at 92% 20%,rgba(82,139,39,.055),transparent 70%),
  linear-gradient(145deg,#eceee9,#f6f6f3); }
.section.dark h2,.section.dark h3 { color:var(--ink); }
.section.dark .kicker,.scenario .number { color:var(--brand-dark); }
.section-head { align-items:start; }
.section-head > div { max-width:620px; }
.kicker { color:var(--brand-dark); }
.feature-grid { grid-template-columns:repeat(2,1fr); gap:18px; }
.feature-card {
  display:grid;
  grid-template-columns:52px 1fr;
  grid-template-rows:auto 1fr;
  column-gap:19px;
  min-height:170px;
  padding:26px;
  box-shadow:none;
}
.feature-card .icon { grid-row:1 / 3; }
.feature-card h3 { grid-column:2; margin:1px 0 8px; font-size:20px; }
.feature-card p { grid-column:2; color:var(--muted); }
.feature-card:hover,.guide-card:hover { border-color:#b8c8ae; box-shadow:0 18px 44px rgba(25,35,29,.09); }
.icon,.workflow-item strong,.step-list li::before,.verify-list li::before { background:var(--grad); box-shadow:0 7px 18px rgba(66,137,5,.20); }
.overview-split { gap:54px; padding:46px; border:1px solid var(--line); border-radius:30px; background:#fff; box-shadow:var(--shadow-sm); }
.workflow-item { border-color:#e0e2dc; background:#f7f7f4; }
.format-chip { color:#465149; border-color:#d9e0da; box-shadow:none; }
.format-chip.extractable::before,.format-chip.creatable::before { color:var(--brand); }
.scenario { min-height:265px; border-color:#dadcd6; background:rgba(255,255,255,.82); box-shadow:0 10px 28px rgba(25,34,29,.05); }
.scenario p { color:var(--body); }
.scenario a { color:var(--brand-deep); }
.scenario:hover { background:#fff; border-color:#b8c8ae; box-shadow:0 16px 36px rgba(25,35,29,.09); }
.scenario a:hover { color:var(--brand); }
.cta-panel { background:linear-gradient(130deg,#eef1eb,#fafaf7 62%); border-color:#d7dbd3; }
.notice.soft-blue { color:#426234; background:var(--brand-soft); border-left-color:var(--brand); }
.notice.soft-blue strong { color:var(--brand-deep); }

.page-hero,.article-hero {
  position:relative;
  overflow:hidden;
  color:#66706b;
  background:
    radial-gradient(520px 260px at 84% 34%,rgba(87,146,39,.09),transparent 68%),
    linear-gradient(135deg,#f6f6f2,#eef0eb);
  border-bottom:1px solid #dcdfd8;
}
.page-hero::after,.article-hero::after { content:""; position:absolute; right:-60px; bottom:-120px; width:360px; height:250px; background:linear-gradient(145deg,rgba(70,117,39,.07),transparent); clip-path:polygon(18% 0,100% 24%,78% 100%,0 74%); }
.page-hero h1,.article-hero h1 { color:var(--ink); }
.page-hero .breadcrumbs,.article-hero .breadcrumbs,.article-hero .article-meta { color:#71836a; }
.breadcrumbs a:hover,.article-toc a:hover,.card-link { color:var(--brand-dark); }
.subnav { background:rgba(251,252,248,.92); }
.subnav a:hover { color:var(--brand-deep); background:var(--brand-soft); }
.search:focus { outline-color:rgba(92,175,8,.20); border-color:var(--brand); }
.filter.active,.filter:hover { background:var(--grad); }
.guide-choice-list span,.guide-card .tag { color:var(--brand-dark); }
.article-body code { color:var(--brand-deep); background:rgba(92,175,8,.10); }
.article-body pre { border-color:#29431d; background:#13230d; box-shadow:inset 3px 0 0 var(--brand); }
.article-next a { color:var(--brand-dark); }
.developer-label,.status,.arch-card .arch-tag { color:var(--brand-deep); background:var(--brand-soft); }
.download-stage { background:linear-gradient(180deg,#fafaf7,#f1f2ee); }
.download-page .download-stage { background:
  radial-gradient(760px 430px at 8% 22%,rgba(87,146,39,.07),transparent 68%),
  radial-gradient(720px 440px at 94% 34%,rgba(6,151,181,.08),transparent 70%),
  linear-gradient(180deg,#fafaf7,#f1f2ef); }
.download-primary { background:linear-gradient(135deg,#eff3eb,#fff 62%); border-color:#d5ddd0; box-shadow:0 24px 60px rgba(24,35,28,.08); }
.download-app-icon,.about-product-icon { border-radius:24%; filter:drop-shadow(0 14px 24px rgba(46,101,7,.16)); }
.download-intro { max-width:900px; margin-bottom:38px; text-align:center; }
.download-intro h1 { margin:0 0 16px; font-size:clamp(40px,5vw,62px); letter-spacing:-.045em; }
.download-intro p { max-width:780px; margin:0 auto; color:var(--body); font-size:16px; line-height:1.85; }
.download-page .download-intro .kicker { display:inline-flex; align-items:center; gap:8px; color:#31790c; }
.download-page .download-intro .kicker::before,.download-page .download-intro .kicker::after { content:""; width:6px; height:6px; border-radius:50%; background:var(--brand); }
.download-page .download-intro .kicker::after { background:#08aeca; }
.download-page .download-intro h1 { color:transparent; background:linear-gradient(105deg,#202821 12%,#285f24 52%,#08788d 100%); background-clip:text; -webkit-background-clip:text; }
.edition-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; align-items:stretch; }
.edition-card { display:flex; flex-direction:column; padding:34px; border:1px solid var(--line); border-radius:26px; background:#fff; box-shadow:0 18px 50px rgba(24,33,28,.07); }
.edition-card.recommended { border-color:#b8cbaa; background:linear-gradient(145deg,#f7f9f5,#fff 58%); box-shadow:0 18px 50px rgba(35,65,25,.08); }
.edition-card.edition-pro { border-color:#b5d9df; background:linear-gradient(145deg,#f4fafb,#fff 58%); box-shadow:0 18px 50px rgba(8,87,103,.075); }
.edition-card-head { display:grid; grid-template-columns:92px minmax(0,1fr); gap:22px; align-items:center; }
.edition-card-head h2 { margin:11px 0 3px; font-size:30px; letter-spacing:-.035em; }
.edition-version { font:inherit; color:inherit; letter-spacing:inherit; }
.edition-subtitle { margin:0; color:var(--muted); font-size:13px; }
.edition-description { margin:24px 0 0; color:var(--body); }
.edition-features { display:grid; gap:11px; margin:22px 0 26px; padding:0; list-style:none; color:#3f4a41; font-size:14px; }
.edition-features li { display:grid; grid-template-columns:19px 1fr; gap:9px; }
.edition-features li::before { content:"✓"; color:var(--brand-dark); font-weight:850; }
.edition-pro .download-app-icon { filter:drop-shadow(0 14px 24px rgba(0,139,165,.18)); }
.edition-pro .pro-status { color:#00677b; background:#e1f6fa; }
.edition-pro .pro-status::before { background:#08b6d1; }
.edition-pro .edition-features li::before { color:#008aa4; }
.edition-meta { display:flex; flex-wrap:wrap; gap:8px 15px; margin-top:auto; padding-top:20px; border-top:1px solid rgba(67,82,70,.10); color:var(--muted); font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:11px; }
.edition-actions { display:grid; grid-template-columns:1fr; gap:10px; margin-top:auto; padding-top:20px; border-top:1px solid rgba(67,82,70,.10); }
.edition-actions .button { width:100%; padding-inline:17px; }
.pro-button { color:#fff; border-color:transparent; background:linear-gradient(135deg,#08788e,#09b7d1); box-shadow:0 10px 24px rgba(0,135,158,.18); }
.pro-button:hover { color:#fff; background:linear-gradient(135deg,#066b80,#05a6c0); box-shadow:0 12px 28px rgba(0,121,145,.24); }
.download-page #install { background:linear-gradient(180deg,#fff,#fbfcfb); }
.download-page .install-step:nth-child(1) span { color:#4d930f; }
.download-page .install-step:nth-child(1) span::after { background:linear-gradient(90deg,rgba(92,175,8,.46),rgba(92,175,8,.08)); }
.download-page .install-step:nth-child(2) span { color:#16897f; }
.download-page .install-step:nth-child(2) span::after { background:linear-gradient(90deg,rgba(22,137,127,.44),rgba(8,174,202,.09)); }
.download-page .install-step:nth-child(3) span { color:#087e94; }
.download-page .install-step:nth-child(3) span::after { background:linear-gradient(90deg,rgba(8,126,148,.42),rgba(8,174,202,.07)); }
.download-page #security .notice.soft-blue { color:#426062; border-left-color:#0aa7c2; background:linear-gradient(100deg,#e8f7f9,#f0f7eb); }
.download-page #security .notice.soft-blue strong { color:#086f82; }
.download-page #security .notice.soft-green { color:#496145; border-left-color:#69aa2e; background:linear-gradient(100deg,#edf6e8,#f6f8f2); }
.download-page #security .notice.soft-green strong { color:#386d12; }
.download-page .cta-panel { border-color:#d2d9d3; background:linear-gradient(120deg,#eef2eb,#f8f8f5 52%,#edf5f6); }
.download-highlights li::before,.release-version strong,.pro { color:var(--brand-dark); }
.arch-card.recommended { border-color:#94c873; box-shadow:0 0 0 1px rgba(92,175,8,.22),var(--shadow-sm); }
.faq summary::after,th { color:var(--brand-dark); }
th { background:var(--brand-pale); }

.site-footer { color:#69736e; background:linear-gradient(180deg,#e9eae6,#e1e3de); }
.site-footer .brand { color:var(--ink); }
.footer-title { color:#303a32; }
.footer-links a:hover { color:var(--brand-dark); }
.footer-bottom { border-top-color:rgba(47,62,50,.13); color:#737d75; }

:focus-visible { outline-color:rgba(92,175,8,.42); }

@media (max-width:960px) {
  .nav-links { background:rgba(250,250,247,.98); border-bottom-color:#dfe1dc; box-shadow:0 18px 42px rgba(25,34,29,.12); }
  .nav-links a { color:var(--body); }
  .hero-grid { grid-template-columns:1fr; min-height:auto; }
  .hero-copy { margin-inline:auto; text-align:center; }
  .hero-summary,.hero-lead { margin-left:auto; margin-right:auto; }
  .hero .actions,.hero .proof-row { justify-content:center; }
  .brand-orbit { width:min(84vw,520px); }
  .feature-grid { grid-template-columns:1fr 1fr; }
  .edition-grid { grid-template-columns:1fr; max-width:720px; }
}

@media (max-width:680px) {
  .nav { min-height:68px; }
  .nav-links { inset:68px 0 auto; }
  .nav-links a { font-size:16px; }
  .brand { font-size:15px; }
  .brand-mark { width:36px; height:36px; }
  .hero-grid { gap:38px; padding-block:54px 68px; }
  .hero-product-name { font-size:46px; }
  .hero-summary { margin-bottom:15px; font-size:22px; }
  .hero .actions .button { width:100%; }
  .proof-row { gap:8px 12px; }
  .proof-row span { padding-right:12px; }
  .brand-orbit { width:min(96vw,450px); }
  .logo-stage { border-radius:28px; }
  .orbit-chip { min-width:92px; padding:9px 11px; }
  .chip-zip { left:0; }
  .chip-7z { right:0; }
  .chip-rar { left:0; }
  .chip-safe { right:0; }
  .privacy-card { bottom:-2%; }
  .section { padding-block:76px; }
  .feature-grid { grid-template-columns:1fr; }
  .download-intro { margin-bottom:28px; text-align:left; }
  .download-intro h1 { font-size:39px; }
  .edition-card { padding:24px 20px; border-radius:21px; }
  .edition-card-head { grid-template-columns:72px minmax(0,1fr); gap:16px; }
  .edition-card-head .download-app-icon { width:72px; height:72px; }
  .edition-card-head h2 { font-size:25px; }
  .edition-actions { grid-template-columns:1fr; }
  .feature-card { min-height:0; padding:22px; }
  .overview-split { padding:26px 20px; border-radius:22px; }
  .page-hero,.article-hero { padding-block:50px 44px; }
}

/* ========================================================================== 
   统一排版层级：H1、H2、正文、小字
   ========================================================================== */
:root {
  --type-h1: clamp(42px, 5vw, 64px);
  --type-h2: clamp(28px, 3.2vw, 40px);
  --type-body: 16px;
  --type-small: 13px;
}

body,button,input { font-family:"Segoe UI Variable","Segoe UI","PingFang SC","Microsoft YaHei",system-ui,sans-serif; }
body { font-size:var(--type-body); }
p,li,summary,th,td { font-size:var(--type-body); }

h1,
.hero-product-name,
.page-hero h1,
.article-hero h1,
.download-intro h1,
.download-product h1 {
  font-size:var(--type-h1);
  line-height:1.08;
}

h2,
.statement,
.section-head h1,
.narrow > h1,
.detail-row h2,
.article-body h2,
.download-panel h2,
.download-product h2 {
  font-size:var(--type-h2);
  line-height:1.18;
}

.hero-summary { font-size:var(--type-h2); }

h3,
.feature-card h3,
.workflow-item h3,
.scenario h3,
.guide-card h3,
.install-step h3,
.arch-card h3,
.release-item h3,
.release-version strong,
.developer-card h3,
.edition-card-head h2,
.trust-item strong,
.guide-choice-list strong,
.about-fact strong {
  font-size:var(--type-body);
  line-height:1.5;
  font-weight:750;
}

.hero-lead,
.page-hero p,
.article-hero .article-lead,
.card p,
.workflow-item p,
.scenario p,
.developer-card p,
.download-intro p,
.edition-description,
.edition-features,
.install-step p,
.arch-card p,
.release-item p,
.step-list p,
.faq p,
th,td {
  font-size:var(--type-body);
}

.nav-links a,
.button,
.orbit-chip b,
.privacy-card b {
  font-size:var(--type-body);
}

/* 品牌字标作为固定识别元素，独立于正文层级 */
.brand,
.site-footer .brand {
  font-size:22px;
  line-height:1;
  font-weight:780;
}

/* 下载卡片中的产品名称需要高于普通卡片标题 */
.edition-card-head h2 {
  font-size:24px;
  line-height:1.25;
  font-weight:780;
}

.trust-item strong {
  font-size:22px;
  line-height:1.35;
  font-weight:780;
}

.eyebrow,
.kicker,
.proof-row,
.breadcrumbs,
.subnav a,
.card-link,
.workflow-item strong,
.scenario .number,
.scenario a,
.guide-card .tag,
.guide-card .meta,
.guide-choice-list span,
.article-meta,
.article-toc a,
.step-figure figcaption,
.tutorial-figure figcaption,
.about-fact span,
.developer-label,
.status,
.download-highlights,
.download-meta-list dt,
.download-meta-list dd,
.download-caption,
.install-step > span,
.arch-card .arch-tag,
.arch-card .arch-abi,
.arch-card .button,
.release-version span,
.verify-list li::before,
.trust-item span,
.edition-subtitle,
.edition-meta,
.footer-intro,
.footer-title,
.footer-links,
.footer-bottom,
.orbit-chip small,
.privacy-card small {
  font-size:var(--type-small);
}

.format-chip,
.arch-card h3,
.arch-card .arch-abi,
.edition-meta {
  font-family:inherit;
}

@media (max-width:680px) {
  .brand,
  .site-footer .brand { font-size:18px; }
  .edition-card-head h2 { font-size:24px; }
  .trust-item strong { font-size:20px; }
}