/* ============================================================
   站点主题：kuailianpoe.com.cn —— 薰衣草 Lavender（暖米白 + 淡薰衣草紫）
   生成日期：2026-10-09
   说明：本文件为「追加覆盖层」，不修改 help.css 与页面内联样式。
   回滚：删除各页 <link rel="stylesheet" href="theme.css"> 即可恢复。
   ============================================================ */
:root{
  --primary:#9177DC;
  --primary-dark:#7158BE;
  --primary-light:#B49CEA;
  --primary-glow:rgba(145,119,220,.22);
  --secondary:#E3D3FB;
  --bg:#FFFCF9;
  --bg-soft:#FBF8FE;
  --bg-purple-soft:#F5F0FE;
  --text:#3B3550;
  --text-muted:#7A7391;
  --line:#EFE8FA;
  --line-purple:rgba(145,119,220,.16);
  --radius:24px;
  --radius-sm:16px;
  --max:1180px;
  --shadow:0 20px 42px rgba(145,119,220,.10);
  --shadow-lg:0 30px 60px rgba(145,119,220,.14);
  --font:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
}
body{font-family:var(--font);line-height:1.85;background:var(--bg)}

/* 顶栏与首屏：柔和薰衣草渐变，文字加轻投影保证可读 */
.topbar{background:linear-gradient(135deg,var(--primary),var(--primary-light),var(--secondary));color:#fff}
.hero{background:linear-gradient(140deg,#6A55BE 0%,#8C74DE 35%,#B49CEA 65%,#DFD2FA 100%)}
.hero h1{color:#fff;letter-spacing:0;text-shadow:0 2px 12px rgba(56,40,100,.22)}
.hero-desc{color:rgba(255,255,255,.92)}

/* 按钮 */
.btn{border-radius:999px}
.btn-primary{background:linear-gradient(135deg,var(--primary-dark),var(--primary));box-shadow:0 14px 30px 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:#FFFCFD;box-shadow:0 8px 22px rgba(145,119,220,.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:84px 0}
.section-purple{background:linear-gradient(180deg,var(--bg-purple-soft),#FFFCF9)}

/* 标题与列表 */
.section-head h2{font-size:clamp(22px,2.9vw,31px);font-weight:800;color:var(--text)}
.legal-doc h2,.guide-body h2{border-left:5px solid var(--primary-light);border-radius:0 14px 14px 0;color:var(--text)}
.step h3::before{background:var(--primary);border-radius:50%}

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

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

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