/* ============================================================
   站点主题：kuailianawv.com.cn —— 紫藤 Lilac（米白 + 柔紫）
   生成日期：2026-10-09
   说明：本文件为「追加覆盖层」，不修改 help.css 与页面内联样式。
   回滚：删除各页 <link rel="stylesheet" href="theme.css"> 即可恢复。
   ============================================================ */
:root{
  --primary:#8B72D8;
  --primary-dark:#6B50B8;
  --primary-light:#A998E6;
  --primary-glow:rgba(139,114,216,.22);
  --secondary:#D9C9FB;
  --bg:#FFFDFB;
  --bg-soft:#FCF9F6;
  --bg-purple-soft:#F6F1FD;
  --text:#3A3450;
  --text-muted:#7A738F;
  --line:#EDE7F6;
  --line-purple:rgba(139,114,216,.16);
  --radius:16px;
  --radius-sm:12px;
  --max:1200px;
  --shadow:0 16px 34px rgba(139,114,216,.10);
  --shadow-lg:0 26px 52px rgba(139,114,216,.14);
  --font:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
}
body{font-family:var(--font);line-height:1.75;background:var(--bg)}

/* 顶栏与首屏：柔和紫渐变，文字加轻投影保证可读 */
.topbar{background:linear-gradient(90deg,var(--primary),var(--primary-light),var(--secondary));color:#fff}
.hero{background:linear-gradient(135deg,#7E5FC0 0%,#9B7AD4 35%,#C0A2E6 65%,#E4D3F5 100%)}
.hero h1{color:#fff;letter-spacing:-.4px;text-shadow:0 2px 12px rgba(60,40,96,.22)}
.hero-desc{color:rgba(255,255,255,.92)}

/* 按钮 */
.btn{border-radius:12px}
.btn-primary{background:linear-gradient(135deg,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:#FFFDFC;box-shadow:0 6px 18px rgba(139,114,216,.06);
}
.card:hover,.dl-card:hover,.dl-detail-card:hover,.plan:hover,.step:hover,.quote:hover,.sec-item:hover{box-shadow:var(--shadow)}
.card::before,.dl-detail-card::before{background:linear-gradient(90deg,var(--primary-light),var(--secondary))}
.section{padding:74px 0}
.section-purple{background:linear-gradient(180deg,var(--bg-purple-soft),#FFFDFB)}

/* 标题与列表 */
.section-head h2{font-size:clamp(23px,3vw,32px);font-weight:800;letter-spacing:-.2px;color:var(--text)}
.legal-doc h2,.guide-body h2{border-left:4px solid var(--primary-light);color:var(--text)}
.step h3::before{background:var(--primary);border-radius:8px}

/* 表格、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:#FFFDFC}
.faq-item[open]{border-color:var(--line-purple);box-shadow:var(--shadow)}
.faq-item summary::after{color:var(--primary)}
.site-footer{background:#3A3350}
.float-btn{border-radius:999px;background:linear-gradient(135deg,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(217,201,251,.26) 45%,rgba(139,114,216,0) 70%)}
.card .ico,.dl-detail-card .emo,.sec-item .ico{background:linear-gradient(135deg,rgba(139,114,216,.12),rgba(217,201,251,.16))}
.faq-cat{background:rgba(139,114,216,.08);color:var(--primary-dark)}
.qr-card .qr-img{background:linear-gradient(135deg,#F6F1FD,#F0E9FC)}
.footer-grid ul a:hover{color:var(--secondary)}
.map{
  background:
    radial-gradient(700px 400px at 50% 40%,rgba(139,114,216,.06),transparent 70%),
    repeating-radial-gradient(circle at 50% 50%,transparent 0 58px,rgba(139,114,216,.055) 58px 59px),
    repeating-linear-gradient(0deg,transparent 0 44px,rgba(139,114,216,.04) 44px 45px),
    repeating-linear-gradient(90deg,transparent 0 44px,rgba(139,114,216,.04) 44px 45px),
    #FFFDFC;
}
.map-radar{background:conic-gradient(from 0deg,rgba(139,114,216,0) 0deg,rgba(139,114,216,0) 284deg,rgba(139,114,216,.05) 318deg,rgba(139,114,216,.14) 346deg,rgba(139,114,216,.30) 358deg,rgba(139,114,216,0) 360deg)}
.map-origin{background:rgba(139,114,216,.55);box-shadow:0 0 0 5px rgba(139,114,216,.10)}
.map-sonar{border:1.5px solid rgba(139,114,216,.45)}
.map-dot i{box-shadow:0 0 0 6px rgba(139,114,216,.12),0 0 16px rgba(139,114,216,.26)}
.map-dot i::after{border:1.5px solid rgba(139,114,216,.60)}

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