/* Public website (landing + legal pages), built by scripts/site/build-site.mjs. Colours follow the app's paper style. */
:root{--bg:#F4ECDF;--sheet:#FFFBF4;--ink:#2A1D10;--ink-2:#5E4F3D;--ink-3:#857460;--line:rgba(62,44,24,.14);--accent:#E8892B;--accent-soft:#F8E2C4;--accent-text:#A85710;
 --sans:system-ui,-apple-system,'Segoe UI','PingFang SC','Microsoft YaHei UI','Noto Sans SC',sans-serif;--serif:Georgia,'Songti SC','Noto Serif SC','STSong',serif;color-scheme:light}
html[data-fg-ui=night]{--bg:#211C18;--sheet:#2D2621;--ink:#F1E7D8;--ink-2:#C9B9A2;--ink-3:#A8987F;--line:rgba(241,231,216,.13);--accent:#F0A24A;--accent-soft:#3D2E1E;--accent-text:#F4B76A;color-scheme:dark}
html[lang=zh-CN] [lang=en],html:not([lang=zh-CN]) [lang=zh-CN]{display:none!important}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;background:var(--bg)}
body{color:var(--ink);font:16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--accent-text)}
:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px;border-radius:6px}

.lg-top{display:flex;align-items:center;gap:18px;max-width:1040px;margin:0 auto;padding:18px 24px}
.lg-brand{font:700 24px/1 var(--serif);color:var(--ink);text-decoration:none;margin-right:auto}
.lg-top nav{display:flex;align-items:center;gap:16px}
.lg-top nav a{color:var(--ink);font-weight:700;text-decoration:none}
.lg-lang{border:1.5px solid var(--line);background:var(--sheet);color:var(--ink);border-radius:999px;padding:6px 13px;font:600 14px/1 var(--sans);cursor:pointer}

.lg-doc{max-width:820px;margin:0 auto;padding:12px 24px 40px}
.lg-doc h1{font:700 34px/1.25 var(--serif);margin:18px 0 8px}
.lg-doc h2{font-size:21px;margin:34px 0 10px}
.lg-doc h3{font-size:17px;margin:24px 0 8px}
.lg-doc p,.lg-doc li{color:var(--ink)}
.lg-doc ol,.lg-doc ul{padding-left:1.5em}
.lg-doc li{margin:6px 0}
.lg-doc li>ul,.lg-doc li>ol{margin-top:6px}
.lg-table{overflow-x:auto;margin:14px 0;border:1px solid var(--line);border-radius:12px;background:var(--sheet)}
.lg-table table{border-collapse:collapse;width:100%;font-size:14.5px}
.lg-table th,.lg-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.lg-table tr:last-child td{border-bottom:0}
.lg-table th{background:color-mix(in srgb,var(--accent-soft) 60%,var(--sheet));font-size:13.5px}
.lg-missing{background:#FFD9D2;color:#8A1F11;border-radius:4px;padding:0 4px;font-weight:700}

.lg-foot{max-width:1040px;margin:40px auto 0;padding:24px 24px 36px;border-top:1px solid var(--line);color:var(--ink-2);font-size:14px}
.lg-foot nav{display:flex;flex-wrap:wrap;gap:8px 20px}
.lg-foot a{color:var(--ink-2);text-decoration:none}
.lg-foot a:hover{text-decoration:underline}
.lg-foot p{margin:10px 0 0}

/* landing */
.lg-home .lg-top{position:absolute;inset:0 0 auto;z-index:2;max-width:none;padding:18px 32px}
.lg-home .lg-top :is(.lg-brand,nav a){color:#FBF4E8}
.hm-hero{position:relative;min-height:min(86vh,720px);display:flex;align-items:center;overflow:hidden;background:#2A1D10;color:#FBF4E8}
.hm-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 40%}
.hm-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,16,10,.86) 0%,rgba(24,16,10,.55) 42%,rgba(24,16,10,.05) 75%)}
.hm-text{position:relative;z-index:1;max-width:1040px;width:100%;margin:0 auto;padding:110px 32px 90px}
.hm-text h1{font:700 clamp(40px,6vw,72px)/1.1 var(--serif);margin:0}
.hm-text p{max-width:30em;font-size:19px;color:rgba(251,244,232,.88);margin:16px 0 0}
.hm-text .hm-tagline{font:600 clamp(20px,2.4vw,26px)/1.3 var(--serif);color:#FBF4E8;margin-top:10px}
.hm-text .hm-account{font-size:15px;color:rgba(251,244,232,.78)}
.hm-account a{color:#FBF4E8;text-decoration:underline;text-underline-offset:3px}
.hm-cta{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.hm-btn{padding:13px 22px;border-radius:12px;border:1.5px solid rgba(251,244,232,.7);color:#FBF4E8;font-weight:800;text-decoration:none}
.hm-btn--primary{background:#F0A24A;border-color:#F0A24A;color:#22180E}
.hm-features{max-width:1040px;margin:0 auto;padding:56px 24px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hm-features article{background:var(--sheet);border:1px solid var(--line);border-radius:18px;padding:24px}
.hm-features h2{margin:0 0 6px;font-size:19px}
.hm-features p{margin:0;color:var(--ink-2)}
@media (max-width:760px){
 .hm-features{grid-template-columns:1fr}
 .hm-hero{min-height:0;align-items:flex-end}
 .hm-hero::after{background:linear-gradient(0deg,rgba(24,16,10,.92) 0%,rgba(24,16,10,.6) 60%,rgba(24,16,10,.2) 100%)}
 .hm-text{padding:180px 18px 40px}
 .lg-home .lg-top,.lg-top{padding:14px 16px}
 .lg-doc{padding:8px 16px 30px}
}