:root {
  --primary:#8B5CF6;
  --primary-dark:#6D28D9;
  --accent-red:#EF4444;
  --accent-orange:#F59E0B;
  --accent-green:#22C55E;
  --text-primary:#1E293B;
  --text-secondary:#64748B;
  --border-light:#E2E8F0;
  --bg-alt:#F8FAFC;
  --radius-md:14px;
  --radius-lg:20px;
  --radius-full:9999px;
}
* { box-sizing:border-box; margin:0; padding:0; }
body {
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  background:var(--bg-alt); color:var(--text-primary); line-height:1.6;
}
.page-header {
  position:sticky; top:0; z-index:50;
  background:rgba(255,255,255,.92); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border-light);
  padding:14px 24px; display:flex; align-items:center; justify-content:space-between;
}
.page-logo { display:flex; align-items:center; gap:10px; font-weight:800; font-size:18px; color:var(--text-primary); text-decoration:none; }
.logo-mark {
  width:34px; height:34px; border-radius:10px;
  background:linear-gradient(135deg,#8B5CF6,#e94560);
  display:flex; align-items:center; justify-content:center; color:#fff; font-weight:800; font-size:18px;
}
.page-logo span { background:linear-gradient(135deg,#e94560,#f0a500); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.back-home { font-size:14px; font-weight:600; color:var(--primary); text-decoration:none; padding:8px 16px; border:1px solid var(--border-light); border-radius:var(--radius-full); }
.back-home:hover { background:var(--bg-alt); }
.doc-wrap { max-width:880px; margin:0 auto; padding:48px 24px 80px; }
.doc-hero { text-align:center; margin-bottom:36px; }
.doc-hero h1 { font-size:clamp(26px,4vw,38px); font-weight:800; margin-bottom:10px; }
.doc-hero p { color:var(--text-secondary); font-size:15px; }
.doc-section { background:#fff; border:1px solid var(--border-light); border-radius:var(--radius-lg); padding:28px 32px; margin-bottom:20px; box-shadow:0 2px 10px rgba(0,0,0,.04); }
.doc-section h2 { font-size:18px; font-weight:700; color:var(--primary); margin-bottom:14px; padding-bottom:10px; border-bottom:1px solid var(--border-light); }
.doc-section h3 { font-size:15px; font-weight:700; margin:14px 0 6px; }
.doc-section p { font-size:14px; color:var(--text-secondary); line-height:1.85; margin-bottom:10px; }
.doc-section ul { padding-left:20px; margin-bottom:10px; }
.doc-section li { font-size:14px; color:var(--text-secondary); line-height:1.8; margin-bottom:6px; }
.doc-section strong { color:var(--text-primary); }
.highlight-box { background:rgba(245,158,11,.08); border-left:4px solid var(--accent-orange); padding:14px 16px; border-radius:8px; margin:14px 0; }
.highlight-box p { color:#B45309 !important; margin:0; font-weight:500; }
.disclaimer-box { background:rgba(239,68,68,.06); border:1px solid #FECACA; border-radius:var(--radius-md); padding:24px; margin:20px 0; }
.disclaimer-box h2, .disclaimer-box h3 { color:#B45309; }
.disclaimer-box p, .disclaimer-box li { color:#78350F; }
.contact-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; margin:16px 0; }
.contact-card { background:var(--bg-alt); border:1px solid var(--border-light); border-radius:var(--radius-md); padding:20px; text-align:center; }
.contact-card .c-icon { width:46px; height:46px; border-radius:12px; margin:0 auto 12px; display:flex; align-items:center; justify-content:center; font-size:20px; color:#fff; }
.icon-wechat { background:linear-gradient(135deg,#07C160,#06AD56); }
.icon-qq { background:linear-gradient(135deg,#12B7F5,#0E86D4); }
.icon-email { background:linear-gradient(135deg,#F59E0B,#D97706); }
.icon-time { background:linear-gradient(135deg,#8B5CF6,#7C3AED); }
.contact-card h3 { font-size:15px; margin-bottom:4px; }
.contact-card p { font-size:13px; color:var(--text-secondary); margin-bottom:8px; }
.contact-val { font-size:15px; font-weight:700; color:var(--text-primary); word-break:break-all; }
.wechat-qr { text-align:center; background:rgba(7,193,96,.06); border:1px solid rgba(7,193,96,.2); border-radius:var(--radius-md); padding:24px; margin:16px 0; }
.wechat-qr img { width:180px; height:180px; border-radius:10px; background:#fff; padding:6px; }
.wechat-qr .hint { font-size:13px; color:var(--text-secondary); margin-top:12px; line-height:1.7; }
.wechat-qr .hint strong { color:#07C160; }
.page-footer { text-align:center; padding:32px 24px; color:#94A3B8; font-size:12px; border-top:1px solid var(--border-light); }
.page-footer a { color:var(--primary); text-decoration:none; }
@media (max-width:600px){ .doc-section{padding:20px;} .doc-wrap{padding:32px 16px 60px;} }