/* 服务条款 / 隐私政策 / 退款政策 共用样式（站点 CSP 禁止内联 style） */
.legal{max-width:1120px;margin:auto;padding:44px 32px 24px}
.lg-head{max-width:760px;margin:12px 0 28px}
.lg-head h1{font-size:clamp(2rem,4.6vw,2.8rem);line-height:1.15;letter-spacing:-.02em;margin:14px 0 12px}
.lg-lead{font-size:1.02rem;line-height:1.75;color:var(--ink-2);margin:0}
.lg-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px;font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;color:var(--muted)}
.lg-draft{display:inline-flex;align-items:center;padding:2px 8px;border:1px solid rgba(194,65,12,.35);background:var(--accent-soft);color:var(--accent-deep);font-family:var(--sans);font-size:.74rem;font-weight:600;letter-spacing:0}
.lg-tabs{display:flex;gap:0;margin:0 0 30px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.lg-tabs::-webkit-scrollbar{display:none}
.lg-tabs a{padding:10px 16px;margin-bottom:-1px;border-bottom:2px solid transparent;font-size:.92rem;font-weight:550;color:var(--muted);white-space:nowrap}
.lg-tabs a:hover{color:var(--ink)}
.lg-tabs a[aria-current=page]{color:var(--ink);border-bottom-color:var(--accent)}
.lg-grid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:48px;align-items:start}
.lg-toc{position:sticky;top:88px;display:flex;flex-direction:column;gap:2px;font-size:.84rem}
.lg-toc .eyebrow{margin-bottom:10px}
.lg-toc a{padding:6px 10px;border-left:2px solid var(--line);color:var(--muted);line-height:1.45}
.lg-toc a:hover{border-left-color:var(--ink);color:var(--ink)}
.lg-body{max-width:760px;min-width:0}
.lg-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);margin-bottom:36px;background:var(--surface)}
.lg-summary div{padding:18px 18px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.lg-summary b{display:block;font-size:.98rem;font-weight:650;margin-bottom:6px}
.lg-summary span{display:block;font-size:.86rem;line-height:1.65;color:var(--ink-2)}
.lg-summary .ok b::before,.lg-summary .no b::before{display:inline-block;width:18px;font-family:var(--mono)}
.lg-summary .ok b::before{content:"✓";color:var(--ok)}
.lg-summary .no b::before{content:"✕";color:var(--bad)}
.lg-sec{padding:26px 0 8px;border-top:1px solid var(--line-soft);scroll-margin-top:84px}
.lg-sec:first-of-type{border-top:0;padding-top:0}
.lg-sec h2{display:flex;align-items:baseline;gap:12px;font-size:1.2rem;margin:0 0 14px}
.lg-sec h2 .n{font-family:var(--mono);font-size:.74rem;font-weight:500;color:var(--accent-deep)}
.lg-sec p,.lg-sec li{font-size:.96rem;line-height:1.85;color:var(--ink-2)}
.lg-sec p{margin:0 0 12px}
.lg-sec ul,.lg-sec ol{margin:0 0 14px;padding-left:1.3em}
.lg-sec li{margin-bottom:6px}
.lg-sec li::marker{color:var(--faint)}
.lg-sec strong{color:var(--ink);font-weight:650}
.lg-note{margin:6px 0 16px;padding:12px 16px;border-left:3px solid var(--accent);background:#fff8f1;font-size:.9rem;line-height:1.75;color:var(--ink-2)}
.lg-note.draft{border-left-color:var(--faint);background:var(--canvas)}
.lg-table{width:100%;border-collapse:collapse;margin:4px 0 16px;font-size:.9rem}
.lg-table th,.lg-table td{padding:11px 12px 11px 0;border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:top;line-height:1.65}
.lg-table th{font-size:.78rem;font-weight:500;color:var(--muted);border-bottom-color:var(--line)}
.lg-table td:first-child{font-weight:600;color:var(--ink);white-space:nowrap}
.tag-ok,.tag-no{display:inline-block;padding:0 7px;font-size:.78rem;font-weight:600;white-space:nowrap}
.tag-ok{background:var(--ok-bg);color:var(--ok)}
.tag-no{background:var(--bad-bg);color:var(--bad)}
.lg-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 20px;margin-top:44px;padding:22px 0 8px;border-top:1px solid var(--line);font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;color:var(--faint)}
.lg-foot b{padding:0 8px;color:var(--accent);font-weight:400}
.lg-foot nav{display:flex;flex-wrap:wrap;gap:6px 16px;font-family:var(--sans);letter-spacing:0;font-size:.8rem}
.lg-foot nav a{color:var(--muted)}
.lg-foot nav a:hover{color:var(--ink)}
@media(max-width:860px){.lg-grid{grid-template-columns:1fr;gap:0}.lg-toc{display:none}}
@media(max-width:650px){header{height:58px;padding:0 16px}.brand-sub{display:none}.header-right{gap:0}.header-right .ghost{padding:7px 8px;font-size:.8rem}.header-right .primary{margin-left:4px}
.legal{padding:22px 16px 18px}.lg-head{margin-top:4px}.lg-head h1{font-size:1.9rem}.lg-lead{font-size:.96rem}.lg-tabs{margin-bottom:22px}.lg-tabs a{padding:10px 12px;font-size:.88rem}
.lg-sec p,.lg-sec li{font-size:.94rem;line-height:1.8}.lg-table td:first-child{white-space:normal}.lg-table th,.lg-table td{padding-right:8px}.lg-foot{flex-direction:column}}