:root { color-scheme: light; font-family: "Microsoft YaHei", system-ui, sans-serif; color: #292c26; background: #f4efe4; }
* { box-sizing: border-box; }
body { margin: 0; background-image: linear-gradient(#dcd4c6 1px, transparent 1px), linear-gradient(90deg, #dcd4c6 1px, transparent 1px); background-size: 32px 32px; }
.legal-shell { width: min(960px, calc(100% - 32px)); margin: 36px auto 80px; background: rgba(255,250,240,.96); border: 1px solid #aaa293; box-shadow: 8px 8px 0 rgba(79,89,69,.13); }
.legal-head { padding: 28px 34px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid #c8c0b2; }
.legal-brand { display: flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; }.legal-brand span { width: 38px; height: 38px; display: grid; place-items: center; color: #fffaf0; background: #59684d; font: 700 22px serif; }.legal-brand b,.legal-brand small { display:block; }.legal-brand small { margin-top: 3px; color:#6d7465; font: 11px Consolas, monospace; letter-spacing: .16em; }
.legal-head nav { display:flex; gap:8px; }.legal-head nav a { padding: 8px 11px; color:#46523e; text-decoration:none; border:1px solid #b6ae9f; font-size:14px; }
.legal-main { padding: 42px 56px 60px; }.legal-main > small { color:#59684d; font:12px Consolas,monospace; letter-spacing:.14em; }.legal-main h1 { margin: 10px 0 8px; font:650 36px Georgia,"Microsoft YaHei",serif; }.legal-main > p { margin:0 0 32px; color:#777267; font-size:15px; }
.legal-main section { padding: 24px 0; border-top:1px solid #d8d0c3; }.legal-main h2 { margin:0 0 12px; font-size:20px; }.legal-main section p,.legal-main li { color:#51554c; font-size:15px; line-height:1.85; }.legal-main ul { margin:8px 0 0; padding-left:20px; }
.legal-note { padding: 14px 16px; color:#4d5945; background:#e7edda; border-left:3px solid #59684d; font-size:14px; line-height:1.7; }
@media (max-width:680px) { .legal-shell { width:calc(100% - 18px); margin-top:10px; }.legal-head { padding:18px; align-items:flex-start; flex-direction:column; }.legal-main { padding:28px 20px 44px; }.legal-main h1 { font-size:30px; } }