:root{--bg:#FBFAF6;--surface:#fff;--ink:#17251F;--ink2:#506159;--ink3:#7F8C86;--green:#174D3B;--red:#E9614D;--lime:#DFF26D;--border:#D9DDD4}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;line-height:1.7}
.legal-header{border-bottom:1px solid var(--border);background:rgba(251,250,246,.96);position:sticky;top:0;z-index:2}
.legal-header-inner{max-width:900px;margin:auto;padding:17px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.legal-brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:750 16px Inter,Arial,"PingFang SC",sans-serif}.legal-brand>span:last-child{display:grid;gap:1px}.legal-brand small{color:var(--ink3);font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.legal-mark{overflow:hidden;background:#fff url('/yona-chinese-symbol.png') center/126% no-repeat;border:1px solid var(--border);border-radius:9px;color:transparent;font-size:0;box-shadow:0 3px 10px rgba(35,65,59,.1)}
.legal-section{border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--green);padding:6px 10px;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.legal-main{max-width:900px;margin:48px auto;padding:0 24px 70px}.legal-kicker{color:var(--red);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.legal-main h1{margin:8px 0 6px;font:760 clamp(34px,7vw,54px)/1.05 Inter,Arial,"PingFang SC",sans-serif;letter-spacing:-.035em}.legal-updated{color:var(--ink3);font-size:12px;margin-bottom:36px}.legal-intro{font-size:18px;color:var(--ink2);max-width:760px;padding-bottom:26px;border-bottom:1px solid var(--border)}
.legal-main h2{scroll-margin-top:82px;margin:38px 0 8px;font:750 21px Inter,Arial,"PingFang SC",sans-serif}.legal-main h3{margin:22px 0 6px;font-size:15px}.legal-main p,.legal-main li{font-size:14px;color:var(--ink2)}.legal-main ul{padding-left:20px}.legal-main a{color:var(--green);font-weight:700}.legal-note{margin:26px 0;padding:18px 20px;border-left:5px solid var(--lime);background:#EEF1E9}.legal-note strong{color:var(--ink)}
.legal-toc{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 6px;padding:16px;border:1px solid var(--border);border-radius:12px;background:#fff}.legal-toc strong{width:100%;color:var(--ink);font-size:12px}.legal-toc a{padding:5px 9px;border-radius:999px;background:#EEF1E9;text-decoration:none;font-size:11px}.legal-toc a:hover{background:#DFF26D}
.legal-footer{border-top:1px solid var(--border);padding:24px;color:var(--ink3);text-align:center;font-size:11px}.legal-footer a{color:var(--green);font-weight:700;margin:0 7px}
@media(max-width:620px){.legal-header-inner{padding:13px 16px}.legal-main{margin-top:32px;padding:0 18px 50px}.legal-main h1{font-size:38px}.legal-intro{font-size:16px}}