/* ============================================================
   站点主题：kuailianroe.com.cn —— 雾紫 Mauve（冷米白 + 灰紫）
   生成日期：2026-10-09
   说明：本文件为「追加覆盖层」，不修改 help.css 与页面内联样式。
   回滚：删除各页 <link rel="stylesheet" href="theme.css"> 即可恢复。
   ============================================================ */
:root{
  --primary:#8A76C9;
  --primary-dark:#6D59A8;
  --primary-light:#A996DC;
  --primary-glow:rgba(138,118,201,.22);
  --secondary:#E0D6F5;
  --bg:#FDFCFA;
  --bg-soft:#FAF8FD;
  --bg-purple-soft:#F4F0FB;
  --text:#3D3852;
  --text-muted:#78738C;
  --line:#E9E4F3;
  --line-purple:rgba(138,118,201,.16);
  --radius:18px;
  --radius-sm:12px;
  --max:1240px;
  --shadow:0 18px 38px rgba(138,118,201,.10);
  --shadow-lg:0 28px 58px rgba(138,118,201,.15);
  --font:-apple-system,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;
}
body{font-family:var(--font);line-height:1.78;background:var(--bg)}

/* 顶栏与首屏：柔和雾紫渐变，文字加轻投影保证可读 */
.topbar{background:linear-gradient(45deg,var(--primary),var(--primary-light),var(--secondary));color:#fff}
.hero{background:linear-gradient(120deg,#6F5AA8 0%,#8C74C6 35%,#B39DDC 65%,#DCD2F0 100%)}
.hero h1{color:#fff;letter-spacing:-.3px;text-shadow:0 2px 12px rgba(58,44,88,.22)}
.hero-desc{color:rgba(255,255,255,.92)}

/* 按钮 */
.btn{border-radius:999px}
.btn-primary{background:linear-gradient(90deg,var(--primary-dark),var(--primary));box-shadow:0 12px 26px var(--primary-glow)}
.btn-white{color:var(--primary-dark)}
.btn-soft{background:var(--bg-purple-soft);color:var(--primary-dark);border:1px solid var(--line-purple)}

/* 卡片与区块 */
.card,.dl-card,.dl-detail-card,.plan,.step,.quote,.sec-item{
  border-radius:var(--radius-sm);border:1px solid var(--line);
  background:#FCFBFE;box-shadow:0 7px 20px rgba(138,118,201,.06);
}
.card:hover,.dl-card:hover,.dl-detail-card:hover,.plan:hover,.step:hover,.quote:hover,.sec-item:hover{box-shadow:var(--shadow-lg)}
.card::before,.dl-detail-card::before{background:linear-gradient(90deg,var(--primary-light),var(--secondary))}
.section{padding:78px 0}
.section-purple{background:linear-gradient(180deg,var(--bg-purple-soft),#FDFCFA)}

/* 标题与列表 */
.section-head h2{
  font-size:clamp(23px,3vw,32px);font-weight:800;color:var(--text);
  border-bottom:2px solid var(--line-purple);padding-bottom:12px;display:inline-block;
}
.legal-doc h2,.guide-body h2{border-left:3px solid var(--primary-light);color:var(--text)}
.step h3::before{background:var(--primary);border-radius:10px}
.guide-body ol li::marker{color:var(--primary)}

/* 表格、FAQ、页脚、悬浮按钮 */
.mini-table th,.req-table th{background:var(--bg-purple-soft);color:var(--primary-dark)}
.faq-item{border-radius:var(--radius-sm);border:1px solid var(--line);background:#FCFBFE}
.faq-item[open]{border-color:var(--line-purple);box-shadow:var(--shadow)}
.faq-item summary::after{color:var(--primary)}
.site-footer{background:#3B3550}
.float-btn{border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--primary-light));box-shadow:0 12px 28px var(--primary-glow)}

/* 收敛内联样式里残留的硬编码紫色 */
.btn-white{color:var(--primary-dark)}
.hero-glow{background:radial-gradient(circle,rgba(255,255,255,.30) 0%,rgba(224,214,245,.26) 45%,rgba(138,118,201,0) 70%)}
.card .ico,.dl-detail-card .emo,.sec-item .ico{background:linear-gradient(135deg,rgba(138,118,201,.12),rgba(224,214,245,.18))}
.faq-cat{background:rgba(138,118,201,.08);color:var(--primary-dark)}
.qr-card .qr-img{background:linear-gradient(135deg,#F4F0FB,#EEE8F8)}
.footer-grid ul a:hover{color:var(--secondary)}
.map{
  background:
    radial-gradient(700px 400px at 50% 40%,rgba(138,118,201,.06),transparent 70%),
    repeating-radial-gradient(circle at 50% 50%,transparent 0 58px,rgba(138,118,201,.055) 58px 59px),
    repeating-linear-gradient(0deg,transparent 0 44px,rgba(138,118,201,.04) 44px 45px),
    repeating-linear-gradient(90deg,transparent 0 44px,rgba(138,118,201,.04) 44px 45px),
    #FCFBFE;
}
.map-radar{background:conic-gradient(from 0deg,rgba(138,118,201,0) 0deg,rgba(138,118,201,0) 284deg,rgba(138,118,201,.05) 318deg,rgba(138,118,201,.14) 346deg,rgba(138,118,201,.30) 358deg,rgba(138,118,201,0) 360deg)}
.map-origin{background:rgba(138,118,201,.55);box-shadow:0 0 0 5px rgba(138,118,201,.10)}
.map-sonar{border:1.5px solid rgba(138,118,201,.45)}
.map-dot i{box-shadow:0 0 0 6px rgba(138,118,201,.12),0 0 16px rgba(138,118,201,.26)}
.map-dot i::after{border:1.5px solid rgba(138,118,201,.60)}

/* 栅格：桌面端自适应多列，移动端仍保持单列 */
@media (min-width:901px){
  .steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
}