:root { --paper:#eee7d8; --paper-light:#f7f1e6; --ink:#173b34; --soft:#52645e; --red:#a3392d; --gold:#b38b4d; --line:rgba(23,59,52,.19); --serif:"Iowan Old Style","Songti SC","STSong",serif; --sans:"Microsoft YaHei UI","PingFang SC",sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper-light); font-family:var(--sans); line-height:1.85; }
a { color:inherit; }
.legal-top { min-height:330px; padding:26px clamp(24px,7vw,110px) 70px; color:var(--paper-light); background:radial-gradient(circle at 80% 10%,rgba(179,139,77,.22),transparent 35%),linear-gradient(125deg,#102f29,#173f36); }
.legal-nav { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.legal-brand { display:flex; align-items:center; gap:12px; color:inherit; text-decoration:none; }
.legal-brand img { width:43px; height:43px; }
.legal-brand b { font:600 20px var(--serif); letter-spacing:.16em; }
.legal-nav > a:last-child { font-size:12px; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.45); }
.legal-title { max-width:1000px; margin:65px auto 0; }
.legal-title span { color:#d3b47b; font:10px Georgia,serif; letter-spacing:.25em; }
.legal-title h1 { margin:8px 0 12px; font:500 clamp(44px,6vw,78px)/1.15 var(--serif); letter-spacing:-.04em; }
.legal-title p { max-width:650px; margin:0; color:rgba(255,255,255,.65); font-size:13px; }
.legal-layout { display:grid; grid-template-columns:220px minmax(0,760px); gap:70px; max-width:1120px; margin:0 auto; padding:80px 30px 120px; }
.legal-toc { position:sticky; top:30px; align-self:start; border-top:2px solid var(--red); padding-top:18px; }
.legal-toc b { display:block; margin-bottom:12px; font:18px var(--serif); }
.legal-toc a { display:block; padding:6px 0; color:var(--soft); font-size:12px; text-decoration:none; }
.legal-toc a:hover { color:var(--red); }
.legal-content section { scroll-margin-top:30px; padding:0 0 42px; margin:0 0 42px; border-bottom:1px solid var(--line); }
.legal-content section:last-child { border-bottom:0; }
.legal-content h2 { margin:0 0 16px; font:500 29px var(--serif); }
.legal-content h2 small { margin-right:12px; color:var(--red); font:italic 16px Georgia,serif; }
.legal-content h3 { margin:25px 0 7px; font:600 18px var(--serif); }
.legal-content p,.legal-content li { color:var(--soft); font-size:14px; }
.legal-content ul { padding-left:1.35em; }
.legal-content strong { color:var(--ink); }
.sensitive-note { padding:22px 24px; border-left:4px solid var(--red); background:#e9deca; }
.sensitive-note p { margin:0; }
.legal-meta { display:flex; flex-wrap:wrap; gap:10px 30px; margin-top:28px; font-size:11px; color:rgba(255,255,255,.55); }
.legal-footer { display:flex; justify-content:space-between; gap:20px; padding:38px clamp(24px,7vw,110px); color:#cbbfa8; background:#0c2924; font-size:12px; }
.legal-footer a { margin-left:18px; }
@media(max-width:760px){ .legal-top{min-height:300px}.legal-layout{grid-template-columns:1fr;padding-top:55px}.legal-toc{position:static;display:none}.legal-title{margin-top:48px}.legal-footer{flex-direction:column}.legal-footer a{margin:0 18px 0 0} }