@font-face { font-family:"Barlow"; font-style:normal; font-weight:400; font-display:swap; src:url(/fonts/b/barlow-latin-400-normal.woff2) format("woff2"); }
@font-face { font-family:"Barlow"; font-style:normal; font-weight:500; font-display:swap; src:url(/fonts/b/barlow-latin-500-normal.woff2) format("woff2"); }
@font-face { font-family:"Barlow"; font-style:normal; font-weight:600; font-display:swap; src:url(/fonts/b/barlow-latin-600-normal.woff2) format("woff2"); }
@font-face { font-family:"Barlow Semi Condensed"; font-style:normal; font-weight:500; font-display:swap; src:url(/fonts/bsc/barlow-semi-condensed-latin-500-normal.woff2) format("woff2"); }
@font-face { font-family:"Barlow Semi Condensed"; font-style:normal; font-weight:600; font-display:swap; src:url(/fonts/bsc/barlow-semi-condensed-latin-600-normal.woff2) format("woff2"); }
:root { color-scheme:light;
  --bg:#ffffff; --panel:#ffffff; --wash:#f3f5f8; --fg:#1b2433; --muted:#535e6e; --rule:#1b2433; --line:#c9d0d8;
  --accent:#1b2433; --accent-fg:#ffffff; --link:#1b4f9c; --focus:#1b6fe0;
  --a:#c8102e; --b:#00805a; --bad:#c8102e; --same:#e2f2ea; --moved:#fdf1d4; --diff:#fbe4e7; --view-bg:#eef1f4; --drop:#f3f5f8;
  --font:"Barlow", system-ui, -apple-system, "Segoe UI", sans-serif; --font-label:"Barlow Semi Condensed", "Barlow", system-ui, sans-serif; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { color-scheme:dark;
  --bg:#11161d; --panel:#11161d; --wash:#18202a; --fg:#e1e6ed; --muted:#9ba7b6; --rule:#8793a3; --line:#2d3743;
  --accent:#e1e6ed; --accent-fg:#11161d; --link:#8db8ff; --focus:#8db8ff;
  --a:#ff6b7d; --b:#3cc79a; --bad:#ff8a95; --same:#13301f; --moved:#3a3113; --diff:#3d1b21; --view-bg:#1a212b; --drop:#18202a; } }
:root[data-theme="dark"] { color-scheme:dark;
  --bg:#11161d; --panel:#11161d; --wash:#18202a; --fg:#e1e6ed; --muted:#9ba7b6; --rule:#8793a3; --line:#2d3743;
  --accent:#e1e6ed; --accent-fg:#11161d; --link:#8db8ff; --focus:#8db8ff;
  --a:#ff6b7d; --b:#3cc79a; --bad:#ff8a95; --same:#13301f; --moved:#3a3113; --diff:#3d1b21; --view-bg:#1a212b; --drop:#18202a; }
*, *::before, *::after { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.55 var(--font); font-variant-numeric:tabular-nums; -webkit-font-smoothing:antialiased; }
a { color:var(--link); text-underline-offset:2px; }
:focus-visible { outline:2px solid var(--focus); outline-offset:2px; }
.muted { color:var(--muted); }
.label, caption, th, dt, small.cap { font-family:var(--font-label); }

/* 页头：品牌、导航、右边（反馈、账号、语言）；下面一条墨线 */
.site-header { max-width:1600px; margin:0 auto; padding:12px 24px; display:flex; align-items:center; gap:8px 28px; flex-wrap:wrap; border-bottom:1px solid var(--rule); }
.site-header .brand { font:600 22px/1 var(--font-label); color:var(--fg); text-decoration:none; display:flex; align-items:center; gap:10px; }
.site-header .brand .badge { font:500 12px/1 var(--font-label); color:var(--muted); border:1px solid var(--line); padding:3px 6px; }
.site-nav { display:flex; gap:4px 22px; flex-wrap:wrap; font-size:15px; }
.site-nav a { color:var(--fg); text-decoration:none; padding:4px 0; border-bottom:2px solid transparent; }
.site-nav a:hover { border-bottom-color:var(--line); }
.site-nav a[aria-current="page"] { border-bottom-color:var(--fg); }
.header-right { margin-left:auto; display:flex; align-items:center; gap:14px; font-size:15px; }
.other-lang { color:var(--fg); }
@media (max-width:640px) { .site-header { padding:10px 16px; } .site-nav { order:3; width:100%; } }

/* 页尾 */
.site-footer { max-width:1600px; margin:40px auto 0; padding:14px 24px 32px; border-top:1px solid var(--rule); font-size:14px; }
.site-footer ul { list-style:none; margin:0 0 6px; padding:0; display:flex; flex-wrap:wrap; gap:4px 20px; }
.site-footer a { color:var(--fg); }
@media (max-width:640px) { .site-footer { padding:14px 16px 28px; } }

/* 静态页面：一栏，像一份说明书 */
.site { max-width:780px; margin:0 auto; padding:0 24px; }
@media (max-width:640px) { .site { padding:0 16px; } }
.site h1 { font-size:34px; line-height:1.15; font-weight:600; margin:40px 0 10px; letter-spacing:-.005em; }
.site h2 { font-size:23px; line-height:1.25; font-weight:600; margin:0 0 10px; }
.site h3 { font-size:17px; font-weight:600; margin:18px 0 4px; }
.site section { border-top:1px solid var(--rule); padding:20px 0 28px; }
.site section:first-of-type { margin-top:24px; }
.site .lead { font-size:19px; line-height:1.5; max-width:62ch; }
.site p, .site li { max-width:70ch; }
.site table { border-collapse:collapse; width:100%; margin:10px 0; font-size:15px; }
.site caption { text-align:left; font-weight:600; padding:0 0 6px; }
.site th { font-weight:500; font-size:13px; color:var(--muted); text-align:left; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); padding:5px 10px 5px 0; }
.site td { border-bottom:1px solid var(--line); padding:7px 10px 7px 0; text-align:left; vertical-align:top; }
.site td.c, .site th.c { text-align:center; width:70px; }
.site .no { color:var(--muted); }
.site pre { background:var(--wash); border:1px solid var(--line); padding:10px 12px; overflow-x:auto; font-size:13px; }
.site code { font-size:14px; }
.site details { border-bottom:1px solid var(--line); padding:8px 0; } .site summary { cursor:pointer; font-weight:600; }
.site details p { margin:6px 0 2px; }
.site .note { border-left:3px solid var(--rule); padding:4px 0 4px 14px; }
.site .draft { border-left-color:#d97706; }
.site .button { display:inline-block; font-weight:600; background:var(--accent); color:var(--accent-fg); text-decoration:none; padding:9px 18px; border:1px solid var(--accent); }
.site .button.secondary { background:transparent; color:var(--fg); border-color:var(--rule); }
.site .steps { counter-reset:step; list-style:none; padding:0; margin:12px 0 0; display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); border:1px solid var(--rule); }
.site .steps li { counter-increment:step; padding:10px 14px 14px; border-right:1px solid var(--rule); max-width:none; }
.site .steps li:last-child { border-right:0; }
.site .steps li::before { content:counter(step); display:block; font:600 13px var(--font-label); color:var(--muted); margin-bottom:2px; }
@media (max-width:640px) { .site .steps li { border-right:0; border-bottom:1px solid var(--rule); } .site .steps li:last-child { border-bottom:0; } }
.site .more { display:flex; flex-wrap:wrap; gap:6px 24px; margin-top:14px; }
.site .finds { display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:0 32px; }
.site .finds h3 { margin-top:16px; }
.site .finds p { margin:0; }
/* 价格：标题栏一样的格子 */
.site .plans { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); border:1px solid var(--rule); margin:16px 0; }
.site .plan { padding:10px 14px 14px; border-right:1px solid var(--rule); }
.site .plan:last-child { border-right:0; }
@media (max-width:640px) { .site .plan { border-right:0; border-bottom:1px solid var(--rule); } .site .plan:last-child { border-bottom:0; } }
.site .plan h3 { margin:0; font:600 14px var(--font-label); color:var(--muted); }
.site .plan .price { font-size:32px; font-weight:600; line-height:1.2; margin:4px 0; }
.site .plan p { margin:0; font-size:15px; }
.site .license-text { white-space:pre-wrap; font-size:12px; max-height:320px; overflow:auto; }
mark.todo { background:#fde68a; color:#1b2433; padding:0 3px; }
body[data-route="account"] #site, body[data-route="account"] .site-footer { display:none; }