.product-hero { position: relative; padding: 2rem 1rem; border-radius: .5rem; background: url('/static/web/images/banner-cp-0.png') center/cover no-repeat; margin-top: -2rem; min-height: 180px; }
.product-hero h1, .product-hero p { position: relative; z-index: 1; }
.product-hero::before { content: ""; position: absolute; inset: 0; border-radius: .5rem; background: rgba(255,255,255,0.40); }
@media (max-width: 992px) {
.product-hero { margin-top: -1rem; padding: 1.5rem 1rem; min-height: 150px; }
}
@media (max-width: 768px) {
.product-hero { background: url('/static/web/images/banner-cp-0.png') center/cover no-repeat; }
}
/* 官网子模块样式：保持独立、轻量、现代 */
/* 通用 hero 基类，具体页面可覆写 */
.hero-section {
background: #f7f9fc;
}
/* 首页 hero 使用用户指定 banner */
.hero-home {
background:
linear-gradient(180deg, rgba(255,255,255,.78) 0%, rgba(255,255,255,.48) 100%),
url('/static/web/images/banner-sy-pc-h5-0.jpg') center top / cover no-repeat;
}
/* 联系我们页：使用独立背景，互不干扰 */
.hero-contact { background: linear-gradient(180deg, rgba(255,255,255,.65) 0%, rgba(255,255,255,.25) 100%), url('/static/web/images/contact-banner-pc.jpg') center top / cover no-repeat; }
@media (max-width: 768px) { .hero-contact { background: url('/static/web/images/contact-banner-mb.jpg') center/cover no-repeat; } }
@media (max-width: 768px) {
.hero-home {
background:
linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(255,255,255,.52) 100%),
url('/static/web/images/banner-sy-pc-h5-0.jpg') center/cover no-repeat;
}
}
.hero-title {
letter-spacing: 0.3px;
}
.hero-badges .badge {
font-weight: 500;
}
/* 保证首屏副标题在常规尺寸下一行展示 */
.hero-one-line {
white-space: nowrap;
}
@media (max-width: 992px) {
.hero-one-line { white-space: normal; }
}
.section-spaced {
padding-top: 3rem;
padding-bottom: 3rem;
}
/* 统一标题、子标题、内容间距（参考产品页） */
.policy-page h2 { margin-bottom: 1.25rem; }
.policy-page .section-lead,
.policy-page > .section-soft > p.text-secondary,
.policy-page p.text-secondary.small { margin-bottom: 1rem !important; }
.policy-page .section-soft { margin-bottom: 1.1rem; }
.policy-page .section-soft .card-hover { margin-top: .3rem; }
/* 计税页：标题/副标题与内容间距参考产品页 */
.policy-page .policy-section h2 { margin-bottom: 1.25rem !important; }
.policy-page .policy-section > p.text-secondary { margin-bottom: 1rem !important; }
.policy-page .policy-section .policy-vs { margin-top: .3rem; }
.policy-page .policy-section .row.g-3 { margin-top: .2rem; }
/* 政策页Hero：与产品页统一（专属SVG背景） */
.policy-hero { position: relative; padding: 2rem 1rem; border-radius: .5rem; background: url('/static/web/images/banner-js-pc-0.jpg') center/cover no-repeat; margin-top: -2rem; min-height: 180px; }
.policy-hero h1, .policy-hero p { position: relative; z-index: 1; }
.policy-hero::before { content: ""; position: absolute; inset: 0; border-radius: .5rem; background: rgba(255,255,255,0.40); }
@media (max-width: 992px) { .policy-hero { margin-top: -1rem; padding: 1.5rem 1rem; min-height: 150px; } }
@media (max-width: 768px) {
.policy-hero { background: url('/static/web/images/banner-js-h5-0.jpg') center/cover no-repeat; }
}
/* 主题化背景，凸显“算法/严谨/合规”气质 */
.section-title { letter-spacing: 0.5px; }
.section-lead { color: #6c757d; line-height: 1.65; }
/* 顶级算法氛围：淡蓝网格+渐变 */
.theme-algo {
background:
linear-gradient(rgba(0, 102, 255, 0.05), rgba(0, 102, 255, 0)) ,
repeating-linear-gradient(0deg, rgba(0,0,0,0.03) 0, rgba(0,0,0,0.03) 1px, transparent 1px, transparent 24px),
repeating-linear-gradient(90deg, rgba(0,0,0,0.03) 0, rgba(0,0,0,0.03) 1px, transparent 1px, transparent 24px);
}
/* 严谨与专业氛围：更素雅的浅灰背景 */
.theme-rigorous {
background: linear-gradient(180deg, #f8f9fb 0%, #ffffff 100%);
}
/* 列表打勾图标风格 */
.list-checks { list-style: none; padding-left: 0; margin-bottom: 0; }
.list-checks li { position: relative; padding-left: 1.25rem; margin-bottom: .35rem; }
.list-checks li::before {
content: ""; position: absolute; left: 0; top: .35rem; width: .6rem; height: .6rem;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
background-color: #0d6efd;
}
/* 合规模块细化样式 */
.compliance-section h2 {
letter-spacing: .5px;
}
.compliance-principle i {
font-size: 1.25rem;
}
.compliance-boundary i {
font-size: 1.25rem;
}
.compliance-boundary .small { line-height: 1.4; }
/* 合规边界提醒：视觉优化 */
.compliance-section .lead { color:#6c757d; }
.compliance-principle { background: linear-gradient(180deg,#ffffff, #f8fbff); border:1px solid #e9ecef; }
.compliance-principle i { width: 36px; height: 36px; border-radius: 50%; display:inline-flex; align-items:center; justify-content:center; background: rgba(13,110,253,.06); color:#3d8bfd; }
.compliance-boundary { border:1px dashed #e0e4ea; background: linear-gradient(180deg,#ffffff, #fbfdff); }
.compliance-boundary i { width: 28px; height: 28px; border-radius: 50%; display:inline-flex; align-items:center; justify-content:center; background: rgba(253,126,20,.10); color:#fd7e14; }
.compliance-boundary .small { color:#555; }
/* 悬浮动画：优势与合规模块通用 */
.panel-float { transition: transform .18s ease, box-shadow .18s ease; }
.panel-float:hover { transform: translateY(-2px); box-shadow: 0 .5rem 1rem rgba(0,0,0,.06) !important; }
/* 系统优势与价值：图标 */
.value-card .fw-semibold { display: inline-flex; align-items: center; gap: .4rem; }
.value-icon { width: 1rem; height: 1rem; background-color:#0d6efd; display:inline-block; }
.icon-tech { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.icon-business { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.icon-industry { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
/* 产品页美观增强 */
.kpi-pill { display:inline-block; padding:.35rem .6rem; border-radius:9999px; background: rgba(13,110,253,.08); color:#0d6efd; font-weight:500; font-size:.875rem; }
.kpi-group { gap:.5rem; }
/* 业务价值卡片增强 */
.value-card { background: linear-gradient(180deg,#ffffff,#f9fbff); border:1px solid #e9ecef; }
.value-continuous { background: linear-gradient(180deg, rgba(13,110,253,.03), #fff); }
.value-settlement { background: linear-gradient(180deg, rgba(25,135,84,.03), #fff); }
.value-settlement .kpi-pill { background: rgba(25,135,84,.10); color:#198754; }
/* 步骤条（新手入门） */
ol.step-list { counter-reset: step; list-style: none; padding-left: 0; margin-bottom: 0; }
ol.step-list li { position: relative; padding-left: 2rem; margin-bottom: .5rem; }
ol.step-list li::before { counter-increment: step; content: counter(step); position: absolute; left: 0; top: .1rem; width: 1.3rem; height: 1.3rem; border-radius: 50%; background: #0d6efd; color: #fff; font-size: .75rem; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 0 0 3px rgba(13,110,253,.12); }
/* 风险卡片：左侧竖色条与图标 */
.risk-card { position: relative; border-left: 4px solid #dee2e6; background: linear-gradient(180deg,#ffffff,#f9fbff); }
.risk-compliance { border-left-color: #0d6efd; }
.risk-operation { border-left-color: #fd7e14; }
.risk-policy { border-left-color: #6f42c1; }
.risk-card .fw-semibold { display:flex; align-items:center; gap:.4rem; }
.risk-card .risk-icon { width: 1rem; height: 1rem; background-color: currentColor; display:inline-block; }
.risk-icon-shield { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.risk-icon-ops { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.risk-icon-policy { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
/* 模块对比表优化 */
#comparison table thead th { position: sticky; top: 0; background: #fff; z-index: 1; }
#comparison table { font-size: .95rem; }
#comparison table tbody td:first-child { color: #6c757d; white-space: nowrap; }
/* 政策页：汇算清缴左侧公式区适配右侧的税率表 */
.policy-page .equations-card { display: flex; flex-direction: column; }
.policy-page .equations-list { display: flex; flex-direction: column; gap: .35rem; }
/* 左侧公式与右侧表格行高/留白适配 */
.policy-page .equations-card { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.policy-page #tax-table { margin-top: .25rem; }
/* 计算公式：采用方案A风格的虚线分步 */
.equations-block { background:#f8fafc; border:1px dashed #ced4da; border-radius:.5rem; padding:.75rem; }
.equations-block .line { margin-bottom:.4rem; padding:.15rem .5rem .35rem 1.25rem; border-bottom:1px dashed #e0e4ea; position: relative; }
.equations-block .line::before { content: ""; position: absolute; left: 0; top: .35rem; width: .6rem; height: .6rem; background-color:#0d6efd; -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.equations-block .line:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
/* 统一的政策卡片风格（左右一致） */
.policy-card { background: #fff; border: 1px solid #e9ecef; border-radius: .5rem; box-shadow: 0 .25rem .5rem rgba(0,0,0,.03); }
.policy-card .fw-semibold { letter-spacing: .2px; }
/* 劳务报酬 VS 设计 */
.policy-vs { position: relative; }
.policy-vs .vs-card { background: #fff; border: 1px solid #e9ecef; border-radius: .5rem; padding: 1rem 1.1rem; box-shadow: 0 .25rem .5rem rgba(0,0,0,.03); }
.policy-vs .vs-card { transition: transform .18s ease, box-shadow .18s ease; }
.policy-vs .vs-card:hover { transform: translateY(-2px); box-shadow: 0 .5rem 1rem rgba(0,0,0,.06); }
.policy-vs .vs-left { background: linear-gradient(180deg, rgba(13,110,253,.03), #fff); border-color: rgba(13,110,253,.25); }
.policy-vs .vs-right { background: linear-gradient(180deg, rgba(108,117,125,.03), #fff); border-color: rgba(108,117,125,.25); }
.policy-vs .vs-middle { width: 78px; height: 78px; border-radius: 9999px; background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(248,251,255,.98) 40%, #f1f7ff 100%); border: 1px solid rgba(13,110,253,.3); display: flex; align-items: center; justify-content: center; font-weight: 900; color: #0d6efd; letter-spacing: .6px; box-shadow: 0 .75rem 1.5rem rgba(13,110,253,.18), inset 0 0 0 4px rgba(13,110,253,.06); }
.policy-vs .vs-badge { font-size: .8rem; border-radius: 9999px; padding: .18rem .6rem; background: rgba(13,110,253,.08); color: #0d6efd; border: 1px solid rgba(13,110,253,.18); }
.policy-vs .vs-title { display:flex; align-items:center; justify-content: space-between; margin-bottom: .5rem; }
.policy-vs .list-checks li { margin-bottom: .4rem; }
.policy-vs .list-checks li strong { color:#343a40; }
/* 汇算清缴：左右卡中间竖分隔线（桌面端） */
.policy-settlement-row { position: relative; }
@media (min-width: 992px) {
.policy-settlement-row::after {
content: ""; position: absolute; top: 10%; bottom: 10%; left: 50%; width: 0; border-left: 1px dashed rgba(0,0,0,.18);
}
}
/* 标题图标（统一风格） */
.policy-card .fw-semibold { display: inline-flex; align-items: center; gap: .4rem; }
.equations-card .fw-semibold::before {
content: ""; width: 1rem; height: 1rem; background-color: #0d6efd;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
}
.tax-card .fw-semibold::before {
content: ""; width: 1rem; height: 1rem; background-color: #0d6efd;
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
}
/* 移除右侧附加图标，百分号仅置于标题前 */
.tax-card .fw-semibold::after { content: none; }
/* 优化探讨：数学公式/代码块式展示 */
.formula-block { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; background: #f8fafc; border: 1px solid #e9ecef; border-radius: .5rem; padding: .75rem; line-height: 1.6; }
.formula-block .line { white-space: pre-wrap; margin-bottom: .35rem; }
.formula-block .line.is-prepay { margin-top: .75rem; padding-top: .35rem; border-top: 1px dashed #ced4da; }
.formula-block .line.is-split { margin-top: .75rem; padding-top: .35rem; border-top: 1px dashed #ced4da; }
.formula-block .line.is-key { color:#0d6efd; font-weight:600; }
.formula-block .line.is-prepay-amount { color:#d63384; font-weight:600; }
/* 等宽数字便于横向对齐 */
.formula-block { font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; }
/* 通用：等宽数字辅助类 */
.tabular-nums { font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; }
/* A/B/C 卡片视觉对比：顶部色带与边框色区分 */
.scheme-card { position: relative; border-width: 1px; }
.scheme-card::before { content: ""; position: absolute; left: 0; top: 0; height: 4px; width: 100%; border-top-left-radius: .5rem; border-top-right-radius: .5rem; }
.scheme-1 { border-color: rgba(13,110,253,.25) !important; }
.scheme-1::before { background: #0d6efd; }
.scheme-2 { border-color: rgba(25,135,84,.25) !important; }
.scheme-2::before { background: #198754; }
.scheme-3 { border-color: rgba(255,193,7,.35) !important; }
.scheme-3::before { background: #ffc107; }
/* 方案角标 A/B/C */
.scheme-badge { position: absolute; right: .5rem; top: .5rem; width: 24px; height: 24px; border-radius: 50%; background: #fff; border: 1px solid rgba(0,0,0,.08); color:#6c757d; font-weight: 700; font-size: .8rem; display:flex; align-items:center; justify-content:center; box-shadow: 0 .15rem .35rem rgba(0,0,0,.06); }
.scheme-1 .scheme-badge { color:#0d6efd; border-color: rgba(13,110,253,.25); }
.scheme-2 .scheme-badge { color:#198754; border-color: rgba(25,135,84,.25); }
.scheme-3 .scheme-badge { color:#ffc107; border-color: rgba(255,193,7,.35); }
/* 方案C：优化月度分配合并提示 */
.callout { margin-top: .75rem; border: 1px solid rgba(13,110,253,.25); background: rgba(13,110,253,.06); border-radius: .5rem; padding: .6rem .75rem; }
.callout-title { font-weight: 700; color: #6f42c1; margin-bottom: .35rem; }
.callout .line { margin-bottom: .25rem; }
/* 模块与分区软背景 */
.section-soft { padding: 1rem; border-radius: .5rem; background: rgba(0,0,0,0.02); }
.soft-algo { background: rgba(13,110,253,0.04); }
.soft-value { background: rgba(25,135,84,0.04); }
.soft-personas { background: rgba(111,66,193,0.04); }
.soft-compare { background: rgba(13,202,240,0.04); }
.soft-brand { background: rgba(253,126,20,0.04); }
/* 两大模块头样式 */
.module-block { padding: 1rem 1.25rem; border: 1px solid #e9ecef; border-radius: .5rem; }
.module-continuous { background: rgba(13,110,253,0.03); }
.module-settlement { background: rgba(32,201,151,0.05); }
.module-block .d-flex.align-items-center { margin-bottom: 1.25rem !important; }
.module-block .card-body { padding: 1rem; }
.module-block .row { row-gap: 1.5rem; }
@media (max-width: 576px) {
.module-block .row { --bs-gutter-y: .75rem; }
}
.module-badge { font-size: .8rem; font-weight: 600; border-radius: 9999px; padding: .15rem .6rem; border: 1px solid transparent; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.03); }
.module-badge { letter-spacing: .3px; }
.module-continuous .module-badge { color:#0d6efd; background: rgba(13,110,253,.14); border-color: rgba(13,110,253,.2); }
.module-settlement .module-badge { color:#20c997; background: rgba(32,201,151,.16); border-color: rgba(32,201,151,.22); }
/* 产品页：标题与间距微调（取消装饰下划线） */
.section-title-center { position: static; display: inline-block; }
/* 产品页Banner背景 */
.product-banner { width:100%; height:160px; background: url('/static/web/images/product-banner.svg') center/cover no-repeat; border-radius: .5rem; }
.module-block .bi { font-size: 1.15rem; }
.card .bi { font-size: 1.1rem; }
.card .text-secondary { line-height: 1.6; }
.card-hover {
transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.card-hover:hover {
box-shadow: 0 0.5rem 1rem rgba(0,0,0,.08);
transform: translateY(-2px);
}
/* 方案中心：排版与字体优化 */
.solutions-page .section-title { font-size: 2rem; }
.solutions-page .solutions-hero p { font-size: 1rem; margin-bottom: 1rem; }
.solutions-page .group-title { font-size: 1.25rem; }
.solutions-page .group-sub { font-size: .95rem; }
.solutions-page .card .fw-semibold { letter-spacing: .2px; }
.solutions-page .card p.small { font-size: .95rem; line-height: 1.65; }
.solutions-page .kpi-pill { padding:.25rem .55rem; font-size:.8rem; }
.solutions-page .list-checks li { margin-bottom: .35rem; }
.solutions-page .badge { font-weight:600; letter-spacing:.2px; }
.solutions-page .badge.text-bg-light { background: rgba(0,0,0,.04)!important; border-color: rgba(0,0,0,.08)!important; color:#6c757d!important; }
/* 应用场景：卡片底部标签更显目（仅限该区域） */
.solutions-page .use-tags .badge {
background: #f4e8ff !important; /* 淡紫底，和主体蓝形成明显区分 */
color:#6f42c1 !important;
border-color: rgba(111,66,193,.28) !important;
}
#anchor-bar { position: sticky; top: 64px; z-index: 1010; background: rgba(255,255,255,.85); backdrop-filter: blur(6px); padding: .25rem .25rem; border-radius: .5rem; border: 1px solid rgba(0,0,0,.06); }
.solutions-hero { position: relative; padding: 2rem 1rem; border-radius: .5rem; margin-top: -2rem; min-height: 180px; }
.solutions-hero::before { content:""; position:absolute; inset:0; background: url('/static/web/images/banner-cj-0.png') center/cover no-repeat, linear-gradient(180deg, #eef2ff 0%, #ffffff 100%); opacity:.40; border-radius:.5rem; }
.solutions-hero > * { position: relative; z-index: 1; }
.solutions-hero .section-title { font-size: 2.5rem; font-weight: 700; letter-spacing: .3px; }
@media (max-width: 992px) { .solutions-hero .section-title { font-size: 2rem; } }
.solutions-hero p { font-size: 1rem; line-height: 1.65; color: #6c757d; }
@media (max-width: 992px) { .solutions-hero { margin-top: -1rem; padding: 1.5rem 1rem; min-height: 150px; } }
@media (max-width: 768px) {
.solutions-hero::before { background: url('/static/web/images/banner-cj-0.png') center/cover no-repeat, linear-gradient(180deg, #eef2ff 0%, #ffffff 100%); opacity:.45; }
}
/* 大板块背景色（按行业） */
.section-platform { background: linear-gradient(180deg, rgba(13,110,253,.03), #fff); border:1px solid rgba(13,110,253,.12); border-radius:.5rem; padding: .75rem; }
.section-content { background: linear-gradient(180deg, rgba(111,66,193,.03), #fff); border:1px solid rgba(111,66,193,.12); border-radius:.5rem; padding: .75rem; }
.section-commerce { background: linear-gradient(180deg, rgba(13,202,240,.03), #fff); border:1px solid rgba(13,202,240,.12); border-radius:.5rem; padding: .75rem; }
.section-medical { background: linear-gradient(180deg, rgba(25,135,84,.03), #fff); border:1px solid rgba(25,135,84,.12); border-radius:.5rem; padding: .75rem; }
.section-culture { background: linear-gradient(180deg, rgba(255,193,7,.03), #fff); border:1px solid rgba(255,193,7,.12); border-radius:.5rem; padding: .75rem; }
.section-professional { background: linear-gradient(180deg, rgba(108,117,125,.03), #fff); border:1px solid rgba(108,117,125,.12); border-radius:.5rem; padding: .75rem; }
.section-agency { background: linear-gradient(180deg, rgba(253,126,20,.03), #fff); border:1px solid rgba(253,126,20,.12); border-radius:.5rem; padding: .75rem; }
/* 行业标题/副标题间距，参考计税页 */
.solutions-page .group-title { margin-bottom: 1.25rem; font-size: 2rem; font-weight: 600; letter-spacing: .2px; }
@media (max-width: 992px) { .solutions-page .group-title { font-size: 1.5rem; } }
.solutions-page .group-sub { margin-bottom: 1rem; color:#6c757d; }
/* 小图标与颜色块（痛点/价值标题前） */
.solutions-page .matrix-title::before { content:""; display:inline-block; width:.65rem; height:.65rem; margin-right:.35rem; border-radius:2px; background-color: currentColor; opacity:.35; }
.solutions-page .solutions-matrix .col-6:first-child .matrix-title { color:#dc3545; }
.solutions-page .solutions-matrix .col-6:last-child .matrix-title { color:#198754; }
.solutions-page .solutions-matrix .col-12 .matrix-title { color:#dc3545; }
.solutions-page .solutions-matrix { background: linear-gradient(180deg,#ffffff, #f8fbff); border:1px solid #eef2f7; border-radius:.5rem; padding:.75rem; }
/* 核心痛点条目：使用提示色图标，更醒目 */
.solutions-page .solutions-matrix .col-12 .list-checks li::before,
.solutions-page .solutions-matrix .col-6:first-child .list-checks li::before {
background-color: #fd7e14; /* 橙色提示 */
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
}
.solutions-page #list .card-body { padding: 1rem 1.1rem; }
.solutions-page #list .row.g-3 { --bs-gutter-y: .25rem; }
.solutions-page .card .row.g-2 { --bs-gutter-x: .75rem; --bs-gutter-y: .25rem; }
.solutions-page .card .mt-2.small { margin-top:.6rem !important; }
.solutions-page .card .list-checks { padding-left: .25rem; }
.solutions-page .card .list-checks li::before { top: .4rem; }
/* 方案卡片：场景小图标（复用首页tile图标） */
.solutions-scene-icon { width: 0.95rem; height: 0.95rem; background-color:#0d6efd; display:inline-block; vertical-align: -.1rem; }
.icon-ad { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.icon-broadcast { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.icon-media { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.icon-mcn { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.icon-freight { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.icon-work { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.icon-cso { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.icon-design { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.icon-education { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.icon-game { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.icon-ai { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.icon-event { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.icon-marketing { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.icon-copyright { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.icon-agency { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
/* 锚点条吸顶与高亮 */
#anchor-bar { position: sticky; top: 64px; z-index: 1010; background: rgba(255,255,255,.85); backdrop-filter: blur(6px); padding: .25rem .25rem; border-radius: .5rem; border: 1px solid rgba(0,0,0,.06); }
#anchor-bar a { white-space: nowrap; }
#anchor-bar a.active { color: #0d6efd; border-color: rgba(13,110,253,.35); background: rgba(13,110,253,.08); }
/* 方案中心：矩阵分隔与字体层级 */
.solutions-card-body { display:flex; flex-direction: column; height: 100%; }
.solutions-matrix { position: relative; padding: .5rem 0 .25rem; margin: .25rem 0 .35rem; }
.solutions-matrix::before { content:""; position:absolute; top:0; left:0; right:0; height:0; border-top:1px dashed #e0e4ea; }
.solutions-matrix::after { content:""; position:absolute; bottom:0; left:0; right:0; height:0; border-bottom:1px dashed #e0e4ea; }
.solutions-page .matrix-title { font-size: .9rem; letter-spacing:.2px; }
.solutions-page .solutions-matrix .list-checks li { font-size: .95rem; }
/* 固定场景标签到卡片底部对齐 */
.solutions-card-body .use-tags { margin-top:auto !important; }
.tile-card {
height: 100%;
}
/* 首页：典型行业与人群 Tile 增强 */
.tile-card .tile-icon { width: 24px; height: 24px; display:inline-block; margin-right:.5rem; vertical-align: -.25rem; background-color:#0d6efd; }
.icon-platform-svc { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.icon-content { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.icon-commerce { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.icon-medical { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.icon-professional { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.icon-culture { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.icon-aggregate { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.icon-thirdparty { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; }
.tile-card:hover .tile-icon { background-color:#0b5ed7; }
.muted-list {
margin-bottom: 0;
}
/* Floating dark navbar on scroll */
.navbar-floating {
background: transparent;
transition: background-color .2s ease, box-shadow .2s ease, border-color .2s ease;
backdrop-filter: saturate(120%) blur(6px);
z-index: 1030;
border-bottom: 1px solid rgba(0,0,0,.04);
min-height: 68px; /* 增高纵向留白，更大气 */
}
.navbar-floating.is-scrolled {
background: rgba(0,0,0,.85);
box-shadow: 0 .25rem .75rem rgba(0,0,0,.2);
border-bottom-color: rgba(255,255,255,.08);
}
.navbar-floating .nav-link,
.navbar-floating .navbar-brand {
color: rgba(255,255,255,.9);
}
.navbar-floating .nav-link:hover {
color: #fff;
}
/* 移动端折叠菜单图标可见性（浅/深两种状态） */
.navbar-floating .navbar-toggler {
border-width: 1px;
}
.navbar-floating:not(.is-scrolled) .navbar-toggler {
border-color: rgba(0,0,0,.45);
}
.navbar-floating:not(.is-scrolled) .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0,0,0,0.82)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-floating.is-scrolled .navbar-toggler {
border-color: rgba(255,255,255,.65);
}
.navbar-floating.is-scrolled .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
/* 切换为浅色描边按钮，仅在深色态下仍清晰可见 */
.navbar-floating .nav-outline-switch {
color: rgba(255,255,255,.95);
border-color: rgba(255,255,255,.6);
}
.navbar-floating.is-scrolled .nav-outline-switch {
color: #fff;
border-color: rgba(255,255,255,.85);
}
/* 品牌图标：滚动前使用彩色，滚动后使用白色版本以增强对比 */
.brand-img { height: 28px; display: block; }
@media (min-width: 992px) { .brand-img { height: 32px; } }
.brand-white { display: none; }
.navbar-floating.is-scrolled .brand-color { display: none; }
.navbar-floating.is-scrolled .brand-white { display: block; }
/* 品牌名称：与图标保持间距，随滚动切换颜色 */
.navbar-floating .brand-name {
font-weight: 700;
letter-spacing: .6px;
font-size: 1.15rem;
display: inline-block;
}
/* 未滚动：与彩色logo一致的渐变文字 */
.navbar-floating:not(.is-scrolled) .brand-name {
background-image: linear-gradient(135deg, #3b82f6 0%, #6366f1 48%, #7c3aed 100%);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
/* 滚动后：与白色logo一致 */
.navbar-floating.is-scrolled .brand-name {
background-image: none;
color: #fff;
-webkit-text-fill-color: #fff;
}
/* 默认（未滚动）在浅背景上提高可读性：深色文字与描边 */
.navbar-floating:not(.is-scrolled) .navbar-brand,
.navbar-floating:not(.is-scrolled) .nav-link {
color: rgba(0,0,0,.82);
}
.navbar-floating:not(.is-scrolled) .nav-link:hover {
color: #000;
}
/* 导航交互优化：悬停高亮与圆角背景，活动态带下划条 */
.navbar-floating .nav-link {
position: relative;
border-radius: .5rem;
padding-inline: 1rem;
padding-top: .55rem;
padding-bottom: .55rem;
transition: background-color .15s ease, color .15s ease;
font-weight: 600;
letter-spacing: .2px;
}
/* 桌面端：增加导航项之间的横向间距，更加舒展 */
@media (min-width: 992px) {
.navbar-floating .navbar-nav { gap: 1.1rem; }
}
/* 深色态（滚动后）：纯扁平轻背景 */
.navbar-floating.is-scrolled .nav-link:hover,
.navbar-floating.is-scrolled .nav-link.active {
background: rgba(255,255,255,.10);
color: #fff;
}
/* 浅色态（未滚动）：纯扁平轻背景 */
.navbar-floating:not(.is-scrolled) .nav-link:hover,
.navbar-floating:not(.is-scrolled) .nav-link.active {
background: rgba(0,0,0,.05);
color: #0d6efd;
}
.navbar-floating:not(.is-scrolled) .nav-outline-switch {
color: #343a40;
border-color: rgba(0,0,0,.45);
}
/* 提升页脚高度与留白 */
.site-footer { padding-top: 22px; padding-bottom: 22px; background: #fff; }
.site-footer .footer-contact i{ vertical-align: -2px; }
.site-footer .footer-contact a:hover{ text-decoration: underline; }
/* 政策页增强：锚点芯片、复制按钮、返回顶部 */
.policy-page .anchor-chips { display:none; }
.policy-page .chip { display:none; }
.policy-page .copy-btn { display:none; }
.back-to-top { position: fixed; right: 16px; bottom: 24px; z-index: 1040; display:none; border-radius: 10px; padding: .5rem .6rem; }
.back-to-top i { font-size: 1.25rem; line-height: 1; vertical-align: middle; }
/* 表格悬停可读性增强（利用 Bootstrap table-hover，同时细调背景） */
.policy-page table.table.table-hover tbody tr:hover { background-color: rgba(13,110,253,.06); }
.policy-page #tax-table tbody td, .policy-page #tax-table thead th { white-space: nowrap; }
.policy-page #tax-table { letter-spacing: .2px; }
.policy-page #tax-table thead th { position: sticky; top: 0; background: #fff; z-index: 1; }
/* 税率表字体与左侧一致 */
.policy-page #tax-table { font-size: 1rem; }
.policy-page #tax-table tbody td { color: #212529; line-height: 1.6; font-weight: 400; }
.policy-page #tax-table thead th { color: #212529; font-weight: 600; line-height: 1.6; }
/* 打印样式：仅保留关键信息 */
@media print {
.navbar, .site-footer, .policy-page .anchor-chips, .policy-page .copy-btn, .back-to-top, .product-hero { display: none !important; }
.section-soft, .theme-algo, .theme-rigorous { background: transparent !important; box-shadow: none !important; }
.panel-float, .module-block, .formula-block, .scheme-card { box-shadow: none !important; }
body { color: #000; }
}
/* 锚点芯片激活态 */
/* 已移除锚点芯片功能 */