/* ══════════════════════════════════════════════════════════════════
   skin-v108.css — 全站统一皮肤层（对齐首页 v90 深蓝体系）
   加载位置：style.css / home-v90.css / exam.css / eval.css 之后
   作用：把各模板里残留的「v75 靛紫主题」「橙色按钮」「浅色 banner」
        统一收敛到首页的深蓝 + 蓝渐变 + 20px 圆角体系
   作者：v108 全站风格统一
   ══════════════════════════════════════════════════════════════════ */

/* ── 0. 设计令牌：把 v75 靛紫/橙色令牌重映射到深蓝体系 ───────────── */
:root{
  --v75-indigo:#1668E3;
  --v75-indigo-600:#0E4FBF;
  --v75-indigo-400:#3E8BFF;
  --v75-violet:#0E4FBF;
  --v75-ink:#0A1B36;
  --v75-orange:#1668E3;
  --v75-orange-400:#3E8BFF;
  --v75-amber:#1668E3;
  --v75-bg:#F5F7FA;
  --v75-bg-alt:#EEF3FA;
  --grad-orange:linear-gradient(135deg,#1668E3 0%,#0E4FBF 100%);
  --grad-indigo:linear-gradient(135deg,#1668E3 0%,#0E4FBF 100%);
  --grad-hero:linear-gradient(135deg,#0A1B36 0%,#102B5C 52%,#14406E 100%);
  --skin-hero:linear-gradient(135deg,#0A1B36 0%,#102B5C 52%,#14406E 100%);
  --skin-blue:#1668E3;
  --skin-blue-d:#0E4FBF;
  --skin-r:20px;
  --skin-sh:0 6px 24px -12px rgba(10,27,54,.16);
}

/* ── 1. 页面头 banner → 首页同款深蓝 hero ─────────────────────── */
.page-banner{
  background:var(--skin-hero) !important;
  color:#fff !important;
  padding:64px 0 72px !important;
  border-bottom:none !important;
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate;
}
.page-banner::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(620px 380px at 88% -18%,rgba(22,104,227,.55),transparent 62%),
    radial-gradient(520px 320px at 4% 118%,rgba(56,189,248,.22),transparent 60%) !important;
  pointer-events:none;
  z-index:0;
}
.page-banner::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) !important;
  background-size:56px 56px,56px 56px !important;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 28%,#000 72%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 28%,#000 72%,transparent);
  pointer-events:none;
  z-index:0;
}
.page-banner > .container{position:relative;z-index:2}

.page-banner h1{
  color:#fff !important;
  font-size:44px !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
  line-height:1.22 !important;
  margin:0 !important;
}
.page-banner p{
  color:rgba(255,255,255,.72) !important;
  font-size:16px !important;
  line-height:1.78 !important;
  margin-top:16px !important;
  max-width:700px;
}
/*.page-banner .breadcrumb{margin:0 0 18px !important}*/
.page-banner .breadcrumb a,
.page-banner .breadcrumb .cur,
.page-banner .breadcrumb .sep{color:rgba(255,255,255,.58) !important}
.page-banner .breadcrumb a:hover,
.page-banner .breadcrumb a.cur{color:#fff !important}
.page-banner .breadcrumb .crumb-home{filter:none}

/* banner 内的小标签：白玻璃胶囊 */
.page-banner .s-eyebrow{
  color:rgba(255,255,255,.82) !important;
  background:rgba(255,255,255,.09) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  border-radius:999px !important;
  padding:7px 16px !important;
  font-size:12.5px !important;
  letter-spacing:.16em !important;
  backdrop-filter:blur(8px);
  margin-bottom:18px !important;
}
.page-banner .s-eyebrow::before{
  background:#4ADE80 !important;
  box-shadow:0 0 0 4px rgba(74,222,128,.20);
}
.page-banner .s-eyebrow::after{background:rgba(255,255,255,.35) !important}

.page-banner .hero-badge{
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  color:#fff !important;
  backdrop-filter:blur(8px);
}
.page-banner .hero-badge i{
  background:#4ADE80 !important;
  box-shadow:0 0 0 4px rgba(74,222,128,.20) !important;
}

/* banner 内的渐变高亮字：对齐首页 h1 span */
.page-banner .hl-gold,
.page-banner .hl{
  background:linear-gradient(120deg,#8CB8FF 0%,#D3E3FF 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}

/* ── 1b. 各页自定义 hero / banner 统一为深蓝（cose / quiz / q6 / pv） ── */
.cose-banner,
.quiz-hero,
.q6-hero,
.pv-hero{
  background:var(--skin-hero) !important;
  color:#fff !important;
  position:relative !important;
  overflow:hidden !important;
  border-bottom:none !important;
}
.cose-banner{padding:64px 0 72px !important;text-align:left !important}
.cose-banner::before,
.quiz-hero::before,
.q6-hero::before,
.pv-hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(620px 380px at 88% -18%,rgba(22,104,227,.55),transparent 62%),
    radial-gradient(520px 320px at 4% 118%,rgba(56,189,248,.22),transparent 60%) !important;
  pointer-events:none;
  z-index:0;
}
.cose-banner::after,
.quiz-hero::after,
.q6-hero::after,
.pv-hero::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) !important;
  background-size:56px 56px,56px 56px !important;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 28%,#000 72%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 28%,#000 72%,transparent);
  pointer-events:none;
  z-index:0;
}
.cose-banner > .container,
.quiz-hero > .container,
.quiz-hero-inner,
.q6-hero > .container,
.pv-hero > .container{position:relative;z-index:2}

.cose-banner h1,
.quiz-hero h1,
.q6-hero h1,
.pv-hero h1{
  color:#fff !important;
  font-size:44px !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
  line-height:1.22 !important;
}
.cose-banner p,
.quiz-hero p,
.q6-hero p,
.pv-hero p{
  color:rgba(255,255,255,.72) !important;
  font-size:16px !important;
  line-height:1.78 !important;
  max-width:700px;
}
/* hero 内的浅色/金色小标签 → 白色系 */
.quiz-hero .hero-eyebrow,
.cose-banner .hero-eyebrow,
.q6-hero .hero-eyebrow,
.pv-hero .hero-eyebrow{
  color:rgba(255,255,255,.82) !important;
  background:rgba(255,255,255,.09) !important;
  border:1px solid rgba(255,255,255,.20) !important;
}
/* hero 内渐变高亮字 */
.quiz-hero .hl-gold,.quiz-hero .hl,
.cose-banner .hl-gold,.cose-banner .hl,
.q6-hero .hl-gold,.q6-hero .hl,
.pv-hero .hl-gold,.pv-hero .hl,
.pv-hero .pv-gold{
  background:linear-gradient(120deg,#8CB8FF 0%,#D3E3FF 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}
/* hero 内的按钮：主按钮白底深蓝字 / 次按钮白边 */
.quiz-hero .btn-primary,
.q6-hero .btn-primary,
.pv-hero .btn-primary{
  background:#fff !important;
  color:#0E4FBF !important;
  box-shadow:0 10px 30px -12px rgba(0,0,0,.45) !important;
}
.quiz-hero .btn-outline,
.q6-hero .btn-outline,
.pv-hero .btn-outline{
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
  border:1.5px solid rgba(255,255,255,.34) !important;
}
.quiz-hero .btn-outline:hover,
.q6-hero .btn-outline:hover,
.pv-hero .btn-outline:hover{
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.55) !important;
}

/* ── 2. 非 banner 的渐变高亮字（浅底） → 深蓝渐变 ─────────────── */
.hl-gold{
  background:linear-gradient(120deg,#1668E3 0%,#0E4FBF 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}

/* ── 3. 按钮体系统一 ──────────────────────────────────────────── */
.nav-cta{
  background:linear-gradient(135deg,#1668E3 0%,#0E4FBF 100%) !important;
  color:#fff !important;
  box-shadow:0 8px 22px -8px rgba(22,104,227,.65) !important;
  border:none !important;
}
.nav-cta:hover{
  color:#fff !important;
  box-shadow:0 12px 28px -8px rgba(22,104,227,.75) !important;
}
.btn-gold{
  background:linear-gradient(135deg,#1668E3 0%,#0E4FBF 100%) !important;
  color:#fff !important;
  border:none !important;
  box-shadow:0 10px 26px -10px rgba(22,104,227,.65) !important;
}
.btn-gold:hover{
  background:linear-gradient(135deg,#1668E3 0%,#0E4FBF 100%) !important;
  color:#fff !important;
  box-shadow:0 16px 34px -10px rgba(22,104,227,.75) !important;
}
.sb-item-cta a{
  background:linear-gradient(135deg,#1668E3 0%,#0E4FBF 100%) !important;
  color:#fff !important;
  box-shadow:0 12px 28px -10px rgba(22,104,227,.65) !important;
}
.pv-btn-gold,
.pv-btn.pv-btn-gold{
  background:linear-gradient(135deg,#1668E3 0%,#0E4FBF 100%) !important;
  color:#fff !important;
  border:none !important;
  box-shadow:0 10px 26px -10px rgba(22,104,227,.6) !important;
}
.result-layout .btn-primary,
.result-layout .btn-gold{
  background:linear-gradient(135deg,#1668E3 0%,#0E4FBF 100%) !important;
  border:none !important;
  color:#fff !important;
}
.result-layout .btn-outline{
  background:#fff !important;
  color:#1668E3 !important;
  border:1.5px solid #C7DBFB !important;
}
.admit-card .btn-primary,
.admit-card .btn{
  background:linear-gradient(135deg,#1668E3 0%,#0E4FBF 100%) !important;
  border:none !important;
  box-shadow:0 14px 30px -10px rgba(22,104,227,.5) !important;
}
.btn-primary{
  background:linear-gradient(135deg,#1668E3 0%,#0E4FBF 100%) !important;
  border:none !important;
  color:#fff !important;
  box-shadow:0 10px 26px -10px rgba(22,104,227,.55) !important;
}
.btn-primary:hover{
  background:linear-gradient(135deg,#1668E3 0%,#0E4FBF 100%) !important;
  color:#fff !important;
  box-shadow:0 16px 34px -10px rgba(22,104,227,.70) !important;
}
.btn-outline{
  background:#fff !important;
  color:#1668E3 !important;
  border:1.5px solid #C7DBFB !important;
}
.btn-outline:hover{
  background:#EFF5FE !important;
  border-color:#1668E3 !important;
  color:#0E4FBF !important;
}

/* ── 4. 卡片体系统一（20px 圆角 + 柔和投影） ──────────────────── */
.card{
  border-radius:var(--skin-r) !important;
  border-color:#E8EDF3 !important;
  box-shadow:var(--skin-sh) !important;
}
.card-box{border-radius:var(--skin-r) !important}

/* ── 5. 紫色 / 橙色硬编码组件 → 深蓝 ─────────────────────────── */
.brand-name{
  background:linear-gradient(120deg,#1668E3,#0E4FBF) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}
.hero-v75 h1 .hl{
  background:linear-gradient(120deg,#1668E3 0%,#0E4FBF 55%,#3E8BFF 130%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}
.magf-cover,.magc-cover,.home-feature .hf-cover{
  background:linear-gradient(135deg,#0A1B36 0%,#102B5C 55%,#14406E 100%) !important;
}
.cta-v75{
  background:linear-gradient(125deg,#0A1B36 0%,#102B5C 48%,#14406E 100%) !important;
  border-radius:24px !important;
}
.cta-v75::before{
  background:radial-gradient(560px 320px at 88% -20%,rgba(22,104,227,.55),transparent 62%) !important;
}
.cs-side-cta{
  background:
    radial-gradient(300px 150px at 90% -20%,rgba(22,104,227,.40),transparent 62%),
    linear-gradient(150deg,#0A1B36 0%,#102B5C 58%,#14406E 100%) !important;
  border-radius:var(--skin-r) !important;
  box-shadow:0 18px 40px -18px rgba(10,27,54,.55) !important;
}
.admit-card .admit-crest{
  background:linear-gradient(135deg,#1668E3,#0E4FBF) !important;
  color:#fff !important;
  box-shadow:0 8px 18px -6px rgba(22,104,227,.5) !important;
}
.admit-card .admit-rule{
  background:linear-gradient(90deg,#1668E3,#0E4FBF 55%,#3E8BFF) !important;
}
#navProvinceRow b,
#navProvinceRow .npr-go{color:#1668E3 !important}
.rt-brand{
  color:#1668E3 !important;
  border-color:rgba(22,104,227,.18) !important;
}
.score-circle{
  background:conic-gradient(#1668E3 calc(var(--score)*1%),#E2E8F0 0) !important;
}
.sc-inner b{color:#1668E3 !important}
.rsc-label{
  color:#0E4FBF !important;
  background:rgba(22,104,227,.09) !important;
}
.rsc-text h1 .hl-gold,
.rsc-text h1 .hl{
  background:linear-gradient(120deg,#1668E3,#0E4FBF) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}
.block-title::before{
  background:linear-gradient(180deg,#1668E3,#0E4FBF) !important;
}
.pd-icon{
  background:linear-gradient(135deg,#1668E3,#0E4FBF) !important;
}
.plan-badge{
  color:#1668E3 !important;
  background:rgba(22,104,227,.09) !important;
}
.plan-people .pp-k{color:#1668E3 !important}
.plan-advantages li::before{
  background:linear-gradient(135deg,#1668E3,#0E4FBF) !important;
}
.pl-stage{
  color:#0E4FBF !important;
  background:rgba(22,104,227,.09) !important;
}
.pl-done .pl-dot{background:#1668E3 !important;border-color:#1668E3 !important}
.pl-next .pl-dot{
  background:#1668E3 !important;
  border-color:#1668E3 !important;
  box-shadow:0 0 0 5px rgba(22,104,227,.16) !important;
}
.dim-bar i{background:linear-gradient(90deg,#1668E3,#0E4FBF) !important}
.fc-tag{
  background:linear-gradient(135deg,#1668E3,#0E4FBF) !important;
}
.fc-price{color:#0E4FBF !important}
.fc-go{color:#1668E3 !important}
.v68-sch-tag{
  color:#0E4FBF !important;
  background:rgba(22,104,227,.10) !important;
}
.v68-sch-go{color:#1668E3 !important}
.ac-badge{background:linear-gradient(135deg,#1668E3,#0E4FBF) !important}
.ac-initial{color:#1668E3 !important}
.ac-meta em{color:#1668E3 !important}
.sc-label{color:#1668E3 !important}
.sc2-b-gb{background:#E7F0FE !important;color:#0E4FBF !important}
.q-major-input:focus{
  border-color:#1668E3 !important;
  box-shadow:0 0 0 3px rgba(22,104,227,.15) !important;
}
.v78-mc-tag{background:linear-gradient(135deg,#1668E3,#0E4FBF) !important}
.v78-mc-link{color:#1668E3 !important}
.v79-gtag-zk{background:#0E4FBF !important}

/* ── 6. 区块间距 / 标题体系统一 ──────────────────────────────── */
.section-tight{padding:72px 0 !important}
.s-title{
  font-size:32px !important;
  font-weight:800 !important;
  letter-spacing:-.5px !important;
  color:#0A1B36 !important;
}
.s-title::before{display:none !important}

/* ── 7. 页脚 / tabbar 深蓝对齐 ───────────────────────────────── */
.footer,
.footer-inner{background:transparent}
.tabbar{border-top:1px solid rgba(10,27,54,.08)}

/* ── 8. 响应式 ───────────────────────────────────────────────── */
@media (max-width:1024px){
  .page-banner{padding:52px 0 58px !important}
  .page-banner h1{font-size:36px !important}
}
@media (max-width:768px){
  .page-banner{padding:38px 0 44px !important}
  .page-banner h1{font-size:27px !important;line-height:1.3 !important}
  .page-banner p{font-size:14.5px !important;margin-top:12px !important}
  .page-banner .s-eyebrow{font-size:11px !important;padding:5px 12px !important;margin-bottom:12px !important}
  .page-banner::after{background-size:40px 40px,40px 40px !important}
  .section-tight{padding:48px 0 !important}
  .s-title{font-size:23px !important}
}