/* ===== BuildShop 合规页面样式（Privacy / Terms / Contact）=====
   与 css/main.css 共用设计变量，仅补充正文排版与表单样式 */

/* ---------- 页头 ---------- */
.page-head{background:var(--bg-soft);border-bottom:1px solid var(--line);padding:64px 0 48px}
.page-head .kicker{color:var(--brand);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}
.page-head h1{font-size:2.7rem;line-height:1.12;font-weight:800;letter-spacing:-.02em;margin-bottom:14px}
.page-head .meta{color:var(--muted);font-size:.95rem}
.page-head .meta b{color:var(--ink)}

/* ---------- 正文排版 ---------- */
.legal-wrap{max-width:860px;margin:0 auto;padding:56px 24px 88px}
.legal-wrap h2{font-size:1.5rem;font-weight:800;letter-spacing:-.01em;margin:46px 0 14px;padding-top:8px}
.legal-wrap h2:first-of-type{margin-top:0}
.legal-wrap h3{font-size:1.08rem;font-weight:700;margin:26px 0 8px}
.legal-wrap p{color:#344054;font-size:1.02rem;line-height:1.78;margin-bottom:14px}
.legal-wrap ul{list-style:none;margin:8px 0 18px;padding-left:0}
.legal-wrap ul li{position:relative;padding-left:22px;margin-bottom:10px;color:#344054;line-height:1.72;font-size:1.02rem}
.legal-wrap ul li::before{content:"•";position:absolute;left:4px;color:var(--brand);font-weight:800}
.legal-wrap ul ul{margin:8px 0 4px}
.legal-wrap ul ul li::before{content:"–";color:var(--muted)}
.legal-wrap strong{color:var(--ink);font-weight:700}
.legal-wrap a{color:var(--brand);font-weight:600;text-decoration:none}
.legal-wrap a:hover{text-decoration:underline}

/* ---------- 目录 ---------- */
.toc{background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:22px 26px;margin:0 0 8px}
.toc h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:12px}
.toc ol{margin:0;padding-left:20px;columns:2;column-gap:32px}
.toc li{margin-bottom:7px;font-size:.95rem}
.toc a{color:var(--ink);font-weight:600;text-decoration:none}
.toc a:hover{color:var(--brand)}

/* ---------- 重点声明块 ---------- */
.callout{background:#F4F8FF;border-left:4px solid var(--brand);border-radius:10px;padding:18px 22px;margin:20px 0}
.callout p{margin-bottom:0;color:var(--ink);font-weight:600}
.callout p+p{margin-top:10px;font-weight:400;color:#344054}
.keyline{background:#FFF8E6;border-left:4px solid #F5A524;border-radius:10px;padding:16px 20px;margin:18px 0;color:var(--ink);font-weight:600}

/* ---------- Contact 页 ---------- */
.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:start}
.form-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 30px 26px;box-shadow:0 1px 3px rgba(16,24,40,.04)}
.form-card h2{margin-top:0;font-size:1.35rem}
.form-row{margin-bottom:16px}
.form-row label{display:block;font-weight:600;font-size:.94rem;margin-bottom:6px;color:var(--ink)}
.form-row .req{color:#D92D20}
.form-row input,.form-row textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;font-size:1rem;font-family:inherit;color:var(--ink);background:#fff}
.form-row input:focus,.form-row textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.form-row textarea{min-height:104px;resize:vertical}
.hint{color:var(--muted);font-size:.85rem;margin-top:6px}
.consent{display:flex;gap:11px;align-items:flex-start;background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:15px 16px;margin:6px 0 14px}
.consent input{width:19px;height:19px;margin-top:2px;flex:0 0 auto;accent-color:var(--brand)}
.consent label{font-size:.92rem;line-height:1.6;color:#344054;font-weight:500}
.consent label b{color:var(--ink)}
.disclosure{font-size:.86rem;line-height:1.65;color:var(--muted);margin-bottom:16px}
.disclosure a{color:var(--brand);font-weight:600;text-decoration:none}
.form-msg{display:none;border-radius:10px;padding:13px 16px;font-size:.95rem;font-weight:600;margin-bottom:16px}
.form-msg.ok{display:block;background:#ECFDF3;border:1px solid #ABEFC6;color:#067647}
.form-msg.err{display:block;background:#FEF3F2;border:1px solid #FECDCA;color:#B42318}
.side-cards{display:flex;flex-direction:column;gap:16px}
.side-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 24px}
.side-card h4{font-size:1.02rem;margin-bottom:8px;font-weight:700}
.side-card p{color:var(--muted);font-size:.94rem;line-height:1.65;margin-bottom:10px}
.side-card a{color:var(--brand);font-weight:700;text-decoration:none;font-size:1.02rem}
.side-card .ic{font-size:1.35rem;margin-bottom:10px}

/* 页脚法律链接行的样式统一放在 css/main.css（首页也要用） */

@media (max-width:900px){
  .contact-grid{grid-template-columns:1fr;gap:28px}
  .toc ol{columns:1}
  .page-head{padding:48px 0 36px}
  .page-head h1{font-size:2.05rem}
  .legal-wrap{padding:40px 22px 64px}
  .legal-wrap h2{font-size:1.3rem;margin-top:36px}
}