/* ============================================================ * service.css —— 业务栏目页增强样式（作用域版本） * 由 _build/assets/service.css 自动加 .sp-scope 前缀生成，请勿直接编辑本文件 * 目的：与站点全局样式 assets/site.css 隔离，避免 wrap/btn-main/sec-head * 等 24 个同名类相互覆盖。页面需在上启用。 * ============================================================ */ /* ============================================================ 威库宝 · 服务栏目页样式 v2（三页共用）部署：/assets/service.css —— 需在 /assets/site.css 之后引入业务：GEO优化 / 外贸独立站搭建 / 小红书代运营 ============================================================ *//* ---------- 1. 设计 Token ---------- */:root{ --sp-blue:#c8102e; --sp-blue-2:#e60012; --sp-red-soft:#fdf3f4; --sp-red-line:#f2d5d9; --sp-navy:#2b2b2b; --sp-ink:#262626; --sp-gray:#6b6b6b; --sp-gray-2:#8d8d8d; --sp-line:#eceae6; --sp-soft:#faf9f7; --sp-soft-2:#f5f3f0; --sp-gold:#e8b04b; --sp-r:16px; --sp-r-sm:10px; --sp-sh-1:0 2px 10px rgba(43,43,43,.05); --sp-sh-2:0 10px 30px rgba(43,43,43,.08); --sp-sh-3:0 18px 48px rgba(200,16,46,.14); --sp-ease:cubic-bezier(.22,.61,.36,1); --sp-nav-h:66px; }.sp-scope *,.sp-scope *::before,.sp-scope *::after{box-sizing:border-box}.sp-scope{scroll-behavior:smooth;scroll-padding-top:calc(var(--sp-nav-h) + 52px)}.sp-scope{padding-bottom:0}/* ---------- 2. 顶部阅读进度条 ---------- */.sp-scope .sp-progress{position:fixed;top:0;left:0;height:3px;width:100%;z-index:120;background:transparent;pointer-events:none}.sp-scope .sp-progress i{display:block;height:100%;width:0; background:linear-gradient(90deg,var(--sp-blue),#ff5a5a);transition:width .1s linear}/* ---------- 3. 章节快捷导航 ---------- */.sp-scope .sp-toc{position:sticky;top:var(--sp-nav-h);z-index:90;background:rgba(255,255,255,.96); backdrop-filter:blur(10px);border-bottom:1px solid var(--sp-line)}.sp-scope .sp-toc .wrap{display:flex;align-items:center;gap:6px;overflow-x:auto;height:50px; scrollbar-width:none;-ms-overflow-style:none}.sp-scope .sp-toc .wrap::-webkit-scrollbar{display:none}.sp-scope .sp-toc a{flex:0 0 auto;padding:6px 13px;border-radius:999px;font-size:13.5px;color:var(--sp-gray); border:1px solid transparent;white-space:nowrap;transition:.18s var(--sp-ease)}.sp-scope .sp-toc a:hover{color:var(--sp-blue);background:var(--sp-red-soft)}.sp-scope .sp-toc a.on{color:#fff;background:var(--sp-blue);border-color:var(--sp-blue);font-weight:600}.sp-scope .sp-toc a.go-form{color:var(--sp-blue);border-color:var(--sp-red-line);margin-left:auto;font-weight:600}.sp-scope .sp-toc a.go-form:hover{background:var(--sp-blue);color:#fff}/* ---------- 4. Hero ---------- */.sp-scope .sp-hero{position:relative;overflow:hidden;padding:44px 0 60px; background: radial-gradient(900px 420px at 88% -10%,rgba(200,16,46,.10),transparent 60%), radial-gradient(700px 380px at 4% 8%,rgba(255,90,90,.08),transparent 62%), linear-gradient(180deg,#fff 0%,#fdf7f7 60%,#faf9f7 100%); border-bottom:1px solid var(--sp-line)}.sp-scope .sp-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5; background-image:linear-gradient(rgba(200,16,46,.05) 1px,transparent 1px), linear-gradient(90deg,rgba(200,16,46,.05) 1px,transparent 1px); background-size:46px 46px; mask-image:radial-gradient(760px 300px at 70% 0%,#000,transparent 72%); -webkit-mask-image:radial-gradient(760px 300px at 70% 0%,#000,transparent 72%)}.sp-scope .hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:44px;align-items:start}.sp-scope .crumb{font-size:13px;color:var(--sp-gray-2);margin-bottom:18px}.sp-scope .crumb a{color:var(--sp-gray-2)}.sp-scope .crumb a:hover{color:var(--sp-blue)}.sp-scope .crumb span{color:var(--sp-ink)}.sp-scope .sp-hero .tag{display:inline-block;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700; color:var(--sp-blue);background:#fff;border:1px solid var(--sp-red-line); box-shadow:var(--sp-sh-1);margin-bottom:16px}.sp-scope .sp-hero h1{font-size:36px;line-height:1.32;color:var(--sp-navy);margin:0 0 16px;font-weight:800;letter-spacing:-.4px}.sp-scope .sp-hero h1 em{font-style:normal;color:var(--sp-blue)}.sp-scope .sp-hero .sub{font-size:16.5px;line-height:1.9;color:var(--sp-gray);max-width:640px}.sp-scope .sp-points{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 24px}.sp-scope .sp-points span{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#fff; border:1px solid var(--sp-red-line);border-radius:999px;font-size:13.5px;color:#a3343f; box-shadow:var(--sp-sh-1)}.sp-scope .sp-points span::before{content:"✓";color:var(--sp-blue);font-weight:800}.sp-scope .sp-hero .btns{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.sp-scope .sp-hero .btns a{padding:13px 26px;border-radius:var(--sp-r-sm);font-weight:700;font-size:15.5px;transition:.18s var(--sp-ease)}.sp-scope .sp-hero .btns .btn-main{box-shadow:0 8px 22px rgba(200,16,46,.24)}.sp-scope .sp-hero .btns .btn-main:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(200,16,46,.3)}.sp-scope .sp-hero .btns .btn-ghost:hover{transform:translateY(-2px);border-color:var(--sp-blue);color:var(--sp-blue)}.sp-scope .trust-row{display:flex;flex-wrap:wrap;gap:10px 22px;padding-top:20px;border-top:1px dashed var(--sp-line)}.sp-scope .trust-row b{display:block;font-size:15px;color:var(--sp-navy);font-weight:800}.sp-scope .trust-row span{display:block;font-size:12.5px;color:var(--sp-gray-2);margin-top:1px}/* Hero 右侧：AI 答案卡 */.sp-scope .hero-ai{background:#fff;border:1px solid var(--sp-line);border-radius:var(--sp-r); box-shadow:var(--sp-sh-2);overflow:hidden}.sp-scope .hero-ai .ai-bar{display:flex;align-items:center;gap:8px;padding:12px 18px; background:linear-gradient(90deg,#fbf7f7,#fff);border-bottom:1px solid var(--sp-line)}.sp-scope .hero-ai .ai-dot{width:9px;height:9px;border-radius:50%;background:var(--sp-blue); box-shadow:0 0 0 4px rgba(200,16,46,.12)}.sp-scope .hero-ai .ai-bar b{font-size:13.5px;color:var(--sp-navy)}.sp-scope .hero-ai .ai-bar span{font-size:12px;color:var(--sp-gray-2);margin-left:auto}.sp-scope .hero-ai .ai-body{padding:20px}.sp-scope .hero-ai .ai-q{font-size:15px;font-weight:700;color:var(--sp-navy);line-height:1.7; padding-left:14px;border-left:3px solid var(--sp-blue)}.sp-scope .hero-ai .ai-a{margin-top:16px;font-size:14.5px;line-height:2;color:var(--sp-gray)}.sp-scope .hero-ai .ai-a b{color:var(--sp-blue)}.sp-scope .hero-ai .ai-a ol{margin:10px 0 0 18px;padding:0}.sp-scope .hero-ai .ai-a li{margin-bottom:6px}.sp-scope .hero-ai .ai-foot{margin-top:16px;padding-top:14px;border-top:1px dashed var(--sp-line); font-size:12.5px;color:var(--sp-gray-2);line-height:1.8}/* ---------- 5. 通用分节 ---------- */.sp-scope .sp-sec{padding:68px 0;scroll-margin-top:calc(var(--sp-nav-h) + 52px)}.sp-scope .sp-sec.alt{background:var(--sp-soft);border-top:1px solid var(--sp-line);border-bottom:1px solid var(--sp-line)}.sp-scope .sp-sec .sec-head{margin-bottom:8px}.sp-scope .sp-sec .sec-head h2{font-size:29px;line-height:1.4;color:var(--sp-navy);font-weight:800;letter-spacing:-.3px}.sp-scope .sp-sec .sec-head p{margin-top:10px;font-size:15.5px;line-height:1.9;color:var(--sp-gray)}.sp-scope .sp-sec .kicker{font-size:13px;font-weight:700;letter-spacing:1.4px;color:var(--sp-blue);text-transform:uppercase}.sp-scope .sp-lead{text-align:center;color:var(--sp-gray);max-width:820px;margin:14px auto 0;font-size:15.5px;line-height:1.9}.sp-scope .src-note{margin-top:18px;font-size:13px;line-height:1.85;color:var(--sp-gray-2); background:#f7f7f6;border-left:3px solid #dcd8d0;padding:11px 15px;border-radius:0 var(--sp-r-sm) var(--sp-r-sm) 0}/* ---------- 6. 痛点 ---------- */.sp-scope .kv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px}.sp-scope .kv{position:relative;background:#fff;border:1px solid var(--sp-line);border-radius:var(--sp-r); padding:24px 26px;transition:.22s var(--sp-ease);overflow:hidden}.sp-scope .kv::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--sp-blue); transform:scaleY(0);transform-origin:top;transition:.22s var(--sp-ease)}.sp-scope .kv:hover{transform:translateY(-4px);box-shadow:var(--sp-sh-2);border-color:var(--sp-red-line)}.sp-scope .kv:hover::after{transform:scaleY(1)}.sp-scope .kv-t{font-size:17.5px;font-weight:700;color:var(--sp-navy);margin-bottom:8px}.sp-scope .kv-d{font-size:14.5px;line-height:1.9;color:var(--sp-gray)}/* ---------- 7. 数据 ---------- */.sp-scope .sp-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.sp-scope .sp-facts>div{position:relative;background:linear-gradient(160deg,#333 0%,#222 100%); border-radius:var(--sp-r);padding:26px 18px;text-align:center;overflow:hidden}.sp-scope .sp-facts>div::before{content:"";position:absolute;right:-24px;top:-24px;width:78px;height:78px; border-radius:50%;background:rgba(232,176,75,.14)}.sp-scope .sp-facts b{display:block;font-size:32px;font-weight:800;color:var(--sp-gold);line-height:1.2;letter-spacing:-.5px}.sp-scope .sp-facts span{display:block;margin-top:8px;font-size:13px;color:#c6c6c6;line-height:1.6}/* ---------- 8. 服务内容 ---------- */.sp-scope .cap-list{display:flex;flex-direction:column;gap:16px;margin-top:30px}.sp-scope .cap-item{display:flex;gap:22px;background:#fff;border:1px solid var(--sp-line); border-radius:var(--sp-r);padding:24px 28px;transition:.22s var(--sp-ease)}.sp-scope .cap-item:hover{border-color:var(--sp-red-line);box-shadow:var(--sp-sh-2);transform:translateY(-3px)}.sp-scope .cap-no{font-size:30px;font-weight:800;color:#f0d5d8;line-height:1;flex:0 0 56px;font-variant-numeric:tabular-nums}.sp-scope .cap-bd h3{font-size:18.5px;color:var(--sp-navy);margin-bottom:8px;font-weight:700}.sp-scope .cap-bd p{font-size:14.5px;line-height:1.9;color:var(--sp-gray)}.sp-scope .cap-out{margin-top:12px;font-size:13px;color:var(--sp-blue);background:var(--sp-red-soft); display:inline-block;padding:6px 13px;border-radius:var(--sp-r-sm);font-weight:600}/* ---------- 9. 方法论 ---------- */.sp-scope .mth-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.sp-scope .mth{position:relative;background:#fff;border:1px solid var(--sp-line);border-top:3px solid var(--sp-blue); border-radius:var(--sp-r);padding:22px 20px;transition:.22s var(--sp-ease)}.sp-scope .mth:hover{transform:translateY(-4px);box-shadow:var(--sp-sh-2)}.sp-scope .mth-no{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px; border-radius:50%;background:var(--sp-blue);color:#fff;font-size:13px;font-weight:700;margin-bottom:10px}.sp-scope .mth h3{font-size:16.5px;color:var(--sp-navy);margin-bottom:8px;font-weight:700}.sp-scope .mth p{font-size:14px;line-height:1.9;color:var(--sp-gray)}/* ---------- 10. 流程时间轴 ---------- */.sp-scope .fl-list{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:36px}.sp-scope .fl{position:relative;padding:0 12px;text-align:left}.sp-scope .fl::before{content:"";position:absolute;left:0;right:0;top:15px;height:2px;background:var(--sp-line)}.sp-scope .fl:first-child::before{left:14px}.sp-scope .fl:last-child::before{right:14px}.sp-scope .fl-d{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center; width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid var(--sp-line); color:var(--sp-gray-2);font-size:13px;font-weight:800;margin-bottom:14px;transition:.2s var(--sp-ease)}.sp-scope .fl:hover .fl-d{border-color:var(--sp-blue);color:#fff;background:var(--sp-blue)}.sp-scope .fl-bd h3{font-size:16px;color:var(--sp-navy);margin-bottom:8px;font-weight:700}.sp-scope .fl-bd ul{list-style:none;padding:0}.sp-scope .fl-bd li{font-size:13.5px;line-height:1.85;color:var(--sp-gray);padding-left:14px;position:relative;margin-bottom:5px}.sp-scope .fl-bd li::before{content:"";position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background:var(--sp-blue)}/* ---------- 11. 对比表 ---------- */.sp-scope .tbl-wrap{overflow-x:auto;margin-top:28px;border:1px solid var(--sp-line);border-radius:var(--sp-r);background:#fff}.sp-scope .cmp-tbl{width:100%;border-collapse:collapse;font-size:14.5px}.sp-scope .cmp-tbl th,.sp-scope .cmp-tbl td{border-bottom:1px solid var(--sp-line);padding:14px 18px;text-align:left;vertical-align:top;line-height:1.8}.sp-scope .cmp-tbl thead th{background:var(--sp-navy);color:#fff;font-weight:600;white-space:nowrap;border-bottom:0}.sp-scope .cmp-tbl tbody th{background:var(--sp-soft);font-weight:700;color:var(--sp-navy);white-space:nowrap}.sp-scope .cmp-tbl tbody tr:nth-child(even) td{background:#fcfcfc}.sp-scope .cmp-tbl tbody tr:hover td{background:#fffafb}.sp-scope .cmp-tbl td.hl{background:var(--sp-red-soft);color:var(--sp-ink);font-weight:600}.sp-scope .cmp-tbl thead th:last-child{background:var(--sp-blue)}.sp-scope .tbl-note{margin-top:14px;font-size:13px;color:var(--sp-gray-2);line-height:1.85}/* 行内 CTA */.sp-scope .inline-cta{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:22px; background:linear-gradient(100deg,#fff 0%,#fdf4f4 100%);border:1px solid var(--sp-red-line); border-radius:var(--sp-r);padding:22px 28px}.sp-scope .inline-cta b{display:block;font-size:17.5px;color:var(--sp-navy)}.sp-scope .inline-cta span{font-size:14px;color:var(--sp-gray)}.sp-scope .inline-cta .btn-main{flex:0 0 auto}.sp-scope .inline-cta .btn-main:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(200,16,46,.28)}/* ---------- 12. 套餐 ---------- */.sp-scope .pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px;align-items:stretch}.sp-scope .pkg{display:flex;flex-direction:column;background:#fff;border:1px solid var(--sp-line); border-radius:var(--sp-r);padding:28px 24px;position:relative;transition:.22s var(--sp-ease)}.sp-scope .pkg:hover{transform:translateY(-4px);box-shadow:var(--sp-sh-2);border-color:var(--sp-red-line)}.sp-scope .pkg.hot{border:2px solid var(--sp-blue);box-shadow:var(--sp-sh-3);transform:translateY(-6px)}.sp-scope .pkg.hot:hover{transform:translateY(-9px)}.sp-scope .pkg-tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--sp-blue);color:#fff; font-size:12.5px;font-weight:700;padding:5px 16px;border-radius:999px;white-space:nowrap;box-shadow:0 6px 16px rgba(200,16,46,.3)}.sp-scope .pkg h3{font-size:20px;color:var(--sp-navy);margin-bottom:12px;font-weight:800}.sp-scope .pkg-price{font-size:15px;color:var(--sp-blue);font-weight:700;margin-bottom:16px; padding-bottom:16px;border-bottom:1px dashed var(--sp-line)}.sp-scope .pkg-price b{font-size:34px;letter-spacing:-1px}.sp-scope .pkg-price i{font-style:normal;font-size:13px;color:var(--sp-gray-2);font-weight:400;margin-left:4px}.sp-scope .pkg ul{list-style:none;padding:0;margin:0 0 18px;flex:1}.sp-scope .pkg li{font-size:14px;line-height:1.85;color:var(--sp-gray);padding-left:20px;position:relative;margin-bottom:7px}.sp-scope .pkg li::before{content:"✓";position:absolute;left:0;color:var(--sp-blue);font-weight:800}.sp-scope .pkg-fit{margin-bottom:18px;font-size:13px;background:var(--sp-soft);border-radius:var(--sp-r-sm); padding:12px 14px;line-height:1.75}.sp-scope .pkg-fit b{display:block;color:var(--sp-navy);margin-bottom:2px}.sp-scope .pkg-fit span{color:var(--sp-gray)}.sp-scope .quote-btn{width:100%;padding:13px 16px;border:1px solid var(--sp-red-line);background:#fff;color:var(--sp-blue); border-radius:var(--sp-r-sm);font-size:15px;font-weight:700;cursor:pointer;transition:.18s var(--sp-ease); font-family:inherit}.sp-scope .quote-btn:hover{background:var(--sp-blue);color:#fff;border-color:var(--sp-blue)}.sp-scope .pkg.hot .quote-btn{background:var(--sp-blue);color:#fff;border-color:var(--sp-blue)}.sp-scope .pkg.hot .quote-btn:hover{background:var(--sp-blue-2);border-color:var(--sp-blue-2)}/* ---------- 13. 行业 / 案例 ---------- */.sp-scope .ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}/* 指标卡（交付指标：大数字 + 说明 / 适用行业：行业名 + 打法） */.sp-scope .ind b{display:block;font-size:30px;line-height:1.2;font-weight:800;color:var(--sp-blue);letter-spacing:-.5px;margin-bottom:8px}.sp-scope .ind span{display:block;font-size:14px;line-height:1.85;color:var(--sp-gray)}.sp-scope .ind.ind-wide{text-align:left}.sp-scope .ind.ind-wide b{font-size:18px;color:var(--sp-navy);letter-spacing:0;margin-bottom:10px}.sp-scope .ind.ind-wide span{font-size:14px;line-height:1.9;color:var(--sp-gray)}.sp-scope .ind-grid--wide{grid-template-columns:repeat(2,1fr)}@media (max-width:900px){.sp-scope .ind-grid--wide{grid-template-columns:1fr}}.sp-scope .ind{background:#fff;border:1px solid var(--sp-line);border-radius:var(--sp-r);padding:22px;transition:.22s var(--sp-ease)}.sp-scope .ind:hover{transform:translateY(-4px);box-shadow:var(--sp-sh-2);border-color:var(--sp-red-line)}.sp-scope .ind h3{font-size:16.5px;color:var(--sp-navy);margin-bottom:8px;font-weight:700}.sp-scope .ind p{font-size:14px;line-height:1.9;color:var(--sp-gray)}.sp-scope .cs-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px}.sp-scope .cs{position:relative;background:#fff;border:1px solid var(--sp-line);border-radius:var(--sp-r); padding:26px 26px 22px;transition:.22s var(--sp-ease)}.sp-scope .cs::before{content:"“";position:absolute;right:18px;top:6px;font-size:52px;color:#f2e3e5;line-height:1;font-family:Georgia,serif}.sp-scope .cs:hover{transform:translateY(-4px);box-shadow:var(--sp-sh-2);border-color:var(--sp-red-line)}.sp-scope .cs h3{font-size:16.5px;color:var(--sp-navy);margin-bottom:10px;font-weight:700}.sp-scope .cs p{font-size:14.5px;line-height:1.9;color:var(--sp-gray)}.sp-scope .case-src{margin-top:12px;font-size:12.5px;color:var(--sp-gray-2);line-height:1.8; border-top:1px dashed var(--sp-line);padding-top:10px}/* ---------- 14. 为什么选我们 ---------- */.sp-scope .wy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.sp-scope .wy{background:#fff;border:1px solid var(--sp-line);border-radius:var(--sp-r);padding:22px 24px;transition:.22s var(--sp-ease)}.sp-scope .wy:hover{transform:translateY(-4px);box-shadow:var(--sp-sh-2);border-color:var(--sp-red-line)}.sp-scope .wy-t{font-size:16.5px;font-weight:700;color:var(--sp-navy);margin-bottom:8px;padding-left:26px;position:relative}.sp-scope .wy-t::before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%; background:var(--sp-red-soft);color:var(--sp-blue);font-weight:800;font-size:12px; display:flex;align-items:center;justify-content:center}.sp-scope .wy-d{font-size:14px;line-height:1.9;color:var(--sp-gray)}/* ---------- 15. FAQ 手风琴 ---------- */.sp-scope .faq-list{max-width:900px;margin:30px auto 0;border:1px solid var(--sp-line);border-radius:var(--sp-r); background:#fff;overflow:hidden}.sp-scope .faq{border-bottom:1px solid var(--sp-line)}.sp-scope .faq:last-child{border-bottom:0}.sp-scope .faq summary{display:flex;align-items:flex-start;gap:12px;padding:18px 22px;cursor:pointer; font-size:16.5px;font-weight:700;color:var(--sp-navy);list-style:none;transition:.16s var(--sp-ease)}.sp-scope .faq summary::-webkit-details-marker{display:none}.sp-scope .faq summary:hover{background:var(--sp-soft)}.sp-scope .faq summary .qt{flex:1;min-width:0}.sp-scope .faq summary .ic{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--sp-red-soft); color:var(--sp-blue);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center; margin-top:3px;transition:.2s var(--sp-ease)}.sp-scope .faq summary .ar{margin-left:auto;flex:0 0 auto;color:var(--sp-gray-2);font-size:13px; transition:transform .22s var(--sp-ease);margin-top:4px}.sp-scope .faq[open] summary{background:var(--sp-red-soft);color:var(--sp-blue)}.sp-scope .faq[open] summary .ic{background:var(--sp-blue);color:#fff}.sp-scope .faq[open] summary .ar{transform:rotate(180deg)}.sp-scope .faq .a{padding:4px 22px 20px 56px;font-size:14.5px;line-height:2;color:var(--sp-gray)}/* ---------- 16. 配套服务 ---------- */.sp-scope .cr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.sp-scope .cr{display:block;background:#fff;border:1px solid var(--sp-line);border-radius:var(--sp-r); padding:24px;transition:.22s var(--sp-ease)}.sp-scope .cr:hover{border-color:var(--sp-red-line);transform:translateY(-4px);box-shadow:var(--sp-sh-2)}.sp-scope .cr h3{font-size:17.5px;color:var(--sp-navy);margin-bottom:8px;font-weight:700}.sp-scope .cr p{font-size:14px;line-height:1.9;color:var(--sp-gray);margin-bottom:12px}.sp-scope .cr span{font-size:14px;color:var(--sp-blue);font-weight:600;transition:.18s var(--sp-ease)}.sp-scope .cr:hover span{padding-left:6px}/* ---------- 17. 关于机构 ---------- */.sp-scope .org-sec{background:linear-gradient(160deg,#2f2f2f,#232323);border:0}.sp-scope .org-sec .sec-head h2,.sp-scope .org-sec .kicker{color:#fff}.sp-scope .org-box{max-width:900px;margin:0 auto;background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.14);border-radius:var(--sp-r);padding:30px 32px}.sp-scope .org-box h2{font-size:21px;color:#fff;margin-bottom:14px;font-weight:800}.sp-scope .org-def{font-size:16px;line-height:2;color:#e9e9e9;margin-bottom:20px}.sp-scope .org-dl{display:grid;grid-template-columns:92px 1fr;gap:12px 18px;font-size:14.5px;margin:0}.sp-scope .org-dl dt{color:#a9a9a9}.sp-scope .org-dl dd{margin:0;color:#ededed;line-height:1.8}.sp-scope .org-dl dd a{color:var(--sp-gold);text-decoration:underline}.sp-scope .org-note{margin-top:20px;font-size:12.5px;line-height:1.85;color:#9d9d9d; border-top:1px dashed rgba(255,255,255,.16);padding-top:14px}/* ---------- 18. 表单区 ---------- */.sp-scope #lead .contact-flex{gap:34px;align-items:stretch}.sp-scope #lead .lead-form{background:#fff;border:1px solid var(--sp-line);border-radius:var(--sp-r); box-shadow:var(--sp-sh-2);padding:28px 26px}.sp-scope #lead .lead-form h3{font-size:19px;color:var(--sp-navy);margin-bottom:4px;font-weight:800}.sp-scope #lead .lead-form .tip{font-size:13px;color:var(--sp-gray-2);margin-bottom:16px}.sp-scope #lead .lead-form input,.sp-scope #lead .lead-form select,.sp-scope #lead .lead-form textarea{ width:100%;padding:12px 14px;border:1px solid var(--sp-line);border-radius:var(--sp-r-sm); font-size:14.5px;font-family:inherit;color:var(--sp-ink);background:#fff;transition:.16s var(--sp-ease)}.sp-scope #lead .lead-form input:focus,.sp-scope #lead .lead-form select:focus,.sp-scope #lead .lead-form textarea:focus{ outline:0;border-color:var(--sp-blue);box-shadow:0 0 0 3px rgba(200,16,46,.1)}.sp-scope #lead .lead-form .f-row{margin-bottom:13px}.sp-scope #lead .lead-form button[type=submit]{width:100%;padding:14px;border:0;border-radius:var(--sp-r-sm); background:var(--sp-blue);color:#fff;font-size:15.5px;font-weight:700;cursor:pointer; transition:.18s var(--sp-ease);font-family:inherit}.sp-scope #lead .lead-form button[type=submit]:hover{background:var(--sp-blue-2);transform:translateY(-2px); box-shadow:0 12px 26px rgba(200,16,46,.28)}.sp-scope #lead .lead-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed;transform:none}.sp-scope .lead-msg{margin-top:10px;font-size:13.5px;min-height:20px;line-height:1.7}.sp-scope .lead-msg.ok{color:#1a7f37}.sp-scope .lead-msg.err{color:var(--sp-blue)}.sp-scope #lead .c-item{background:#fff;border:1px solid var(--sp-line);border-radius:var(--sp-r);padding:16px 18px}.sp-scope #lead .c-item .ico{width:40px;height:40px;border-radius:12px;background:var(--sp-red-soft); display:flex;align-items:center;justify-content:center;font-size:19px}/* ---------- 19. 悬浮转化条 ---------- */.sp-scope .sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:80;background:rgba(255,255,255,.97); backdrop-filter:blur(10px);border-top:1px solid var(--sp-line);box-shadow:0 -8px 26px rgba(43,43,43,.08); transform:translateY(110%);transition:transform .3s var(--sp-ease)}.sp-scope .sticky-cta.show{transform:translateY(0)}.sp-scope .sticky-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 24px}.sp-scope .sc-txt b{display:block;font-size:15.5px;color:var(--sp-navy);font-weight:800}.sp-scope .sc-txt span{font-size:12.5px;color:var(--sp-gray-2)}.sp-scope .sc-btns{display:flex;gap:10px;flex-wrap:wrap}.sp-scope .sc-btn{display:inline-block;padding:10px 18px;border-radius:var(--sp-r-sm);font-size:14.5px; font-weight:600;text-decoration:none;cursor:pointer;border:1px solid transparent; font-family:inherit;transition:.18s var(--sp-ease)}.sp-scope .sc-btn.tel{background:#fff;border-color:var(--sp-line);color:var(--sp-ink)}.sp-scope .sc-btn.tel:hover{border-color:var(--sp-blue);color:var(--sp-blue)}.sp-scope .sc-btn.wx{background:var(--sp-soft);border-color:var(--sp-line);color:var(--sp-ink)}.sp-scope .sc-btn.wx:hover{border-color:var(--sp-blue);color:var(--sp-blue)}.sp-scope .sc-btn.fm{background:var(--sp-blue);color:#fff;box-shadow:0 8px 20px rgba(200,16,46,.24)}.sp-scope .sc-btn.fm:hover{background:var(--sp-blue-2);transform:translateY(-2px)}.sp-scope.has-sticky{padding-bottom:78px}/* ---------- 20. 回到顶部 ---------- */.sp-scope .to-top{position:fixed;right:22px;bottom:96px;z-index:78;width:44px;height:44px;border-radius:50%; border:1px solid var(--sp-line);background:#fff;color:var(--sp-navy);font-size:18px;cursor:pointer; box-shadow:var(--sp-sh-2);opacity:0;visibility:hidden;transform:translateY(8px); transition:.24s var(--sp-ease);font-family:inherit}.sp-scope .to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.sp-scope .to-top:hover{background:var(--sp-blue);color:#fff;border-color:var(--sp-blue)}/* ---------- 21. 二维码弹窗增强 ---------- */.sp-scope .qr-modal.show{display:flex}.sp-scope .qr-box{border-radius:var(--sp-r);box-shadow:var(--sp-sh-3);max-width:400px}.sp-scope .qr-box h3{font-size:20px;color:var(--sp-navy);font-weight:800}.sp-scope .qr-benefit{background:var(--sp-red-soft);border-radius:var(--sp-r-sm);padding:10px 14px}.sp-scope .qr-alt a{color:var(--sp-blue);text-decoration:underline}/* ---------- 22. 滚动入场 ---------- */.sp-scope .rv{opacity:0;transform:translateY(18px);transition:opacity .6s var(--sp-ease),transform .6s var(--sp-ease)}.sp-scope .rv.in{opacity:1;transform:none}/* ---------- 23. 响应式 ---------- */@media(max-width:1200px){.sp-scope .hero-grid{gap:32px}.sp-scope .sp-hero h1{font-size:32px}.sp-scope .mth-grid,.sp-scope .ind-grid{grid-template-columns:repeat(2,1fr)} }@media(max-width:1024px){.sp-scope .hero-grid{grid-template-columns:1fr}.sp-scope .hero-ai{max-width:560px}.sp-scope .sp-facts{grid-template-columns:repeat(2,1fr)}.sp-scope .fl-list{grid-template-columns:repeat(2,1fr);gap:26px 0}.sp-scope .fl::before{display:none}.sp-scope .wy-grid,.sp-scope .cr-grid{grid-template-columns:repeat(2,1fr)}.sp-scope .pkg-grid{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}.sp-scope .pkg.hot{transform:none}.sp-scope .kv-grid{grid-template-columns:1fr}.sp-scope .sp-sec{padding:56px 0}.sp-scope .sp-sec .sec-head h2{font-size:26px} }@media(max-width:680px){.sp-scope .sp-hero{padding:30px 0 42px}.sp-scope .sp-hero h1{font-size:25px}.sp-scope .sp-hero .sub{font-size:15px}.sp-scope .sp-hero .btns a{flex:1 1 100%;text-align:center}.sp-scope .sp-sec{padding:46px 0}.sp-scope .sp-sec .sec-head h2{font-size:23px}.sp-scope .sp-facts,.sp-scope .mth-grid,.sp-scope .ind-grid,.sp-scope .fl-list,.sp-scope .wy-grid,.sp-scope .cr-grid,.sp-scope .cs-list,.sp-scope .kv-grid{grid-template-columns:1fr}.sp-scope .cap-item{flex-direction:column;gap:10px;padding:20px}.sp-scope .cap-no{flex:none;font-size:26px}.sp-scope .inline-cta{flex-direction:column;align-items:flex-start;padding:20px}.sp-scope .tbl-wrap{border-radius:var(--sp-r-sm)}.sp-scope .sticky-cta .wrap{padding:9px 14px}.sp-scope .sc-txt{display:none}.sp-scope .sc-btns{width:100%}.sp-scope .sc-btn{flex:1;text-align:center;padding:11px 6px;font-size:13.5px}.sp-scope .to-top{right:14px;bottom:88px;width:40px;height:40px}.sp-scope .faq summary{font-size:15.5px;padding:16px 16px}.sp-scope .faq .a{padding:2px 16px 18px 16px}.sp-scope .org-box{padding:22px 20px}.sp-scope .org-dl{grid-template-columns:1fr;gap:2px 0}.sp-scope .org-dl dd{margin-bottom:10px}.sp-scope.has-sticky{padding-bottom:70px}.sp-scope .sp-toc .wrap{height:46px} }/* ---------- 24. 无障碍 / 打印 ---------- */@media(prefers-reduced-motion:reduce){.sp-scope{scroll-behavior:auto}.sp-scope *{animation:none!important;transition:none!important}.sp-scope .rv{opacity:1;transform:none} }.sp-scope :focus-visible{outline:2px solid var(--sp-blue);outline-offset:2px}@media print{.sp-scope .sp-toc,.sp-scope .sticky-cta,.sp-scope .to-top,.sp-scope .qr-modal,.sp-scope .sp-progress,.sp-scope .sp-hero .btns{display:none!important}.sp-scope .sp-sec{padding:18px 0;break-inside:avoid}.sp-scope .org-sec{background:#fff!important;color:#000}.sp-scope .org-box{border-color:#ccc}.sp-scope .org-box h2,.sp-scope .org-def,.sp-scope .org-dl dd,.sp-scope .org-dl dt{color:#000!important} }