:root { color-scheme:light; --bg:#fff; --fg:#30343b; --muted:#626b76; --border:#e1e4e8; --blue:#2980b9; --side:#343131; --side-text:#dedbdb; --side-width:260px; }
  :root[data-theme="dark"] { color-scheme:dark; --bg:#0f0f0f; --fg:#eef0f3; --muted:#adb4bf; --border:#2c3036; --blue:#75b7e1; }
  * { box-sizing:border-box; }
  body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.5 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif; }
  button, a { -webkit-tap-highlight-color:transparent; }
  a { color:var(--blue); text-underline-offset:3px; }
  button { font:inherit; cursor:pointer; }
  :focus-visible { outline:3px solid var(--blue); outline-offset:3px; }
  .sidebar { width:var(--side-width); height:100vh; height:100dvh; position:fixed; top:0; left:0; z-index:5; background:var(--side); color:var(--side-text); display:flex; flex-direction:column; }
  .brand { display:block; padding:26px 26px 23px; background:#2980b9; color:white; text-decoration:none; }
  .brand strong { display:block; font-size:23px; letter-spacing:.03em; }
  .brand span { display:block; margin-top:4px; font-size:13px; color:#e0f0fa; }
  nav { padding-top:28px; }
  .section-label { padding:0 25px; margin:0 0 12px; font-size:13px; font-weight:600; color:#79b8df; letter-spacing:.06em; }
  .nav-link { display:block; padding:12px 25px; color:var(--side-text); text-decoration:none; font-size:15px; }
  .nav-link[aria-current] { color:#30343b; background:#fcfcfc; border-left:4px solid #2980b9; padding-left:21px; font-weight:600; }
  .sidebar-bottom { margin-top:auto; padding:24px 25px; font-size:13px; border-top:1px solid #4a4646; }
  .sidebar-bottom a { color:var(--side-text); }
  .sidebar-bottom span { color:#aaa4a4; }
  .content { margin-left:var(--side-width); min-width:0; }
  .toolbar { min-height:60px; padding:10px 24px; border-bottom:1px solid var(--border); display:flex; align-items:center; gap:14px; }
  .toggle { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:40px; height:40px; border:1px solid var(--border); border-radius:4px; color:var(--fg); background:var(--bg); font-size:22px; }
  .breadcrumb { font-size:14px; color:var(--muted); display:flex; flex-wrap:wrap; gap:8px; }
  .breadcrumb a { text-decoration:none; }
  .breadcrumb span:last-child { color:var(--fg); }
  .heading { padding:20px 26px 16px; display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:8px 20px; }
  h1 { margin:0; font-size:26px; font-weight:650; letter-spacing:-.025em; }
  .metadata { margin:4px 0 0; font-size:14px; color:var(--muted); }
  .hint { font-size:13px; color:var(--muted); margin:0; }
  footer { padding:12px 26px; border-top:1px solid var(--border); color:var(--muted); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 16px; font-size:13px; }
  footer p { margin:0; }
  .actions { display:flex; align-items:center; gap:14px; }
  .retry { border:0; background:none; color:var(--blue); padding:4px; font-size:13px; text-decoration:underline; }
  .error { color:var(--fg); }
  [hidden] { display:none !important; }
  body.sidebar-hidden .sidebar { display:none; }
  body.sidebar-hidden .content { margin-left:0; }
  .backdrop { display:none; }
  @media(max-width:760px) {
    .content { margin-left:0; }
    .sidebar { box-shadow:8px 0 30px #0003; width:min(260px,78vw); }
    .toolbar { padding:8px 14px; }
    .heading { padding:16px; }
    h1 { font-size:23px; }
    .hint { width:100%; }
    footer { padding:12px 16px; }
    body:not(.sidebar-hidden) .backdrop { display:block; position:fixed; inset:0; z-index:4; border:0; background:#0006; }
  }
  @media(prefers-reduced-motion:no-preference) { .content { transition:margin-left .18s ease; } }

  .sidebar { overflow-y:auto; }
  .nav-group { margin:0 0 14px; }
  .nav-group summary { padding:10px 24px; color:#79b8df; font-size:14px; font-weight:600; cursor:pointer; }
  .nav-group .nav-link { padding-left:38px; }
  .nav-group .nav-link[aria-current] { padding-left:34px; }
  .nav-link:hover { background:#454141; color:#fff; }
  .nav-link[aria-current]:hover { background:#fcfcfc; color:#30343b; }
  .guide { max-width:1100px; margin:0 auto; padding:30px 40px 48px; overflow-wrap:anywhere; }
  .guide .hero { padding-bottom:28px; }
  .guide .eyebrow { margin:0 0 10px; color:var(--muted); font-size:13px; letter-spacing:.08em; }
  .guide h1 { font-size:32px; line-height:1.25; }
  .guide .lead { color:var(--muted); font-size:17px; max-width:820px; margin:16px 0; }
  .guide .hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:22px; }
  .guide .button { display:inline-block; padding:8px 14px; text-decoration:none; border:1px solid var(--border); border-radius:4px; font-size:14px; }
  .guide .button.primary { background:var(--blue); color:var(--bg); border-color:var(--blue); }
  .guide .section { padding:30px 0; border-top:1px solid var(--border); scroll-margin-top:20px; }
  .guide .section-label { color:var(--muted); padding:0; margin-bottom:10px; font-size:13px; text-transform:uppercase; letter-spacing:.07em; }
  .guide h2 { margin:0 0 16px; font-size:25px; font-weight:600; line-height:1.3; }
  .guide h3 { margin:0 0 10px; font-size:19px; font-weight:600; }
  .guide p { margin:0 0 16px; line-height:1.7; }
  .guide .flow { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:24px 0; }
  .guide .flow-node { display:flex; flex:1 1 125px; flex-direction:column; padding:14px; background:color-mix(in srgb,var(--blue) 5%,var(--bg)); border:1px solid var(--border); border-radius:4px; }
  .guide .flow-node span { font-size:13px; color:var(--muted); margin-top:4px; }
  .guide .flow-arrow { color:var(--muted); }
  .guide .note { padding:16px 18px; border-left:3px solid var(--blue); background:color-mix(in srgb,var(--blue) 6%,var(--bg)); margin:24px 0 0; }
  .guide .note strong { display:block; margin-bottom:6px; }
  .guide .step { display:grid; grid-template-columns:32px minmax(0,1fr); gap:16px; padding:22px 0; border-top:1px solid var(--border); }
  .guide .step-number { font-size:13px; color:var(--muted); padding-top:4px; }
  .guide code { font:14px/1.6 Consolas,monospace; }
  .guide pre { margin:14px 0; padding:16px; border:1px solid var(--border); border-radius:4px; background:color-mix(in srgb,var(--fg) 4%,var(--bg)); overflow-x:auto; }
  .guide pre code { white-space:pre; }
  .guide .config-grid, .guide .examples, .guide .warning-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr)); gap:14px; margin:20px 0; }
  .guide .config-grid > div, .guide .card, .guide .warning-grid > div { min-width:0; padding:16px; border:1px solid var(--border); border-radius:4px; }
  .guide .config-grid span, .guide .card-index { display:block; margin-bottom:10px; color:var(--muted); font-size:13px; }
  .guide .config-grid code { overflow-wrap:anywhere; }
  .guide .card p { margin-bottom:0; }
  .guide .warning-grid strong, .guide .warning-grid span { display:block; }
  .guide .warning-grid span { margin-top:8px; }
  .guide .architecture { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:16px 0; font-size:14px; }
  .guide .architecture b { color:var(--muted); }
  .guide .small { font-size:14px; color:var(--muted); }
  .skip-link { position:absolute; left:-10000px; z-index:10; background:var(--bg); padding:10px; }
  .skip-link:focus { left:12px; }
  @media(max-width:760px) { .guide { padding:24px 18px 36px; } .guide h1 { font-size:27px; } .guide h2 { font-size:23px; } .guide .step { grid-template-columns:24px minmax(0,1fr); gap:10px; } }

  .home-page { max-width:1200px; min-height:calc(100vh - 103px); margin:0 auto; padding:40px 40px 80px; }
  .ai-store-section { margin:0 0 30px; padding:0; border:0; }
  .ai-store-section .home-section-head, .ai-store-caption { display:none; }
  .ai-store-image-link { display:block; width:100%; color:inherit; text-decoration:none; }
  .ai-store-original-image { display:none !important; }
  .ai-offers { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
  .ai-offer { display:flex; flex-direction:column; min-width:0; min-height:212px; padding:20px; border:1px solid #e2ddd5; border-radius:18px; background:linear-gradient(145deg,#fdfbf8,#f7f3ec); color:#3a3330; transition:border-color .18s,box-shadow .18s,transform .18s; }
  .ai-store-image-link:hover .ai-offer { border-color:#c9b9a9; }
  .ai-store-image-link:focus-visible { border-radius:18px; }
  .ai-offer-brand { display:flex; align-items:center; gap:8px; color:#7c766e; font-size:11px; white-space:nowrap; }
  .ai-offer-mark { display:inline-grid; width:30px; height:30px; place-items:center; flex-shrink:0; border-radius:9px; background:#e7ebdf; color:#667458; font-size:13px; }
  .ai-offer-title { margin:18px 0 7px; font-size:clamp(20px,2vw,25px); font-weight:700; letter-spacing:-.02em; }
  .ai-offer-desc { font-size:13px; color:#77736d; line-height:1.5; }
  .ai-offer-bottom { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-top:auto; padding-top:20px; }
  .ai-offer-price { display:flex; align-items:baseline; gap:4px; min-width:0; white-space:nowrap; }
  .ai-offer-price b { font-size:clamp(23px,2.3vw,31px); font-weight:750; letter-spacing:-.045em; }
  .ai-offer-price small { font-size:11px; color:#827d75; }
  .ai-offer-go { display:grid; place-items:center; width:32px; height:32px; flex-shrink:0; border-radius:50%; background:#5b453a; color:#fff; font-size:17px; }
  @media(max-width:1100px) { .ai-offers { grid-template-columns:repeat(2,minmax(0,1fr)); } }
  @media(max-width:500px) {
    .ai-offers { gap:10px; }
    .ai-offer { min-height:184px; padding:13px; border-radius:14px; }
    .ai-offer-brand { font-size:10px; white-space:normal; }
    .ai-offer-mark { width:26px; height:26px; }
    .ai-offer-title { margin-top:14px; font-size:20px; }
    .ai-offer-desc { font-size:12px; }
    .ai-offer-bottom { padding-top:12px; }
    .ai-offer-price b { font-size:22px; }
    .ai-offer-go { width:26px; height:26px; font-size:15px; }
  }
  .home-hero { max-width:820px; padding:18px 0 58px; }
  .home-page .eyebrow { margin:0 0 10px; color:var(--muted); font-size:13px; letter-spacing:.08em; }
  .home-page h1 { font-size:46px; line-height:1.1; letter-spacing:-.04em; }
  .home-page .lead { max-width:720px; margin:18px 0 0; color:var(--muted); font-size:18px; line-height:1.7; }
  .home-section { padding-top:34px; border-top:1px solid var(--border); }
  .home-section-head { margin-bottom:18px; }
  .home-section h2 { margin:0; font-size:24px; font-weight:600; }
  .post-card { display:block; padding:24px 0 26px; border-top:1px solid var(--border); color:var(--fg); text-decoration:none; }
  .post-card:last-child { border-bottom:1px solid var(--border); }
  .post-card:hover h3 { color:var(--blue); }
  .post-card-meta { margin-bottom:12px; color:var(--muted); font-size:12px; letter-spacing:.08em; }
  .post-card-body { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; }
  .post-card h3 { margin:0 0 8px; font-size:22px; font-weight:600; transition:color .15s ease; }
  .post-card p { max-width:720px; margin:0; color:var(--muted); line-height:1.7; }
  .post-card-arrow { flex:0 0 auto; padding-top:3px; color:var(--muted); font-size:24px; }
  @media(max-width:760px) {
    .home-page { padding:24px 18px 56px; }
    .ai-store-section { margin-bottom:24px; }
    .home-hero { padding-bottom:40px; }
    .home-page h1 { font-size:36px; }
    .home-page .lead { font-size:17px; }
  }

  .benchmark-page .hero { padding-bottom:34px; }
  .benchmark-tabs-wrap { padding-top:0; padding-bottom:0; }
  .benchmark-tabs { display:flex; gap:8px; border-bottom:1px solid var(--border); }
  .benchmark-tab { appearance:none; border:1px solid var(--border); border-bottom:0; border-radius:6px 6px 0 0; background:color-mix(in srgb,var(--fg) 3%,var(--bg)); color:var(--muted); padding:11px 18px; font:inherit; font-weight:650; cursor:pointer; }
  .benchmark-tab:hover { color:var(--fg); background:color-mix(in srgb,var(--blue) 5%,var(--bg)); }
  .benchmark-tab[aria-selected="true"] { color:var(--fg); background:var(--bg); border-color:color-mix(in srgb,var(--blue) 48%,var(--border)); box-shadow:inset 0 2px 0 var(--blue); }
  .benchmark-tab:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
  .benchmark-panel[hidden] { display:none; }
  .benchmark-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:28px; }
  .benchmark-kpis > div { padding:18px; border:1px solid var(--border); border-radius:6px; background:color-mix(in srgb,var(--blue) 4%,var(--bg)); }
  .benchmark-kpis span, .benchmark-kpis small, .benchmark-grid span, .benchmark-grid small { display:block; }
  .benchmark-kpis span, .benchmark-grid span { color:var(--muted); font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
  .benchmark-kpis strong { display:block; margin-top:7px; font-size:20px; }
  .benchmark-kpis small { margin-top:5px; color:var(--muted); font-size:13px; }
  .perf-bars { display:grid; gap:18px; margin:24px 0 30px; }
  .perf-row { display:grid; grid-template-columns:minmax(180px,230px) minmax(180px,1fr) minmax(120px,145px); align-items:center; gap:16px; }
  .perf-label strong, .perf-label span { display:block; }
  .perf-label span { margin-top:3px; color:var(--muted); font-size:13px; }
  .perf-track { height:14px; overflow:hidden; border-radius:999px; background:color-mix(in srgb,var(--fg) 8%,var(--bg)); }
  .perf-fill { display:block; height:100%; border-radius:999px; background:var(--blue); }
  .perf-value { text-align:right; font-variant-numeric:tabular-nums; font-weight:700; }
  .perf-value span { color:var(--muted); font-size:12px; font-weight:500; }
  .benchmark-table-wrap { width:100%; overflow-x:auto; border:1px solid var(--border); border-radius:6px; }
  .benchmark-table { width:100%; min-width:820px; border-collapse:collapse; font-size:14px; }
  .benchmark-table th, .benchmark-table td { padding:13px 15px; border-bottom:1px solid var(--border); text-align:left; vertical-align:top; }
  .benchmark-table thead th { background:color-mix(in srgb,var(--fg) 4%,var(--bg)); font-size:13px; }
  .benchmark-table tbody th { width:190px; color:var(--muted); font-weight:600; }
  .benchmark-table td { font-variant-numeric:tabular-nums; }
  .benchmark-table tr:last-child th, .benchmark-table tr:last-child td { border-bottom:0; }
  .benchmark-table .highlight-row { background:color-mix(in srgb,var(--blue) 6%,var(--bg)); }
  .benchmark-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:22px 0; }
  .benchmark-grid > div { padding:16px; border:1px solid var(--border); border-radius:6px; }
  .benchmark-grid strong { display:block; margin-top:6px; font-size:18px; }
  .benchmark-grid small { margin-top:4px; color:var(--muted); }
  .benchmark-takeaways { border-top:1px solid var(--border); }
  .benchmark-takeaways article { display:grid; grid-template-columns:34px minmax(0,1fr); gap:14px; padding:20px 0; border-bottom:1px solid var(--border); }
  .benchmark-takeaways article > span { color:var(--muted); font-size:13px; padding-top:2px; }
  .benchmark-takeaways strong { font-size:17px; }
  .benchmark-takeaways p { margin:6px 0 0; color:var(--muted); }
  @media(max-width:860px) {
    .benchmark-kpis, .benchmark-grid { grid-template-columns:1fr 1fr; }
    .perf-row { grid-template-columns:1fr; gap:8px; }
    .perf-value { text-align:left; }
  }
  @media(max-width:560px) {
    .benchmark-kpis, .benchmark-grid { grid-template-columns:1fr; }
  }