/* =========================================================
   方案 1 · 經典紅 v5 — 客户 8 条版面问题的视觉方案(配合 js/theme-classic-v5.js,cx5- 前缀)
   只动排版与视觉;动画只用 transform / opacity,不用 backdrop-filter 和 SVG 滤镜
   ========================================================= */

/* ---------- 1 Hero:矢量主视觉 ---------- */
[data-theme="classic"] .cx5-media { left: 34%; background: none; }
[data-theme="classic"] .cx5-media::after {
  background:
    linear-gradient(90deg, var(--dark) 0%, rgba(19, 23, 30, .7) 18%, rgba(19, 23, 30, 0) 46%),
    linear-gradient(0deg, var(--dark) 0%, rgba(19, 23, 30, 0) 34%); }
[data-theme="classic"] .cx5-hero-art { position: absolute; inset: 0; width: 100%; height: 100%; }
[data-theme="classic"] .cx5-hero-art .p-dia { fill: none; stroke: rgba(255, 255, 255, .07); stroke-width: 1; }
[data-theme="classic"] .cx5-orbit circle { fill: none; stroke: rgba(255, 255, 255, .09); stroke-width: 1; stroke-dasharray: 2 8; }
[data-theme="classic"] .cx5-cert .c-bg { fill: #fbfbfc; }
[data-theme="classic"] .cx5-cert .c-frame { fill: none; stroke: rgba(191, 63, 72, .45); stroke-width: 1.5; }
[data-theme="classic"] .cx5-cert .c-head { fill: #bf3f48; }
[data-theme="classic"] .cx5-cert .c-mark { fill: #fff; }
[data-theme="classic"] .cx5-cert .c-l1 { fill: #d9dce1; }
[data-theme="classic"] .cx5-cert .c-l2 { fill: #e6e8eb; }
[data-theme="classic"] .cx5-cert .c-l3 { fill: #eceef1; }
[data-theme="classic"] .cx5-cert .c-code { fill: #13171e; font: 700 40px/1 Inter, system-ui, sans-serif; letter-spacing: -.02em; }
[data-theme="classic"] .cx5-cert .c-sig { fill: none; stroke: #8a909a; stroke-width: 1.6; stroke-linecap: round; }
[data-theme="classic"] .cx5-cert.k2, [data-theme="classic"] .cx5-cert.k3 { opacity: .5; }
[data-theme="classic"] .cx5-stamp .s-o { fill: rgba(19, 23, 30, .85); stroke: #e8616b; stroke-width: 2; }
[data-theme="classic"] .cx5-stamp .s-i, [data-theme="classic"] .cx5-stamp .s-c { fill: none; stroke: #e8616b; stroke-width: 1.5; }
[data-theme="classic"] .cx5-stamp .s-t { fill: #fff; font: 600 13px/1 Inter, system-ui, sans-serif; letter-spacing: .14em; }
[data-theme="classic"] .cx5-stamp .s-code { fill: #fff; font: 700 40px/1 Inter, system-ui, sans-serif; }
[data-theme="classic"] .cx5-stamp .s-star { fill: #e8616b; }
[data-theme="classic"] .cx5-tick circle { fill: #bf3f48; }
[data-theme="classic"] .cx5-tick path { fill: none; stroke: #fff; stroke-width: 4.5; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 40; stroke-dashoffset: 0; }
/* 入场:证书依次浮入 → 盖章落下 → 打勾描出;之后证书缓慢漂浮 */
@keyframes cx5-float { 50% { transform: translateY(-10px); } }
@keyframes cx5-in { from { opacity: 0; transform: translateY(40px); } }
@keyframes cx5-stamp { 0% { opacity: 0; transform: scale(1.9) rotate(-24deg); } 60% { opacity: 1; transform: scale(.94) rotate(4deg); } 100% { opacity: 1; transform: scale(1) rotate(0); } }
@keyframes cx5-tick { from { stroke-dashoffset: 40; } }
[data-theme="classic"].anim .cx5-cert { transform-box: fill-box; }
[data-theme="classic"].anim .cx-hero .cx5-cert > * { animation: cx5-in 1s var(--cx-out) backwards; }
[data-theme="classic"].anim .cx-hero .cx5-cert.k3 > * { animation-delay: .5s; }
[data-theme="classic"].anim .cx-hero .cx5-cert.k2 > * { animation-delay: .62s; }
[data-theme="classic"].anim .cx-hero .cx5-cert.k1 > * { animation-delay: .74s; }
[data-theme="classic"].anim .cx-hero .cx5-media svg { animation: cx5-float 7s ease-in-out 2.4s infinite; }
[data-theme="classic"].anim .cx-hero .cx5-stamp .cx5-seal { transform-box: fill-box; transform-origin: center; animation: cx5-stamp .7s cubic-bezier(.3, 1.4, .5, 1) 1.5s backwards; }
[data-theme="classic"].anim .cx-hero .cx5-tick path { animation: cx5-tick .6s ease-out 2.1s backwards; }
[data-theme="classic"].anim .cx-hero .cx5-tick circle { transform-box: fill-box; transform-origin: center; animation: cx5-stamp .5s ease-out 1.9s backwards; }
/* 与主视觉的盖章重复:去掉原旋转印章 */
[data-theme="classic"] .cx-hero .cx-seal { display: none; }

/* ---------- 1 Hero:三讯息资讯条 ---------- */
[data-theme="classic"] .cx5-triad { display: grid; grid-template-columns: repeat(3, auto); justify-content: start; gap: 12px; margin: 28px 0 0; padding: 0; list-style: none; }
[data-theme="classic"] .cx5-triad li { display: flex; align-items: center; gap: 12px; padding: 12px 18px 12px 12px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 12px; background: rgba(13, 16, 21, .55); }
[data-theme="classic"] .cx5-triad-ico { display: grid; flex-shrink: 0; place-items: center; width: 40px; height: 40px; border-radius: 10px; background: rgba(191, 63, 72, .22); color: #f08a91; }
[data-theme="classic"] .cx5-triad-ico svg { width: 22px; height: 22px; }
[data-theme="classic"] .cx5-triad b { display: block; color: #fff; font-size: 15px; font-weight: 600; line-height: 1.3; }
[data-theme="classic"] .cx5-triad small { display: block; margin-top: 2px; color: rgba(255, 255, 255, .62); font-size: 12.5px; line-height: 1.4; white-space: nowrap; }
[data-theme="classic"].anim .cx-hero .cx5-triad li { opacity: 0; transform: translateY(14px); transition: opacity .8s var(--cx-out), transform .8s var(--cx-out); transition-delay: calc(.5s + var(--k) * .1s); }
[data-theme="classic"].anim .cx-hero.is-in .cx5-triad li { opacity: 1; transform: none; }
[data-theme="classic"] .cx-hero .cx-hero-lead { margin-top: 24px; }

/* ---------- 3 Trust Section ---------- */
[data-theme="classic"] .cx5-trust-sec { padding-bottom: 112px; }
[data-theme="classic"] .cx5-trust { position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 56px; align-items: center; margin-top: 72px; padding: 64px; border-radius: 20px; background: radial-gradient(70% 120% at 100% 0%, rgba(191, 63, 72, .28), rgba(191, 63, 72, 0) 60%), var(--dark); color: #fff; }
[data-theme="classic"] .cx5-trust::before { content: ""; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px); background-size: 48px 48px; }
[data-theme="classic"] .cx5-trust .eyebrow { color: rgba(255, 255, 255, .62); }
[data-theme="classic"] .cx5-trust-head h2 { color: #fff; font-size: clamp(30px, 3.2vw, 46px); line-height: 1.15; letter-spacing: -.03em; }
[data-theme="classic"] .cx5-trust-head p { margin: 18px 0 26px; color: rgba(255, 255, 255, .7); font-size: 15.5px; line-height: 1.8; }
[data-theme="classic"] .cx5-trust .link-arrow { color: #fff; }
[data-theme="classic"] .cx5-seals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; }
[data-theme="classic"] .cx5-seal-card { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 28px 16px 24px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 16px; background: rgba(255, 255, 255, .04); transition: border-color .4s, background .4s, transform .5s var(--cx-out); }
[data-theme="classic"] .cx5-seal-card:hover { border-color: rgba(232, 97, 107, .5); background: rgba(255, 255, 255, .07); transform: translateY(-6px); }
[data-theme="classic"] .cx5-seal-card .cx5-seal { width: min(150px, 100%); height: auto; margin-bottom: 18px; transition: transform 1.2s var(--cx-out); }
[data-theme="classic"] .cx5-seal-card:hover .cx5-seal { transform: rotate(18deg); }
[data-theme="classic"] .cx5-seal .s-o { fill: none; stroke: rgba(255, 255, 255, .28); stroke-width: 1.5; }
[data-theme="classic"] .cx5-seal .s-i { fill: none; stroke: #e8616b; stroke-width: 1.5; }
[data-theme="classic"] .cx5-seal .s-c { fill: rgba(191, 63, 72, .16); stroke: rgba(232, 97, 107, .6); stroke-width: 1; }
[data-theme="classic"] .cx5-seal .s-t { fill: rgba(255, 255, 255, .78); font: 600 12px/1 Inter, system-ui, sans-serif; letter-spacing: .2em; }
[data-theme="classic"] .cx5-seal .s-code { fill: #fff; font: 700 38px/1 Inter, system-ui, sans-serif; letter-spacing: .02em; }
[data-theme="classic"] .cx5-seal .s-sub { fill: rgba(255, 255, 255, .7); font: 600 11px/1 Inter, system-ui, sans-serif; letter-spacing: .12em; }
[data-theme="classic"] .cx5-seal .s-star { fill: #e8616b; }
[data-theme="classic"] .cx5-seal-card b { color: #fff; font-size: 15px; font-weight: 600; line-height: 1.4; }
[data-theme="classic"] .cx5-seal-card small { margin-top: 4px; color: rgba(255, 255, 255, .55); font-size: 12.5px; letter-spacing: .04em; }

/* ---------- 2 服务分类视觉导览(首页横向卡片) ---------- */
[data-theme="classic"] .cx5-cat-art { position: relative; overflow: hidden; background: var(--tint); }
[data-theme="classic"] .cx5-cat-art::after { display: none; }
[data-theme="classic"] .cx5-cat-art svg { position: absolute; inset: 0; width: 100%; height: 100%; }
[data-theme="classic"] .cx5-cat-art .g { fill: none; stroke: var(--hue); stroke-opacity: .2; stroke-width: 1; font: 700 40px/1 Inter, system-ui, sans-serif; letter-spacing: -.03em; }
[data-theme="classic"] .cx5-cat-art .r circle { fill: none; stroke: var(--hue); stroke-opacity: .18; }
[data-theme="classic"] .cx5-cat-ico { position: absolute; right: 25%; top: 50%; display: grid; place-items: center; width: 84px; height: 84px; border-radius: 50%; background: var(--hue); color: #fff; transform: translate(50%, -50%); box-shadow: 0 16px 34px -14px var(--hue); transition: transform .6s var(--cx-out); }
[data-theme="classic"] .cx5-cat-ico svg { width: 38px; height: 38px; }
[data-theme="classic"] .cx5-hs-card:hover .cx5-cat-ico { transform: translate(50%, -50%) scale(1.08) rotate(-6deg); }
[data-theme="classic"] .cx5-hs-card { border-top: 3px solid var(--hue); }
[data-theme="classic"] .cx5-hs-card .cx-hs-no { -webkit-text-stroke-color: var(--hue); }
[data-theme="classic"] .cx5-hs-card:hover .cx-hs-no { color: var(--hue); }
[data-theme="classic"] .cx5-hs-card .cx-hs-body li a:hover b, [data-theme="classic"] .cx5-hs-card .cx-hs-body li svg { color: var(--hue); }
[data-theme="classic"] .cx-hs.is-pin .cx5-cat-art { min-height: 34%; }

/* ---------- 5 為什麼選擇 TTA ---------- */
[data-theme="classic"] .cx5-why { background: #fff; }
[data-theme="classic"] .cx5-why-grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: 32px; align-items: stretch; }
[data-theme="classic"] .cx5-nums { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 0; padding: 0; list-style: none; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: var(--line); }
[data-theme="classic"] .cx5-nums li { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 190px; padding: 28px; background: #fff; }
[data-theme="classic"] .cx5-num-k { position: absolute; top: 22px; left: 28px; font-size: 12px; font-weight: 600; letter-spacing: .1em; color: var(--brand); }
[data-theme="classic"] .cx5-nums .stat-num { font-size: clamp(40px, 4vw, 60px); font-weight: 700; line-height: 1; letter-spacing: -.04em; color: var(--ink); font-variant-numeric: tabular-nums; }
[data-theme="classic"] .cx5-num-l { margin-top: 10px; font-size: 14.5px; color: var(--muted); }
[data-theme="classic"] .cx5-proof { display: grid; gap: 16px; align-content: stretch; }
[data-theme="classic"] .cx5-quote { position: relative; margin: 0; padding: 24px 28px 22px 28px; border-left: 3px solid var(--brand); border-radius: 0 14px 14px 0; background: var(--bg-alt); }
[data-theme="classic"] .cx5-quote::before { content: "“"; position: absolute; top: -6px; right: 20px; font: 700 84px/1 Georgia, serif; color: rgba(191, 63, 72, .15); }
[data-theme="classic"] .cx5-quote-tag { display: inline-block; margin-bottom: 10px; padding: 4px 10px; border-radius: 999px; background: rgba(191, 63, 72, .1); color: var(--brand); font-size: 12px; font-weight: 600; letter-spacing: .04em; }
[data-theme="classic"] .cx5-quote blockquote { margin: 0; font-size: 16px; line-height: 1.8; color: var(--ink); }
[data-theme="classic"] .cx5-quote figcaption { margin-top: 8px; font-size: 13px; }
[data-theme="classic"] .cx5-quote figcaption a { color: var(--muted); }
[data-theme="classic"] .cx5-quote figcaption a:hover { color: var(--brand); }
[data-theme="classic"] .cx5-diff { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 32px 0 0; padding: 0; list-style: none; }
[data-theme="classic"] .cx5-diff a { position: relative; display: flex; flex-direction: column; height: 100%; padding: 24px 24px 22px; border: 1px solid var(--line); border-radius: 14px; background: #fff; transition: border-color .4s, box-shadow .4s, transform .5s var(--cx-out); }
[data-theme="classic"] .cx5-diff a:hover { border-color: transparent; box-shadow: var(--shadow-lg); transform: translateY(-4px); }
[data-theme="classic"] .cx5-diff-ico { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 18px; border-radius: 12px; background: var(--brand-tint); color: var(--brand); }
[data-theme="classic"] .cx5-diff-ico svg { width: 22px; height: 22px; }
[data-theme="classic"] .cx5-diff b { font-size: 16px; font-weight: 600; line-height: 1.4; color: var(--ink); }
[data-theme="classic"] .cx5-diff small { margin-top: 6px; padding-right: 22px; font-size: 13px; line-height: 1.6; color: var(--muted); }
[data-theme="classic"] .cx5-diff a > svg { position: absolute; right: 20px; bottom: 22px; width: 16px; height: 16px; color: var(--brand); transition: transform .35s var(--cx-out); }
[data-theme="classic"] .cx5-diff a:hover > svg { transform: translateX(4px); }

/* ---------- 4 首页流程:步骤图示 ---------- */
[data-theme="classic"] .cx5-step-ico { position: relative; }
[data-theme="classic"] .cx5-step-ico svg { width: 24px; height: 24px; }
[data-theme="classic"] .cx5-step-ico em { position: absolute; top: -6px; right: -8px; display: grid; place-items: center; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 999px; background: var(--ink); color: #fff; font-size: 10.5px; font-style: normal; font-weight: 600; }
[data-theme="classic"] .cx-flow-step.is-past .cx5-step-ico em, [data-theme="classic"] .cx-flow-step.is-on .cx5-step-ico em { background: #fff; color: var(--brand); box-shadow: 0 0 0 1px var(--brand); }

/* ---------- 8 培训区插画 ---------- */
[data-theme="classic"] .cx5-tr-media { background: #161b23; }
[data-theme="classic"] .cx5-train-art { position: absolute; inset: 0; width: 100%; height: 100%; }
[data-theme="classic"] .cx5-train-art .p-grid { fill: none; stroke: rgba(255, 255, 255, .05); }
[data-theme="classic"] .cx5-train-art .b-bg { fill: #f7f8fa; }
[data-theme="classic"] .cx5-train-art .b-clip { fill: #bf3f48; }
[data-theme="classic"] .cx5-train-art .b-box { fill: none; stroke: #c6cad1; stroke-width: 2; }
[data-theme="classic"] .cx5-train-art .b-ok { fill: none; stroke: #bf3f48; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
[data-theme="classic"] .cx5-train-art .b-ln { fill: #cfd3d9; }
[data-theme="classic"] .cx5-train-art .b-ln2 { fill: #e3e6ea; }
[data-theme="classic"] .cx5-train-art .l-ring { fill: none; stroke: #e8616b; stroke-width: 10; }
[data-theme="classic"] .cx5-train-art .l-glass { fill: rgba(255, 255, 255, .1); }
[data-theme="classic"] .cx5-train-art .l-handle { stroke: #e8616b; stroke-width: 16; stroke-linecap: round; }
[data-theme="classic"] .cx5-train-art .l-ok { fill: none; stroke: #fff; stroke-width: 7; stroke-linecap: round; stroke-linejoin: round; }
[data-theme="classic"].anim .cx5-train-art .t-lens { animation: cx5-float 6s ease-in-out infinite; }

/* ---------- 8 内页标题区:领域图示 + 菱形纹样 ---------- */
[data-theme="classic"] .cx5-ph::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .5; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cpath d='M22 6l16 16-16 16L6 22Z' fill='none' stroke='%23ffffff' stroke-opacity='.07'/%3E%3C/svg%3E"); -webkit-mask-image: linear-gradient(90deg, transparent 20%, #000 75%); mask-image: linear-gradient(90deg, transparent 20%, #000 75%); }
[data-theme="classic"] .cx5-ph-art { position: absolute; right: max(var(--gutter), calc((100% - var(--wrap)) / 2)); top: 50%; z-index: 0; width: clamp(160px, 22vw, 300px); height: clamp(160px, 22vw, 300px); color: rgba(255, 255, 255, .13); transform: translateY(-50%); }
[data-theme="classic"] .cx5-ph-art svg { width: 100%; height: 100%; stroke-width: .7; }
[data-theme="classic"] .cx5-ph:has(.cx-ph-mark) .cx5-ph-art { display: none; }
[data-theme="classic"] .cx5-ph .cx-ph-mark { -webkit-text-stroke-color: color-mix(in srgb, var(--hue, #fff) 55%, transparent); }

/* ---------- 6 内页正文:分节 + 图示 ---------- */
[data-theme="classic"] .cx5-intro { margin-bottom: 8px; }
[data-theme="classic"] .cx5-prose .cx5-sec { margin-top: 64px; scroll-margin-top: 130px; }
[data-theme="classic"] .cx5-prose .cx5-sec:first-of-type { margin-top: 40px; }
[data-theme="classic"] .prose .cx5-h { display: flex; align-items: center; gap: 14px; margin: 0 0 24px; padding-bottom: 16px; border-bottom: 1px solid var(--line); font-size: clamp(22px, 2.1vw, 28px); line-height: 1.35; letter-spacing: -.01em; }
[data-theme="classic"] .prose .cx5-h > span { display: grid; flex-shrink: 0; place-items: center; width: 40px; height: 40px; border-radius: 10px; background: var(--brand); color: #fff; font-size: 14px; font-weight: 600; letter-spacing: 0; font-variant-numeric: tabular-nums; }
[data-theme="classic"] .prose .cx5-sub { margin-top: 32px; }
[data-theme="classic"] .prose .cx5-h3 { margin: 0 0 16px; font-size: 19px; line-height: 1.5; }
[data-theme="classic"] .prose .cx5-lead { margin: 0 0 20px; padding: 14px 18px; border-left: 3px solid var(--brand); border-radius: 0 10px 10px 0; background: var(--bg-alt); color: var(--ink); font-weight: 500; }
[data-theme="classic"] .prose .cx5-note { padding: 12px 16px; border: 1px dashed var(--line-2); border-radius: 10px; color: var(--muted); font-size: 14px; }
/* Step Flow:三栏步骤卡,箭头连接 */
[data-theme="classic"] .prose .cx5-flow { counter-reset: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 30px; margin: 0; padding: 0; list-style: none; }
[data-theme="classic"] .prose .cx5-flow li { position: relative; display: flex; align-items: flex-start; gap: 12px; min-height: 76px; margin: 0; padding: 16px 16px 16px 14px; border: 1px solid var(--line); border-radius: 12px; background: #fff; line-height: 1.5; transition: border-color .3s, box-shadow .3s; }
[data-theme="classic"] .prose .cx5-flow li::before { display: none; }
[data-theme="classic"] .prose .cx5-flow li:hover { border-color: var(--brand); box-shadow: 0 10px 24px -16px rgba(191, 63, 72, .6); }
[data-theme="classic"] .prose .cx5-flow li:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: -21px; width: 10px; height: 10px; border-top: 2px solid var(--brand); border-right: 2px solid var(--brand); transform: translateY(-50%) rotate(45deg); }
[data-theme="classic"] .prose .cx5-flow li:nth-child(3n)::after { right: 50%; top: auto; bottom: -13px; transform: translateX(50%) rotate(135deg); }
[data-theme="classic"] .prose .cx5-flow li:last-child { border-color: var(--brand); background: var(--brand-tint); }
[data-theme="classic"] .cx5-flow-node { display: grid; flex-shrink: 0; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--ink); color: #fff; font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; }
[data-theme="classic"] .prose .cx5-flow li:last-child .cx5-flow-node { background: var(--brand); }
[data-theme="classic"] .cx5-flow-t { padding-top: 5px; font-size: 14.5px; font-weight: 500; color: var(--ink); }
/* 重点卡片 */
[data-theme="classic"] .prose .cx5-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
[data-theme="classic"] .prose .cx5-cards li { display: flex; flex-direction: column; margin: 0; padding: 18px 18px 16px; border: 1px solid var(--line); border-radius: 12px; background: #fff; line-height: 1.5; transition: border-color .3s, transform .4s var(--cx-out); }
[data-theme="classic"] .prose .cx5-cards li::before { display: none; }
[data-theme="classic"] .prose .cx5-cards li:hover { border-color: var(--brand); transform: translateY(-3px); }
[data-theme="classic"] .cx5-card-k { margin-bottom: 10px; color: var(--brand); font-size: 12px; font-weight: 600; letter-spacing: .08em; }
[data-theme="classic"] .prose .cx5-cards b { font-size: 15.5px; font-weight: 600; color: var(--ink); }
[data-theme="classic"] .prose .cx5-cards small { margin-top: 4px; font-size: 12.5px; color: var(--muted); }
[data-theme="classic"] .prose .cx5-cards p { margin: 6px 0 0; font-size: 14px; line-height: 1.7; color: var(--ink-2); }
/* 条文架构图 */
[data-theme="classic"] .cx5-clauses { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; align-items: start; }
[data-theme="classic"] .prose .cx5-cards + p, [data-theme="classic"] .prose .cx5-clauses + p { margin-top: 20px; }
[data-theme="classic"] .cx5-clause { position: relative; overflow: hidden; padding: 18px 18px 16px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
[data-theme="classic"] .cx5-clause.is-mini { background: var(--bg-alt); }
[data-theme="classic"] .cx5-clause-no { position: absolute; top: -8px; right: 10px; font-size: 64px; font-weight: 700; line-height: 1; letter-spacing: -.04em; color: transparent; -webkit-text-stroke: 1.2px rgba(191, 63, 72, .35); }
[data-theme="classic"] .cx5-clause-t { position: relative; padding-right: 44px; }
[data-theme="classic"] .cx5-clause-t b { display: block; font-size: 15.5px; font-weight: 600; color: var(--ink); line-height: 1.4; }
[data-theme="classic"] .cx5-clause-t small { display: block; margin-top: 3px; font-size: 11.5px; color: var(--muted); line-height: 1.4; }
[data-theme="classic"] .prose .cx5-clause ul { margin: 12px 0 0; padding: 12px 0 0; border-top: 1px solid var(--line); list-style: none; }
[data-theme="classic"] .prose .cx5-clause li { margin: 0; padding: 3px 0; font-size: 13px; line-height: 1.5; color: var(--ink-2); }
[data-theme="classic"] .prose .cx5-clause li::before { display: none; }
/* 定义卡 / 勾选清单 */
[data-theme="classic"] .prose .cx5-defs { display: grid; gap: 10px; margin: 0; }
[data-theme="classic"] .prose .cx5-defs > div { display: grid; grid-template-columns: minmax(0, 200px) minmax(0, 1fr); gap: 18px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
[data-theme="classic"] .prose .cx5-defs > div.is-plain { grid-template-columns: 1fr; background: var(--bg-alt); }
[data-theme="classic"] .prose .cx5-defs dt b { display: block; font-size: 15px; font-weight: 600; color: var(--ink); line-height: 1.5; }
[data-theme="classic"] .prose .cx5-defs dt small { display: block; font-size: 12px; color: var(--muted); line-height: 1.4; }
[data-theme="classic"] .prose .cx5-defs dd { margin: 0; font-size: 14.5px; line-height: 1.75; color: var(--ink-2); }
[data-theme="classic"] .prose .cx5-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
[data-theme="classic"] .prose .cx5-checks li { display: flex; align-items: flex-start; gap: 12px; margin: 0; padding: 14px 16px; border-radius: 12px; background: var(--bg-alt); font-size: 14.5px; line-height: 1.65; color: var(--ink); }
[data-theme="classic"] .prose .cx5-checks li::before { display: none; }
[data-theme="classic"] .prose .cx5-checks svg { flex-shrink: 0; width: 22px; height: 22px; padding: 4px; border-radius: 50%; background: var(--brand); color: #fff; stroke-width: 2.4; }

/* ---------- 7 文末询问卡 ---------- */
[data-theme="classic"] .cx5-endcta { position: relative; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 28px; margin-top: 64px; padding: 32px; border-radius: 16px; background: radial-gradient(80% 140% at 100% 0%, rgba(191, 63, 72, .35), rgba(191, 63, 72, 0) 60%), var(--dark); color: #fff; }
[data-theme="classic"] .cx5-endcta-t { display: flex; align-items: flex-start; gap: 16px; max-width: 460px; }
[data-theme="classic"] .cx5-endcta-ico { display: grid; flex-shrink: 0; place-items: center; width: 48px; height: 48px; border-radius: 12px; background: var(--brand); color: #fff; }
[data-theme="classic"] .cx5-endcta-ico svg { width: 24px; height: 24px; }
[data-theme="classic"] .prose .cx5-endcta h3 { margin: 0; color: #fff; font-size: 21px; line-height: 1.4; }
[data-theme="classic"] .prose .cx5-endcta p { margin: 6px 0 0; color: rgba(255, 255, 255, .72); font-size: 14.5px; line-height: 1.7; }
[data-theme="classic"] .cx5-endcta-a { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
[data-theme="classic"] .cx5-endcta .btn-ghost { --btn-sweep: #fff; color: #fff; border-color: rgba(255, 255, 255, .4); }
[data-theme="classic"] .cx5-endcta .btn-ghost:hover { color: var(--ink); border-color: #fff; }
[data-theme="classic"] .cx5-endcta-tel { display: inline-flex; align-items: center; gap: 8px; color: #fff; font-weight: 600; text-decoration: none; }
[data-theme="classic"] .cx5-endcta-tel svg { width: 18px; height: 18px; color: #f08a91; }

/* ---------- 6 本頁目錄(左侧栏) ---------- */
[data-theme="classic"] .cx5-toc-side { max-height: calc(100vh - 170px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
[data-theme="classic"] .cx5-toc { position: relative; }
[data-theme="classic"] .cx5-toc h4 { display: flex; align-items: center; gap: 8px; }
[data-theme="classic"] .cx5-toc h4 svg { width: 16px; height: 16px; color: var(--brand); }
[data-theme="classic"] .cx5-toc ol { position: relative; margin: 0; padding: 0; list-style: none; border-left: 1px solid var(--line); }
[data-theme="classic"] .cx5-toc ol a { display: flex; gap: 10px; padding: 8px 12px 8px 16px; margin-left: -1px; border-left: 2px solid transparent; font-size: 14px; line-height: 1.5; color: var(--ink-2); text-decoration: none; transition: color .25s, border-color .25s, background .25s; }
[data-theme="classic"] .cx5-toc ol a span { flex-shrink: 0; color: var(--muted); font-size: 12px; font-variant-numeric: tabular-nums; padding-top: 2px; }
[data-theme="classic"] .cx5-toc ol a:hover { color: var(--ink); }
[data-theme="classic"] .cx5-toc ol a.is-on { border-left-color: var(--brand); color: var(--ink); font-weight: 600; background: linear-gradient(90deg, var(--brand-tint), transparent); }
[data-theme="classic"] .cx5-toc ol a.is-on span { color: var(--brand); }
[data-theme="classic"] .cx5-toc-bar { position: absolute; left: 0; top: 34px; bottom: 0; width: 1px; pointer-events: none; }
[data-theme="classic"] .cx5-toc-bar i { display: block; height: 100%; background: var(--brand); opacity: .35; transform: scaleY(0); transform-origin: top; }
[data-theme="classic"] .cx5-more { margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--line); }
[data-theme="classic"] .cx5-more summary { cursor: pointer; font-size: 12px; font-weight: 600; letter-spacing: .12em; color: var(--muted); list-style: none; }
[data-theme="classic"] .cx5-more summary::-webkit-details-marker { display: none; }
[data-theme="classic"] .cx5-more summary::after { content: " +"; color: var(--brand); }
[data-theme="classic"] .cx5-more[open] summary::after { content: " –"; }
[data-theme="classic"] .cx5-more ul { margin-top: 10px; max-height: 320px; overflow-y: auto; }

/* ---------- 2 服务总览页:领域导览 + 卡片 ---------- */
[data-theme="classic"] .cx5-catnav { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 64px 0 16px; }
[data-theme="classic"] .cx5-catnav a { position: relative; display: flex; flex-direction: column; padding: 26px 24px 22px; border: 1px solid var(--line); border-top: 3px solid var(--hue); border-radius: 14px; background: linear-gradient(180deg, var(--tint), #fff 62%); color: var(--ink); text-decoration: none; transition: box-shadow .4s, transform .5s var(--cx-out); }
[data-theme="classic"] .cx5-catnav a:hover { box-shadow: var(--shadow-lg); transform: translateY(-5px); }
[data-theme="classic"] .cx5-catnav-ico { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 18px; border-radius: 14px; background: var(--hue); color: #fff; }
[data-theme="classic"] .cx5-catnav-ico svg { width: 26px; height: 26px; }
[data-theme="classic"] .cx5-catnav b { font-size: 19px; font-weight: 600; }
[data-theme="classic"] .cx5-catnav small { margin-top: 6px; min-height: 3.2em; font-size: 13.5px; line-height: 1.6; color: var(--muted); }
[data-theme="classic"] .cx5-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 16px 0 14px; }
[data-theme="classic"] .cx5-chips i { padding: 4px 9px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--hue) 30%, transparent); color: var(--hue); font-size: 12px; font-style: normal; font-weight: 600; }
[data-theme="classic"] .cx5-catnav em { margin-top: auto; font-size: 12.5px; font-style: normal; font-weight: 600; color: var(--hue); }
[data-theme="classic"] .services-index .svc-group { scroll-margin-top: 120px; }
/* 服务卡:从一行行文字改为图卡网格 */
[data-theme="classic"] .services-index .svc-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; border-top: 0; }
[data-theme="classic"] .services-index .svc-card { display: flex; flex-direction: column; padding: 26px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
[data-theme="classic"] .services-index .svc-card:hover { padding: 26px; background: #fff; box-shadow: var(--shadow-lg); transform: translateY(-4px); }
[data-theme="classic"] .services-index .svc-card h3 { margin: 0; font-size: 22px; white-space: normal; }
[data-theme="classic"] .services-index .svc-card .svc-full { margin-top: 4px; }
[data-theme="classic"] .services-index .svc-card p { display: -webkit-box; margin-top: 12px; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
[data-theme="classic"] .services-index .svc-card .link-arrow { align-self: flex-start; margin-top: auto; padding-top: 16px; }
[data-theme="classic"] .svc-card::after { background: var(--hue, var(--brand)); }
[data-theme="classic"] .cx5-svc-ico { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 18px; border-radius: 12px; background: var(--tint, var(--brand-tint)); color: var(--hue, var(--brand)); }
[data-theme="classic"] .cx5-svc-ico svg { width: 23px; height: 23px; }
[data-theme="classic"] .services-index .svc-card > * { grid-column: auto !important; grid-row: auto !important; }
/* 导航下拉:领域图示 */
[data-theme="classic"] .cx5-mi { display: inline-grid; place-items: center; width: 22px; height: 22px; margin-right: 8px; border-radius: 6px; background: color-mix(in srgb, var(--hue) 14%, transparent); color: var(--hue); vertical-align: -6px; }
[data-theme="classic"] .cx5-mi svg { width: 14px; height: 14px; }
[data-theme="classic"] .sub-mega .sub-group .sub-cap { color: var(--hue, var(--muted)); }

/* ---------- 响应式 ---------- */
@media (max-width: 1180px) {
  [data-theme="classic"] .cx5-triad { grid-template-columns: 1fr; }
  [data-theme="classic"] .cx5-trust { grid-template-columns: 1fr; padding: 48px; }
  [data-theme="classic"] .cx5-diff { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-theme="classic"] .cx5-catnav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* 侧栏隐藏时:目录改为正文上方的横向标签 */
  [data-theme="classic"] .page-body > .cx5-toc-side { display: block; grid-column: 1 / -1; min-width: 0; width: 100%; position: static; max-height: none; overflow: visible; margin-bottom: -16px; }
  [data-theme="classic"] .cx5-toc-side .cx5-more, [data-theme="classic"] .cx5-toc-side .cx5-toc-bar { display: none; }
  [data-theme="classic"] .cx5-toc ol { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 6px; border-left: 0; scrollbar-width: none; }
  [data-theme="classic"] .cx5-toc ol a { flex-shrink: 0; margin: 0; padding: 8px 14px; border: 1px solid var(--line); border-radius: 999px; white-space: nowrap; }
  [data-theme="classic"] .cx5-toc ol a.is-on { border-color: var(--brand); background: var(--brand-tint); }
}
@media (max-width: 960px) {
  [data-theme="classic"] .cx5-media { left: 0; opacity: .35; }
  [data-theme="classic"] .cx5-why-grid { grid-template-columns: 1fr; }
  [data-theme="classic"] .services-index .svc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-theme="classic"] .prose .cx5-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-theme="classic"] .prose .cx5-flow li:nth-child(3n)::after { top: 50%; right: -21px; bottom: auto; transform: translateY(-50%) rotate(45deg); }
  [data-theme="classic"] .prose .cx5-flow li:nth-child(2n)::after { right: 50%; top: auto; bottom: -13px; transform: translateX(50%) rotate(135deg); }
}
@media (max-width: 640px) {
  [data-theme="classic"] .cx5-media { display: none; }
  [data-theme="classic"] .cx5-triad li { padding: 10px 14px 10px 10px; }
  [data-theme="classic"] .cx5-triad small { white-space: normal; }
  [data-theme="classic"] .cx5-trust { margin-top: 48px; padding: 32px 22px; gap: 32px; border-radius: 16px; }
  [data-theme="classic"] .cx5-seals { gap: 10px; }
  [data-theme="classic"] .cx5-seal-card { padding: 16px 8px; }
  [data-theme="classic"] .cx5-seal-card b { font-size: 12.5px; }
  [data-theme="classic"] .cx5-seal-card small { font-size: 11px; }
  [data-theme="classic"] .cx5-nums li { min-height: 140px; padding: 22px 18px; }
  [data-theme="classic"] .cx5-num-k { left: 18px; top: 16px; }
  [data-theme="classic"] .cx5-nums .stat-num { font-size: 36px; }
  [data-theme="classic"] .cx5-diff, [data-theme="classic"] .cx5-catnav, [data-theme="classic"] .services-index .svc-grid { grid-template-columns: 1fr; }
  [data-theme="classic"] .prose .cx5-flow { grid-template-columns: 1fr; gap: 18px; }
  [data-theme="classic"] .prose .cx5-flow li:not(:last-child)::after, [data-theme="classic"] .prose .cx5-flow li:nth-child(n)::after { right: auto; left: 30px; top: auto; bottom: -15px; transform: rotate(135deg); }
  [data-theme="classic"] .prose .cx5-flow li:last-child::after { display: none; }
  [data-theme="classic"] .prose .cx5-checks { grid-template-columns: 1fr; }
  [data-theme="classic"] .prose .cx5-defs > div { grid-template-columns: 1fr; gap: 6px; }
  [data-theme="classic"] .cx5-endcta { padding: 24px; }
  [data-theme="classic"] .cx5-ph-art { opacity: .6; right: -20px; }
}

/* ---------- 繁中排版 ---------- */
html[data-lang="zh"][data-theme="classic"] .cx5-trust-head h2 { letter-spacing: .01em; line-height: 1.35; }
html[data-lang="zh"][data-theme="classic"] .cx5-triad b, html[data-lang="zh"][data-theme="classic"] .cx5-diff b, html[data-lang="zh"][data-theme="classic"] .prose .cx5-h { letter-spacing: .02em; }

/* ---------- Hero 浅色底(客户反馈原深色底太黑) ---------- */
[data-theme="classic"] .cx-hero { --net-ink: 70, 78, 92; --net-dot: .5; color: var(--ink);
  background: radial-gradient(60% 70% at 88% 18%, rgba(191, 63, 72, .12), rgba(191, 63, 72, 0) 70%), radial-gradient(50% 60% at 0% 100%, rgba(191, 63, 72, .06), rgba(191, 63, 72, 0) 70%), linear-gradient(180deg, #faf8f6 0%, #f1f2f5 100%); }
[data-theme="classic"] .cx-hero::after { opacity: .035; }
[data-theme="classic"] .cx-hero .eyebrow { color: var(--muted, #5b6270); }
[data-theme="classic"] .cx-hero h1 { color: var(--ink); }
[data-theme="classic"] .cx-hero-lead { color: #4a515d; }
[data-theme="classic"] .cx-hero .btn-ghost { color: var(--ink); border-color: rgba(19, 23, 30, .28); --btn-sweep: var(--ink); }
[data-theme="classic"] .cx-hero .btn-ghost:hover { background: transparent; color: #fff; border-color: var(--ink); }
[data-theme="classic"] .cx-hero-glow { background: radial-gradient(closest-side, rgba(191, 63, 72, .16), rgba(191, 63, 72, 0)); }
[data-theme="classic"] .cx-hero-media::before { display: none; }
[data-theme="classic"] .cx5-media::after { background: linear-gradient(90deg, #f7f6f5 0%, rgba(247, 246, 245, .6) 16%, rgba(247, 246, 245, 0) 40%), linear-gradient(0deg, #f1f2f5 0%, rgba(241, 242, 245, 0) 30%); }
[data-theme="classic"] .cx5-hero-art .p-dia { stroke: rgba(19, 23, 30, .06); }
[data-theme="classic"] .cx5-orbit circle { stroke: rgba(19, 23, 30, .14); }
[data-theme="classic"] .cx5-cert .c-bg { stroke: rgba(19, 23, 30, .1); stroke-width: 1; }
[data-theme="classic"] .cx5-cert.k2, [data-theme="classic"] .cx5-cert.k3 { opacity: .75; }
[data-theme="classic"] .cx5-triad li { border-color: rgba(19, 23, 30, .08); background: rgba(255, 255, 255, .85); box-shadow: 0 10px 28px -18px rgba(19, 23, 30, .35); }
[data-theme="classic"] .cx5-triad-ico { background: rgba(191, 63, 72, .1); color: var(--brand); }
[data-theme="classic"] .cx5-triad b { color: var(--ink); }
[data-theme="classic"] .cx5-triad small { color: #626a77; }
[data-theme="classic"] .cx-hero .cx-stat { border-top-color: rgba(19, 23, 30, .12); }
[data-theme="classic"] .cx-hero .cx-stat + .cx-stat { border-left-color: rgba(19, 23, 30, .08); }
[data-theme="classic"] .cx-hero .cx-stat .stat-num { color: var(--ink); }
[data-theme="classic"] .cx-hero .cx-stat-label { color: var(--muted); }
@media (max-width: 640px) { [data-theme="classic"] .cx-hero .cx-stat:nth-child(n + 3) { border-top-color: rgba(19, 23, 30, .08); } }
/* 浅底上底部渐隐会把印章洗白:只保留左侧渐隐 */
[data-theme="classic"] .cx5-media::after { background: linear-gradient(90deg, #f7f6f5 0%, rgba(247, 246, 245, .6) 14%, rgba(247, 246, 245, 0) 34%); }
/* 主视觉印章:实心红章(避免被信任区印章样式覆盖成透明) */
[data-theme="classic"] .cx-hero .cx5-stamp .cx5-seal .s-o { fill: #bf3f48; stroke: #bf3f48; stroke-width: 2; }
[data-theme="classic"] .cx-hero .cx5-stamp .cx5-seal .s-i { fill: none; stroke: rgba(255, 255, 255, .7); stroke-width: 1.5; }
[data-theme="classic"] .cx-hero .cx5-stamp .cx5-seal .s-c { fill: rgba(255, 255, 255, .1); stroke: rgba(255, 255, 255, .55); stroke-width: 1; }
[data-theme="classic"] .cx-hero .cx5-stamp .cx5-seal .s-t { fill: rgba(255, 255, 255, .9); }
[data-theme="classic"] .cx-hero .cx5-stamp .cx5-seal .s-code { fill: #fff; }
[data-theme="classic"] .cx-hero .cx5-stamp .cx5-seal .s-star { fill: #fff; }