/* 法务页样式：自带，和 React 官网同一套字体与配色（tokens 抄自 app/src/index.css），不再依赖旧站 style.css */
@font-face{font-family:"Geist";src:url("../fonts/Geist-Variable.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--bg:oklch(.985 .003 250);--fg:oklch(.2 .02 255);--card:#fff;--muted:oklch(.955 .006 250);--sub:oklch(.52 .02 255);--line:oklch(.91 .008 250);--amber:#ffe88a;--amber-ink:#7a5300;--r:10px;
  --sans:"Geist",-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;color-scheme:light}
.dark{--bg:oklch(.17 .015 255);--fg:oklch(.93 .008 250);--card:oklch(.21 .015 255);--muted:oklch(.27 .015 255);--sub:oklch(.7 .015 250);--line:oklch(1 0 0/10%);--amber:#e6c94a;--amber-ink:#3b2a00;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:3px}
.wrap{max-width:1152px;margin:0 auto;padding:0 16px}
@media (min-width:768px){.wrap{padding:0 24px}}
.top{position:sticky;top:0;z-index:10;background:color-mix(in oklab,var(--bg) 82%,transparent);backdrop-filter:blur(12px)}
.top .wrap{display:flex;align-items:center;gap:28px;height:64px}
.top .logo{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;letter-spacing:-.01em;text-decoration:none}
.top .logo::before{content:"";width:28px;height:28px;border-radius:7px;background:var(--fg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='10' width='14' height='5' fill='%23ffe88a'/%3E%3Cpath d='M7 12.5l2.2 2.2L17 7.5' fill='none' stroke='%231e2533' stroke-width='2'/%3E%3C/svg%3E") center/100% no-repeat}
.top .links{display:flex;gap:4px}
.top .links a{padding:6px 10px;border-radius:8px;font-size:14px;color:var(--sub);text-decoration:none}
.top .links a:hover,.top .links a[aria-current]{color:var(--fg);background:var(--muted)}
.top .right{margin-left:auto}
.lang{display:inline-flex;gap:2px;padding:3px;border-radius:9px;background:var(--muted)}
.lang button{border:0;background:none;font:500 13px var(--sans);color:var(--sub);padding:5px 10px;border-radius:6px;cursor:pointer}
html[lang^="zh"] .lang [data-set-lang="zh"],html:not([lang^="zh"]) .lang [data-set-lang="en"]{background:var(--card);color:var(--fg);box-shadow:0 1px 2px rgb(0 0 0/.08)}
@media (max-width:640px){.top .links{display:none}}
.legal{max-width:760px;padding-top:56px;padding-bottom:96px}
.legal h1{font-size:clamp(34px,5vw,48px);line-height:1.1;letter-spacing:-.03em;font-weight:600;margin:0 0 12px}
html[lang^="zh"] .legal h1{letter-spacing:-.01em}
.legal h2{font-size:20px;font-weight:600;letter-spacing:-.015em;margin:44px 0 12px}
.legal h3{font-size:16px;font-weight:600;margin:28px 0 8px}
.legal p,.legal li{font-size:15.5px;line-height:1.75;margin:0 0 12px}
.legal ul,.legal ol{padding-left:22px}
.legal .meta{color:var(--sub);font-size:13.5px;margin-bottom:32px}
.legal table{border-collapse:separate;border-spacing:0;width:100%;margin:12px 0 18px;font-size:14px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.legal th,.legal td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.legal tr:last-child td{border-bottom:0}
.legal th{background:var(--muted);font-weight:600}
.legal .box{border:1px solid var(--line);background:var(--card);border-radius:var(--r);padding:18px 20px;margin:16px 0;box-shadow:0 1px 2px rgb(0 0 0/.04)}
.legal .box.warn{border-color:color-mix(in oklab,var(--amber) 70%,var(--line));background:color-mix(in oklab,var(--amber) 22%,var(--card))}
.legal kbd{font-family:var(--mono);font-size:12.5px;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:0 5px;background:var(--card)}
.legal code{font-family:var(--mono);font-size:13px;background:var(--muted);padding:1px 5px;border-radius:5px}
.legal-foot{display:flex;flex-wrap:wrap;gap:20px;padding-top:20px;padding-bottom:48px;border-top:1px solid var(--line);color:var(--sub);font-size:13.5px}
.legal-foot a{text-decoration:none}.legal-foot a:hover{color:var(--fg)}
html[lang^="zh"] [data-lang="en"]{display:none}
html:not([lang^="zh"]) [data-lang="zh"]{display:none}
@media (max-width:640px){.legal table{display:block;overflow-x:auto}}