:root{--navy:#07152b;--navy2:#0b2347;--blue:#0b63ce;--blue2:#1887ff;--cyan:#48d5ff;--gold:#e9b75e;--bg:#f3f6fb;--surface:#ffffff;--soft:#f7faff;--text:#172033;--muted:#65758a;--line:#dbe5f2;--shadow:0 22px 70px rgba(7,21,43,.12);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.75}a{text-decoration:none;color:inherit}.container{width:min(1200px,calc(100% - 36px));margin:auto}.topbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(219,229,242,.85)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--navy);letter-spacing:-.02em}.logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--navy),var(--blue2));color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px rgba(11,99,206,.22)}.nav-links{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:800;color:#334155}.nav-links>a,.mega>a{display:flex;align-items:center;min-height:42px;padding:0 13px;border-radius:12px}.nav-links>a:hover,.mega>a:hover{color:var(--blue);background:#edf5ff}.cta-link{background:var(--navy)!important;color:#fff!important;padding:0 18px!important}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 12px;font-weight:800}.mega{position:relative}.mega-panel{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px);width:760px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transition:.22s}.mega:hover .mega-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.mega-panel:before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}.mega-panel a{display:block;padding:14px;border-radius:16px;border:1px solid transparent}.mega-panel a:hover{background:#f5f9ff;border-color:#dceafe}.mega-panel b{display:block;color:var(--navy);font-size:14px}.mega-panel span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.hero{position:relative;min-height:670px;overflow:hidden;background:#061327;color:#fff}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(72,213,255,.20),transparent 28%),radial-gradient(circle at 8% 80%,rgba(11,99,206,.25),transparent 32%),linear-gradient(135deg,#07152b 0%,#0b2347 52%,#092f65 100%)}.hero:after{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:58px 58px}.hero-carousel{position:relative;z-index:1;min-height:670px}.slides{position:relative;min-height:670px}.slide{position:absolute;inset:0;opacity:0;transform:translateX(30px);transition:opacity .8s ease,transform .8s ease;display:grid;align-items:center;padding:78px 0}.slide.active{opacity:1;transform:translateX(0);z-index:2}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center}.kicker{display:inline-flex;gap:8px;align-items:center;padding:8px 13px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);color:#dbeafe;font-size:13px;font-weight:900}.hero h1{font-size:clamp(40px,5.3vw,72px);line-height:1.05;letter-spacing:-.06em;margin:22px 0 20px}.hero h1 span{background:linear-gradient(90deg,#fff,#9de8ff);-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;max-width:760px;color:#c8d7ea;margin:0 0 28px}.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.hero-tags span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);color:#edf6ff;font-size:13px}.actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:14px;font-weight:900;border:1px solid transparent}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 18px 42px rgba(24,135,255,.28)}.btn.ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.24);color:#fff}.hero-visual{position:relative;min-height:430px}.glass-panel{position:relative;padding:24px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:28px;backdrop-filter:blur(16px);box-shadow:0 30px 90px rgba(0,0,0,.24)}.screen{background:#06111f;border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.35)}.screen-top{height:42px;background:#0b1e36;display:flex;align-items:center;gap:8px;padding:0 16px}.screen-top i{width:10px;height:10px;border-radius:50%;background:#38bdf8}.screen-top i:nth-child(2){background:#eab308}.screen-top i:nth-child(3){background:#22c55e}.terminal{padding:22px;min-height:290px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#dbeafe;font-size:14px}.terminal div{margin:10px 0}.terminal .ok{color:#86efac}.terminal .warn{color:#fcd34d}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.metric{padding:16px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.metric b{display:block;font-size:24px;color:#fff;line-height:1}.metric span{font-size:12px;color:#b7c8dd}.slider-control{position:absolute;z-index:5;left:50%;bottom:32px;transform:translateX(-50%);display:flex;gap:8px}.slider-control button{width:42px;height:5px;border:0;border-radius:999px;background:rgba(255,255,255,.3);cursor:pointer}.slider-control button.active{background:#fff}.section{padding:92px 0}.white{background:#fff}.soft{background:linear-gradient(180deg,#f3f7fd,#fff)}.dark{background:#07152b;color:#fff}.head{max-width:900px;margin:0 auto 44px;text-align:center}.eyebrow{display:inline-flex;color:var(--blue);font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:12px}.dark .eyebrow{color:#7dd3fc}.head h2{font-size:clamp(30px,3.5vw,50px);line-height:1.12;letter-spacing:-.05em;margin:0 0 12px;color:var(--navy)}.dark .head h2{color:#fff}.head p{margin:0;color:var(--muted);font-size:17px}.dark .head p{color:#b7c8dd}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{position:relative;padding:26px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 8px 30px rgba(7,21,43,.05);overflow:hidden;transition:.25s}.service-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(.18);transform-origin:left;transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#bfd5ef}.service-card:hover:before{transform:scaleX(1)}.icon,.mini-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#eef6ff,#dfefff);color:var(--blue);font-weight:900;margin-bottom:15px}.service-card h3,.card h3,.scenario h3,.case h3{margin:0 0 10px;color:var(--navy);font-size:20px;line-height:1.35}.service-card p,.card p,.scenario p,.case p{margin:0;color:var(--muted);font-size:14px}.service-card a{display:inline-flex;margin-top:18px;color:var(--blue);font-weight:900}.matrix{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:stretch}.feature-panel{padding:38px;border-radius:30px;background:linear-gradient(135deg,var(--navy),#10396f);color:#fff;box-shadow:var(--shadow)}.feature-panel h2{font-size:clamp(30px,3vw,48px);line-height:1.12;letter-spacing:-.05em;margin:8px 0 14px}.feature-panel p{color:#c8d7ea}.cap-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cap,.card,.scenario,.case,.step-card,.faq,.check-item,.quick-item,.package{padding:22px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 8px 28px rgba(7,21,43,.05)}.cap b,.check-item strong{display:block;color:var(--navy);font-size:18px;margin-bottom:6px}.cap span,.check-item span{color:var(--muted);font-size:14px}.scenario-grid,.case-grid,.pain-grid,.checklist,.package-grid,.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.scenario em,.case em,.package em{font-style:normal;display:inline-flex;padding:5px 10px;border-radius:999px;background:#edf5ff;color:var(--blue);font-size:12px;font-weight:900;margin-bottom:10px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:none}.step-card .num{font-size:36px;line-height:1;font-weight:900;color:#7dd3fc;margin-bottom:14px}.step-card h3{color:#fff;margin:0 0 8px}.step-card p{color:#b7c8dd;font-size:14px;margin:0}.cta{padding:86px 0;background:linear-gradient(135deg,#061327,#0b3b86);color:#fff}.cta-box{display:grid;grid-template-columns:1fr 360px;gap:30px;align-items:center}.cta h2{font-size:clamp(32px,3.6vw,54px);line-height:1.08;letter-spacing:-.05em;margin:0 0 14px}.cta p{color:#d1def0}.contact-card{padding:24px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px)}.contact-card div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:14px}.contact-card div:last-child{border-bottom:0}.footer{padding:30px 0;background:#04101f;color:#8ea3bc;font-size:14px}.footer-row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.breadcrumb{padding:18px 0;background:#fff;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}.detail-page{max-width:1080px;margin:0 auto;background:#fff;box-shadow:0 18px 70px rgba(7,21,43,.08)}.detail-hero{padding:34px 28px 0;background:linear-gradient(135deg,#08204a,#0b63ce 58%,#22a7f0);color:#fff}.detail-top{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}.pill{display:inline-flex;padding:7px 13px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.10);font-size:13px;color:#eef7ff}.detail-main{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch;padding-bottom:28px}.detail-main h1{font-size:42px;line-height:1.18;letter-spacing:-.04em;margin:0 0 12px}.detail-main p{margin:0;color:#dbeafe;font-size:16px}.badge-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.badge{font-size:13px;color:#f8fbff;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);padding:8px 12px;border-radius:999px}.detail-side{padding:22px;border-radius:22px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px)}.detail-side h3{margin:0 0 10px}.detail-side ul{list-style:none;margin:0;padding:0}.detail-side li{position:relative;padding-left:22px;margin:8px 0;color:#edf5ff;font-size:14px}.detail-side li:before{content:"✓";position:absolute;left:0;color:#fde68a;font-weight:900}.quick-nav{padding:16px 28px 22px;background:#fff}.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.quick-item{text-align:center;padding:14px 10px;background:#f7fbff;border:1px solid #dce9f9;border-radius:16px}.quick-item strong{display:block;color:#123562}.quick-item span{font-size:12px;color:var(--muted)}.detail-section{padding:36px 28px;border-top:10px solid #f3f6fb}.section-title{display:flex;align-items:center;gap:11px;margin-bottom:14px}.section-title .num{width:34px;height:34px;border-radius:12px;background:#eaf2ff;color:#2458ad;display:grid;place-items:center;font-weight:900}.section-title h2{font-size:28px;color:#123562;margin:0}.section-sub{margin:0 0 18px;color:var(--muted);font-size:15px}.impact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px}.impact{border-radius:22px;padding:22px;background:linear-gradient(180deg,#f8fbff,#f1f6ff);border:1px solid #dbe8f9}.impact h3{margin:0 0 8px;color:#123562}.impact ul{margin:0;padding-left:18px;color:var(--muted);font-size:14px}.compare{overflow:auto;border:1px solid var(--line);border-radius:22px}table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}th,td{padding:14px;border-right:1px solid #edf2f8;border-bottom:1px solid #edf2f8;text-align:left;vertical-align:top;font-size:14px}th{background:#f4f8ff;color:#123562}tr:last-child td{border-bottom:none}th:last-child,td:last-child{border-right:none}.timeline{display:grid;gap:12px}.timeline-step{display:grid;grid-template-columns:58px 1fr;gap:14px;padding:18px;border-radius:20px;border:1px solid #e1eaf8;background:#fbfdff}.timeline-step .stepnum{width:42px;height:42px;border-radius:15px;background:#edf4ff;color:#2458ad;display:grid;place-items:center;font-weight:900}.timeline-step h3{margin:0 0 4px;color:#123562}.timeline-step p{margin:0;color:var(--muted);font-size:14px}.tips{background:linear-gradient(180deg,#fff9ec,#fff6e1);border:1px solid #f3d58a;border-radius:22px;padding:20px}.tips ul{margin:0;padding-left:20px;color:#674600}.tips li{margin:8px 0;font-size:14px}.detail-cta{padding:34px 28px 42px;background:linear-gradient(135deg,#08204a,#0b3b86);color:#fff}.detail-cta .box{border:1px solid rgba(255,255,255,.18);border-radius:26px;padding:24px;background:rgba(255,255,255,.08)}.detail-cta h2{margin:0 0 8px;font-size:30px}.detail-cta p{margin:0;color:#dbeafe}.note{background:#f8fbff;border:1px solid #dce8f8;border-radius:22px;padding:20px;color:var(--muted);font-size:14px}.contact-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.form-card{padding:26px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.info-list{display:grid;gap:12px}.info-list div{padding:16px;background:#f7fbff;border:1px solid #dce9f9;border-radius:18px}.info-list b{display:block;color:var(--navy)}.info-list span{color:var(--muted);font-size:14px}.no-price{padding:20px;border-radius:22px;background:linear-gradient(135deg,#f7fbff,#eef6ff);border:1px solid #d7e7fb}.no-price h3{margin:0 0 8px;color:#123562}.no-price p{margin:0;color:var(--muted)}@media(max-width:1080px){.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:12px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links>a,.mega>a{justify-content:center}.menu-toggle{display:block}.mega-panel{position:static;transform:none;width:auto;display:none;box-shadow:none;margin-top:8px}.mega.open .mega-panel{display:grid;opacity:1;visibility:visible;pointer-events:auto}.hero-grid,.matrix,.cta-box,.detail-main,.contact-layout{grid-template-columns:1fr}.service-grid,.scenario-grid,.case-grid,.pain-grid,.checklist,.package-grid,.faq-grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(3,1fr)}.impact-wrap{grid-template-columns:1fr}}@media(max-width:640px){.container{width:min(100% - 28px,1200px)}.hero,.hero-carousel,.slides{min-height:720px}.slide{padding:50px 0}.hero h1{font-size:38px}.hero p{font-size:16px}.service-grid,.scenario-grid,.case-grid,.pain-grid,.checklist,.package-grid,.faq-grid,.cap-list,.process,.quick-grid{grid-template-columns:1fr}.metric-row{grid-template-columns:1fr}.section{padding:64px 0}.detail-section,.detail-hero,.quick-nav,.detail-cta{padding-left:18px;padding-right:18px}.detail-main h1{font-size:29px}.section-title h2{font-size:23px}.detail-page{box-shadow:none}.topbar{position:relative}}


/* v4: 服务模块卡片视觉升级与模块边界说明 */
.upgraded-service-grid{align-items:stretch}
.service-card-pro{min-height:382px;padding:30px 28px 28px;border:1px solid rgba(26,83,142,.16);border-radius:30px;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);box-shadow:0 18px 50px rgba(8,32,74,.07);display:flex;flex-direction:column;gap:0;isolation:isolate}
.service-card-pro:before{height:5px;background:linear-gradient(90deg,#0b63ce,#23b7ff 55%,#8fdcff);transform:scaleX(.16)}
.service-card-pro:after{content:"";position:absolute;right:-68px;top:-70px;width:190px;height:190px;border-radius:999px;background:radial-gradient(circle,rgba(35,183,255,.13),transparent 68%);z-index:-1}
.service-card-pro:hover{transform:translateY(-7px);border-color:rgba(11,99,206,.30);box-shadow:0 28px 70px rgba(8,32,74,.12)}
.service-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.service-card-pro .icon{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#eaf5ff,#d8ebff);box-shadow:inset 0 0 0 1px rgba(11,99,206,.08);font-size:15px;letter-spacing:.02em;margin-bottom:0}
.service-no{font-size:13px;font-weight:900;color:#7f97b5;background:#f2f7fd;border:1px solid #e0ecf8;border-radius:999px;padding:5px 10px}
.service-card-pro h3{font-size:22px;line-height:1.32;letter-spacing:-.02em;margin-bottom:12px;color:#071b36}
.service-card-pro p{font-size:15px;line-height:1.82;color:#4b627d;margin-bottom:18px;display:block;min-height:0}
.service-meta{margin:0 0 14px}.service-meta span{display:inline-flex;border:1px solid #dce9f7;background:#f6fbff;color:#24547f;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}
.service-points{display:grid;gap:8px;list-style:none;padding:0;margin:0 0 20px;color:#35516d;font-size:13px}
.service-points li{position:relative;padding-left:18px}.service-points li:before{content:"";position:absolute;left:0;top:.72em;width:7px;height:7px;border-radius:50%;background:#0b63ce;box-shadow:0 0 0 4px rgba(11,99,206,.10)}
.service-link{margin-top:auto!important;display:inline-flex!important;align-items:center;gap:6px;color:#0b63ce!important;font-weight:900!important}
.service-boundary{margin-top:42px;padding:34px;border:1px solid rgba(26,83,142,.14);border-radius:34px;background:linear-gradient(135deg,#071b36,#0b376f);color:#fff;box-shadow:0 26px 70px rgba(7,21,43,.16)}
.boundary-head{max-width:850px;margin-bottom:24px}.boundary-head span{display:inline-flex;color:#7dd3fc;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.boundary-head h2{font-size:32px;line-height:1.18;letter-spacing:-.04em;margin:0 0 10px}.boundary-head p{margin:0;color:#c8d7ea}
.boundary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.boundary-grid div{padding:18px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13)}.boundary-grid b{display:block;font-size:17px;margin-bottom:6px;color:#fff}.boundary-grid span{display:block;color:#c8d7ea;font-size:14px;line-height:1.7}
@media(max-width:1080px){.boundary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.service-card-pro{min-height:auto;padding:24px}.boundary-grid{grid-template-columns:1fr}.service-boundary{padding:24px;border-radius:26px}}


/* v5: SEO友好的相关搜索模块，不堆砌隐藏词，保持页面整体风格 */
.search-intent-panel{border-top:10px solid #f3f6fb;background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)}
.search-intent-wrap{display:grid;gap:18px}.search-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.search-chips span{display:inline-flex;align-items:center;border:1px solid #d9e8f8;background:#fff;color:#24547f;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800;box-shadow:0 6px 18px rgba(7,21,43,.04)}
.search-question-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.search-question{position:relative;padding:18px;border:1px solid #dce9f7;border-radius:20px;background:#fff;box-shadow:0 8px 28px rgba(7,21,43,.045);overflow:hidden}.search-question:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#0b63ce,#48d5ff)}.search-question h3{margin:0 0 7px;color:#123562;font-size:17px;line-height:1.35}.search-question p{margin:0;color:#65758a;font-size:14px;line-height:1.72}
.home-search-hub{margin-top:36px;padding:28px;border:1px solid rgba(26,83,142,.14);border-radius:30px;background:linear-gradient(135deg,#f8fbff,#eef6ff);box-shadow:0 16px 48px rgba(7,21,43,.06)}.home-search-hub h3{margin:0 0 10px;color:#071b36;font-size:24px}.home-search-hub p{margin:0 0 16px;color:#65758a}.home-search-hub .search-chips{margin-top:10px}
@media(max-width:1080px){.search-question-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.search-question-grid{grid-template-columns:1fr}.home-search-hub{padding:22px;border-radius:24px}}


/* v6: 首页技术服务能力介绍，面向甲方客户增强信任，不写个人简历式内容 */
.capability-intro-section{position:relative;overflow:hidden}.capability-intro-section:before{content:"";position:absolute;right:-140px;top:40px;width:380px;height:380px;border-radius:999px;background:radial-gradient(circle,rgba(24,135,255,.13),transparent 68%);pointer-events:none}.capability-intro{display:grid;grid-template-columns:.92fr 1.08fr;gap:28px;align-items:stretch}.capability-copy{position:relative;padding:42px;border-radius:34px;background:linear-gradient(135deg,#07152b,#0b376f 72%,#0b63ce);color:#fff;box-shadow:0 30px 80px rgba(7,21,43,.18);overflow:hidden}.capability-copy:after{content:"";position:absolute;right:-70px;bottom:-90px;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(125,211,252,.18),transparent 70%)}.capability-copy .eyebrow{color:#7dd3fc}.capability-copy h2{position:relative;margin:8px 0 14px;font-size:clamp(32px,3.4vw,52px);line-height:1.1;letter-spacing:-.055em}.capability-copy p{position:relative;margin:0;color:#d6e5f7;font-size:16px;line-height:1.9}.capability-focus{position:relative;display:grid;gap:12px;margin-top:24px}.capability-focus div{padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}.capability-focus b{display:block;margin-bottom:6px;color:#fff;font-size:16px}.capability-focus span{display:block;color:#c8d7ea;font-size:14px;line-height:1.75}.capability-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.capability-stack article{position:relative;padding:26px;border:1px solid rgba(26,83,142,.14);border-radius:28px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 16px 46px rgba(7,21,43,.06);overflow:hidden}.capability-stack article:before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,#0b63ce,#48d5ff);transform:scaleX(.28);transform-origin:left;transition:.25s}.capability-stack article:hover:before{transform:scaleX(1)}.capability-stack article:hover{transform:translateY(-4px);box-shadow:0 24px 62px rgba(7,21,43,.10)}.capability-stack span{display:inline-flex;margin-bottom:18px;width:46px;height:46px;border-radius:16px;align-items:center;justify-content:center;background:#edf6ff;color:#0b63ce;font-weight:900}.capability-stack h3{margin:0 0 10px;color:#071b36;font-size:21px;line-height:1.32;letter-spacing:-.025em}.capability-stack p{margin:0;color:#5d7188;font-size:14px;line-height:1.78}.capability-delivery{margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.capability-delivery div{padding:18px;border-radius:22px;border:1px solid #dce9f7;background:#fff;box-shadow:0 10px 32px rgba(7,21,43,.045)}.capability-delivery strong{display:block;color:#123562;font-size:16px;margin-bottom:6px}.capability-delivery small{display:block;color:#65758a;font-size:13px;line-height:1.65}@media(max-width:1080px){.capability-intro{grid-template-columns:1fr}.capability-delivery{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.capability-copy{padding:28px;border-radius:28px}.capability-stack{grid-template-columns:1fr}.capability-delivery{grid-template-columns:1fr}.capability-stack article{padding:22px;border-radius:24px}}


/* v7: subpage hero banners for services/cases/consultation/contact */

.page-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#07152b 0%,#0b2347 48%,#0b63ce 100%);color:#fff;padding:72px 0 54px}
.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(72,213,255,.18),transparent 26%),radial-gradient(circle at 10% 88%,rgba(24,135,255,.14),transparent 28%);pointer-events:none}
.page-hero:after{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:56px 56px}
.page-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.06fr .94fr;gap:34px;align-items:center}
.page-hero-copy h1{margin:16px 0 14px;font-size:clamp(34px,4.5vw,60px);line-height:1.08;letter-spacing:-.055em}
.page-hero-copy p{margin:0;color:#d0deee;font-size:17px;line-height:1.85;max-width:760px}
.page-hero-copy .kicker{margin-bottom:0}
.page-hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.page-hero-tags span{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:13px;color:#ecf5ff}
.page-hero-visual{position:relative}
.page-hero-panel{padding:24px;border-radius:28px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);backdrop-filter:blur(14px);box-shadow:0 26px 80px rgba(0,0,0,.22)}
.page-hero-panel h3{margin:0 0 14px;color:#fff;font-size:22px;letter-spacing:-.02em}
.page-hero-panel p{margin:0;color:#c8d7ea;font-size:14px;line-height:1.72}
.page-hero-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}
.page-hero-mini{padding:16px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.page-hero-mini b{display:block;color:#fff;font-size:15px;margin-bottom:6px}
.page-hero-mini span{display:block;color:#c4d6eb;font-size:13px;line-height:1.65}
.page-hero-list{display:grid;gap:10px;margin-top:16px}
.page-hero-list div{display:flex;gap:12px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.page-hero-list i{font-style:normal;display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:rgba(125,211,252,.18);color:#fff;font-size:12px;font-weight:900;flex:0 0 28px;margin-top:2px}
.page-hero-list strong{display:block;color:#fff;font-size:15px;margin-bottom:2px}
.page-hero-list small{display:block;color:#c8d7ea;font-size:13px;line-height:1.65}
.page-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.page-hero-stat{padding:16px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.page-hero-stat b{display:block;color:#fff;font-size:24px;line-height:1;margin-bottom:8px}
.page-hero-stat span{display:block;color:#c8d7ea;font-size:12px;line-height:1.5}
.page-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.page-hero .btn.ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.24)}
@media(max-width:1080px){.page-hero-grid{grid-template-columns:1fr}.page-hero-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.page-hero{padding:54px 0 42px}.page-hero-copy h1{font-size:34px}.page-hero-copy p{font-size:15px}.page-hero-mini-grid,.page-hero-stats{grid-template-columns:1fr}.page-hero-panel{padding:20px;border-radius:24px}}


/* v8 premium banner upgrade */

.page-hero{padding:84px 0 60px;background:linear-gradient(135deg,#061226 0%,#0a1c3c 52%,#0f4f9b 100%)}
.page-hero:before{background:radial-gradient(circle at 82% 16%,rgba(72,213,255,.22),transparent 24%),radial-gradient(circle at 12% 84%,rgba(233,183,94,.12),transparent 22%),radial-gradient(circle at 58% 42%,rgba(24,135,255,.18),transparent 34%)}
.page-hero-grid{gap:42px;align-items:center}
.page-hero-copy .kicker{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.page-hero-copy h1{margin:18px 0 16px;font-size:clamp(38px,4.8vw,64px);line-height:1.04;letter-spacing:-.06em}
.page-hero-copy h1 .accent{background:linear-gradient(90deg,#ffffff,#8fe9ff 48%,#c2f6ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.page-hero-copy p{font-size:17px;line-height:1.9;color:#d4e3f2;max-width:760px}
.page-hero-tags{margin-top:22px}
.page-hero-tags span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px)}
.page-hero-actions{margin-top:28px}
.page-hero-visual{position:relative;isolation:isolate}
.page-hero-visual:before,.page-hero-visual:after{content:"";position:absolute;border-radius:50%;filter:blur(26px);opacity:.5;z-index:0}
.page-hero-visual:before{width:170px;height:170px;right:-20px;top:-16px;background:rgba(72,213,255,.18)}
.page-hero-visual:after{width:120px;height:120px;left:-10px;bottom:-10px;background:rgba(233,183,94,.14)}
.page-hero-shell{position:relative;z-index:1;padding:1px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,.08));box-shadow:0 30px 90px rgba(0,0,0,.24)}
.page-hero-panel{position:relative;padding:26px;border-radius:29px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(16px);overflow:hidden}
.page-hero-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 28%);pointer-events:none}
.page-hero-panel .panel-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:12px;color:#dff4ff;font-weight:800;margin-bottom:14px}
.page-hero-panel h3{font-size:24px;letter-spacing:-.03em;margin:0 0 10px}
.page-hero-panel .lead{font-size:14px;color:#cbd9e8;line-height:1.78;margin:0 0 18px}
.page-hero-premium-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.premium-tile{padding:18px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);min-height:122px}
.premium-tile b{display:block;color:#fff;font-size:15px;margin-bottom:7px}
.premium-tile span{display:block;color:#c8d7ea;font-size:13px;line-height:1.72}
.page-hero-topline{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.page-hero-topline .top-item{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.page-hero-topline b{display:block;color:#fff;font-size:18px;line-height:1;margin-bottom:6px}
.page-hero-topline span{display:block;color:#cbd9e8;font-size:12px;line-height:1.55}
.premium-list{display:grid;gap:12px}
.premium-row{display:flex;gap:12px;padding:15px 16px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.premium-row .badge{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(125,211,252,.24),rgba(125,211,252,.08));color:#fff;font-weight:900;flex:0 0 34px}
.premium-row strong{display:block;color:#fff;font-size:15px;margin-bottom:3px}
.premium-row small{display:block;color:#c8d7ea;font-size:13px;line-height:1.68}
.premium-notes{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.premium-notes span{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:12px;color:#e7f4ff}
.page-hero-floating{position:absolute;right:-16px;bottom:18px;z-index:2;width:220px;padding:16px 18px;border-radius:20px;background:rgba(8,17,34,.72);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);box-shadow:0 20px 60px rgba(0,0,0,.24)}
.page-hero-floating b{display:block;color:#fff;font-size:14px;margin-bottom:8px}
.page-hero-floating p{margin:0;color:#bfd3e6;font-size:12px;line-height:1.7}
.page-hero-divider{height:1px;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent);margin:16px 0}
.page-hero.page-hero-services{background:linear-gradient(135deg,#071427 0%,#0c2449 55%,#0b63ce 100%)}
.page-hero.page-hero-cases{background:linear-gradient(135deg,#071427 0%,#102648 48%,#174788 100%)}
.page-hero.page-hero-consultation{background:linear-gradient(135deg,#071427 0%,#102a47 52%,#0e5fa3 100%)}
.page-hero.page-hero-contact{background:linear-gradient(135deg,#071427 0%,#0d2342 48%,#0f4f87 100%)}
@media(max-width:1080px){.page-hero-shell{border-radius:26px}.page-hero-panel{border-radius:25px}.page-hero-topline{grid-template-columns:1fr 1fr 1fr}.page-hero-floating{position:relative;right:auto;bottom:auto;width:auto;margin-top:14px}}
@media(max-width:720px){.page-hero{padding:62px 0 44px}.page-hero-premium-grid,.page-hero-topline{grid-template-columns:1fr}.page-hero-copy h1{font-size:34px}.page-hero-panel h3{font-size:21px}}


/* v9: 修复 4 个总览页 Banner 右侧浮动说明卡遮挡/压住内容的问题 */
.page-hero-floating{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    width:auto!important;
    margin-top:16px!important;
    padding:18px 20px!important;
    border-radius:22px!important;
    background:linear-gradient(135deg,rgba(8,17,34,.74),rgba(11,47,92,.68))!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 18px 48px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(16px)!important;
}
.page-hero-floating b{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    color:#fff!important;
    font-size:14px!important;
    margin-bottom:7px!important;
}
.page-hero-floating b:before{
    content:"";
    width:8px;
    height:8px;
    border-radius:999px;
    background:#48d5ff;
    box-shadow:0 0 0 5px rgba(72,213,255,.13);
}
.page-hero-floating p{
    color:#c9d8e9!important;
    font-size:13px!important;
    line-height:1.75!important;
}
.page-hero-shell{
    margin-bottom:0!important;
}
.page-hero-visual{
    padding-bottom:0!important;
}
@media(max-width:1080px){
    .page-hero-floating{
        margin-top:14px!important;
    }
}


/* v10: 地区服务与精准长尾词优化，不做隐藏堆砌 */
.local-seo-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff,#f6faff)}
.local-seo-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:24px;align-items:stretch}
.local-seo-copy{padding:36px;border-radius:32px;background:linear-gradient(135deg,#07152b,#0b376f 72%,#0b63ce);color:#fff;box-shadow:0 26px 70px rgba(7,21,43,.16)}
.local-seo-copy .eyebrow{color:#7dd3fc}
.local-seo-copy h2{margin:8px 0 14px;font-size:clamp(30px,3.2vw,48px);line-height:1.12;letter-spacing:-.05em}
.local-seo-copy p{margin:0;color:#d5e4f4;line-height:1.9}
.local-seo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.local-seo-card{padding:24px;border:1px solid #dce9f7;border-radius:28px;background:#fff;box-shadow:0 14px 42px rgba(7,21,43,.06)}
.local-seo-card b{display:block;color:#071b36;font-size:21px;margin-bottom:8px}
.local-seo-card p{margin:0;color:#65758a;font-size:14px;line-height:1.78}
.local-seo-card a{display:inline-flex;margin-top:14px;color:#0b63ce;font-weight:900}
.keyword-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.keyword-tags span{display:inline-flex;border:1px solid #d9e8f8;background:#fff;color:#24547f;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800;box-shadow:0 6px 18px rgba(7,21,43,.035)}
.local-seo-note{margin-top:18px;padding:18px 20px;border-radius:22px;border:1px solid #dce9f7;background:#fff;color:#5d7188;font-size:14px;line-height:1.8;box-shadow:0 10px 32px rgba(7,21,43,.045)}
.region-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#061226 0%,#0a1f3f 55%,#0b63ce 100%);color:#fff;padding:78px 0}
.region-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(72,213,255,.22),transparent 26%),radial-gradient(circle at 12% 84%,rgba(233,183,94,.12),transparent 24%)}
.region-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
.region-hero h1{font-size:clamp(36px,4.6vw,64px);line-height:1.06;letter-spacing:-.055em;margin:16px 0}
.region-hero p{color:#d4e3f2;font-size:17px;line-height:1.9;margin:0}
.region-panel{padding:26px;border-radius:30px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);box-shadow:0 26px 80px rgba(0,0,0,.22)}
.region-panel h3{margin:0 0 14px;color:#fff;font-size:23px}
.region-list{display:grid;gap:12px}
.region-list div{padding:15px 16px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.region-list b{display:block;color:#fff;margin-bottom:4px}
.region-list span{display:block;color:#c8d7ea;font-size:13px;line-height:1.65}
.region-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.region-service-card{padding:24px;border:1px solid #dce9f7;border-radius:26px;background:#fff;box-shadow:0 12px 36px rgba(7,21,43,.05)}
.region-service-card h3{margin:0 0 10px;color:#071b36;font-size:21px}
.region-service-card p{margin:0;color:#65758a;font-size:14px;line-height:1.78}
.region-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}
.region-links a{display:inline-flex;border:1px solid #d9e8f8;background:#fff;color:#24547f;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:800}
.service-region-keywords{border-top:10px solid #f3f6fb;background:linear-gradient(180deg,#fff,#f7fbff)}
.service-region-keywords .keyword-panel{padding:24px;border:1px solid #dce9f7;border-radius:28px;background:#fff;box-shadow:0 12px 36px rgba(7,21,43,.05)}
.service-region-keywords h2{margin:0 0 10px;color:#071b36;font-size:28px;letter-spacing:-.035em}
.service-region-keywords p{margin:0;color:#65758a;line-height:1.8}
@media(max-width:1080px){.local-seo-grid,.region-hero-grid{grid-template-columns:1fr}.local-seo-cards,.region-service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.local-seo-cards,.region-service-grid{grid-template-columns:1fr}.local-seo-copy{padding:26px;border-radius:26px}.region-hero{padding:58px 0}}


/* v11: 地区落地页改为自然内容型，不展示关键词堆砌 */
.region-landing-section{background:#fff}
.region-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.region-overview-card{padding:30px;border:1px solid #dce9f7;border-radius:30px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 14px 42px rgba(7,21,43,.055)}
.region-overview-card h2{margin:0 0 12px;color:#071b36;font-size:30px;line-height:1.18;letter-spacing:-.04em}
.region-overview-card p{margin:0;color:#65758a;line-height:1.85}
.region-city-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.region-city{padding:16px;border:1px solid #dce9f7;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(7,21,43,.04)}
.region-city b{display:block;color:#071b36;margin-bottom:5px}
.region-city span{display:block;color:#65758a;font-size:13px;line-height:1.6}
.region-scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.region-scene{padding:24px;border:1px solid #dce9f7;border-radius:26px;background:#fff;box-shadow:0 12px 36px rgba(7,21,43,.05)}
.region-scene em{font-style:normal;display:inline-flex;padding:5px 10px;border-radius:999px;background:#edf5ff;color:#0b63ce;font-size:12px;font-weight:900;margin-bottom:10px}
.region-scene h3{margin:0 0 10px;color:#071b36;font-size:21px;line-height:1.35}
.region-scene p{margin:0;color:#65758a;font-size:14px;line-height:1.78}
.region-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.region-step{padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.07)}
.region-step .num{font-size:32px;font-weight:900;color:#7dd3fc;line-height:1;margin-bottom:12px}
.region-step h3{margin:0 0 8px;color:#fff;font-size:19px}
.region-step p{margin:0;color:#c8d7ea;font-size:14px;line-height:1.75}
.region-service-card a{display:inline-flex;margin-top:14px;color:#0b63ce;font-weight:900}
.area-related-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}
.area-related-links a{display:inline-flex;border:1px solid #d9e8f8;background:#fff;color:#24547f;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:800}
@media(max-width:1080px){.region-overview-grid{grid-template-columns:1fr}.region-city-grid,.region-step-grid{grid-template-columns:repeat(2,1fr)}.region-scene-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.region-city-grid,.region-step-grid,.region-scene-grid{grid-template-columns:1fr}.region-overview-card{padding:24px;border-radius:24px}}


/* v12: 技术文章栏目 */
.article-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#061226 0%,#0a1f3f 55%,#0b63ce 100%);color:#fff;padding:78px 0 62px}
.article-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(72,213,255,.22),transparent 26%),radial-gradient(circle at 12% 84%,rgba(233,183,94,.12),transparent 24%);pointer-events:none}
.article-hero .container{position:relative;z-index:1}
.article-hero h1{font-size:clamp(36px,4.6vw,64px);line-height:1.06;letter-spacing:-.055em;margin:16px 0}
.article-hero p{max-width:880px;color:#d4e3f2;font-size:17px;line-height:1.9;margin:0}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}
.article-main{padding:36px;border:1px solid #dce9f7;border-radius:30px;background:#fff;box-shadow:0 14px 42px rgba(7,21,43,.055)}
.article-main h1{margin:0 0 16px;color:#071b36;font-size:clamp(30px,3.4vw,48px);line-height:1.15;letter-spacing:-.045em}
.article-main .article-desc{color:#65758a;font-size:17px;line-height:1.9;margin:0 0 24px}
.article-meta{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.article-meta span{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#edf5ff;color:#0b63ce;font-size:13px;font-weight:900}
.article-main h2{margin:34px 0 12px;color:#071b36;font-size:27px;line-height:1.25;letter-spacing:-.035em}
.article-main h3{margin:22px 0 8px;color:#123562;font-size:20px}
.article-main p{color:#50647a;line-height:1.9;margin:10px 0}
.article-main ul,.article-main ol{padding-left:22px;color:#50647a;line-height:1.9}
.article-main li{margin:6px 0}
.article-tip{margin:24px 0;padding:20px 22px;border-radius:22px;background:linear-gradient(135deg,#f7fbff,#eef6ff);border:1px solid #dce9f7;color:#35516d}
.article-tip b{display:block;color:#071b36;margin-bottom:6px}
.article-sidebar{position:sticky;top:96px;display:grid;gap:16px}
.article-side-card{padding:22px;border:1px solid #dce9f7;border-radius:24px;background:#fff;box-shadow:0 12px 36px rgba(7,21,43,.05)}
.article-side-card h3{margin:0 0 12px;color:#071b36;font-size:20px}
.article-side-card p{margin:0;color:#65758a;font-size:14px;line-height:1.78}
.article-side-card a{display:block;color:#0b63ce;font-weight:900;margin-top:10px}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.article-card{position:relative;padding:24px;border:1px solid #dce9f7;border-radius:26px;background:#fff;box-shadow:0 12px 36px rgba(7,21,43,.05);transition:.22s;overflow:hidden}
.article-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#0b63ce,#48d5ff);transform:scaleX(.18);transform-origin:left;transition:.22s}
.article-card:hover{transform:translateY(-5px);box-shadow:0 22px 60px rgba(7,21,43,.10);border-color:#c5daf0}
.article-card:hover:before{transform:scaleX(1)}
.article-card em{font-style:normal;display:inline-flex;padding:5px 10px;border-radius:999px;background:#edf5ff;color:#0b63ce;font-size:12px;font-weight:900;margin-bottom:10px}
.article-card h3{margin:0 0 10px;color:#071b36;font-size:20px;line-height:1.35}
.article-card p{margin:0;color:#65758a;font-size:14px;line-height:1.78}
.article-card a{display:inline-flex;margin-top:16px;color:#0b63ce;font-weight:900}
.article-toc{display:grid;gap:8px}
.article-toc a{display:block;padding:10px 12px;border-radius:14px;background:#f7fbff;border:1px solid #dce9f7;color:#24547f;font-size:14px;font-weight:800;margin:0}
.related-articles{display:grid;gap:10px}
.related-articles a{padding:12px;border-radius:16px;background:#f7fbff;border:1px solid #dce9f7;color:#24547f;font-size:14px;line-height:1.6;margin:0}
.article-cta{margin-top:34px;padding:28px;border-radius:26px;background:linear-gradient(135deg,#07152b,#0b376f);color:#fff}
.article-cta h2{color:#fff;margin:0 0 10px}
.article-cta p{color:#d4e3f2;margin:0 0 18px}
@media(max-width:1080px){.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}.article-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.article-main{padding:24px;border-radius:24px}.article-grid{grid-template-columns:1fr}.article-hero{padding:58px 0 44px}}


/* v14: 上线增强与转化闭环 */
.brand-logo-img{height:48px;width:auto;display:block}
.footer a{color:#b7c8dd}
.footer a:hover{color:#fff}
.footer-legal{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:14px;flex-wrap:wrap;color:#6f86a2;font-size:13px}
.contact-template{margin-top:28px;padding:28px;border:1px solid #dce9f7;border-radius:28px;background:linear-gradient(135deg,#f8fbff,#eef6ff);box-shadow:0 14px 42px rgba(7,21,43,.06)}
.contact-template h3{margin:0 0 10px;color:#071b36;font-size:24px}
.contact-template p{margin:0 0 16px;color:#65758a}
.copy-box{position:relative;background:#061327;color:#dbeafe;border-radius:20px;padding:22px;overflow:auto;border:1px solid rgba(255,255,255,.12);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Microsoft YaHei",monospace;font-size:14px;line-height:1.85;white-space:pre-wrap}
.process-path{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.process-path .path-card{padding:22px;border:1px solid #dce9f7;border-radius:24px;background:#fff;box-shadow:0 12px 36px rgba(7,21,43,.05)}
.path-card .num{font-size:34px;font-weight:900;color:#0b63ce;line-height:1;margin-bottom:14px}
.path-card h3{margin:0 0 8px;color:#071b36;font-size:20px}
.path-card p{margin:0;color:#65758a;font-size:14px;line-height:1.75}
.doc-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.doc-card{padding:22px;border:1px solid #dce9f7;border-radius:24px;background:#fff;box-shadow:0 12px 36px rgba(7,21,43,.05)}
.doc-card b{display:block;color:#071b36;font-size:18px;margin-bottom:8px}
.doc-card span{display:block;color:#65758a;font-size:14px;line-height:1.75}
.article-nav-links{display:flex;justify-content:space-between;gap:14px;margin-top:28px}
.article-nav-links a{flex:1;padding:16px;border:1px solid #dce9f7;border-radius:18px;background:#f7fbff;color:#24547f;font-weight:800;line-height:1.6}
.article-nav-links a:last-child{text-align:right}
@media(max-width:1080px){.process-path,.doc-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.process-path,.doc-list{grid-template-columns:1fr}.article-nav-links{flex-direction:column}.article-nav-links a:last-child{text-align:left}.brand-logo-img{height:36px}}



/* v17: 统一Logo与文章翻页 */
.brand-logo-img{
  height:48px;
  width:auto;
  display:block;
  object-fit:contain;
}
.article-nav-links{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin:32px 0 0;
}
.article-nav-links a{
  display:flex;
  min-height:74px;
  align-items:center;
  padding:16px 18px;
  border:1px solid #dce9f7;
  border-radius:18px;
  background:#f7fbff;
  color:#24547f;
  font-weight:900;
  line-height:1.55;
}
.article-nav-links .article-next{
  justify-content:flex-end;
  text-align:right;
}
.article-index-guide{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  margin-top:30px;
}
.article-index-guide a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:0 18px;
  border-radius:14px;
  border:1px solid #dce9f7;
  background:#fff;
  color:#0b63ce;
  font-weight:900;
}
@media(max-width:640px){
  .brand-logo-img{height:40px}
  .article-nav-links{grid-template-columns:1fr}
  .article-nav-links .article-next{justify-content:flex-start;text-align:left}
}


/* =========================================================
   V18 品牌色彩统一优化版
   目标：统一迈思智维官网的蓝白科技风，不改变页面结构与内容。
   ========================================================= */

:root{
  --navy:#07152b;
  --navy2:#0b2347;
  --blue:#0b63ce;
  --blue2:#1887ff;
  --cyan:#48d5ff;
  --bg:#f3f6fb;
  --surface:#ffffff;
  --soft:#f7faff;
  --text:#172033;
  --muted:#65758a;
  --line:#dbe5f2;
  --line2:#cfe0f3;
  --shadow:0 18px 52px rgba(7,21,43,.10);
  --shadow-soft:0 10px 30px rgba(7,21,43,.055);
}

/* 全站基础统一 */
body{
  background:var(--bg);
  color:var(--text);
}
.topbar{
  background:rgba(255,255,255,.96);
  border-bottom:1px solid rgba(219,229,242,.92);
  box-shadow:0 8px 28px rgba(7,21,43,.035);
}
.brand-logo-img{
  height:46px;
  width:auto;
  display:block;
  object-fit:contain;
}
@media(max-width:640px){
  .brand-logo-img{height:38px}
}

/* 统一顶部深蓝 Banner：保留高端感，减少杂色 */
.hero,
.page-hero,
.region-hero,
.article-hero,
.detail-hero{
  background:linear-gradient(135deg,#061226 0%,#071b36 42%,#0b376f 72%,#0b63ce 100%)!important;
  color:#fff;
}
.hero:before,
.page-hero:before,
.region-hero:before,
.article-hero:before{
  background:
    radial-gradient(circle at 82% 18%,rgba(72,213,255,.20),transparent 26%),
    radial-gradient(circle at 12% 84%,rgba(11,99,206,.18),transparent 26%),
    radial-gradient(circle at 54% 42%,rgba(24,135,255,.13),transparent 34%)!important;
}
.hero:after,
.page-hero:after{
  opacity:.12!important;
}

/* 标题与说明文字层级统一 */
.head h2,
.service-card h3,
.card h3,
.scenario h3,
.case h3,
.article-card h3,
.region-service-card h3,
.region-overview-card h2,
.article-main h1,
.article-main h2,
.section-title h2{
  color:var(--navy);
}
.head p,
.service-card p,
.card p,
.scenario p,
.case p,
.article-card p,
.region-service-card p,
.region-overview-card p,
.article-main p{
  color:var(--muted);
}

/* 按钮统一：主按钮用科技蓝，次按钮在深色区保持透明白边 */
.btn.primary{
  background:linear-gradient(135deg,var(--blue),var(--blue2))!important;
  color:#fff!important;
  box-shadow:0 16px 38px rgba(11,99,206,.24)!important;
}
.btn.primary:hover{
  filter:brightness(1.04);
  transform:translateY(-1px);
}
.btn.ghost{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.25);
  color:#fff;
}
.white .btn.ghost,
.soft .btn.ghost,
.article-main .btn.ghost,
.form-card .btn.ghost{
  background:#fff;
  border-color:var(--line);
  color:var(--blue);
}

/* 卡片统一：白底、浅蓝边框、轻阴影，不再显得拼接 */
.service-card,
.card,
.scenario,
.case,
.cap,
.check-item,
.package,
.faq,
.article-card,
.article-side-card,
.region-service-card,
.region-overview-card,
.region-city,
.region-scene,
.form-card,
.local-seo-card,
.doc-card,
.process-path .path-card,
.impact,
.timeline-step{
  background:var(--surface)!important;
  border:1px solid var(--line)!important;
  box-shadow:var(--shadow-soft)!important;
}
.service-card:hover,
.article-card:hover,
.local-seo-card:hover,
.region-service-card:hover{
  border-color:var(--line2)!important;
  box-shadow:var(--shadow)!important;
}

/* 卡片顶部线统一为蓝到青蓝 */
.service-card:before,
.article-card:before{
  background:linear-gradient(90deg,var(--blue),var(--cyan))!important;
}

/* 标签、kicker、pill 统一 */
.eyebrow{
  color:var(--blue)!important;
}
.dark .eyebrow,
.hero .kicker,
.page-hero .kicker,
.region-hero .kicker,
.article-hero .kicker{
  color:#dbeafe!important;
}
.kicker,
.pill,
.badge,
.scenario em,
.case em,
.package em,
.article-card em,
.region-scene em{
  background:rgba(237,245,255,.95);
  color:var(--blue)!important;
  border-color:#d9e8f8!important;
}
.hero .kicker,
.page-hero .kicker,
.region-hero .kicker,
.article-hero .kicker{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.18)!important;
}

/* 页面内浅色区块统一 */
.soft,
.local-seo-section,
.service-region-keywords{
  background:linear-gradient(180deg,#f7faff,#ffffff)!important;
}
.white{
  background:#fff!important;
}
.dark{
  background:var(--navy)!important;
}
.cta{
  background:linear-gradient(135deg,#061327,#0b376f 58%,#0b63ce)!important;
}

/* 服务详情页 */
.detail-side,
.page-hero-panel,
.region-panel,
.contact-card{
  background:rgba(255,255,255,.09)!important;
  border-color:rgba(255,255,255,.16)!important;
}
.detail-side li:before{
  color:var(--cyan)!important;
}
.quick-item{
  background:#f7fbff!important;
  border-color:#dce9f9!important;
}

/* 终端面板颜色统一 */
.screen{
  background:#06111f!important;
  border-color:rgba(255,255,255,.12)!important;
}
.screen-top{
  background:#0b1e36!important;
}
.terminal .ok{
  color:#86efac!important;
}
.terminal .warn{
  color:#7dd3fc!important;
}

/* 提示框由偏金色调整为浅蓝信息风格 */
.tips,
.article-tip,
.no-price,
.contact-template{
  background:linear-gradient(135deg,#f8fbff,#eef6ff)!important;
  border-color:#dce9f7!important;
  color:#35516d!important;
}
.tips ul,
.tips li{
  color:#35516d!important;
}

/* 联系模板与代码框保持专业深色 */
.copy-box{
  background:#061327!important;
  color:#dbeafe!important;
  border-color:rgba(255,255,255,.12)!important;
}

/* 文章翻页统一 */
.article-nav-links{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin:32px 0 0;
}
.article-nav-links a{
  display:flex;
  min-height:74px;
  align-items:center;
  padding:16px 18px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#f7fbff;
  color:#24547f;
  font-weight:900;
  line-height:1.55;
}
.article-nav-links .article-next{
  justify-content:flex-end;
  text-align:right;
}
@media(max-width:640px){
  .article-nav-links{grid-template-columns:1fr}
  .article-nav-links .article-next{justify-content:flex-start;text-align:left}
}

/* 页脚统一 */
.footer{
  background:#04101f!important;
  color:#8ea3bc!important;
}
.footer a{
  color:#b7c8dd!important;
}
.footer a:hover{
  color:#fff!important;
}


/* =========================================================
   V19 可读性与对比度优化版
   目标：修复深色背景上的文字发灰、发暗、不够清晰的问题；
   同时优化合作方式页等玻璃面板中的数字步骤可读性。
   ========================================================= */

/* 1) 深色区块统一提升文字对比度 */
.hero,
.page-hero,
.article-hero,
.region-hero,
.cta,
.detail-hero,
.detail-cta,
.article-cta,
.feature-panel,
.dark,
.page-hero-panel,
.page-hero-floating,
.contact-card{
  color:#ffffff;
}

.hero h1,
.hero h2,
.hero h3,
.page-hero h1,
.page-hero h2,
.page-hero h3,
.article-hero h1,
.article-hero h2,
.article-hero h3,
.region-hero h1,
.region-hero h2,
.region-hero h3,
.cta h1,
.cta h2,
.cta h3,
.detail-hero h1,
.detail-hero h2,
.detail-hero h3,
.detail-cta h1,
.detail-cta h2,
.detail-cta h3,
.article-cta h1,
.article-cta h2,
.article-cta h3,
.feature-panel h1,
.feature-panel h2,
.feature-panel h3,
.page-hero-panel h1,
.page-hero-panel h2,
.page-hero-panel h3,
.page-hero-floating b,
.contact-card strong{
  color:#ffffff !important;
  text-shadow:0 2px 12px rgba(0,0,0,.10);
}

.hero p,
.page-hero p,
.article-hero p,
.region-hero p,
.cta p,
.detail-hero p,
.detail-cta p,
.article-cta p,
.feature-panel p,
.page-hero-panel p,
.page-hero-panel .lead,
.page-hero-floating p,
.contact-card span,
.contact-card p{
  color:#deebf8 !important;
}

/* 2) 深色区域中的按钮和描边更清晰 */
.cta .btn.ghost,
.article-cta .btn.ghost,
.detail-cta .btn.ghost,
.page-hero .btn.ghost,
.hero .btn.ghost,
.article-hero .btn.ghost{
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.34) !important;
  color:#ffffff !important;
}

/* 3) 合作方式页 / 玻璃面板：增强面板本体对比度 */
.page-hero-shell{
  background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,.10)) !important;
  box-shadow:0 34px 94px rgba(0,0,0,.28) !important;
}
.page-hero-panel{
  background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.11)) !important;
  border:1px solid rgba(255,255,255,.18) !important;
}
.page-hero-panel .panel-kicker{
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.24) !important;
  color:#edf8ff !important;
}

/* 4) 数字步骤列表：防止“数字区域过抢/正文不清/挤压” */
.premium-list{
  display:grid;
  gap:14px;
}
.premium-row{
  display:grid !important;
  grid-template-columns:44px 1fr;
  align-items:flex-start;
  gap:14px !important;
  padding:17px 18px !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.16) !important;
}
.premium-row .badge{
  width:36px !important;
  height:36px !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,rgba(143,233,255,.30),rgba(143,233,255,.10)) !important;
  border:1px solid rgba(255,255,255,.48);
  color:#ffffff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.premium-row > div:last-child{
  min-width:0;
}
.premium-row strong{
  display:block;
  color:#ffffff !important;
  font-size:17px !important;
  line-height:1.45;
  margin:0 0 4px !important;
}
.premium-row small{
  display:block;
  color:#e2edf9 !important;
  font-size:14px !important;
  line-height:1.75 !important;
}

/* 5) CTA / 文章底部联络块：单独补强 */
.article-cta,
.detail-cta .box,
.cta .contact-card{
  box-shadow:0 18px 52px rgba(0,0,0,.16);
}
.article-cta{
  padding:32px !important;
}
.article-cta h2,
.cta h2,
.detail-cta h2{
  line-height:1.22 !important;
}

/* 6) 部分浅色卡片内大标题再提高清晰度 */
.package h3,
.no-price h3,
.info-list b,
.quick-item strong{
  color:#0a2346 !important;
}

/* 7) 手机端可读性继续增强 */
@media (max-width: 720px){
  .premium-row{
    grid-template-columns:40px 1fr;
    padding:16px !important;
  }
  .premium-row strong{
    font-size:16px !important;
  }
  .premium-row small{
    font-size:13px !important;
  }
  .article-cta{
    padding:24px !important;
  }
}


/* =========================================================
   V20 多端响应式与浏览器兼容优化版
   目标：提升电脑、手机、平板、微信内置浏览器、Safari、Chrome、Edge、Firefox 的展示稳定性。
   ========================================================= */

/* 1) 全局布局兜底：避免移动端横向滚动、图片溢出 */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  overflow-x:hidden;
  min-width:320px;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img,svg,video,iframe{
  max-width:100%;
  height:auto;
}
a,button{
  -webkit-tap-highlight-color:rgba(11,99,206,.16);
}
button,
.btn,
.nav-links a,
.mega > a,
.article-card a,
.service-card a{
  touch-action:manipulation;
}

/* 2) iPhone 刘海屏 / 安全区域 */
.topbar{
  padding-left:env(safe-area-inset-left);
  padding-right:env(safe-area-inset-right);
}
@supports (padding:max(0px)){
  .topbar{
    padding-left:max(env(safe-area-inset-left),0px);
    padding-right:max(env(safe-area-inset-right),0px);
  }
}

/* 3) backdrop-filter 兼容 Safari，并给不支持的浏览器兜底 */
.topbar,
.glass-panel,
.page-hero-panel,
.detail-side,
.contact-card{
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){
  .topbar{background:#ffffff!important;}
  .glass-panel,
  .page-hero-panel,
  .detail-side,
  .contact-card{
    background:rgba(7,21,43,.82)!important;
  }
}

/* 4) 桌面端：提升大屏可读性和网格稳定 */
@media (min-width:1280px){
  .container{
    width:min(1200px, calc(100% - 56px));
  }
  .hero-grid,
  .page-hero-grid{
    gap:48px;
  }
}

/* 5) 平板端：导航、首屏、卡片网格收敛 */
@media (max-width:1080px){
  body.nav-open{
    overflow:hidden;
  }
  .nav{
    height:72px;
  }
  .menu-toggle{
    display:block;
    min-height:44px;
    min-width:64px;
  }
  .nav-links{
    display:none;
    position:absolute;
    left:14px;
    right:14px;
    top:78px;
    z-index:999;
    max-height:calc(100vh - 96px);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    padding:14px;
    border:1px solid var(--line);
    border-radius:22px;
    background:#ffffff;
    box-shadow:0 24px 70px rgba(7,21,43,.16);
  }
  .nav-links.open{
    display:flex;
  }
  .nav-links > a,
  .mega > a{
    min-height:48px;
    justify-content:flex-start;
    padding:0 16px;
  }
  .cta-link{
    justify-content:center!important;
    margin-top:6px;
  }
  .mega-panel{
    position:static;
    transform:none!important;
    width:auto!important;
    display:none;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    box-shadow:none;
    margin:8px 0 10px;
    padding:10px;
    grid-template-columns:1fr;
    border-radius:18px;
  }
  .mega.open .mega-panel{
    display:grid;
  }
  .hero,
  .hero-carousel,
  .slides{
    min-height:auto;
  }
  .slide{
    position:relative;
    inset:auto;
    display:none;
    min-height:auto;
    padding:64px 0 72px;
    transform:none;
  }
  .slide.active{
    display:grid;
  }
  .hero-grid,
  .page-hero-grid,
  .matrix,
  .cta-box,
  .detail-main,
  .contact-layout{
    grid-template-columns:1fr!important;
  }
  .hero-visual{
    min-height:auto;
  }
  .service-grid,
  .scenario-grid,
  .case-grid,
  .pain-grid,
  .checklist,
  .package-grid,
  .faq-grid,
  .article-grid,
  .region-city-grid,
  .region-scene-grid,
  .region-step-grid,
  .doc-list,
  .process-path{
    grid-template-columns:repeat(2, minmax(0,1fr))!important;
  }
}

/* 6) 手机端：单列、按钮满宽、文字不挤压 */
@media (max-width:720px){
  .container{
    width:min(100% - 28px, 1200px);
  }
  .section{
    padding:58px 0;
  }
  .page-hero,
  .article-hero,
  .region-hero{
    padding:52px 0 42px!important;
  }
  .hero h1,
  .page-hero-copy h1,
  .article-hero h1,
  .region-hero h1{
    font-size:clamp(30px, 9vw, 38px)!important;
    line-height:1.14!important;
    letter-spacing:-.035em!important;
  }
  .hero p,
  .page-hero-copy p,
  .article-hero p,
  .region-hero p{
    font-size:15px!important;
    line-height:1.78!important;
  }
  .actions,
  .page-hero-actions{
    width:100%;
  }
  .actions .btn,
  .page-hero-actions .btn{
    width:100%;
    min-height:48px;
  }
  .hero-tags,
  .page-hero-tags,
  .badge-row{
    gap:8px;
  }
  .hero-tags span,
  .page-hero-tags span,
  .badge{
    font-size:12px;
    line-height:1.4;
  }
  .service-grid,
  .scenario-grid,
  .case-grid,
  .pain-grid,
  .checklist,
  .package-grid,
  .faq-grid,
  .article-grid,
  .region-city-grid,
  .region-scene-grid,
  .region-step-grid,
  .doc-list,
  .process-path,
  .cap-list,
  .quick-grid,
  .metric-row{
    grid-template-columns:1fr!important;
  }
  .page-hero-panel,
  .glass-panel,
  .form-card,
  .article-main,
  .region-overview-card{
    border-radius:22px!important;
    padding:22px!important;
  }
  .premium-row{
    grid-template-columns:38px 1fr!important;
  }
  .contact-card div{
    display:block;
  }
  .contact-card div span{
    display:block;
    margin-top:4px;
    word-break:break-all;
  }
  .footer-row{
    display:block;
  }
  .footer-row > span,
  .footer-legal{
    display:block;
    margin-top:10px;
  }
}

/* 7) 小屏手机：继续降低字重压力，避免换行溢出 */
@media (max-width:420px){
  .brand-logo-img{
    height:34px!important;
  }
  .nav{
    height:66px;
  }
  .nav-links{
    top:72px;
  }
  .hero h1,
  .page-hero-copy h1,
  .article-hero h1,
  .region-hero h1{
    font-size:30px!important;
  }
  .service-card,
  .article-card,
  .package,
  .case,
  .scenario,
  .form-card{
    padding:20px!important;
  }
}

/* 8) 表格、长链接、代码块在手机上横向滚动，不撑爆页面 */
.compare,
.article-main table,
.article-main pre,
.copy-box{
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.article-main table{
  display:block;
}
.article-main a,
.info-list a,
.footer a{
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* 9) 减少动画用户偏好：提升兼容和性能 */
@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    scroll-behavior:auto!important;
  }
  .slide{
    transform:none!important;
  }
}

/* 10) 打印兜底 */
@media print{
  .topbar,
  .slider-control,
  .actions,
  .page-hero-actions,
  .footer{
    display:none!important;
  }
  body{
    background:#fff!important;
    color:#111!important;
  }
  .section,
  .page-hero,
  .article-hero,
  .region-hero{
    padding:24px 0!important;
    background:#fff!important;
    color:#111!important;
  }
}


/* =========================================================
   V21 首页与重点页面首屏重构版
   目标：让搜索用户进入后第一屏更快看懂“你能解决什么问题、适合怎么联系”。
   ========================================================= */

.v21-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 80% 18%, rgba(72,213,255,.24), transparent 28%),
    radial-gradient(circle at 12% 82%, rgba(24,135,255,.20), transparent 26%),
    linear-gradient(135deg,#061226 0%,#07152b 42%,#0b376f 72%,#0b63ce 100%);
  color:#fff;
  padding:84px 0 72px;
}
.v21-hero:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.12;
  background-image:
    linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.12) 1px, transparent 1px);
  background-size:64px 64px;
}
.v21-hero:after{
  content:"";
  position:absolute;
  right:-120px;
  top:-160px;
  width:520px;
  height:520px;
  border-radius:50%;
  background:rgba(72,213,255,.10);
  filter:blur(20px);
}
.v21-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:46px;
  align-items:center;
}
.v21-home-hero{
  min-height:680px;
  display:grid;
  align-items:center;
}
.v21-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(255,255,255,.10);
  color:#e6f4ff;
  font-size:13px;
  font-weight:900;
  letter-spacing:.03em;
}
.v21-hero h1{
  margin:20px 0 18px;
  font-size:clamp(38px,5.1vw,68px);
  line-height:1.07;
  letter-spacing:-.055em;
  color:#fff!important;
}
.v21-hero h1 span{
  display:block;
  margin-top:8px;
  background:linear-gradient(90deg,#ffffff,#9de8ff 52%,#d8fbff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.v21-hero p{
  max-width:820px;
  margin:0 0 24px;
  color:#deebf8!important;
  font-size:18px;
  line-height:1.86;
}
.v21-entry-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:28px 0 26px;
}
.v21-entry-grid a,
.v21-focus-card,
.v21-process-card,
.v21-contact-card,
.v21-diagnosis-panel{
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.10);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  box-shadow:0 26px 80px rgba(0,0,0,.20);
}
.v21-entry-grid a{
  display:block;
  padding:18px;
  border-radius:20px;
  transition:.22s;
}
.v21-entry-grid a:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.14);
  border-color:rgba(143,233,255,.35);
}
.v21-entry-grid b{
  display:block;
  color:#fff;
  font-size:16px;
  line-height:1.35;
  margin-bottom:6px;
}
.v21-entry-grid span{
  display:block;
  color:#dbeafe;
  font-size:13px;
  line-height:1.65;
}
.v21-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.v21-diagnosis-panel{
  border-radius:30px;
  padding:28px;
}
.v21-panel-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.16);
  margin-bottom:16px;
}
.v21-panel-head span{
  color:#9de8ff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.v21-panel-head b{
  color:#fff;
  font-size:22px;
  line-height:1.3;
}
.v21-status-list{
  display:grid;
  gap:14px;
}
.v21-status-list div{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:14px;
  padding:16px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  border-radius:20px;
}
.v21-status-list i,
.v21-process-row i{
  width:38px;
  height:38px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(143,233,255,.30),rgba(143,233,255,.08));
  border:1px solid rgba(255,255,255,.38);
  color:#fff;
  font-style:normal;
  font-weight:900;
}
.v21-status-list strong,
.v21-process-row b{
  display:block;
  color:#fff;
  font-size:16px;
  line-height:1.35;
}
.v21-status-list span,
.v21-process-row span{
  display:block;
  margin-top:4px;
  color:#dbeafe;
  font-size:13px;
  line-height:1.65;
}
.v21-panel-footer{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:18px;
}
.v21-panel-footer div{
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
}
.v21-panel-footer b,
.v21-contact-card b{
  display:block;
  color:#fff;
  font-size:13px;
}
.v21-panel-footer span,
.v21-contact-card span{
  display:block;
  color:#dbeafe;
  font-size:13px;
  margin-top:4px;
}
.v21-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:24px 0 26px;
}
.v21-tags span{
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.09);
  color:#edf6ff;
  font-size:13px;
  font-weight:800;
}
.v21-sub-hero{
  min-height:520px;
  display:grid;
  align-items:center;
}
.v21-focus-card,
.v21-process-card,
.v21-contact-card{
  border-radius:28px;
  padding:28px;
}
.v21-focus-card h3,
.v21-process-card h3,
.v21-contact-card h3{
  margin:0 0 18px;
  color:#fff!important;
  font-size:24px;
  letter-spacing:-.03em;
}
.v21-focus-card ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:12px;
}
.v21-focus-card li{
  position:relative;
  padding:15px 16px 15px 42px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#e6f0fb;
  line-height:1.7;
}
.v21-focus-card li:before{
  content:"";
  position:absolute;
  left:18px;
  top:23px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#48d5ff;
  box-shadow:0 0 0 5px rgba(72,213,255,.12);
}
.v21-focus-card a,
.v21-contact-card a{
  color:#fff;
  font-weight:900;
}
.v21-process-card{
  display:grid;
  gap:14px;
}
.v21-process-row{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:14px;
  padding:17px;
  border-radius:20px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
}
.v21-contact-card div{
  padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.v21-contact-card div:last-of-type{
  border-bottom:0;
}
.v21-contact-card p{
  margin:18px 0 0;
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  color:#deebf8!important;
  font-size:14px;
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){
  .v21-entry-grid a,
  .v21-focus-card,
  .v21-process-card,
  .v21-contact-card,
  .v21-diagnosis-panel{
    background:rgba(7,21,43,.88)!important;
  }
}
@media(max-width:1080px){
  .v21-hero-grid{
    grid-template-columns:1fr;
  }
  .v21-home-hero,
  .v21-sub-hero{
    min-height:auto;
  }
}
@media(max-width:720px){
  .v21-hero{
    padding:56px 0 48px;
  }
  .v21-hero h1{
    font-size:clamp(30px,9vw,38px);
    line-height:1.15;
  }
  .v21-hero p{
    font-size:15px;
  }
  .v21-entry-grid,
  .v21-panel-footer{
    grid-template-columns:1fr;
  }
  .v21-status-list div{
    grid-template-columns:44px 1fr;
    padding:14px;
  }
  .v21-actions .btn{
    width:100%;
  }
  .v21-focus-card,
  .v21-process-card,
  .v21-contact-card,
  .v21-diagnosis-panel{
    padding:22px;
    border-radius:24px;
  }
}

/* V21：服务详情页首屏也做统一质感增强 */
.detail-hero{
  background:
    radial-gradient(circle at 82% 18%,rgba(72,213,255,.20),transparent 28%),
    linear-gradient(135deg,#061226,#07152b 48%,#0b63ce)!important;
}
.detail-main h1{
  max-width:760px;
}
.detail-side{
  box-shadow:0 22px 70px rgba(0,0,0,.16);
}


/* =========================================================
   V22 首页轮播增强版
   根据反馈：恢复首页轮播图，但保留V19/V20的可读性与移动端兼容。
   ========================================================= */

.v22-home-carousel{
  min-height:720px;
}
.v22-home-carousel .hero-carousel,
.v22-home-carousel .slides{
  min-height:720px;
}
.v22-home-carousel .slide{
  min-height:720px;
}
.v22-home-carousel .hero-grid{
  align-items:center;
}
.v22-slide-copy h1{
  max-width:860px;
}
.v22-slide-copy p{
  max-width:820px;
}
.v22-slide-visual{
  position:relative;
}
.v22-diagnostic-card,
.v22-flow-card{
  padding:28px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.08));
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  box-shadow:0 32px 90px rgba(0,0,0,.24);
  color:#fff;
}
.v22-card-top{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  padding-bottom:18px;
  margin-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,.16);
}
.v22-card-top span{
  color:#9de8ff;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.v22-card-top b,
.v22-flow-card h3{
  color:#fff!important;
  font-size:22px;
  line-height:1.35;
}
.v22-flow-card h3{
  margin:0 0 18px;
  letter-spacing:-.03em;
}
.v22-card-list{
  display:grid;
  gap:14px;
}
.v22-card-list div,
.v22-flow-card div{
  display:grid;
  grid-template-columns:50px 1fr;
  gap:14px;
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
}
.v22-card-list i{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:linear-gradient(135deg,rgba(143,233,255,.30),rgba(143,233,255,.08));
  border:1px solid rgba(255,255,255,.38);
  color:#fff;
  font-style:normal;
  font-weight:900;
}
.v22-card-list strong,
.v22-flow-card b{
  display:block;
  color:#fff!important;
  font-size:16px;
  line-height:1.35;
}
.v22-card-list span,
.v22-flow-card span{
  display:block;
  color:#e2edf9!important;
  font-size:13px;
  line-height:1.68;
  margin-top:4px;
}
.v22-flow-card div{
  grid-template-columns:92px 1fr;
}
.v22-flow-card b{
  color:#9de8ff!important;
}
.v22-card-foot{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:18px;
}
.v22-card-foot span{
  display:block;
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#e2edf9;
  font-size:13px;
  text-align:center;
  font-weight:800;
}
.v22-home-carousel .slider-control{
  bottom:34px;
}
.v22-home-carousel .slider-control button{
  width:46px;
  height:6px;
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){
  .v22-diagnostic-card,
  .v22-flow-card{
    background:rgba(7,21,43,.88)!important;
  }
}
@media(max-width:1080px){
  .v22-home-carousel,
  .v22-home-carousel .hero-carousel,
  .v22-home-carousel .slides,
  .v22-home-carousel .slide{
    min-height:auto;
  }
  .v22-home-carousel .slide{
    padding:62px 0 80px;
  }
  .v22-slide-visual{
    margin-top:10px;
  }
}
@media(max-width:720px){
  .v22-home-carousel .slide{
    padding:54px 0 74px;
  }
  .v22-diagnostic-card,
  .v22-flow-card{
    padding:22px;
    border-radius:24px;
  }
  .v22-card-list div{
    grid-template-columns:42px 1fr;
    padding:14px;
  }
  .v22-flow-card div{
    grid-template-columns:1fr;
    padding:14px;
  }
  .v22-card-foot{
    grid-template-columns:1fr;
  }
  .v22-home-carousel .slider-control{
    bottom:24px;
  }
}


/* =========================================================
   V23 首页回归 V20 风格优化版
   目标：恢复 V20 更好看的首页轮播视觉，同时保留后续版本的兼容性和可读性。
   ========================================================= */

.hero:not(.v22-home-carousel):not(.v21-hero){
  min-height:700px;
  background:#061327;
}
.hero:not(.v22-home-carousel):not(.v21-hero):before{
  background:
    radial-gradient(circle at 82% 18%,rgba(72,213,255,.22),transparent 28%),
    radial-gradient(circle at 10% 82%,rgba(11,99,206,.26),transparent 32%),
    linear-gradient(135deg,#061226 0%,#07152b 46%,#0b2347 70%,#0b63ce 100%)!important;
}
.hero:not(.v22-home-carousel):not(.v21-hero) .hero-grid{
  align-items:center;
}
.hero:not(.v22-home-carousel):not(.v21-hero) .kicker{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.22)!important;
  color:#e6f4ff!important;
}
.hero:not(.v22-home-carousel):not(.v21-hero) h1{
  color:#fff!important;
  text-shadow:0 2px 16px rgba(0,0,0,.16);
}
.hero:not(.v22-home-carousel):not(.v21-hero) h1 span{
  background:linear-gradient(90deg,#ffffff,#9de8ff 52%,#d8fbff)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.hero:not(.v22-home-carousel):not(.v21-hero) p{
  color:#deebf8!important;
}
.hero:not(.v22-home-carousel):not(.v21-hero) .glass-panel{
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.07))!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 34px 96px rgba(0,0,0,.26)!important;
}
.hero:not(.v22-home-carousel):not(.v21-hero) .metric{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.16)!important;
}
.hero:not(.v22-home-carousel):not(.v21-hero) .metric b{
  color:#fff!important;
}
.hero:not(.v22-home-carousel):not(.v21-hero) .metric span{
  color:#dbeafe!important;
}
.hero:not(.v22-home-carousel):not(.v21-hero) .terminal{
  color:#dbeafe!important;
}
.hero:not(.v22-home-carousel):not(.v21-hero) .terminal .warn{
  color:#7dd3fc!important;
}
.hero:not(.v22-home-carousel):not(.v21-hero) .slider-control button{
  width:46px;
  height:6px;
}
@media(max-width:1080px){
  .hero:not(.v22-home-carousel):not(.v21-hero),
  .hero:not(.v22-home-carousel):not(.v21-hero) .hero-carousel,
  .hero:not(.v22-home-carousel):not(.v21-hero) .slides,
  .hero:not(.v22-home-carousel):not(.v21-hero) .slide{
    min-height:auto;
  }
  .hero:not(.v22-home-carousel):not(.v21-hero) .slide{
    padding:62px 0 80px;
  }
}
@media(max-width:720px){
  .hero:not(.v22-home-carousel):not(.v21-hero) .slide{
    padding:54px 0 78px;
  }
}

/* article-library-2026-06-21 */
.article-main,.article-card,.article-side-card{min-width:0}
.article-main h1,.article-card h3,.breadcrumb,.article-side-card a{overflow-wrap:anywhere;word-break:normal}
.article-card{display:flex;flex-direction:column;height:100%}
.article-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}
.article-card-top em{margin-bottom:0}
.article-status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#f5f8fc;color:#51677f;border:1px solid #dce9f7;font-size:11px;font-weight:900;white-space:nowrap}
.article-card h3{min-height:3.95em}
.article-card p{flex:1}
.article-card-meta{margin-top:15px;color:#77879a;font-size:12px}
.article-command{margin:22px 0;padding:18px;border:1px solid #dce9f7;border-radius:20px;background:#07152b}
.article-command-title{color:#48d5ff;font-size:13px;font-weight:900;margin-bottom:10px}
.article-command pre{margin:0;max-width:100%;overflow:auto;white-space:pre-wrap;word-break:break-word;background:#031023;color:#e7f3ff;border-radius:14px;padding:16px;line-height:1.7}
.article-command p{color:#bfd0e2;font-size:13px;margin:12px 0 0}
.article-nav-links a span{display:block;color:#6c8197;font-size:12px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.06em}
.pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:34px 0 12px}
.pagination-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border:1px solid #dce9f7;border-radius:16px;background:#fff;color:#0b63ce;font-weight:900}
.pagination-link:last-child{justify-self:end}
.pagination-current{padding:10px 14px;border-radius:999px;background:#edf5ff;color:#24547f;font-weight:900;white-space:nowrap}
.v21-focus-card p{margin:16px 0 0;color:#71839a;line-height:1.7}
@media(max-width:1080px){.article-card h3{min-height:0}}
@media(max-width:640px){.pagination{grid-template-columns:1fr}.pagination-link,.pagination-link:last-child{justify-self:stretch}.pagination-current{text-align:center;order:-1}.article-card-top{align-items:center}.article-command{padding:14px}.article-command pre{font-size:12px}.article-main h2{font-size:24px}}