@charset "utf-8";
/* ════════════════ 配色增强皮肤（全站通用，仅用 CSS 变量） ════════════════ */

/* ── 大模块分色带：相邻不重复，整体协调（浅渐变为主，重点模块用主色深渐变） ── */
.sec.s-town{background:linear-gradient(135deg,var(--tint2),var(--tint3));}
.sec.s-adv{background:var(--grad-main);color:#fff;}
.sec.s-adv .sec-t,.sec.s-adv h3{color:#fff;}
.sec.s-adv .sec-s{color:rgba(255,255,255,.84);}
.sec.s-adv .eyebrow{background:rgba(255,255,255,.18);color:#fff;}
.sec.s-case{background:#fff;}
.sec.s-ben{background:linear-gradient(135deg,var(--c1-tt),var(--c1-lt));}
.sec.s-way{background:linear-gradient(135deg,var(--c3-tt),var(--c3-lt));}
.sec.s-data{background:var(--grad-main);color:#fff;}
.sec.s-data .sec-t,.sec.s-data h3{color:#fff;}
.sec.s-data .sec-s{color:rgba(255,255,255,.84);}
.sec.s-data .eyebrow{background:rgba(255,255,255,.18);color:#fff;}
.sec.s-flow{background:linear-gradient(135deg,#F6F8FB,#ECF1F7);}
.sec.s-faq{background:linear-gradient(135deg,var(--tint2),var(--tint3));}
.sec.s-assess{background:linear-gradient(135deg,var(--c1-tt),var(--c1-lt));}
.sec.s-about{background:linear-gradient(135deg,var(--c3-tt),var(--c3-lt));}
.sec.s-link{background:linear-gradient(135deg,#F6F8FB,#ECF1F7);}
/* 深底大模块内的卡片用浅色托起，保证对比 */
.sec.s-adv .card,.sec.s-data .card{background:#fff !important;}

/* ── 子页内容大模块柔和分色（与 phd 页头区分，各页型色相不同） ── */
section[class^="cl-v"]{background:linear-gradient(135deg,var(--tint2),var(--tint3));}
section[class^="wn-v"]{background:linear-gradient(135deg,var(--c3-tt),var(--c3-lt));}
section[class^="bn-v"]{background:linear-gradient(135deg,var(--c5-tt),var(--c5-lt));}
section[class^="fq-v"]{background:linear-gradient(135deg,#F6F8FB,#ECF1F7);}
section[class^="ab-v"]{background:linear-gradient(135deg,var(--c1-tt),var(--c1-lt));}
section[class^="dt-v"]{background:linear-gradient(135deg,#FBFCFE,#F1F5FA);}
.as{background:linear-gradient(135deg,var(--c1-tt),var(--c1-lt));}

/* ── 小模块（卡片/列表项）逐张分色：相邻不同浅渐变，整体协调 ── */
.g,
.ms,
.g2,
.grid2,
.grid3,
.cards,
.fl-g,
.dt-g,
.cols,
.rows,
.steps,
.adv-g,
.ben-g,
.way-g,
.case-g,
.fq-l,
.lk-g,
.ls > *:nth-child(8n+1){background:linear-gradient(158deg,var(--c1-tt),var(--c1-lt)) !important;color:var(--tx) !important;}
.g,
.ms,
.g2,
.grid2,
.grid3,
.cards,
.fl-g,
.dt-g,
.cols,
.rows,
.steps,
.adv-g,
.ben-g,
.way-g,
.case-g,
.fq-l,
.lk-g,
.ls > *:nth-child(8n+2){background:linear-gradient(158deg,var(--c2-tt),var(--c2-lt)) !important;color:var(--tx) !important;}
.g,
.ms,
.g2,
.grid2,
.grid3,
.cards,
.fl-g,
.dt-g,
.cols,
.rows,
.steps,
.adv-g,
.ben-g,
.way-g,
.case-g,
.fq-l,
.lk-g,
.ls > *:nth-child(8n+3){background:linear-gradient(158deg,var(--c3-tt),var(--c3-lt)) !important;color:var(--tx) !important;}
.g,
.ms,
.g2,
.grid2,
.grid3,
.cards,
.fl-g,
.dt-g,
.cols,
.rows,
.steps,
.adv-g,
.ben-g,
.way-g,
.case-g,
.fq-l,
.lk-g,
.ls > *:nth-child(8n+4){background:linear-gradient(158deg,var(--c4-tt),var(--c4-lt)) !important;color:var(--tx) !important;}
.g,
.ms,
.g2,
.grid2,
.grid3,
.cards,
.fl-g,
.dt-g,
.cols,
.rows,
.steps,
.adv-g,
.ben-g,
.way-g,
.case-g,
.fq-l,
.lk-g,
.ls > *:nth-child(8n+5){background:linear-gradient(158deg,var(--c5-tt),var(--c5-lt)) !important;color:var(--tx) !important;}
.g,
.ms,
.g2,
.grid2,
.grid3,
.cards,
.fl-g,
.dt-g,
.cols,
.rows,
.steps,
.adv-g,
.ben-g,
.way-g,
.case-g,
.fq-l,
.lk-g,
.ls > *:nth-child(8n+6){background:linear-gradient(158deg,var(--c6-tt),var(--c6-lt)) !important;color:var(--tx) !important;}
.g,
.ms,
.g2,
.grid2,
.grid3,
.cards,
.fl-g,
.dt-g,
.cols,
.rows,
.steps,
.adv-g,
.ben-g,
.way-g,
.case-g,
.fq-l,
.lk-g,
.ls > *:nth-child(8n+7){background:linear-gradient(158deg,var(--c7-tt),var(--c7-lt)) !important;color:var(--tx) !important;}
.g,
.ms,
.g2,
.grid2,
.grid3,
.cards,
.fl-g,
.dt-g,
.cols,
.rows,
.steps,
.adv-g,
.ben-g,
.way-g,
.case-g,
.fq-l,
.lk-g,
.ls > *:nth-child(8n+8){background:linear-gradient(158deg,var(--c8-tt),var(--c8-lt)) !important;color:var(--tx) !important;}

/* ── 导航栏：柔和主色渐变（保留白字/深色文字可读性） ── */
.hd{background:linear-gradient(100deg,#FFFFFF 0%,var(--tint2) 100%) !important;}

/* ── 页脚：深渐变增强层次 ── */
.ft{background:linear-gradient(160deg,var(--deeper),var(--deep));}

/* ── 侧栏 / 信息区块：独特渐变底色 ── */
.side{background:linear-gradient(160deg,var(--c2-tt),var(--c2-lt));border-radius:var(--r);}
.ab-side{background:linear-gradient(160deg,var(--c2-tt),var(--c2-lt));border-radius:var(--r);}
.as-sd .as-card{background:linear-gradient(160deg,var(--c1-tt),var(--c1-lt));}
.as-sd .as-safe2{background:linear-gradient(160deg,var(--c4-tt),var(--c4-lt));}
.as-sd .as-hot{background:var(--grad-main);color:#fff;}
.as-sd .as-hot .t,.as-sd .as-hot .p,.as-sd .as-hot .s{color:#fff;}
.as-sd .as-hot .b .gh{border-color:rgba(255,255,255,.55);color:#fff;}
.as-sd .as-hot .b .gh:hover{background:rgba(255,255,255,.16);}