/* legal.css — 法律与支持页面（legal / privacy / support / terms） */
.legal-wrap{width:min(760px,90vw);margin:0 auto;padding:48px 0 96px}
.legal-crumb{display:flex;gap:12px;font:500 10px 'DM Mono';letter-spacing:.08em;color:#85887d;margin-bottom:44px;flex-wrap:wrap}
.legal-crumb a{color:var(--orange)}
.legal-hero{margin-bottom:46px}
.legal-hero .eyebrow{color:#6b6d66}
.legal-hero h1{font-size:clamp(44px,6vw,66px);line-height:1.08;letter-spacing:-.08em;margin:16px 0 20px;font-weight:900}
.legal-hero h1 em{font-style:normal;color:var(--orange)}
.legal-hero .dek{font-size:15px;line-height:1.9;color:#666960;max-width:640px;margin:0}
.legal-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:44px}
.legal-tabs a{padding:8px 15px;border:1px solid var(--line);border-radius:999px;color:#5c5f56;font:500 11px 'DM Mono';letter-spacing:.04em;transition:.2s}
.legal-tabs a:hover{border-color:var(--ink);color:var(--ink)}
.legal-tabs a[aria-current="page"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.legal-connect{background:var(--lime);padding:34px 34px 36px;margin:0 0 12px}
.legal-connect .eyebrow{color:#59651b;margin-bottom:14px}
.legal-connect h2{font-size:22px;letter-spacing:-.03em;margin:0 0 18px;font-weight:800}
.legal-connect dl{margin:0;display:grid;gap:14px}
.legal-connect div{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:baseline}
.legal-connect dt{font:500 10px 'DM Mono';letter-spacing:.08em;color:#5c691f}
.legal-connect dd{margin:0;font-size:13px;line-height:1.7;word-break:break-all}
.legal-connect dd a{color:var(--ink);text-decoration:underline;font-weight:700}
.legal-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:44px}
.legal-card{background:#e9e9df;padding:26px 24px 30px;min-height:150px;display:flex;flex-direction:column;position:relative;transition:transform .25s}
.legal-card:hover{transform:translateY(-4px)}
.legal-card .card-index{font:500 10px 'DM Mono';letter-spacing:.1em;color:var(--orange)}
.legal-card h3{font-size:19px;margin:14px 0 8px;letter-spacing:-.03em}
.legal-card p{font-size:12px;line-height:1.8;color:#74776e;margin:0;flex:1}
.legal-card .card-arrow{position:absolute;right:22px;bottom:20px;font-size:18px}
.legal-footnote{margin-top:44px;font:10px 'DM Mono';letter-spacing:.04em;color:#898b82}
.legal-footnote a{color:var(--orange)}
/* 文档正文（privacy / terms） */
.legal-prose{border-top:1px solid var(--line)}
.legal-prose section{padding:34px 0;border-bottom:1px solid var(--line)}
.legal-prose section:first-of-type{padding-top:0}
.legal-prose h3{font-size:23px;letter-spacing:-.04em;margin:0 0 15px;font-weight:800}
.legal-prose p{font-size:14px;line-height:2;color:#5a5d54;margin:0 0 14px}
.legal-prose ul{margin:0;padding:0;list-style:none}
.legal-prose li{position:relative;padding-left:22px;font-size:14px;line-height:1.9;color:#5a5d54;margin-bottom:9px}
.legal-prose li:before{content:'';position:absolute;left:0;top:1em;width:9px;height:2px;background:var(--orange)}
.legal-prose strong{color:var(--ink)}
.legal-prose .updated{font:500 11px 'DM Mono';letter-spacing:.06em;color:#898b82}
.legal-prose a{color:var(--orange);text-decoration:underline}
/* 技术支持页 */
.legal-info{border-top:1px solid var(--line);margin-bottom:54px}
.legal-info>div{display:grid;grid-template-columns:130px 1fr;gap:16px;border-bottom:1px solid var(--line);padding:15px 0;font-size:13px;line-height:1.9;color:#5a5d54}
.legal-info dt,.legal-info .info-key{font:500 10px 'DM Mono';letter-spacing:.08em;color:#72756b;padding-top:2px}
.legal-info a{color:var(--orange);text-decoration:underline}
.legal-faq{margin:0 0 54px}
.legal-faq>div{display:grid;grid-template-columns:64px 1fr;gap:16px;border-bottom:1px solid var(--line);padding:21px 0}
.legal-faq b{font:500 11px 'DM Mono';letter-spacing:.05em;color:var(--orange)}
.legal-faq h3{font-size:16px;letter-spacing:-.02em;margin:0 0 6px;color:var(--ink)}
.legal-faq p{font-size:13px;line-height:1.9;color:#5a5d54;margin:0}
.legal-form{background:#e9e9df;padding:32px 30px 36px}
.legal-form .form-intro{font-size:13px;line-height:1.9;color:#5a5d54;margin:0 0 24px}
.legal-form label{font:500 10px 'DM Mono';letter-spacing:.08em;display:block;margin-bottom:18px;color:#4c4f47}
.legal-form label span{display:block;margin-bottom:9px}
.legal-form input,.legal-form textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--ink);padding:10px 0;font:14px 'Noto Sans SC','Manrope',sans-serif;color:var(--ink);outline:0;resize:vertical}
.legal-form input:focus,.legal-form textarea:focus{border-bottom-color:var(--orange)}
.legal-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.legal-form .form-grid label{margin-bottom:0}
.legal-form .button{width:100%;justify-content:center;gap:14px}
.legal-form .form-note{font:10px 'DM Mono';letter-spacing:.04em;color:#85887d;margin:14px 0 0;line-height:1.8}
.legal-form .form-status{font:500 11px 'DM Mono';letter-spacing:.04em;color:#53601b;margin:16px 0 0;min-height:15px}
@media(max-width:760px){
.legal-wrap{padding:36px 0 80px}
.legal-crumb{margin-bottom:32px}
.legal-hero{margin-bottom:34px}
.legal-tabs{margin-bottom:32px}
.legal-connect{padding:26px 22px 28px}
.legal-connect div{grid-template-columns:1fr;gap:4px}
.legal-card-grid{grid-template-columns:1fr}
.legal-card{min-height:0}
.legal-prose section{padding:26px 0}
.legal-prose h3{font-size:20px}
.legal-info>div{grid-template-columns:1fr;gap:4px}
.legal-faq>div{grid-template-columns:1fr;gap:6px}
.legal-form{padding:24px 20px 28px}
.legal-form .form-grid{grid-template-columns:1fr;gap:18px}
}
