/* ============================================================
   站点主题：kuailianmis.com.cn —— 樱花 Sakura（米白 + 樱粉）
   生成日期：2026-10-09
   说明：本文件为「追加覆盖层」，不修改 help.css 与页面内联样式。
   回滚：删除各页 <link rel="stylesheet" href="theme.css"> 即可恢复。
   ============================================================ */
:root{
  --primary:#C8739D;
  --primary-dark:#A6527C;
  --primary-light:#DE9CBB;
  --primary-glow:rgba(200,115,157,.22);
  --secondary:#FBDCF0;
  --bg:#FFFDFC;
  --bg-soft:#FDF8FA;
  --bg-purple-soft:#FCF0F7;
  --text:#4C3A44;
  --text-muted:#7F6E76;
  --line:#F5E7EF;
  --line-purple:rgba(200,115,157,.16);
  --radius:14px;
  --radius-sm:10px;
  --max:1280px;
  --shadow:0 14px 32px rgba(200,115,157,.10);
  --shadow-lg:0 24px 48px rgba(200,115,157,.14);
  --font:"Segoe UI",system-ui,"PingFang SC","Microsoft YaHei",sans-serif;
}
body{font-family:var(--font);line-height:1.7;background:var(--bg)}

/* 顶栏与首屏：柔和樱粉渐变，文字加轻投影保证可读 */
.topbar{background:linear-gradient(90deg,var(--primary-dark),var(--primary),var(--secondary));color:#fff}
.hero{background:linear-gradient(100deg,#BA5F86 0%,#D07FA2 35%,#E7A9C2 65%,#FBE0EA 100%)}
.hero h1{color:#fff;letter-spacing:-.3px;font-weight:800;text-shadow:0 2px 12px rgba(96,44,68,.22)}
.hero-desc{color:rgba(255,255,255,.92)}

/* 按钮 */
.btn{border-radius:10px}
.btn-primary{background:linear-gradient(90deg,var(--primary-dark),var(--primary));box-shadow:0 10px 24px 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:#FFFDFD;box-shadow:0 5px 16px rgba(200,115,157,.05);
}
.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:68px 0}
.section-purple{background:linear-gradient(180deg,var(--bg-purple-soft),#FFFDFC)}

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

/* 表格、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:#FFFDFD}
.faq-item[open]{border-color:var(--line-purple);box-shadow:var(--shadow)}
.faq-item summary::after{color:var(--primary)}
.site-footer{background:#4A3742}
.float-btn{border-radius:12px;background:linear-gradient(90deg,var(--primary-dark),var(--primary));box-shadow:0 10px 24px var(--primary-glow)}

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

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