/* ============================================================
   lg.css —— 人生指南「换肤层」
   加载顺序：theme.css → lg-core.css（HF 深色基底，保证交互不塌）→ lg.css。
   本文件只改「色 + 形态」，不改 DOM / JS。
   ============================================================ */

/* ---------- 1. 只改令牌：全站组件自动跟随 ---------- */
:root{
  --hf-accent:#A855F7;
  --hf-accent-2:#3ED6D2;
  --hf-accent-3:#FF7AB8;
  --hf-bg:#07060f;
  --hf-surface:#0d0a1b;
  --hf-surface-2:#12102a;
  --hf-surface-3:#171435;
  --hf-line:rgba(190,160,255,.16);
  --hf-line-2:rgba(190,160,255,.3);
  --hf-text:#f2eeff;
  --hf-sub:#c3b8e8;
  --hf-mute:#8b81ad;
  --hf-r:18px;
  /* 底色：紫 / 青 / 粉三颗大光球式渐变，对齐 showcase */
  --hf-grad:
    radial-gradient(900px 560px at 50% -12%, rgba(168,85,247,.24), transparent 62%),
    radial-gradient(760px 520px at 92% 6%,  rgba(62,214,210,.16), transparent 62%),
    radial-gradient(820px 560px at 2% 20%,  rgba(255,122,184,.14), transparent 62%),
    linear-gradient(180deg,#0b0819 0%,#07060f 100%);
}

body{
  background-color:#07060f !important;
  background-image:var(--hf-grad) !important;
  background-attachment:fixed !important;
  font-family:"HarmonyOS Sans SC","PingFang SC","Hiragino Sans GB",
              "Microsoft YaHei",system-ui,-apple-system,sans-serif !important;
}
/* 网格更淡，让光球更突出 */
body::before{opacity:.34 !important}
body::after{
  background:radial-gradient(closest-side,rgba(168,85,247,.28),transparent 100%) !important;
  width:900px;height:460px !important;filter:blur(28px) !important;
}

/* ---------- 2. Hero ---------- */
/* 源 --grad-hero 是 #6d28d9→#2563eb→#06b6d4→#db2777 的亮蓝紫，
   压在深色星空主体上像贴了块广告牌；改成半透明深底 + 左上紫/右青微光，
   与另两页的深空底色连成一片（glassy，不是色块）。 */
/* 用显式 background-image（不用 background 简写）——
   多层 radial + 末尾 !important 的简写在 Chrome 上会被整条丢弃，实测 bg=none */
header.hero{
  background-color:#06040f !important;
  background-image:
    radial-gradient(125% 95% at 10% -10%, rgba(168,85,247,.26), transparent 56%),
    radial-gradient(115% 88% at 96% 2%, rgba(62,214,210,.15), transparent 58%) !important;
  box-shadow:0 22px 55px rgba(0,0,0,.55) !important;
  backdrop-filter:blur(16px) saturate(140%);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
}
.hero{
  padding-top:clamp(58px,8vw,104px) !important;
}
/* 三个彩色 blob 在深底上叠成一条亮横带，压到几乎只留氛围 */
.hero-bg{opacity:.34 !important}
.hero-bg .b4{
  background:radial-gradient(circle at 50% 50%,rgba(251,191,36,.34),transparent 70%) !important;
  opacity:.55 !important;
}
header.hero > .sheen{opacity:.45 !important}
.hero-bg .b1{
  background:radial-gradient(circle at 35% 35%,rgba(168,85,247,.6),transparent 68%) !important;
  filter:blur(56px) !important;
}
.hero-bg .b2{filter:blur(60px) !important}
.hero-bg .b3{filter:blur(64px) !important}
.hero-bg .b4{filter:blur(70px) !important}
.hero-inner{max-width:820px !important;margin:0 auto !important;text-align:center}
.hero h1{
  font-size:clamp(30px,6.4vw,54px) !important;
  letter-spacing:-.02em !important;
  filter:drop-shadow(0 8px 34px rgba(168,85,247,.4)) !important;
}
.hero .badge{
  border-radius:999px !important;
  border:1px solid rgba(190,160,255,.26) !important;
  color:#d9cfff !important;
}
.hero .trust{margin-top:20px}
.hero .trust span{
  border:1px solid rgba(190,160,255,.18) !important;
  color:#c3b8e8 !important;
  border-radius:999px !important;
}

/* ---------- 3. 按钮：showcase 那种「深字 + 高饱和渐变」胶囊 ---------- */
button,.btn{
  border-radius:999px !important;
  padding:11px 24px !important;
  font-weight:700 !important;
  letter-spacing:.01em !important;
}
button.ghost,.btn.ghost{
  background:rgba(255,255,255,.06) !important;
  color:var(--hf-text) !important;
}
button.solid,.btn.solid,.btn.primary,.btn[onclick^="window.print"],#genBtn{
  background:linear-gradient(100deg,#A855F7,#3ED6D2 52%,#FF7AB8) !important;
  color:#0a0714 !important;
  font-weight:900 !important;
  border-color:transparent !important;
  box-shadow:0 14px 34px -12px rgba(168,85,247,.7) !important;
}
button.solid:hover,.btn.solid:hover,#genBtn:hover{filter:brightness(1.07) !important}
.btn-row{display:flex;gap:11px;flex-wrap:wrap;justify-content:center}

/* ---------- 4. 选项卡（人生阶段 / 领域）：改胶囊描边 ---------- */
.opt label{border-radius:14px !important}
.opt input:checked + label{
  background:linear-gradient(120deg,rgba(168,85,247,.22),rgba(62,214,210,.14)) !important;
  border-color:color-mix(in srgb,var(--hf-accent) 62%,transparent) !important;
  box-shadow:0 12px 30px -14px rgba(168,85,247,.75) !important;
}

/* ---------- 5. 推广位 / 底部条：改成霓虹渐变条 ---------- */
.promo{
  border-radius:var(--hf-r) !important;
  border:1px solid rgba(190,160,255,.2) !important;
  background:
    linear-gradient(120deg,rgba(168,85,247,.16),rgba(62,214,210,.1) 46%,rgba(255,122,184,.16)) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.45) !important;
}
.p-tag{border-radius:999px !important;background:rgba(255,255,255,.08) !important}
/* 旧的 .p-cta 是「渐变文字」写法（background-clip:text + 文字填充透明）。
   现在按钮改成「渐变底 + 深色字」，必须显式把填充色打回来，否则文字是透明的 —— 2026-10-05 修 */
.p-cta{
  font-weight:900 !important;
  -webkit-text-fill-color:#08131C !important;
  -webkit-background-clip:border-box !important;background-clip:border-box !important;
}
.ad-strip{
  border-radius:var(--hf-r) !important;
  background:
    linear-gradient(100deg,rgba(168,85,247,.2),rgba(255,122,184,.18)) !important;
  border:1px solid rgba(190,160,255,.22) !important;
}
.as-btn{
  border-radius:999px !important;
  background:linear-gradient(100deg,#A855F7,#FF7AB8) !important;
  color:#0a0714 !important;font-weight:900 !important;
}

/* ---------- 6. 卡片进场（JS 渲染的报告也要动） ---------- */
.hf-rise{animation:lgRise 620ms cubic-bezier(.22,1,.36,1) both}
@keyframes lgRise{
  0%{opacity:0;transform:translateY(16px) scale(.99)}
  100%{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){
  .hf-rise{animation:none !important}
}
/* ---------- 7. 报告区换肤 ----------
   lg-core.css 是浅色基底（--card:#fff 等），报告里大量用 var(--card)/var(--ink)。
   这里只在 #report 作用域内把令牌翻成深色，子类自动跟随，无需逐个改选择器。 */
/* 信息填写区（浅色基底同样翻深） */
#intake,#intake .card,#intake .opt label,#intake input[type=text],
#intake input[type=number],#intake textarea,#intake select{
  --bg:#0b0818; --card:#120e24; --ink:#f2eeff; --sub:#c3b8e8; --muted:#8b81ad;
  --line:rgba(190,160,255,.18); --line-2:rgba(190,160,255,.32);
  --blue-d:#e9e2ff; --blue:#a78bfa; --blue-l:#c4b5fd; --indigo:#a78bfa;
  --violet:#c084fc; --emerald:#34d399; --red:#fb7185;
  --grad-brand:linear-gradient(135deg,#A855F7 0%,#3ED6D2 55%,#FF7AB8 100%);
}
#intake{
  background:#120e24 !important;
  border-color:rgba(190,160,255,.18) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.5) !important;
}
#intake input[type=text],#intake input[type=number],
#intake textarea,#intake select{
  background:rgba(255,255,255,.06) !important;
  color:#f2eeff !important;
  border-color:rgba(190,160,255,.24) !important;
}
#intake input:focus,#intake textarea:focus,#intake select:focus{
  border-color:var(--hf-accent) !important;
  box-shadow:0 0 0 3px rgba(168,85,247,.22) !important;
}
#intake label,#intake .lab,#intake .lab-n,#intake p{color:#d9cfff !important}
#intake .hint,#intake .tip{color:#8b81ad !important}
/* 选项卡片：源样式写死 background:#fff，改深色玻璃，
   选中态改深底描边发光（浅色高亮在深色上会飞白） */
#intake .opt label{
  background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.03)) !important;
  border-color:rgba(190,160,255,.24) !important;
  color:#f2eeff !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
#intake .opt label .d{color:#b9aee0 !important}
#intake .opt label:hover{
  border-color:rgba(190,160,255,.5) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.4) !important;
}
#intake .opt input:checked + label{
  background:linear-gradient(135deg,rgba(168,85,247,.42),rgba(62,214,210,.26)) !important;
  border-color:rgba(214,180,255,.7) !important;
  color:#fff !important;
  box-shadow:0 0 0 2px rgba(168,85,247,.5),0 14px 32px -14px rgba(168,85,247,.9) !important;
}
#intake .opt input:checked + label .d{color:#e6dcff !important}
/* 手机端选项网格收紧，避免 3 列挤成条 */
@media(max-width:560px){
  #intake .opts{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}
  #intake .opt label{padding:11px 11px;font-size:13.5px}
}

#report{
  --bg:#0b0818; --card:#120e24; --ink:#f2eeff; --sub:#c3b8e8; --muted:#8b81ad;
  --line:rgba(190,160,255,.18); --line-2:rgba(190,160,255,.32);
  --blue-d:#e9e2ff; --blue:#a78bfa; --blue-l:#c4b5fd; --indigo:#a78bfa;
  --violet:#c084fc; --emerald:#34d399; --red:#fb7185;
  --grad-brand:linear-gradient(135deg,#A855F7 0%,#3ED6D2 55%,#FF7AB8 100%);
  color:var(--ink);
}
#report .card,#report .mini,#report .curve-wrap,#report .plan,#report .dash{
  background:#120e24 !important;
  border-color:rgba(190,160,255,.18) !important;
}
#report .diag{
  background:linear-gradient(120deg,rgba(168,85,247,.3),rgba(62,214,210,.16)) !important;
  border-color:rgba(190,160,255,.32) !important;
  color:var(--ink) !important;
}
#report .diag b{color:#e9d5ff !important}
#report .mini .t,#report h3.block,#report h4.sub,#report .sub,
#report .h-main,#report .dt-name,#report .bar-name{
  color:#f2eeff !important;
}
#report ul.clean li,#report p,#report li,#report .curve-note,#report .hist-meta{
  color:var(--sub) !important;
}
#report ul.clean li.good{color:var(--sub) !important}
#report .bar-track{background:rgba(190,160,255,.16) !important}
#report .bar-fill{background:var(--grad-brand) !important}
#report .pill,#report .idx-tag{
  background:rgba(255,255,255,.08) !important;
  color:#e9d5ff !important;border-color:rgba(190,160,255,.28) !important;
}
#report .idx-num{
  color:#fff !important;
  text-shadow:0 0 26px rgba(168,85,247,.55);
}
#report .h-idx,#report .n,#report .wk{color:#c3b8e8 !important}
#report .tool,#report .tool-name{color:#e9e2ff !important}
#report .curve-head{color:#f2eeff !important}
#report table th,#report table td{
  border-color:rgba(190,160,255,.16) !important;
  color:var(--sub) !important;
}
#report table th{color:#e9d5ff !important;background:rgba(168,85,247,.12) !important}
#report .warn,#report .err{
  color:#fecdd3 !important;border-color:rgba(251,113,133,.4) !important;
  background:rgba(251,113,133,.12) !important;
}
/* 雷达图 / 推演曲线：浅色网格线换成深底上能看见的淡紫 */
#report .radar-svg *,#report .curve *{
  stroke:rgba(190,160,255,.55) !important;
  fill:none;
}
#report .radar-svg polygon,#report .radar-svg .poly,
#report .curve .up,#report .curve .line{
  stroke:#e9d5ff !important;stroke-width:2.4 !important;
}
#report .curve text{fill:#c3b8e8 !important;stroke:none !important}

@media print{
  body{background:#fff !important;background-image:none !important}
  body::before,body::after,.bg-layer,.bg-grid,.bg-grain,.sitenav,.topbar{display:none !important}
  .hero{background:#fff !important}
  .hero-bg{display:none !important}
  /* 打印必须回到浅色（Word/导出版），整页强制白底黑字 */
  #report,#report *{color:#111 !important;background:transparent !important;
    border-color:#ccc !important;text-shadow:none !important;filter:none !important}
  #report .bar-track{background:#eee !important}
  #report .radar-svg *{stroke:#666 !important}
  #report .curve *{stroke:#444 !important}
  #report .curve text{fill:#333 !important;stroke:none !important}
}

/* ============================================================
   2026-10-05 修正 · 排版 / 配色
   只改「色 + 形态」，不动 DOM / JS。
   ============================================================ */

/* ---------- 1. hero 底部四个框架标签 ----------
   原来 .trust 是 flex + nowrap，四个长中文标题挤成两行密密麻麻、还压着副标题。
   改成等宽卡片网格：两列自适应，点变渐变光点，行距放开。 */
.trust{
  margin-top:22px !important;opacity:1 !important;
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr)) !important;
  gap:10px !important;font-size:13px !important;
}
.trust span{
  display:flex !important;align-items:center;gap:9px;white-space:normal !important;
  padding:10px 14px;border-radius:12px;line-height:1.5;
  background:rgba(255,255,255,.055);border:1px solid rgba(190,160,255,.22);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  color:var(--hf-sub) !important;
}
.trust span:before{
  content:"" !important;width:7px !important;height:7px !important;flex:none;
  border-radius:50% !important;
  background:linear-gradient(135deg,#3ED6D2,#A855F7) !important;
  box-shadow:0 0 10px rgba(62,214,210,.85) !important;
}

/* ---------- 2. 首页推广位（AD · 同系列推荐） ----------
   原版 padding 小、h3 19px 挤、清单 190px 一列导致四项挤在一行、按钮是白底药丸。
   这里重排层级 + 按钮换渐变。 */
.promo{padding:26px 26px 24px !important;border-radius:22px !important;margin-bottom:22px !important}
.promo h3{
  font-size:clamp(17px,2.4vw,21px) !important;line-height:1.5 !important;
  margin:14px 0 8px !important;letter-spacing:.2px;
}
.promo .p-sub{font-size:13.5px !important;line-height:1.8 !important;opacity:.9 !important;max-width:720px;margin-inline:auto !important}
.promo .p-list{
  margin-top:16px !important;gap:10px 16px !important;
  grid-template-columns:repeat(auto-fit,minmax(360px,1fr)) !important;
}
.promo .p-list div{font-size:13px !important;align-items:flex-start !important;line-height:1.6}
.promo .p-list .ck{margin-top:1px}
.promo .p-cta{
  margin-top:20px !important;padding:12px 26px !important;border-radius:999px !important;
  background:linear-gradient(120deg,#A855F7 0%,#6366F1 48%,#3ED6D2 100%) !important;
  color:#08131C !important;font-size:14px !important;font-weight:900 !important;
  box-shadow:0 12px 30px -12px rgba(168,85,247,.85),
             0 0 0 1px rgba(255,255,255,.14) inset !important;
  transition:transform .24s var(--ease),filter .24s !important;
}
.promo .p-cta:hover{transform:translateY(-2px);filter:brightness(1.06)}
.promo .p-foot{font-size:11.5px !important;opacity:.6 !important;margin-top:12px !important}

/* ---------- 3. 「生成我的人生指南」那张卡 ----------
   它没有 id（只有一个 #intake 有），之前 #intake 的深色令牌盖不到它 → 亮白底突兀。 */
.card.intake{
  background:rgba(13,10,27,.92) !important;
  border-color:var(--hf-line) !important;
  box-shadow:0 18px 44px -22px rgba(0,0,0,.9) !important;
}
.card.intake .hint{color:var(--hf-mute) !important}
.card.intake .btn-row{margin-top:2px}

/* ---------- 4. 底部推广条：照搞钱工作台顶部 course-banner 的样式重做 ----------
   原版是暖黄浅底（#fffbeb / #fef3c7）压在深紫页面上像贴了张便签。
   现在改成同款「流动渐变 + 斜向扫光 + 玻璃图标盒 + 白底药丸按钮」。 */
.ad-strip{
  position:relative;overflow:hidden;
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  margin:0 0 22px !important;padding:16px 20px !important;
  border:none !important;border-radius:16px !important;color:#fff !important;
  background:linear-gradient(100deg,#0EA5E9 0%,#6366F1 48%,#A855F7 100%) !important;
  background-size:220% 100% !important;
  animation:cbFlow 7s ease-in-out infinite;
  box-shadow:0 12px 28px -10px rgba(99,102,241,.55) !important;
}
@keyframes cbFlow{0%,100%{background-position:0% 0}50%{background-position:100% 0}}
.ad-strip::after{
  content:"";position:absolute;top:-60%;left:-30%;width:26%;height:220%;
  pointer-events:none;transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
  animation:cbBeam 5s ease-in-out infinite;
}
@keyframes cbBeam{0%{left:-30%}55%,100%{left:135%}}
.ad-strip .as-ico{
  position:relative;z-index:2;
  width:52px !important;height:52px !important;border-radius:15px !important;
  background:linear-gradient(140deg,rgba(255,255,255,.42),rgba(255,255,255,.16)) !important;
  border:1px solid rgba(255,255,255,.55) !important;color:#fff !important;
  font-size:24px !important;font-weight:900;
  box-shadow:0 6px 16px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.5) !important;
  animation:cbFloat 2.8s ease-in-out infinite;
}
@keyframes cbFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-5px) rotate(3deg)}}
.ad-strip .as-main{position:relative;z-index:2;flex:1;min-width:200px}
.ad-strip .as-t{
  color:#fff !important;font-size:clamp(16px,3.4vw,19px) !important;font-weight:900 !important;
  letter-spacing:.4px;text-shadow:0 2px 8px rgba(0,0,0,.22);
}
.ad-strip .as-d{
  color:rgba(255,255,255,.95) !important;font-size:13px !important;
  line-height:1.65 !important;margin-top:5px;text-shadow:0 1px 3px rgba(0,0,0,.18);
}
.ad-strip .as-btn{
  position:relative;z-index:2;flex:none !important;
  background:#fff !important;color:#4F46E5 !important;
  font-size:13.5px !important;font-weight:800 !important;
  padding:10px 20px !important;border-radius:11px !important;
  box-shadow:0 6px 16px rgba(0,0,0,.2) !important;text-decoration:none;
  animation:cbPulse 2.4s ease-in-out infinite;
}
@keyframes cbPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@media (max-width:640px){
  .ad-strip{padding:15px 15px 14px !important}
  .ad-strip .as-btn{width:100% !important;text-align:center;margin-left:0}
  .promo{padding:20px 18px 18px !important}
}

/* AD · 同系列推荐卡：整卡居中对齐（标签 / 标题 / 副文案 / 卖点 / 按钮 / 脚注） */
.promo{text-align:center}
.promo .p-tag,.promo .p-cta{display:inline-flex}
.promo .p-list{justify-items:center}
.promo .p-list div{justify-content:center}
.promo .p-foot{text-align:center}

/* AD 卡主标题：渐变文字 + 霓虹发光，突出「真的能挣到钱」
   注意：渐变文字必须配 -webkit-text-fill-color:transparent，否则看不到；
   但先给一个实色兜底，万一浏览器不支持 background-clip:text 也不至于空白。 */
.promo h3{
  color:#F3ECFF !important;
  font-size:clamp(19px,2.9vw,25px) !important;
  font-weight:900 !important;
  letter-spacing:.4px !important;
  line-height:1.42 !important;
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .promo h3{
    background:linear-gradient(100deg,#FFFFFF 4%,#E9D5FF 28%,#7DD3FC 56%,#F9A8D4 94%) !important;
    -webkit-background-clip:text !important; background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    filter:drop-shadow(0 2px 18px rgba(168,85,247,.5)) !important;
  }
}

/* 关键词「真的能挣到钱」：单独金色高亮（父 h3 是渐变文字，子元素会继承
   -webkit-text-fill-color:transparent，所以这里必须自己再建一层独立的渐变背景，
   否则透出来的是父级那条整体渐变，等于没高亮。） */
.promo h3 .kw{
  background:linear-gradient(96deg,#FFF3C4 0%,#FFD479 38%,#FFB347 72%,#FFE9A8 100%) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  filter:drop-shadow(0 0 12px rgba(255,183,71,.55)) drop-shadow(0 0 3px rgba(255,236,190,.9)) !important;
  font-weight:900 !important;
}

/* ============================================================
   2026-10-07 修正 · 报告区 / 导出区 白底方框统一深空玻璃风格
   问题：lg-core.css 里 .tool / .radar-box / table.plan 偶数行
   / #exportCard 等写死浅色或纯白背景，在深空页面上变白块、文字看不清。
   这里在 #report / #exportCard 作用域内强制翻成深色表面，与
   「各领域得分」等卡片（#120e24 表面 + 紫边玻璃）统一。
   ============================================================ */

/* 1) 决策工具箱：去掉写死的 #fff */
#report .tool{
  background:#120e24 !important;
  border-color:rgba(190,160,255,.22) !important;
  box-shadow:0 14px 30px -18px rgba(0,0,0,.8) !important;
}
#report .tool .name{color:#f2eeff !important}
#report .tool .step{color:var(--sub) !important}

/* 2) 雷达图方框：去掉写死的浅渐变，与卡片同深 */
#report .radar-box{
  background:#120e24 !important;
  border-color:rgba(190,160,255,.2) !important;
}
#report .radar-svg polygon{fill:rgba(168,85,247,.22) !important;
  stroke:#e9d5ff !important;stroke-width:2.4 !important}
#report .radar-svg line{stroke:rgba(190,160,255,.42) !important}
#report .radar-svg text{fill:#c3b8e8 !important;stroke:none !important}

/* 3) 30 天行动蓝图表格：偶数行白底 → 深条纹，整体统一深底 */
#report table.plan td{background:transparent !important;color:var(--sub) !important}
#report table.plan tr:nth-child(even) td{background:rgba(255,255,255,.045) !important}
#report table.plan .wk{background:rgba(168,85,247,.14) !important;color:#c3b8e8 !important}

/* 4) 解锁横幅：统一成深玻璃「免费」徽标（之前无样式，溶进背景） */
#report .unlock-badge{
  display:inline-flex;align-items:center;gap:8px;
  margin:0 0 16px;padding:9px 16px;border-radius:999px;
  font-weight:800;font-size:14px;letter-spacing:.3px;
  color:#c9f7e2 !important;background:linear-gradient(120deg,rgba(16,185,129,.22),rgba(62,214,210,.16)) !important;
  border:1px solid rgba(52,211,153,.42) !important;
}

/* 5) 导出 / 打印报告卡片（在 #report 之外，单独处理） */
#exportCard{
  background:#120e24 !important;border-color:rgba(190,160,255,.18) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.5) !important;
}
#exportCard .hint{color:#8b81ad !important}
#exportCard .hist-panel{
  background:rgba(255,255,255,.04) !important;border-color:rgba(190,160,255,.2) !important;
}
#exportCard .hist-row,#exportCard .hist-panel .h-main{color:#c3b8e8 !important}
#exportCard .hist-row .h-idx{color:#c3b8e8 !important}
#exportCard .hist-empty{color:#8b81ad !important}
#exportCard .pro-note{
  background:rgba(255,255,255,.04) !important;border-color:rgba(190,160,255,.22) !important;
  color:#c3b8e8 !important;
}
#exportCard .pro-note b{color:#e9d5ff !important}