:root{--navy:#25272e;--blue:#28d2d8;--cyan:#18a999;--orange:#ed8b3a;--violet:#5bced2;--ink:#2c2f38;--muted:#60758a;--line:#dbf1f0;--soft:#f4fcfc;--shell:1180px;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);font-synthesis:none;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:132px;}
body{margin:0;min-width:320px;overflow-x:hidden;background:#fff;}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
button,input{font:inherit;}
.shell{width:min(var(--shell),calc(100% - 48px));margin-inline:auto;}
.skip-link{position:absolute;z-index:1000;top:-80px;left:16px;padding:10px 14px;background:#fff;color:var(--navy);}
.skip-link:focus{top:10px;}
.eyebrow{margin:0 0 12px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:0.15em;}
.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:9px;padding:0 24px;border:1px solid transparent;border-radius:6px;font-weight:600;cursor:pointer;}
.button-primary{background:var(--blue);color:#fff;box-shadow:0 12px 26px rgba(40,210,216,0.2);}
.button-secondary{border-color:#bfe1e0;background:#fff;color:var(--navy);}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #24c8b5;outline-offset:3px;}
.detail-hero{position:relative;overflow:hidden;background:radial-gradient( circle at 82% 18%,rgba(40,210,216,0.13),transparent 29% ),linear-gradient(130deg,#f4fcfc,#fff 57%,#eef7f8);}
.detail-hero::before{position:absolute;inset:0;background-image:linear-gradient( rgba(54,147,150,0.045) 1px,transparent 1px ),linear-gradient(90deg,rgba(54,147,150,0.045) 1px,transparent 1px);background-size:38px 38px;content:"";mask-image:linear-gradient(90deg,transparent,#000);}
.breadcrumb{position:relative;z-index:1;display:flex;min-height:48px;align-items:center;gap:9px;color:#718397;font-size:12px;}
.breadcrumb a:hover{color:var(--blue);}
.detail-hero-inner{position:relative;z-index:1;display:grid;min-height:560px;grid-template-columns:0.86fr 1.14fr;align-items:center;gap:54px;padding:42px 0 68px;}
.detail-hero h1{max-width:610px;margin:0;color:var(--navy);font-size:clamp(40px,4.4vw,62px);font-weight:650;line-height:1.2;}
.hero-lead{max-width:570px;margin:22px 0 12px;color:#27696b;font-size:19px;line-height:1.7;}
.hero-copy{max-width:570px;margin:0 0 28px;color:var(--muted);font-size:14px;line-height:1.85;}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;}
.product-workspace{position:relative;margin:0;}
.workspace-window{overflow:hidden;border:1px solid #cfe9e8;border-radius:12px;background:#fff;box-shadow:0 28px 64px rgba(56,60,72,0.16);}
.workspace-bar{display:flex;height:42px;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid #e2f1f1;background:#f6fcfc;}
.workspace-bar i{width:7px;height:7px;border-radius:50%;background:#a9c6c7;}
.workspace-bar i:first-child{background:var(--cyan);}
.workspace-bar b{margin-left:7px;color:#497b7d;font-size:11px;}
.workspace-bar span{margin-left:auto;color:#71879a;font-size:10px;}
.workspace-body{position:relative;height:340px;overflow:hidden;background:linear-gradient(135deg,#f8fdfd,#eefafa);}
.product-workspace figcaption{margin-top:10px;color:#71869a;font-size:11px;text-align:right;}
.screen-sidebar{position:absolute;inset:0 auto 0 0;width:25%;padding:18px 12px;border-right:1px solid #dfefee;background:rgba(255,255,255,0.76);}
.screen-sidebar b,.screen-sidebar span{display:block;}
.screen-sidebar b{margin-bottom:14px;color:#3b3f4b;font-size:11px;}
.screen-sidebar span{margin:7px 0;padding:7px 8px;border-radius:4px;color:#6a7d8f;font-size:9px;}
.screen-sidebar .active{background:#edfaf9;color:var(--blue);}
.screen-canvas{position:absolute;inset:0 0 0 25%;background-image:linear-gradient(#e6f4f4 1px,transparent 1px),linear-gradient(90deg,#e6f4f4 1px,transparent 1px);background-size:30px 30px;}
.ui-node{position:absolute;z-index:2;display:grid;width:52px;height:52px;place-items:center;border:1px solid #80c3c5;border-radius:50%;background:#fff;color:#247073;font-size:9px;box-shadow:0 7px 16px rgba(32,108,111,0.11);}
.ui-node.n1{top:48%;left:8%;}
.ui-node.n2{top:22%;left:39%;}
.ui-node.n3{top:58%;left:44%;}
.ui-node.n4{top:34%;right:8%;}
.ui-node.alert{border-color:var(--orange);box-shadow:0 0 0 7px rgba(237,139,58,0.12);}
.ui-line{position:absolute;z-index:1;height:2px;background:#83cacc;transform-origin:left center;}
.ui-line.l1{top:55%;left:17%;width:29%;transform:rotate(-25deg);}
.ui-line.l2{top:34%;left:47%;width:35%;transform:rotate(15deg);}
.ui-line.l3{top:59%;left:50%;width:31%;transform:rotate(-19deg);}
.ui-line::after,.flow-step::after{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan);content:"";animation:dataTravel 7s linear infinite;}
.ui-line::after{top:-3px;left:0;}
.screen-card{position:absolute;z-index:3;right:12px;bottom:12px;width:45%;padding:11px;border-left:3px solid var(--blue);background:rgba(255,255,255,0.94);box-shadow:0 7px 20px rgba(36,106,108,0.12);}
.screen-card b,.screen-card span{display:block;}
.screen-card b{color:#286668;font-size:10px;}
.screen-card span{margin-top:4px;color:#708397;font-size:8px;line-height:1.5;}
.ai-query{position:absolute;top:20px;right:18px;left:18px;padding:13px 14px;border:1px solid #d8eeed;border-radius:7px;background:#fff;color:#316769;font-size:10px;}
.ai-query b{display:block;margin-bottom:5px;color:var(--blue);}
.ai-core{position:absolute;top:104px;left:30px;display:grid;width:72px;height:72px;place-items:center;border:1px solid #8fe5e8;border-radius:50%;background:radial-gradient(circle,#fff,#e4f7f6);color:#4eb4b8;font-weight:700;box-shadow:0 0 0 12px rgba(93,201,205,0.08);animation:corePulse 7s ease-in-out infinite;}
.analysis-list{position:absolute;top:104px;right:24px;left:128px;margin:0;padding:0;list-style:none;}
.analysis-list li{margin-bottom:9px;padding:8px 10px;border-left:2px solid #b8d7d6;background:#fff;color:#5e748a;font-size:9px;}
.analysis-list li:nth-child(2){border-color:var(--cyan);}
.analysis-list li:nth-child(3){border-color:var(--orange);}
.ai-result{position:absolute;right:18px;bottom:18px;left:18px;padding:14px;border-left:3px solid var(--blue);background:#effafa;color:#33686a;font-size:9px;line-height:1.55;}
.policy-table{position:absolute;inset:18px;}
.policy-head,.policy-row{display:grid;grid-template-columns:1.4fr 1fr 0.7fr 0.7fr;align-items:center;gap:8px;padding:9px 10px;}
.policy-head{background:#3b3f4c;color:#fff;font-size:8px;}
.policy-row{border:1px solid #e1efef;border-top:0;background:#fff;color:#60758b;font-size:8px;}
.risk{color:#d96f24;font-weight:700;}
.safe{color:#128f7d;font-weight:700;}
.policy-alert{position:absolute;right:26px;bottom:22px;width:44%;padding:12px;border-left:3px solid var(--orange);background:#fff8ef;box-shadow:0 8px 22px rgba(90,58,27,0.1);color:#7b5b3f;font-size:9px;}
.path-track{position:absolute;top:52px;right:28px;left:28px;height:126px;}
.path-track::before{position:absolute;top:60px;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));content:"";}
.path-point{position:absolute;top:38px;z-index:2;display:grid;width:48px;height:48px;place-items:center;border:1px solid #7fc8ca;border-radius:8px;background:#fff;color:#387476;font-size:8px;}
.path-point:nth-child(1){left:0;}
.path-point:nth-child(2){left:31%;}
.path-point:nth-child(3){left:62%;}
.path-point:nth-child(4){right:0;}
.path-point.alert{border-color:var(--orange);color:#b75c22;}
.path-particle{position:absolute;top:59px;left:0;z-index:3;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:pathTravel 7s linear infinite;}
.quality-row{position:absolute;right:22px;bottom:21px;left:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.quality-row span{padding:11px;border:1px solid #dceeed;background:#fff;color:#698096;font-size:8px;}
.quality-row b{display:block;margin-top:5px;color:#246d70;font-size:11px;}
.anchor-nav{position:sticky;z-index:35;top:102px;border-block:1px solid var(--line);background:rgba(255,255,255,0.96);backdrop-filter:blur(12px);}
.anchor-nav .shell{display:flex;overflow-x:auto;scrollbar-width:none;}
.anchor-nav a{flex:none;padding:14px 18px;color:#62778b;font-size:12px;white-space:nowrap;}
.anchor-nav a:hover,.anchor-nav a.is-active{background:#effafa;color:var(--blue);}
.section{padding:88px 0;}
.section-heading{max-width:750px;margin:0 auto 42px;text-align:center;}
.section-heading h2,.split-heading h2{margin:0;color:var(--navy);font-size:clamp(29px,3vw,42px);font-weight:600;line-height:1.35;}
.section-heading>p:last-child,.split-heading header>p:last-child{margin:16px 0 0;color:var(--muted);line-height:1.8;}
.split-heading{display:grid;grid-template-columns:0.78fr 1.22fr;gap:72px;}
.pain-list{border-top:1px solid var(--line);}
.pain-list article{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:24px 6px;border-bottom:1px solid var(--line);}
.pain-list span{color:var(--blue);font-size:11px;}
.pain-list h3{margin:0 0 7px;color:#393d48;font-size:17px;}
.pain-list p{margin:0;color:var(--muted);font-size:13px;line-height:1.75;}
.value-section{background:var(--soft);}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.info-card{min-height:205px;padding:26px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 10px 30px rgba(58,62,73,0.045);}
.info-card .card-no{color:var(--cyan);font-size:11px;}
.info-card h3{margin:34px 0 9px;color:#373a45;font-size:19px;}
.info-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.75;}
.principle-section{background:linear-gradient(180deg,#fff,#f4fbfb);}
.process-flow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;}
.process-flow::before{position:absolute;top:35px;right:10%;left:10%;height:2px;background:#bfdedd;content:"";}
.process-flow li{position:relative;z-index:1;min-height:220px;padding:15px 24px;}
.process-flow .step-no{display:grid;width:44px;height:44px;place-items:center;border:1px solid #91cdcf;border-radius:50%;background:#fff;color:var(--blue);font-size:11px;}
.process-flow h3{margin:35px 0 9px;color:#393d48;font-size:18px;}
.process-flow p{margin:0;color:var(--muted);font-size:12px;line-height:1.75;}
.flow-step::after{top:32px;left:10%;animation-delay:var(--delay,0s);}
.core-section{background:var(--navy);color:#fff;}
.core-section .section-heading h2{color:#fff;}
.core-section .section-heading>p:last-child{color:#bddfde;}
.capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.capability{position:relative;min-height:170px;padding:25px 25px 24px 74px;border:1px solid rgba(174,226,224,0.2);background:rgba(255,255,255,0.04);}
.capability strong{position:absolute;top:26px;left:24px;color:#45d3c1;font-size:12px;}
.capability h3{margin:0 0 9px;font-size:18px;}
.capability p{margin:0;color:#b7d8d7;font-size:13px;line-height:1.75;}
.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.scenario{min-height:210px;padding:26px;border-top:3px solid var(--blue);background:#f7fcfc;}
.scenario:nth-child(2){border-color:var(--cyan);}
.scenario:nth-child(3){border-color:var(--orange);}
.scenario h3{margin:24px 0 9px;color:#373b47;font-size:18px;}
.scenario p{margin:0;color:var(--muted);font-size:13px;line-height:1.75;}
.detail-cta{padding:64px 0;background:linear-gradient(110deg,#2c2f39,#248e92 58%,#087a78);color:#fff;}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;}
.detail-cta p{margin:0 0 8px;color:#7de7da;font-size:12px;}
.detail-cta h2{margin:0;font-size:clamp(26px,3vw,38px);font-weight:600;}
.detail-cta span{display:block;margin-top:10px;color:#c8e5e4;}
.detail-cta .button{background:#fff;color:var(--navy);}
.dialog{position:fixed;width:min(540px,calc(100% - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:34px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);box-shadow:0 30px 90px rgba(14,15,18,0.35);}
.dialog::backdrop{background:rgba(13,14,17,0.68);}
.dialog-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;color:#446a6b;font-size:21px;}
.dialog h2{margin:0;color:var(--navy);font-size:27px;}
.dialog>p:not(.eyebrow){color:var(--muted);line-height:1.7;}
.dialog form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;}
.dialog label{color:#527c7d;font-size:12px;font-weight:600;}
.dialog input,.dialog textarea{width:100%;margin-top:6px;padding:10px 11px;border:1px solid #cbe3e2;border-radius:4px;background:#fff;color:var(--ink);font:inherit;}
.dialog input{height:42px;}
.dialog textarea{min-height:96px;resize:vertical;line-height:1.6;}
.dialog input:focus-visible,.dialog textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px;}
.dialog .button,.form-wide,.form-privacy,.form-status{grid-column:1/-1;}
.dialog-phone{margin:8px 0 0;}
.dialog-phone a{color:var(--blue);font-weight:700;text-decoration:none;}
.dialog-phone a:hover,.dialog-phone a:focus-visible{text-decoration:underline;}
.form-privacy{margin:0;color:#75878d;font-size:11px;line-height:1.65;}
.form-status{min-height:20px;margin:0;color:#b54733;font-size:12px;}
.back-top{position:fixed;z-index:40;right:20px;bottom:20px;display:none;width:42px;height:42px;border:1px solid var(--line);background:#fff;box-shadow:0 8px 24px rgba(37,40,48,0.17);color:var(--blue);}
.back-top.show{display:block;}
@keyframes dataTravel{0%{left:0;opacity:0;}
15%,85%{opacity:1;}
100%{left:100%;opacity:0;}
}
@keyframes pathTravel{0%{left:0;opacity:0;}
15%,85%{opacity:1;}
100%{left:calc(100% - 8px);opacity:0;}
}
@keyframes corePulse{0%,100%{box-shadow:0 0 0 10px rgba(93,201,205,0.06);}
50%{box-shadow:0 0 0 18px rgba(93,201,205,0.13);}
}
@media (max-width:1024px){.detail-hero-inner{gap:30px;}
.card-grid{grid-template-columns:repeat(2,1fr);}
.scenario-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:768px){.shell{width:calc(100% - 32px);}
.detail-hero-inner{min-height:auto;grid-template-columns:1fr;padding:38px 0 56px;}
.workspace-body{height:310px;}
.anchor-nav{top:98px;}
.section{padding:68px 0;}
.split-heading{grid-template-columns:1fr;gap:34px;}
.process-flow{grid-template-columns:1fr;}
.process-flow::before{top:25px;bottom:25px;left:36px;width:2px;height:auto;}
.process-flow li{min-height:145px;padding:8px 20px 12px 80px;}
.process-flow .step-no{position:absolute;top:8px;left:14px;}
.process-flow h3{margin:4px 0 8px;}
.flow-step::after{display:none;}
.scenario-grid{grid-template-columns:1fr;}
.cta-inner{align-items:flex-start;flex-direction:column;}
}
@media (max-width:520px){.detail-hero h1{font-size:36px;}
.hero-lead{font-size:17px;}
.hero-actions{flex-direction:column;}
.button{width:100%;}
.workspace-body{height:285px;}
.screen-sidebar{display:none;}
.screen-canvas{left:0;}
.product-workspace figcaption{text-align:left;}
.card-grid,.capability-grid{grid-template-columns:1fr;}
.info-card{min-height:auto;}
.capability{min-height:auto;}
.dialog{padding:32px 21px 22px;}
.dialog form{grid-template-columns:1fr;}
.dialog .button,.form-wide,.form-privacy,.form-status{grid-column:auto;}
.detail-cta .button{width:auto;}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}
*,*::before,*::after{animation:none !important;transition:none !important;}
}
/*公共页头为绝对定位，详情首屏预留其高度。*/ .detail-hero{padding-top:106px;}
.detail-cta .button span{display:inline;margin:0;color:inherit;}
@media (max-width:768px){.detail-hero{padding-top:98px;}
}
@media (max-width:768px){.detail-hero{padding-top:102px;}
}
@media (max-width:640px){.detail-hero{padding-top:98px;}
}
/*智能全流量分析回溯：全域数据与业务关系*/ .traffic-hero{min-height:700px;background:#437779;color:#fff;}
.traffic-hero::before{z-index:1;background:linear-gradient( 90deg,rgba(47,50,59,0.72) 0%,rgba(57,61,72,0.42) 46%,rgba(56,60,72,0.08) 72% );mask-image:none;}
.traffic-hero::after{position:absolute;z-index:2;right:18%;bottom:29%;width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 8px rgba(237,139,58,0.14),0 0 18px rgba(237,139,58,0.65);content:"";animation:anomalyPulse 7.2s ease-in-out infinite;}
.traffic-hero-art{position:absolute;inset:106px 0 0;width:100%;height:calc(100% - 106px);max-width:none;object-fit:cover;object-position:center;}
.traffic-hero .breadcrumb{color:#d9f4f3;}
.traffic-hero .breadcrumb a:hover{color:#56ead8;}
.traffic-hero .detail-hero-inner{min-height:594px;grid-template-columns:minmax(0,570px) 1fr;padding:54px 0 70px;}
.traffic-hero-copy{position:relative;z-index:3;padding:34px 34px 36px 0;}
.traffic-hero .eyebrow{color:#53ead8;}
.traffic-hero h1{color:#fff;font-size:clamp(40px,4.2vw,60px);text-shadow:0 4px 24px rgba(28,30,36,0.22);}
.traffic-hero .hero-copy{max-width:610px;margin-top:22px;color:#e1f3f2;font-size:15px;line-height:1.9;}
.traffic-hero .button-primary{background:linear-gradient(100deg,#27c6ba,#43dfe4);box-shadow:0 12px 28px rgba(20,205,194,0.22);}
.traffic-hero .button-secondary{border-color:rgba(255,255,255,0.58);background:rgba(255,255,255,0.1);color:#fff;backdrop-filter:blur(8px);}
.traffic-particles{position:absolute;z-index:2;top:35%;right:9%;bottom:18%;left:54%;pointer-events:none;}
.traffic-particles i{position:absolute;width:7px;height:7px;border-radius:50%;background:#2de0d0;box-shadow:0 0 14px #2de0d0;animation:heroDataFlow 7.2s linear infinite;}
.traffic-particles i:nth-child(1){top:62%;left:7%;}
.traffic-particles i:nth-child(2){top:27%;left:38%;animation-delay:-2.4s;}
.traffic-particles i:nth-child(3){top:54%;left:61%;animation-delay:-4.8s;}
.traffic-value-grid{grid-template-columns:repeat(4,1fr);}
.traffic-value-grid .info-card{position:relative;min-height:250px;padding-top:28px;overflow:hidden;}
.traffic-value-grid .info-card>img{width:auto;height:58px;object-fit:contain;object-position:left center;}
.traffic-value-grid .card-no{position:absolute;top:28px;right:26px;}
.traffic-value-grid .info-card h3{margin-top:27px;}
.traffic-principle .principle-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,0.65fr);align-items:center;gap:62px;}
.traffic-principle header{max-width:670px;margin-bottom:32px;}
.traffic-principle header h2{margin:0;color:var(--navy);font-size:clamp(29px,3vw,42px);font-weight:600;line-height:1.35;}
.traffic-principle header>p:last-child{margin:16px 0 0;color:var(--muted);line-height:1.8;}
.traffic-principle .process-flow{grid-template-columns:repeat(2,1fr);gap:12px;}
.traffic-principle .process-flow::before{display:none;}
.traffic-principle .process-flow li{min-height:170px;padding:20px 20px 18px 76px;border:1px solid var(--line);background:rgba(255,255,255,0.84);}
.traffic-principle .process-flow .step-no{position:absolute;top:20px;left:18px;}
.traffic-principle .process-flow h3{margin:3px 0 9px;}
.traffic-principle .flow-step::after{top:38px;left:42px;width:6px;height:6px;}
.principle-visual{position:relative;margin:0;padding:26px 20px 20px;border:1px solid #d7eeed;background:linear-gradient(145deg,#fff,#e9f6f6);box-shadow:0 22px 48px rgba(59,63,76,0.1);}
.principle-visual::before{position:absolute;inset:14px;border:1px solid rgba(40,210,216,0.12);content:"";}
.principle-visual img{position:relative;width:100%;height:auto;}
.principle-visual figcaption{position:relative;margin-top:10px;color:#657d91;font-size:12px;line-height:1.6;text-align:center;}
.traffic-capability-grid{grid-template-columns:repeat(4,1fr);}
.traffic-capability-grid .capability{display:flex;min-height:130px;align-items:flex-end;padding:26px 20px 22px 62px;}
.traffic-capability-grid .capability strong{left:20px;}
.traffic-capability-grid .capability h3{margin:0;font-size:16px;line-height:1.45;}
.traffic-scenario-grid{grid-template-columns:repeat(3,1fr);}
.traffic-scenario-grid .scenario:nth-child(4){border-color:var(--violet);}
.traffic-scenario-grid .scenario:nth-child(5){border-color:var(--cyan);}
.traffic-scenario-grid .scenario:nth-child(6){border-color:var(--orange);}
@keyframes heroDataFlow{0%{opacity:0;transform:translate(-46px,36px);}
14%,82%{opacity:1;}
100%{opacity:0;transform:translate(68px,-44px);}
}
@keyframes anomalyPulse{0%,65%,100%{opacity:0.45;transform:scale(0.72);}
72%,86%{opacity:1;transform:scale(1);}
}
@media (max-width:1024px){.traffic-value-grid,.traffic-capability-grid,.traffic-scenario-grid{grid-template-columns:repeat(2,1fr);}
.traffic-principle .principle-layout{gap:34px;}
.traffic-hero-art{object-position:60% center;}
}
@media (max-width:768px){.traffic-hero{min-height:auto;}
.traffic-hero-art{inset:102px 0 0;height:calc(100% - 102px);object-position:67% center;opacity:0.5;}
.traffic-hero::before{background:linear-gradient( 90deg,rgba(47,50,60,0.92),rgba(54,57,68,0.7) );}
.traffic-hero .detail-hero-inner{display:block;min-height:560px;padding:42px 0 58px;}
.traffic-hero-copy{max-width:620px;padding:34px 0;}
.traffic-particles{left:26%;opacity:0.7;}
.traffic-principle .principle-layout{grid-template-columns:1fr;}
.traffic-principle .process-flow{grid-template-columns:repeat(2,1fr);}
.traffic-principle .process-flow::before{display:none;}
.traffic-principle .process-flow li{min-height:170px;padding:20px 18px 18px 76px;}
.principle-visual{width:min(420px,100%);margin-inline:auto;}
.traffic-scenario-grid{grid-template-columns:1fr;}
}
@media (max-width:520px){.traffic-hero-art{inset:98px 0 0;height:calc(100% - 98px);object-position:70% center;}
.traffic-hero .detail-hero-inner{min-height:590px;padding-bottom:46px;}
.traffic-hero h1{font-size:38px;}
.traffic-hero .hero-copy{font-size:14px;}
.traffic-value-grid,.traffic-capability-grid,.traffic-principle .process-flow{grid-template-columns:1fr;}
.traffic-value-grid .info-card{min-height:auto;}
.traffic-principle .process-flow li{min-height:auto;}
.traffic-scenario-grid{grid-template-columns:1fr;}
.traffic-hero::after{right:16%;bottom:18%;}
}
@media (prefers-reduced-motion:reduce){.traffic-hero::after,.traffic-particles i{animation:none !important;}
.traffic-particles i{opacity:0.72;}
}
/*智能全流量分析回溯详情页重构*/ .traffic-page{--traffic-panel:#1a1c22;--traffic-panel-2:#252830;--traffic-border:rgba(112,216,220,0.22);background:#fff;}
.traffic-page .section-heading.align-left{max-width:none;margin:0 0 34px;text-align:left;}
.traffic-page .anchor-alias{position:relative;top:-130px;display:block;visibility:hidden;}
.traffic-page .traffic-hero{min-height:auto;padding-top:106px;color:var(--ink);background:radial-gradient( circle at 88% 22%,rgba(30,184,174,0.12),transparent 30% ),linear-gradient(132deg,#f6fcfc 0%,#fff 52%,#edf8f8 100%);}
.traffic-page .traffic-hero::before{z-index:0;background-image:linear-gradient( rgba(38,164,168,0.045) 1px,transparent 1px ),linear-gradient(90deg,rgba(38,164,168,0.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#000);}
.traffic-page .traffic-hero::after{display:none;}
.traffic-page .traffic-hero .breadcrumb{color:#687f95;}
.traffic-page .traffic-hero .breadcrumb a:hover{color:var(--blue);}
.traffic-page .traffic-hero .detail-hero-inner{min-height:580px;grid-template-columns:minmax(0,0.96fr) minmax(520px,1.04fr);gap:40px;padding:44px 0 48px;}
.traffic-page .traffic-hero-copy{padding:0;}
.traffic-page .traffic-hero .eyebrow{color:var(--brand-teal);}
.traffic-page .traffic-hero h1{max-width:none;color:var(--navy);font-size:clamp(36px,3.45vw,52px);white-space:nowrap;text-shadow:none;}
.traffic-page .traffic-hero .hero-copy{margin-top:22px;color:var(--muted);font-size:15px;line-height:1.9;}
.traffic-page .traffic-hero .button-primary{background:var(--blue);box-shadow:0 12px 28px rgba(40,210,216,0.2);}
.traffic-page .traffic-hero .button-secondary{border-color:#b8dddc;background:#fff;color:var(--navy);backdrop-filter:none;}
.traffic-animation{position:relative;z-index:2;width:100%;margin:0;}
.traffic-animation::before{position:absolute;inset:12% -8% -8% 14%;z-index:-1;border-radius:50%;background:rgba(35,208,214,0.12);filter:blur(35px);content:"";}
.traffic-animation-frame{display:block;width:100%;aspect-ratio:16/9;border:1px solid var(--traffic-border);border-radius:14px;background:#031019;box-shadow:0 30px 70px rgba(49,52,62,0.22);}
.traffic-animation figcaption{margin-top:10px;color:#70879a;font-size:11px;text-align:right;}
.topology-console{position:relative;z-index:2;margin:0;color:#daf4f3;}
.topology-console::before{position:absolute;inset:12% -8% -8% 14%;z-index:-1;border-radius:50%;background:rgba(35,208,214,0.12);filter:blur(35px);content:"";}
.console-bar{display:flex;height:48px;align-items:center;padding:0 18px;border:1px solid var(--traffic-border);border-bottom:0;border-radius:14px 14px 0 0;background:#181a1f;box-shadow:0 30px 70px rgba(49,52,62,0.22);}
.console-brand{font-size:13px;font-weight:700;}
.console-state{display:flex;align-items:center;gap:8px;margin-left:auto;color:#7fafb1;font-size:11px;}
.console-state i{width:7px;height:7px;border-radius:50%;background:#37d2c0;box-shadow:0 0 10px #37d2c0;animation:statusBreath 3.6s ease-in-out infinite;}
.console-toolbar{display:flex;align-items:center;gap:22px;height:40px;padding:0 18px;border-inline:1px solid var(--traffic-border);background:#22242b;color:#78a8aa;font-size:10px;}
.console-toolbar span:first-child{color:#62ddcf;}
.console-toolbar b{margin-left:auto;color:#9fcbcc;font-weight:500;}
.topology-stage{position:relative;height:370px;overflow:hidden;border:1px solid var(--traffic-border);border-top-color:rgba(112,216,220,0.1);border-radius:0 0 14px 14px;background-color:var(--traffic-panel);background-image:linear-gradient( rgba(80,171,174,0.08) 1px,transparent 1px ),linear-gradient(90deg,rgba(80,171,174,0.08) 1px,transparent 1px);background-size:30px 30px;box-shadow:0 30px 70px rgba(49,52,62,0.22);}
.topology-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
.topology-lines path{fill:none;stroke:#2fbdc2;stroke-width:2;stroke-linecap:round;opacity:0.72;}
.topology-lines path.is-alert{stroke:var(--orange);stroke-dasharray:6 5;animation:alertLine 3.6s ease-in-out infinite;}
.topology-lines .data-dot{fill:#40ded0;filter:drop-shadow(0 0 5px #40ded0);}
.topology-lines .dot-two{fill:#63e4e9;}
.topology-node{position:absolute;z-index:2;display:grid;width:88px;min-height:76px;place-items:center;padding:8px 6px;border:1px solid rgba(104,202,205,0.4);border-radius:9px;background:rgba(36,38,45,0.94);color:#cfeeed;box-shadow:0 10px 26px rgba(0,0,0,0.18);cursor:pointer;transition:border-color 0.2s,transform 0.2s,box-shadow 0.2s;}
.topology-node:hover,.topology-node:focus-visible{z-index:4;border-color:#43d7c7;box-shadow:0 0 0 5px rgba(67,215,199,0.1),0 14px 30px rgba(0,0,0,0.26);transform:translateY(-4px);}
.topology-node img{width:24px;height:24px;object-fit:contain;}
.topology-node .node-icon{display:grid;width:26px;height:26px;place-items:center;border:1px solid rgba(75,203,194,0.6);border-radius:50%;color:#59dfd0;font-size:11px;}
.topology-node b{font-size:11px;}
.topology-node small{color:#72a4a6;font-size:9px;}
.topology-node.node-user{top:145px;left:3%;}
.topology-node.node-network{top:53px;left:29%;}
.topology-node.node-app{top:145px;left:48%;}
.topology-node.node-cloud{top:39px;right:3%;}
.topology-node.node-db{right:9%;bottom:30px;}
.topology-node.is-alert{border-color:rgba(237,139,58,0.74);box-shadow:0 0 0 5px rgba(237,139,58,0.09);}
.topology-legend{position:absolute;bottom:14px;left:16px;display:flex;gap:15px;padding:7px 9px;border:1px solid rgba(120,196,199,0.18);border-radius:5px;background:rgba(22,23,27,0.74);color:#78a5a7;font-size:9px;}
.topology-legend span{display:flex;align-items:center;gap:6px;}
.topology-legend i{width:17px;height:2px;background:#2fbdc2;}
.topology-legend i.alert{background:var(--orange);}
.topology-console figcaption{margin-top:10px;color:#70879a;font-size:11px;text-align:right;}
.source-dock-heading{position:relative;z-index:2;display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0 0 10px;}
.source-dock-heading p{margin:0;}
.source-dock-heading p:first-child{color:#183b48;font-size:14px;font-weight:700;}
.source-dock-heading p:last-child{color:#70879a;font-size:11px;line-height:1.6;text-align:right;}
.source-dock{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,1fr);margin:0 0 28px;border:1px solid #d9efee;border-radius:10px;background:rgba(255,255,255,0.86);box-shadow:0 14px 34px rgba(60,64,77,0.07);}
.source-dock span{display:flex;min-height:54px;align-items:center;justify-content:center;gap:8px;border-right:1px solid #e3f2f1;color:#4b7b7d;font-size:11px;}
.source-dock span:last-child{border-right:0;}
.source-dock img{width:25px;height:25px;object-fit:contain;}
.pain-section{background:#fff;}
.pain-interactive{display:grid;grid-template-columns:minmax(280px,0.78fr) minmax(0,1.22fr);grid-template-rows:repeat(5,auto);gap:0 38px;}
.pain-item{display:contents;}
.pain-tab{grid-column:1;display:grid;grid-template-columns:34px 1fr;align-items:center;width:100%;padding:16px 18px;border:0;border-bottom:1px solid #dff3f2;background:transparent;color:#7a8d9e;text-align:left;cursor:pointer;transition:color 0.24s,background 0.24s,opacity 0.24s;}
.pain-tab span{grid-row:1/3;color:#99bcbd;font-size:10px;}
.pain-tab b{font-size:17px;}
.pain-tab small{margin-top:5px;font-size:11px;line-height:1.55;}
.pain-tab:not(.is-active){opacity:0.66;}
.pain-tab:hover,.pain-tab:focus-visible,.pain-tab.is-active{background:#f1fbfb;color:var(--blue);opacity:1;}
.pain-tab.is-active{box-shadow:inset 3px 0 var(--blue);}
.pain-panel{grid-column:2;grid-row:1/6;align-self:stretch;min-height:420px;overflow:hidden;border:1px solid var(--traffic-border);border-radius:12px;background:var(--traffic-panel);color:#d6f0ef;box-shadow:0 24px 54px rgba(55,59,71,0.15);animation:panelIn 0.38s ease both;}
.pain-panel[hidden]{display:none;}
.ui-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;height:52px;padding:0 20px;border-bottom:1px solid var(--traffic-border);background:#24262d;}
.ui-panel-head span{font-size:13px;font-weight:700;}
.ui-panel-head b{color:#7cadaf;font-size:10px;font-weight:500;}
.source-stream{position:relative;display:grid;height:366px;grid-template-columns:repeat(5,1fr);align-items:start;gap:10px;padding:70px 28px;}
.source-stream>span{padding:12px 5px;border:1px solid #317577;border-radius:5px;background:#282b33;color:#99c8ca;font-size:10px;text-align:center;}
.source-stream i{position:absolute;top:151px;right:12%;left:12%;height:2px;background:linear-gradient(90deg,#27c5b8,#4be0e5);}
.source-stream i::after{position:absolute;top:-4px;left:0;width:9px;height:9px;border-radius:50%;background:#38daca;box-shadow:0 0 10px #38daca;content:"";animation:wideTravel 7.2s linear infinite;}
.source-stream strong{position:absolute;right:30%;bottom:62px;left:30%;padding:18px;border:1px solid #34adb1;border-radius:7px;background:#2e313b;color:#d8f3f2;font-size:13px;text-align:center;}
.impact-map,.boundary-view,.trace-steps,.timeline-view{position:relative;height:366px;}
.impact-map strong,.impact-map span{position:absolute;display:grid;min-width:92px;min-height:54px;place-items:center;padding:8px;border:1px solid #317577;border-radius:7px;background:#282b34;font-size:10px;}
.impact-map strong{top:132px;left:42%;border-color:var(--orange);color:#ffc28e;}
.impact-map span:nth-of-type(1){top:45px;left:13%;}
.impact-map span:nth-of-type(2){top:55px;right:12%;}
.impact-map span:nth-of-type(3){right:16%;bottom:52px;}
.impact-map i{position:absolute;height:2px;background:#33bbc0;transform-origin:left;}
.impact-map i:nth-of-type(1){top:117px;left:27%;width:23%;transform:rotate(18deg);}
.impact-map i:nth-of-type(2){top:123px;left:53%;width:25%;transform:rotate(-20deg);}
.impact-map i:nth-of-type(3){top:205px;left:53%;width:25%;transform:rotate(25deg);}
.boundary-view{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;padding:55px;}
.boundary-view div{padding:26px 22px;border:1px solid #317577;border-radius:8px;background:#282b34;}
.boundary-view div span,.boundary-view div b{display:block;}
.boundary-view div span{color:#5cd7cb;font-size:10px;}
.boundary-view div b{margin-top:10px;color:#d3f1f0;font-size:12px;line-height:1.7;}
.boundary-view>i{height:2px;background:linear-gradient(90deg,#3ac0c5,var(--orange));}
.boundary-view .is-warning{border-color:rgba(237,139,58,0.65);}
.boundary-view .is-warning span{color:#ffb679;}
.trace-steps{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:28px;padding:80px 28px;counter-reset:trace;}
.trace-steps::before{position:absolute;top:50%;right:9%;left:9%;height:2px;background:linear-gradient(90deg,#26b9b0,#3fdee3);content:"";}
.trace-steps li{position:relative;z-index:1;display:grid;min-height:92px;place-items:center;padding:14px;border:1px solid #317577;border-radius:7px;background:#282b34;color:#cfeceb;font-size:10px;text-align:center;}
.trace-steps li::before{display:block;margin-bottom:6px;color:#54d9cc;font-size:11px;counter-increment:trace;content:"0" counter(trace);}
.timeline-view{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:70px 32px;}
.timeline-view::before{position:absolute;top:50%;right:8%;left:8%;height:2px;background:#317a7d;content:"";}
.timeline-view span{position:relative;z-index:2;padding-top:45px;color:#91bcbd;font-size:10px;text-align:center;}
.timeline-view span::before{position:absolute;top:0;left:50%;width:13px;height:13px;border:4px solid #282b33;border-radius:50%;background:#35c9bc;box-shadow:0 0 0 1px #35c9bc;content:"";}
.timeline-view span:nth-child(2)::before{background:var(--orange);box-shadow:0 0 0 1px var(--orange),0 0 13px rgba(237,139,58,0.6);}
.timeline-view i{position:absolute;top:calc(50% - 4px);left:8%;width:8px;height:8px;border-radius:50%;background:#45dacc;animation:wideTravel 7.2s linear infinite;}
.traffic-principle{background:linear-gradient(180deg,#f4fcfc,#fff);}
.traffic-principle .section-heading{margin-bottom:50px;}
.architecture-flow{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:0;padding:0;list-style:none;}
.architecture-flow::before{position:absolute;top:47px;right:8%;left:8%;height:2px;background:linear-gradient(90deg,var(--cyan),var(--blue));content:"";}
.architecture-flow::after{position:absolute;top:43px;left:8%;width:10px;height:10px;border-radius:50%;background:#40d8c9;box-shadow:0 0 10px rgba(64,216,201,0.7);content:"";animation:architectureTravel 9s linear infinite;}
.architecture-flow li{position:relative;z-index:1;min-height:230px;padding:26px 22px;border:1px solid #d8efee;border-radius:10px;background:rgba(255,255,255,0.94);box-shadow:0 14px 36px rgba(57,61,72,0.06);opacity:0;transform:translateY(16px);transition:opacity 0.46s ease,transform 0.46s ease;animation:stepHighlight 9s ease-in-out infinite;animation-delay:var(--step-delay);}
.architecture-flow.is-visible li{opacity:1;transform:none;}
.architecture-flow.is-visible li:nth-child(2){transition-delay:0.12s;}
.architecture-flow.is-visible li:nth-child(3){transition-delay:0.24s;}
.architecture-flow.is-visible li:nth-child(4){transition-delay:0.36s;}
.architecture-flow.is-visible li:nth-child(5){transition-delay:0.48s;}
.architecture-flow .step-no{display:grid;width:42px;height:42px;place-items:center;border:1px solid #7fc8cb;border-radius:50%;background:#fff;color:var(--blue);font-size:11px;}
.architecture-flow h3{margin:50px 0 10px;color:#323640;font-size:19px;}
.architecture-flow p{margin:0;color:var(--muted);font-size:13px;line-height:1.75;}
.traffic-core{color:var(--ink);background:linear-gradient(180deg,#f3fbfb,#fff);}
.traffic-core .section-heading h2{color:var(--navy);}
.traffic-core .section-heading>p:last-child{color:var(--muted);}
.feature-explorer{display:grid;grid-template-columns:270px minmax(0,1fr);overflow:hidden;border:1px solid #d7eeed;border-radius:12px;background:#fff;box-shadow:0 24px 56px rgba(58,62,74,0.12);}
.feature-nav{display:grid;align-content:start;padding:12px;border-right:1px solid #dff3f2;background:#f7fcfc;}
.feature-nav button{display:flex;min-height:51px;align-items:center;gap:14px;padding:0 14px;border:0;border-radius:6px;background:transparent;color:#637b90;font-size:13px;text-align:left;cursor:pointer;transition:background 0.2s,color 0.2s,transform 0.2s;}
.feature-nav button span{color:#9aacbb;font-size:9px;}
.feature-nav button:hover,.feature-nav button:focus-visible,.feature-nav button.is-active{background:#eefafa;color:var(--blue);transform:translateX(2px);}
.feature-nav button.is-active{box-shadow:inset 3px 0 var(--blue);}
.feature-screen{min-width:0;background:var(--traffic-panel);color:#d7f0ef;}
.screen-top{display:flex;height:48px;align-items:center;padding:0 18px;border-bottom:1px solid var(--traffic-border);background:#18191e;}
.screen-top>div{display:flex;gap:5px;margin-right:13px;}
.screen-top i{width:6px;height:6px;border-radius:50%;background:#4a7e80;}
.screen-top i:first-child{background:#3ed5c5;}
.screen-top b{font-size:12px;}
.screen-top span{margin-left:auto;color:#76a5a7;font-size:9px;}
.screen-layout{display:grid;grid-template-columns:120px 1fr;min-height:430px;}
.screen-layout aside{display:grid;align-content:start;gap:6px;padding:20px 12px;border-right:1px solid var(--traffic-border);background:#21242b;color:#70a0a2;font-size:9px;}
.screen-layout aside b{margin-bottom:8px;color:#a7cfd0;font-size:10px;}
.screen-layout aside span{padding:8px;border-radius:4px;}
.screen-layout aside .is-active{background:#2e313a;color:#4bd5c8;}
.feature-canvas{position:relative;overflow:hidden;background-image:linear-gradient( rgba(83,176,179,0.07) 1px,transparent 1px ),linear-gradient(90deg,rgba(83,176,179,0.07) 1px,transparent 1px);background-size:28px 28px;}
.canvas-label{position:absolute;top:22px;left:24px;z-index:3;}
.canvas-label span,.canvas-label b{display:block;}
.canvas-label span{color:#45d5c7;font-size:9px;}
.canvas-label b{margin-top:6px;color:#bee1e0;font-size:11px;font-weight:500;}
.canvas-viz{position:absolute;inset:90px 42px 78px;}
.canvas-viz::before,.canvas-viz::after{position:absolute;content:"";}
.canvas-viz::before{top:50%;right:8%;left:8%;height:2px;background:linear-gradient(90deg,#24b8b0,#41dee4);}
.canvas-viz::after{top:calc(50% - 4px);left:8%;width:9px;height:9px;border-radius:50%;background:#3adaca;box-shadow:0 0 10px #3adaca;animation:canvasTravel 7.2s linear infinite;}
.canvas-viz i{position:absolute;z-index:2;width:54px;height:54px;border:1px solid #388b8e;border-radius:7px;background:#2b2e37;box-shadow:0 8px 20px rgba(0,0,0,0.2);}
.canvas-viz i:nth-child(1){top:calc(50% - 27px);left:0;}
.canvas-viz i:nth-child(2){top:calc(50% - 27px);left:31%;}
.canvas-viz i:nth-child(3){top:calc(50% - 27px);left:62%;}
.canvas-viz i:nth-child(4){top:calc(50% - 27px);right:0;}
.canvas-viz strong{position:absolute;top:calc(50% - 7px);right:calc(38% - 7px);z-index:3;width:14px;height:14px;border:3px solid #272931;border-radius:50%;background:#43d4c6;}
.canvas-viz span{position:absolute;bottom:-6px;width:24%;height:44px;border:1px solid #2b6c6e;background:rgba(39,41,49,0.76);}
.canvas-viz span:nth-last-child(3){left:5%;}
.canvas-viz span:nth-last-child(2){left:38%;}
.canvas-viz span:last-child{right:5%;}
.canvas-status{position:absolute;right:22px;bottom:18px;left:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.canvas-status span{padding:9px;border:1px solid #3e4350;border-radius:4px;background:#25272f;color:#76a8aa;font-size:9px;}
.feature-canvas.is-changing{animation:featureIn 0.32s ease both;}
.feature-canvas[data-mode="statistics"] .canvas-viz span:nth-last-child(3){height:55px;}
.feature-canvas[data-mode="statistics"] .canvas-viz span:nth-last-child(2){height:82px;}
.feature-canvas[data-mode="statistics"] .canvas-viz span:last-child{height:66px;}
.feature-canvas[data-mode="topology"] .canvas-viz i:nth-child(2){top:6%;}
.feature-canvas[data-mode="topology"] .canvas-viz i:nth-child(3){top:66%;}
.feature-canvas[data-mode="relation"] .canvas-viz::before,.feature-canvas[data-mode="network"] .canvas-viz::before{background:linear-gradient( 90deg,#2abcb4 0 58%,var(--orange) 58% 72%,#41dee4 72% );}
.feature-canvas[data-mode="application"] .canvas-viz strong,.feature-canvas[data-mode="locate"] .canvas-viz strong{background:var(--orange);box-shadow:0 0 0 7px rgba(237,139,58,0.13);}
.feature-canvas[data-mode="history"] .canvas-viz i{top:auto;bottom:36px;height:30px;border-radius:50%;}
.feature-canvas[data-mode="history"] .canvas-viz span{height:70px;border-top-color:#3da1a4;}
.traffic-scenes{background:#fff;}
.scene-tabs{display:flex;overflow-x:auto;border-bottom:1px solid #dbf0ef;scrollbar-width:none;}
.scene-tabs button{flex:1;min-width:210px;padding:17px 15px;border:0;border-bottom:3px solid transparent;background:transparent;color:#72869a;font-size:13px;cursor:pointer;}
.scene-tabs button span{margin-right:8px;color:#a0afbc;font-size:9px;}
.scene-tabs button:hover,.scene-tabs button:focus-visible,.scene-tabs button.is-active{border-color:var(--blue);color:var(--blue);background:#f7fdfd;}
.scene-stage{display:grid;grid-template-columns:0.8fr 1.2fr;min-height:390px;margin-top:28px;overflow:hidden;border:1px solid #daefee;border-radius:12px;box-shadow:0 18px 44px rgba(57,61,73,0.09);animation:panelIn 0.36s ease both;}
.scene-copy{display:grid;align-content:center;gap:22px;padding:38px;background:#f8fdfd;}
.scene-copy p{margin:0;}
.scene-copy span,.scene-copy b{display:block;}
.scene-copy span{margin-bottom:8px;color:var(--blue);font-size:10px;font-weight:700;letter-spacing:0.08em;}
.scene-copy b{color:#37696b;font-size:13px;font-weight:500;line-height:1.75;}
.scene-visual{position:relative;background-color:var(--traffic-panel);background-image:linear-gradient( rgba(80,171,174,0.07) 1px,transparent 1px ),linear-gradient(90deg,rgba(80,171,174,0.07) 1px,transparent 1px);background-size:30px 30px;}
.scene-map{position:absolute;top:60px;right:38px;left:38px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:28px;}
.scene-map span{position:relative;z-index:2;display:grid;min-height:62px;place-items:center;padding:8px;border:1px solid #357d7f;border-radius:7px;background:#292c34;color:#abd4d3;font-size:9px;text-align:center;}
.scene-map span.is-alert{border-color:var(--orange);color:#ffbd85;}
.scene-map i{position:absolute;top:30px;height:2px;background:#34aaae;}
.scene-map i:nth-of-type(1){left:19%;width:13%;}
.scene-map i:nth-of-type(2){left:44%;width:13%;background:var(--orange);}
.scene-map i:nth-of-type(3){left:69%;width:13%;}
.scene-map b{position:absolute;top:26px;left:19%;width:8px;height:8px;border-radius:50%;background:#40d7c8;box-shadow:0 0 9px #40d7c8;animation:sceneTravel 7.2s linear infinite;}
.scene-timeline{position:absolute;right:38px;bottom:58px;left:38px;height:70px;border:1px solid #2d6b6d;border-radius:6px;background:#24272e;}
.scene-timeline span{position:absolute;top:34px;right:18px;left:18px;height:2px;background:#317678;}
.scene-timeline i{position:absolute;top:28px;width:12px;height:12px;border:3px solid #24272e;border-radius:50%;background:#37cabc;box-shadow:0 0 0 1px #37cabc;}
.scene-timeline i:nth-of-type(1){left:12%;}
.scene-timeline i:nth-of-type(2){left:37%;background:var(--orange);box-shadow:0 0 0 1px var(--orange);}
.scene-timeline i:nth-of-type(3){left:62%;}
.scene-timeline i:nth-of-type(4){right:12%;}
.scene-stage.is-changing{animation:featureIn 0.34s ease both;}
.traffic-sovereign{background:linear-gradient(135deg,#0b2630 0%,#0c3a42 58%,#11666a 100%);}
.traffic-sovereign .section-heading h2{color:#fff;}
.traffic-sovereign .section-heading>p:last-child{color:#c4dfdf;}
.sovereign-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(111,226,220,.32);border-bottom:1px solid rgba(111,226,220,.22);}
.sovereign-grid article{min-height:220px;padding:34px 30px;border-right:1px solid rgba(111,226,220,.2);}
.sovereign-grid article:last-child{border-right:0;}
.sovereign-grid span{color:#63ded4;font-size:11px;font-weight:750;letter-spacing:.12em;}
.sovereign-grid h3{margin:42px 0 13px;color:#fff;font-size:21px;}
.sovereign-grid p{margin:0;color:#bdd8d8;font-size:13px;line-height:1.8;}
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity 0.62s ease,transform 0.62s ease;}
[data-reveal].is-visible{opacity:1;transform:none;}
@keyframes panelIn{from{opacity:0;transform:translateY(8px);}
to{opacity:1;transform:none;}
}
@keyframes featureIn{from{opacity:0.25;transform:translateX(8px);}
to{opacity:1;transform:none;}
}
@keyframes statusBreath{50%{opacity:0.5;box-shadow:0 0 4px #37d2c0;}
}
@keyframes alertLine{50%{opacity:0.38;}
}
@keyframes wideTravel{0%{left:10%;opacity:0;}
15%,85%{opacity:1;}
100%{left:90%;opacity:0;}
}
@keyframes architectureTravel{0%{left:8%;opacity:0;}
12%,88%{opacity:1;}
100%{left:calc(92% - 10px);opacity:0;}
}
@keyframes stepHighlight{0%,18%,100%{border-color:#d8efee;box-shadow:0 14px 36px rgba(57,61,72,0.06);}
7%,12%{border-color:#62c9c4;box-shadow:0 16px 38px rgba(31,146,160,0.15);}
}
@keyframes canvasTravel{0%{left:8%;opacity:0;}
12%,88%{opacity:1;}
100%{left:calc(92% - 9px);opacity:0;}
}
@keyframes sceneTravel{0%{left:19%;opacity:0;}
12%,88%{opacity:1;}
100%{left:81%;opacity:0;}
}
@media (max-width:1100px){.traffic-page .traffic-hero .detail-hero-inner{grid-template-columns:0.78fr 1.22fr;gap:30px;}
.topology-stage{height:340px;}
.topology-lines{height:340px;}
.source-dock{grid-template-columns:repeat(3,1fr);}
.source-dock span:nth-child(3){border-right:0;}
.source-dock span:nth-child(-n + 3){border-bottom:1px solid #e3f2f1;}
.architecture-flow{grid-template-columns:repeat(3,1fr);}
.architecture-flow::before,.architecture-flow::after{display:none;}
.architecture-flow li{min-height:250px;}
.feature-explorer{grid-template-columns:235px minmax(0,1fr);}
}
@media (max-width:768px){.traffic-page .traffic-hero{padding-top:102px;}
.traffic-page .traffic-hero .detail-hero-inner{display:grid;min-height:auto;grid-template-columns:1fr;padding:34px 0 30px;}
.traffic-page .traffic-hero-copy{max-width:none;padding:0;}
.topology-console{width:100%;}
.topology-stage{height:340px;}
.source-dock{margin-bottom:22px;}
.source-dock-heading{align-items:flex-start;flex-direction:column;gap:4px;}
.source-dock-heading p:last-child{text-align:left;}
.pain-interactive{display:block;}
.pain-item{display:block;border-bottom:1px solid #dcf0ef;}
.pain-tab{display:grid;border:0;}
.pain-panel{min-height:320px;margin:0 0 16px;border-radius:8px;}
.source-stream,.impact-map,.boundary-view,.trace-steps,.timeline-view{height:300px;}
.boundary-view{padding:35px 28px;}
.trace-steps{gap:12px;padding:60px 18px;}
.architecture-flow{grid-template-columns:1fr;gap:14px;}
.architecture-flow::before,.architecture-flow::after{display:block;}
.architecture-flow::before{top:34px;bottom:34px;left:41px;width:2px;height:auto;}
.architecture-flow::after{top:34px;left:37px;animation:architectureTravelVertical 9s linear infinite;}
.architecture-flow li{min-height:auto;padding:22px 22px 22px 78px;}
.architecture-flow .step-no{position:absolute;top:22px;left:20px;}
.architecture-flow h3{margin:2px 0 9px;}
.feature-explorer{grid-template-columns:1fr;}
.feature-nav{grid-template-columns:repeat(2,1fr);border-right:0;border-bottom:1px solid #dff2f1;}
.feature-nav button{min-height:48px;}
.screen-layout{min-height:390px;}
.scene-stage{grid-template-columns:1fr;}
.scene-copy{padding:28px;}
.scene-visual{min-height:310px;}
.scene-tabs button{min-width:190px;}
.sovereign-grid{grid-template-columns:1fr;}
.sovereign-grid article{min-height:auto;padding:28px 24px;border-right:0;border-bottom:1px solid rgba(111,226,220,.2);}
.sovereign-grid article:last-child{border-bottom:0;}
.sovereign-grid h3{margin:18px 0 10px;}
}
@media (max-width:520px){.traffic-page .traffic-hero h1{font-size:clamp(28px,8.7vw,37px);}
.traffic-page .traffic-hero .detail-hero-inner{gap:24px;}
.topology-stage{height:320px;}
.topology-lines{height:320px;}
.console-toolbar{gap:12px;}
.topology-node{width:72px;min-height:67px;}
.topology-node.node-user{top:136px;left:2%;}
.topology-node.node-network{top:51px;left:26%;}
.topology-node.node-app{top:139px;left:43%;}
.topology-node.node-cloud{top:42px;right:2%;}
.topology-node.node-db{right:6%;bottom:32px;}
.source-dock{grid-template-columns:repeat(2,1fr);}
.source-dock span{border-bottom:1px solid #e3f2f1;}
.source-dock span:nth-child(2n){border-right:0;}
.source-dock span:nth-last-child(-n + 2){border-bottom:0;}
.pain-tab{grid-template-columns:30px 1fr;padding:15px 12px;}
.pain-panel{min-height:300px;}
.ui-panel-head{padding:0 14px;}
.source-stream{grid-template-columns:repeat(3,1fr);height:280px;padding:48px 18px;}
.source-stream>span:nth-of-type(n + 4){margin-top:10px;}
.source-stream i{top:142px;}
.source-stream strong{right:20%;bottom:38px;left:20%;}
.boundary-view{grid-template-columns:1fr;height:300px;gap:16px;padding:26px;}
.boundary-view>i{width:2px;height:20px;margin:auto;}
.trace-steps{grid-template-columns:repeat(2,1fr);height:300px;padding:24px;}
.trace-steps::before{display:none;}
.timeline-view{height:280px;padding:50px 14px;}
.architecture-flow::before{left:37px;}
.architecture-flow::after{left:33px;}
.architecture-flow li{padding-left:74px;}
.feature-nav{grid-template-columns:1fr 1fr;padding:8px;}
.feature-nav button{padding:0 9px;font-size:11px;}
.screen-layout{grid-template-columns:1fr;min-height:390px;}
.screen-layout aside{display:none;}
.canvas-viz{right:18px;left:18px;}
.canvas-viz i{width:43px;height:43px;}
.canvas-label{right:18px;left:18px;}
.scene-copy{gap:17px;}
.scene-map{right:18px;left:18px;gap:10px;}
.scene-map span{min-height:54px;}
.scene-timeline{right:18px;left:18px;}
.scene-tabs button{min-width:170px;padding-inline:10px;font-size:11px;}
}
@keyframes architectureTravelVertical{0%{top:34px;opacity:0;}
12%,88%{opacity:1;}
100%{top:calc(100% - 44px);opacity:0;}
}
@media (prefers-reduced-motion:reduce){.console-state i,.topology-lines path.is-alert,.source-stream i::after,.timeline-view i,.architecture-flow::after,.architecture-flow li,.canvas-viz::after,.scene-map b{animation:none !important;}
[data-reveal],.architecture-flow li{opacity:1;transform:none;}
.topology-lines .data-dot{display:none;}
}
/*灵眸 AI 产品体验页*/ .lingmou-page{--lm-dark:#1b1d22;--lm-panel:#252830;--lm-panel-line:rgba(102,207,211,0.22);background:#fff;}
.lingmou-page .section-heading{max-width:780px;}
.lingmou-page [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease;}
.lingmou-page [data-reveal].is-visible{opacity:1;transform:none;}
.lm-hero{padding-top:102px;background:radial-gradient( circle at 83% 24%,rgba(82,207,211,0.11),transparent 27% ),linear-gradient(132deg,#f6fcfc,#fff 53%,#edf8f8);}
.lm-hero .detail-hero-inner{min-height:610px;grid-template-columns:minmax(0,0.88fr) minmax(540px,1.12fr);gap:48px;padding:38px 0 54px;}
.lm-hero h1{font-size:clamp(36px,3.4vw,48px);line-height:1.18;white-space:nowrap;}
.lm-hero .hero-copy{margin:24px 0 30px;font-size:15px;}
.lm-console{min-width:0;margin:0;overflow:hidden;border:1px solid #cde9e8;border-radius:13px;background:var(--lm-dark);box-shadow:0 28px 64px rgba(55,59,71,0.18);}
.lm-console figcaption{padding:8px 14px;color:#7790a4;background:#fff;font-size:10px;text-align:right;}
.lm-console-bar,.lm-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;}
.lm-console-bar{height:44px;padding:0 14px;border-bottom:1px solid var(--lm-panel-line);color:#d9f0ef;background:#16181c;}
.lm-console-bar>div{display:flex;gap:5px;}
.lm-console-bar>div i{width:7px;height:7px;border-radius:50%;background:#527d7e;}
.lm-console-bar>div i:first-child{background:#42d6c6;}
.lm-console-bar b{margin-right:auto;font-size:11px;}
.lm-console-bar>span{display:flex;align-items:center;gap:6px;color:#8bb6b8;font-size:9px;}
.lm-console-bar>span i{width:6px;height:6px;border-radius:50%;background:#3bd0be;animation:lmBreath 7s ease-in-out infinite;}
.lm-chat-stage{display:grid;min-height:430px;grid-template-columns:105px minmax(0,1fr);}
.lm-brand-rail{display:grid;align-content:start;gap:7px;padding:18px 10px;border-right:1px solid var(--lm-panel-line);color:#709ea0;background:#1f2128;font-size:9px;}
.lm-brand-rail img{width:44px;height:38px;margin:0 auto 14px;object-fit:contain;}
.lm-brand-rail span{padding:9px 8px;border-radius:4px;}
.lm-brand-rail .is-active{color:#55d8cb;background:#2e313b;}
.lm-conversation{position:relative;display:grid;align-content:start;gap:13px;min-width:0;padding:20px;background-image:linear-gradient( rgba(86,172,175,0.06) 1px,transparent 1px ),linear-gradient(90deg,rgba(86,172,175,0.06) 1px,transparent 1px);background-size:28px 28px;}
.lm-question{justify-self:end;max-width:82%;margin:0;padding:12px 14px;border:1px solid #317274;border-radius:8px 8px 2px;background:#2a2d35;color:#dbefee;}
.lm-question span,.lm-question b{display:block;}
.lm-question span{margin-bottom:5px;color:#66dacc;font-size:8px;}
.lm-question b{font-size:11px;}
.lm-source-row{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 0 14px;}
.lm-source-row::after{position:absolute;right:10%;bottom:5px;left:10%;height:1px;background:linear-gradient(90deg,#29baaf,#4fe1e6);content:"";}
.lm-source-row>span{display:flex;min-width:0;align-items:center;gap:5px;padding:7px;border:1px solid #296668;border-radius:5px;color:#91bdbf;background:#24272e;font-size:8px;opacity:0.45;animation:lmSource 7.2s ease-in-out infinite;animation-delay:calc(var(--i) * 0.65s);}
.lm-source-row img{width:23px;height:23px;object-fit:contain;}
.lm-analysis-status{display:grid;gap:7px;margin:0;padding:0;list-style:none;}
.lm-analysis-status li{padding:7px 10px;border-left:2px solid #427577;color:#8eb7b8;background:rgba(39,41,49,0.8);font-size:9px;animation:lmStatus 7.2s ease-in-out infinite;animation-delay:calc(2.6s + var(--i) * 0.65s);}
.lm-answer{padding:12px 14px;border:1px solid rgba(83,225,230,0.4);border-left:3px solid #5ee3e8;border-radius:5px;background:#2c2f38;color:#d9efee;opacity:0.5;animation:lmConclusion 7.2s ease-in-out infinite;}
.lm-answer span{color:#a0e3e1;font-size:8px;}
.lm-answer p{margin:5px 0 0;font-size:10px;line-height:1.6;}
.lm-pain{background:#fff;}
.lm-pain-layout{display:grid;grid-template-columns:minmax(300px,0.82fr) minmax(0,1.18fr);grid-template-rows:repeat(4,auto);gap:0 38px;}
.lm-pain-item{display:contents;}
.lm-pain-tab{grid-column:1;display:grid;grid-template-columns:34px 1fr;align-items:center;width:100%;min-height:72px;padding:15px 18px;border:0;border-bottom:1px solid #dcf0ef;color:#7a8d9e;background:transparent;text-align:left;cursor:pointer;transition:0.24s;}
.lm-pain-tab span{color:#9aacba;font-size:10px;}
.lm-pain-tab b{font-size:15px;line-height:1.55;}
.lm-pain-tab:not(.is-active){opacity:0.62;}
.lm-pain-tab:hover,.lm-pain-tab:focus-visible,.lm-pain-tab.is-active{color:var(--blue);background:#f2fbfb;opacity:1;}
.lm-pain-tab.is-active{box-shadow:inset 3px 0 var(--blue);}
.lm-pain-panel{grid-column:2;grid-row:1/5;min-height:372px;overflow:hidden;border:1px solid var(--lm-panel-line);border-radius:12px;color:#cfebea;background:var(--lm-dark);box-shadow:0 24px 54px rgba(55,59,71,0.14);animation:panelIn 0.36s ease both;}
.lm-pain-panel[hidden]{display:none;}
.lm-pain-panel>p{margin:0 24px 24px;color:#8fb9ba;font-size:11px;line-height:1.7;}
.lm-panel-head{height:50px;padding:0 20px;border-bottom:1px solid var(--lm-panel-line);background:#24262d;}
.lm-panel-head b{font-size:12px;}
.lm-panel-head span{color:#78a8aa;font-size:9px;}
.lm-alert-list{display:grid;gap:10px;padding:34px 28px 24px;}
.lm-alert-list span{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid #286769;border-left:3px solid #3fbfb3;border-radius:4px;background:#272931;font-size:10px;}
.lm-alert-list span:nth-child(2){border-left-color:var(--orange);}
.lm-alert-list i{color:#79b4b6;font-size:8px;font-style:normal;}
.lm-mini-sources{position:relative;display:grid;height:280px;grid-template-columns:repeat(5,1fr);align-content:start;gap:8px;padding:55px 24px;}
.lm-mini-sources span{position:relative;z-index:2;padding:12px 5px;border:1px solid #317375;border-radius:5px;background:#282b34;color:#9bc5c6;font-size:9px;text-align:center;}
.lm-mini-sources i{position:absolute;top:129px;right:12%;left:12%;height:2px;background:linear-gradient(90deg,#32c8ba,#54e2e7);}
.lm-mini-sources i::after{position:absolute;top:-4px;left:0;width:9px;height:9px;border-radius:50%;background:#41d8c9;box-shadow:0 0 9px #41d8c9;content:"";animation:lmWideTravel 7.2s linear infinite;}
.lm-mini-sources strong{position:absolute;right:30%;bottom:50px;left:30%;padding:14px;border:1px solid #3a9a9d;border-radius:6px;color:#d3eeed;background:#2e313b;font-size:11px;text-align:center;}
.lm-mini-topology{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr;align-items:center;gap:7px;padding:95px 30px 80px;}
.lm-mini-topology span{position:relative;display:grid;min-height:54px;place-items:center;padding:8px;border:1px solid #377b7d;border-radius:6px;color:#a9cfd0;background:#292c34;font-size:9px;text-align:center;}
.lm-mini-topology span.warning{border-color:var(--orange);color:#ffc18b;}
.lm-mini-topology i{height:2px;background:#35a9b8;}
.lm-mini-topology i.warning{background:var(--orange);animation:lmAlert 7.2s ease-in-out infinite;}
.lm-conclusion-card{margin:54px 40px;padding:24px;border:1px solid #347678;border-left:3px solid #63e4e9;border-radius:7px;background:#282b34;}
.lm-conclusion-card small,.lm-conclusion-card strong{display:block;}
.lm-conclusion-card small{color:#81e9ed;}
.lm-conclusion-card strong{margin:12px 0;color:#edf8f8;}
.lm-conclusion-card p{margin:0;color:#9dc3c4;font-size:11px;line-height:1.75;}
.lm-workflow{background:linear-gradient(180deg,#f4fcfc,#fff);}
.lm-flow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0;padding:0;list-style:none;}
.lm-flow::before{position:absolute;top:45px;right:8%;left:8%;height:2px;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--violet));content:"";}
.lm-flow::after{position:absolute;top:41px;left:8%;width:10px;height:10px;border-radius:50%;background:#43d4c6;box-shadow:0 0 9px rgba(67,212,198,0.7);content:"";animation:lmFlow 7.2s linear infinite;}
.lm-flow li{position:relative;z-index:2;min-height:220px;padding:24px 22px;border:1px solid #d9efee;border-radius:10px;background:rgba(255,255,255,0.95);box-shadow:0 14px 34px rgba(56,60,72,0.06);animation:lmStep 7.2s ease-in-out infinite;animation-delay:calc(var(--i) * 1.55s);}
.lm-flow li>span{display:grid;width:42px;height:42px;place-items:center;border:1px solid #80c7c9;border-radius:50%;color:var(--blue);background:#fff;font-size:10px;}
.lm-flow h3{margin:48px 0 9px;color:#323640;font-size:18px;}
.lm-flow p{margin:0;color:var(--muted);font-size:12px;line-height:1.75;}
.lm-core{color:#fff;background:linear-gradient(140deg,#202229,#292c34);}
.lm-core .section-heading h2{color:#fff;}
.lm-core .section-heading>p:last-child{color:#a9cfd0;}
.lm-explorer{display:grid;grid-template-columns:255px minmax(0,1fr);overflow:hidden;border:1px solid var(--lm-panel-line);border-radius:12px;background:var(--lm-dark);box-shadow:0 24px 56px rgba(17,18,21,0.22);}
.lm-cap-nav{display:grid;align-content:start;gap:7px;padding:13px;border-right:1px solid var(--lm-panel-line);background:#21242b;}
.lm-cap-nav button{min-height:58px;padding:0 16px;border:0;border-radius:6px;color:#8eb9ba;background:transparent;text-align:left;cursor:pointer;transition:0.22s;}
.lm-cap-nav button:hover,.lm-cap-nav button:focus-visible,.lm-cap-nav button.is-active{color:#55d7c9;background:#2f323b;transform:translateX(2px);}
.lm-cap-nav button.is-active{box-shadow:inset 3px 0 #4bd4c6;}
.lm-cap-screen{position:relative;min-height:500px;overflow:hidden;background-image:linear-gradient( rgba(79,171,174,0.07) 1px,transparent 1px ),linear-gradient(90deg,rgba(79,171,174,0.07) 1px,transparent 1px);background-size:29px 29px;}
.lm-cap-screen.is-changing{animation:featureIn 0.34s ease both;}
.lm-screen-query{position:absolute;top:75px;right:28px;left:28px;padding:13px 15px;border:1px solid #307173;border-radius:6px;background:#272a32;}
.lm-screen-query small,.lm-screen-query strong{display:block;}
.lm-screen-query small{margin-bottom:6px;color:#50d4c6;font-size:8px;}
.lm-screen-query strong{color:#dcefee;font-size:11px;}
.lm-topology-view{position:absolute;top:190px;right:35px;left:35px;display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr 28px 1fr;align-items:center;gap:5px;}
.lm-topology-view span{position:relative;z-index:2;display:grid;min-height:55px;place-items:center;padding:6px;border:1px solid #387c7e;border-radius:6px;color:#a7cdce;background:#292c34;font-size:9px;}
.lm-topology-view span::after{position:absolute;bottom:calc(100% + 8px);left:50%;z-index:5;width:130px;padding:7px;border:1px solid #3b7779;border-radius:4px;color:#d8efee;background:#1b1d23;font-size:8px;line-height:1.45;content:attr(data-tip);opacity:0;pointer-events:none;transform:translate(-50%,5px);transition:0.2s;}
.lm-topology-view span:hover::after,.lm-topology-view span:focus-visible::after{opacity:1;transform:translate(-50%,0);}
.lm-topology-view span.warning{border-color:var(--orange);color:#ffc18c;}
.lm-topology-view i{height:2px;background:#32a9b7;}
.lm-topology-view i.warning{background:var(--orange);animation:lmAlert 7.2s ease-in-out infinite;}
.lm-topology-view b{position:absolute;top:24px;left:10%;width:8px;height:8px;border-radius:50%;background:#3ed7c7;box-shadow:0 0 8px #3ed7c7;animation:lmCapTravel 7.2s linear infinite;}
.lm-structured-answer{position:absolute;right:28px;bottom:25px;left:28px;padding:15px;border:1px solid #327678;border-left:3px solid #5ae3e8;border-radius:5px;background:#282b34;}
.lm-structured-answer small{color:#8cebee;font-size:8px;}
.lm-structured-answer p{margin:7px 0 0;color:#a9cecf;font-size:10px;line-height:1.65;}
.lm-cap-screen[data-mode="alarm"] .lm-topology-view span:nth-of-type(2),.lm-cap-screen[data-mode="inspect"] .lm-topology-view span:nth-of-type(4){border-color:var(--orange);color:#ffc18c;}
.lm-cap-screen[data-mode="topology"] .lm-topology-view span:nth-of-type(2){transform:translateY(-26px);}
.lm-cap-screen[data-mode="topology"] .lm-topology-view span:nth-of-type(4){transform:translateY(26px);}
.lm-cap-screen[data-mode="locate"] .lm-topology-view i:nth-of-type(3){background:var(--orange);}
.lm-report{background:#f4fcfc;}
.lm-report-sheet{display:grid;grid-template-columns:280px minmax(0,1fr);overflow:hidden;border:1px solid #d5edec;border-radius:12px;background:#fff;box-shadow:0 24px 58px rgba(56,60,72,0.1);}
.lm-report-sheet aside{display:flex;align-items:flex-start;flex-direction:column;padding:34px;color:#dcf1f0;background:linear-gradient(155deg,#2a2d36,#31343e);}
.lm-report-sheet aside img{width:150px;height:135px;margin:0 auto 30px;object-fit:contain;}
.lm-report-sheet aside p{margin:auto 0 8px;color:#5bd6ca;font-size:10px;letter-spacing:0.12em;}
.lm-report-sheet aside strong{font-size:18px;line-height:1.5;}
.lm-report-sheet aside span{margin-top:12px;color:#9ec4c5;font-size:10px;line-height:1.7;}
.lm-report-content{padding:30px 36px;}
.lm-report-question{display:flex;align-items:center;gap:22px;padding:17px 19px;border-left:3px solid var(--blue);background:#f1fbfb;}
.lm-report-question small{color:var(--blue);}
.lm-report-question strong{color:#3a3e4a;}
.lm-report-content dl{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:22px 0 0;}
.lm-report-content dl>div{padding:17px 18px;border-bottom:1px solid #e2f1f1;}
.lm-report-content dt{margin-bottom:7px;color:#316e70;font-size:11px;font-weight:700;}
.lm-report-content dd{margin:0;color:#687f92;font-size:11px;line-height:1.65;}
.lm-report-content .emphasis{border-left:2px solid var(--orange);background:#fff8f0;}
.lm-scenes{background:#fff;}
.lm-scene-tabs{display:flex;overflow-x:auto;border-bottom:1px solid #dbefee;scrollbar-width:none;}
.lm-scene-tabs button{flex:1;min-width:200px;padding:17px 12px;border:0;border-bottom:3px solid transparent;color:#71879a;background:transparent;cursor:pointer;}
.lm-scene-tabs button span{margin-right:8px;color:#a0afbc;font-size:9px;}
.lm-scene-tabs button:hover,.lm-scene-tabs button:focus-visible,.lm-scene-tabs button.is-active{border-color:var(--blue);color:var(--blue);background:#f6fdfc;}
.lm-scene-stage{display:grid;grid-template-columns:0.8fr 1.2fr;min-height:380px;margin-top:28px;overflow:hidden;border:1px solid #d9efee;border-radius:12px;box-shadow:0 18px 45px rgba(56,60,71,0.09);}
.lm-scene-stage.is-changing{animation:featureIn 0.34s ease both;}
.lm-scene-copy{display:grid;align-content:center;gap:21px;padding:36px;background:#f8fdfd;}
.lm-scene-copy p{margin:0;}
.lm-scene-copy span,.lm-scene-copy b{display:block;}
.lm-scene-copy span{margin-bottom:7px;color:var(--blue);font-size:9px;font-weight:700;}
.lm-scene-copy b{color:#3f7173;font-size:12px;font-weight:500;line-height:1.7;}
.lm-scene-visual{display:grid;align-content:center;padding:28px;color:#cdeae9;background:var(--lm-dark);}
.lm-scene-visual .lm-mini-topology{padding:30px 0;}
.lm-scene-visual ol{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0 0;padding:0;list-style:none;counter-reset:scene;}
.lm-scene-visual li{padding:11px 7px;border:1px solid #2e6b6d;border-radius:4px;color:#83b1b3;background:#25272f;font-size:8px;text-align:center;}
.lm-scene-visual li::before{display:block;margin-bottom:4px;color:#4ad5c7;counter-increment:scene;content:"0" counter(scene);}
@keyframes lmBreath{50%{opacity:0.45;box-shadow:0 0 8px #3bd0be;}
}
@keyframes lmSource{0%,12%,100%{opacity:0.45;}
20%,55%{opacity:1;border-color:#3da2a5;}
}
@keyframes lmStatus{0%,28%,100%{opacity:0.45;border-color:#427577;}
38%,62%{opacity:1;border-color:#47cec0;}
}
@keyframes lmConclusion{0%,58%,100%{opacity:0.45;transform:translateY(4px);}
70%,92%{opacity:1;transform:none;}
}
@keyframes lmWideTravel{0%{left:10%;opacity:0;}
12%,88%{opacity:1;}
100%{left:90%;opacity:0;}
}
@keyframes lmAlert{50%{opacity:0.35;}
}
@keyframes lmFlow{0%{left:8%;opacity:0;}
12%,88%{opacity:1;}
100%{left:calc(92% - 10px);opacity:0;}
}
@keyframes lmStep{0%,18%,100%{border-color:#d9efee;}
8%,13%{border-color:#56c8c2;box-shadow:0 16px 36px rgba(38,151,160,0.14);}
}
@keyframes lmCapTravel{0%{left:10%;opacity:0;}
12%,88%{opacity:1;}
100%{left:90%;opacity:0;}
}
@media (max-width:1100px){.lm-hero .detail-hero-inner{grid-template-columns:0.76fr 1.24fr;gap:28px;}
.lm-chat-stage{grid-template-columns:82px minmax(0,1fr);}
.lm-brand-rail{padding-inline:7px;}
.lm-explorer{grid-template-columns:220px minmax(0,1fr);}
}
@media (max-width:768px){.lm-hero{padding-top:100px;}
.lm-hero .detail-hero-inner{grid-template-columns:1fr;min-height:auto;padding:32px 0 38px;}
.lm-pain-layout{display:block;}
.lm-pain-item{display:block;border-bottom:1px solid #dcf0ef;}
.lm-pain-tab{display:grid;border:0;}
.lm-pain-panel{min-height:330px;margin:0 0 15px;border-radius:8px;}
.lm-flow{grid-template-columns:1fr;gap:13px;}
.lm-flow::before{top:31px;bottom:31px;left:39px;width:2px;height:auto;}
.lm-flow::after{top:31px;left:35px;animation:lmFlowVertical 7.2s linear infinite;}
.lm-flow li{min-height:auto;padding:21px 20px 21px 76px;}
.lm-flow li>span{position:absolute;top:20px;left:18px;}
.lm-flow h3{margin:0 0 7px;}
.lm-explorer{grid-template-columns:1fr;}
.lm-cap-nav{grid-template-columns:repeat(2,1fr);border-right:0;border-bottom:1px solid var(--lm-panel-line);}
.lm-cap-nav button{min-height:48px;}
.lm-cap-screen{min-height:460px;}
.lm-report-sheet{grid-template-columns:1fr;}
.lm-report-sheet aside{display:grid;grid-template-columns:100px 1fr;gap:5px 20px;}
.lm-report-sheet aside img{grid-row:1/4;width:90px;height:90px;margin:0;}
.lm-report-sheet aside p{margin:0;}
.lm-report-sheet aside span{margin-top:5px;}
.lm-scene-stage{grid-template-columns:1fr;}
.lm-scene-visual{min-height:300px;}
.lm-scene-tabs button{min-width:180px;}
}
@media (max-width:520px){.lingmou-page .shell{width:calc(100% - 32px);}
.lm-hero h1{font-size:clamp(30px,9vw,36px);}
.lm-chat-stage{grid-template-columns:1fr;min-height:445px;}
.lm-brand-rail{display:none;}
.lm-conversation{padding:15px;}
.lm-source-row{grid-template-columns:repeat(2,1fr);}
.lm-pain-tab{grid-template-columns:30px 1fr;padding:14px 10px;}
.lm-pain-panel{min-height:310px;}
.lm-mini-sources{grid-template-columns:repeat(3,1fr);height:250px;padding:40px 14px;}
.lm-mini-sources i{top:124px;}
.lm-mini-sources strong{right:20%;bottom:34px;left:20%;}
.lm-mini-topology{grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr;padding:88px 14px 70px;}
.lm-conclusion-card{margin:40px 20px;}
.lm-cap-nav{padding:8px;}
.lm-cap-nav button{padding:0 10px;font-size:11px;}
.lm-cap-screen{min-height:500px;}
.lm-screen-query{right:16px;left:16px;}
.lm-topology-view{top:205px;right:13px;left:13px;grid-template-columns:1fr 12px 1fr 12px 1fr 12px 1fr 12px 1fr;}
.lm-topology-view span{font-size:8px;}
.lm-structured-answer{right:16px;left:16px;}
.lm-report-sheet aside{grid-template-columns:75px 1fr;padding:25px;}
.lm-report-sheet aside img{width:70px;height:70px;}
.lm-report-content{padding:22px 18px;}
.lm-report-question{align-items:flex-start;flex-direction:column;gap:6px;}
.lm-report-content dl{grid-template-columns:1fr;}
.lm-scene-copy{padding:25px;}
.lm-scene-visual{padding:16px;}
.lm-scene-visual .lm-mini-topology{padding:20px 0;}
.lm-scene-visual ol{grid-template-columns:repeat(2,1fr);}
}
@keyframes lmFlowVertical{0%{top:31px;opacity:0;}
12%,88%{opacity:1;}
100%{top:calc(100% - 41px);opacity:0;}
}
@media (prefers-reduced-motion:reduce){.lingmou-page *{animation-duration:0.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;}
.lingmou-page [data-reveal]{opacity:1;transform:none;}
}
.lingmou-page .lm-topology-view span{animation:lmNode 7.2s ease-in-out infinite;}
.lingmou-page .lm-topology-view span:nth-of-type(2){animation-delay:0.55s;}
.lingmou-page .lm-topology-view span:nth-of-type(3){animation-delay:1.1s;}
.lingmou-page .lm-topology-view span:nth-of-type(4){animation-delay:1.65s;}
.lingmou-page .lm-topology-view span:nth-of-type(5){animation-delay:2.2s;}
@keyframes lmNode{0%,12%,100%{border-color:#387c7e;}
18%,38%{border-color:#4ed4c7;box-shadow:0 0 0 5px rgba(78,212,199,0.08);}
}
.lm-mode-board{position:absolute;top:180px;right:35px;left:35px;display:none;gap:9px;}
.lm-mode-board span{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid #317173;border-left:3px solid #42c8bb;border-radius:5px;color:#bfdcdb;background:#272a32;font-size:10px;}
.lm-mode-board span:nth-child(2){border-left-color:var(--orange);}
.lm-mode-board i{color:#7fabad;font-size:8px;font-style:normal;}
.lm-cap-screen[data-mode="alarm"] .lm-topology-view,.lm-cap-screen[data-mode="inspect"] .lm-topology-view{display:none;}
.lm-cap-screen[data-mode="alarm"] .lm-alarm-board,.lm-cap-screen[data-mode="inspect"] .lm-inspect-board{display:grid;}
.lm-cap-screen[data-mode="inspect"] .lm-inspect-board span:nth-child(2){border-left-color:#42c8bb;}
.lm-cap-screen[data-mode="inspect"] .lm-inspect-board span:nth-child(3){border-left-color:var(--orange);}
@media (max-width:520px){.lm-mode-board{top:195px;right:16px;left:16px;}
}
/*灵眸：以 NPM 数据底座、主动拨测与 AI 分析组织七项核心能力。*/ .lm-cap-story{overflow:hidden;border:1px solid #d4eceb;border-radius:var(--detail-radius);background:#fff;box-shadow:var(--detail-shadow);}
.lm-story-incident{padding:24px 28px;border-bottom:1px solid #d8efee;background:linear-gradient(105deg,#f9fdfd,#edf9f8);}
.lm-data-foundation{display:grid;grid-template-columns:minmax(250px,1.35fr) minmax(150px,0.8fr) 24px minmax(150px,0.8fr) 32px minmax(210px,1fr);align-items:stretch;gap:12px;}
.lm-foundation-intro{align-self:center;padding-right:8px;}
.lm-foundation-intro>span,.lm-foundation-intro>strong{display:block;}
.lm-foundation-intro>span{margin-bottom:5px;color:#159e99;font-size:11px;font-weight:750;letter-spacing:0.12em;}
.lm-foundation-intro>strong{color:#252933;font-size:19px;line-height:1.4;}
.lm-foundation-intro>p{margin:8px 0 0;color:#60758a;font-size:12px;line-height:1.65;}
.lm-foundation-source,.lm-foundation-ai{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:15px 14px;border:1px solid #cde6e4;border-radius:7px;background:rgba(255,255,255,0.82);}
.lm-foundation-source.is-primary{border-color:#73ccc6;box-shadow:inset 3px 0 #28b9ae;}
.lm-foundation-source small,.lm-foundation-ai small{color:#6c9698;font-size:9px;letter-spacing:0.06em;}
.lm-foundation-source b,.lm-foundation-ai b{margin:4px 0;color:#286f71;font-size:14px;line-height:1.35;}
.lm-foundation-source p,.lm-foundation-ai p{margin:0;color:#6b7f91;font-size:10px;line-height:1.55;}
.lm-foundation-ai{border-color:#5acbc2;background:#e3f7f4;box-shadow:0 8px 20px rgba(27,133,127,0.1);}
.lm-foundation-ai b{color:#174f54;}
.lm-foundation-ai b span{color:#0da79e;}
.lm-foundation-plus,.lm-foundation-arrow{align-self:center;color:#38a9a4;font-size:20px;font-style:normal;font-weight:700;text-align:center;}
.lm-foundation-arrow{color:#e28a43;}
.lm-story-step-wrap{position:relative;padding:20px 18px 16px;background:#252830;}
.lm-story-steps{position:relative;display:grid;grid-template-columns:repeat(7,minmax(132px,1fr));gap:7px;overflow-x:auto;padding:0 0 4px;scrollbar-color:#4b7778 transparent;}
.lm-story-steps button{position:relative;min-height:72px;padding:12px 10px 10px;border:1px solid transparent;border-top:2px solid #3c6f70;border-radius:5px;color:#8fb6b7;background:#2c3038;text-align:left;cursor:pointer;transition:border-color 0.2s,background 0.2s,transform 0.2s;}
.lm-story-steps button span,.lm-story-steps button b{display:block;}
.lm-story-steps button span{margin-bottom:5px;color:#71999b;font-size:10px;letter-spacing:0.08em;}
.lm-story-steps button b{color:#bdd8d8;font-size:12px;font-weight:650;line-height:1.4;}
.lm-story-steps button:hover,.lm-story-steps button:focus-visible{border-color:#3c8584;background:#31363e;}
.lm-story-steps button.is-active{border-color:#37cabe;background:#303b40;transform:translateY(-2px);}
.lm-story-steps button.is-active span{color:#62dfd3;}
.lm-story-steps button.is-active b{color:#efffff;}
.lm-cap-stage{position:relative;color:#d3e8e8;background-color:#1f2229;background-image:linear-gradient( rgba(79,171,174,0.055) 1px,transparent 1px ),linear-gradient(90deg,rgba(79,171,174,0.055) 1px,transparent 1px);background-size:30px 30px;}
.lm-cap-stage.is-changing .lm-stage-analysis{animation:lmStoryIn 0.4s ease both;}
.lm-cap-stage-body{display:grid;min-height:390px;grid-template-columns:minmax(260px,0.38fr) minmax(0,0.62fr);}
.lm-stage-context{padding:34px 30px;border-right:1px solid #30484b;background:rgba(35,38,46,0.9);}
.lm-stage-context>p{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 24px;}
.lm-stage-context>p span{color:#65ded3;font-size:11px;font-weight:700;letter-spacing:0.08em;}
.lm-stage-context>p small{color:#799fa1;font-size:10px;}
.lm-stage-context h3{margin:0;color:#f0ffff;font-size:22px;line-height:1.35;}
.lm-stage-context blockquote{min-height:88px;margin:20px 0 25px;padding:15px 16px;border:1px solid #376c6d;border-left:3px solid #40cfc3;border-radius:6px;color:#bdd9d9;background:#292d35;font-size:13px;line-height:1.7;}
.lm-stage-evidence>small{color:#789fa1;font-size:10px;}
.lm-stage-evidence ul{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 0;padding:0;list-style:none;}
.lm-stage-evidence li{padding:7px 9px;border:1px solid #385e61;border-radius:4px;color:#a8cecf;background:#262a31;font-size:11px;}
.lm-stage-analysis{position:relative;display:grid;align-content:center;gap:30px;padding:34px 28px;overflow:hidden;}
.lm-ai-orbit{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:18px;max-width:440px;margin:0 auto;color:#c6e5e4;}
.lm-ai-orbit>span{position:relative;z-index:2;display:grid;width:58px;height:58px;place-items:center;border:1px solid #51d7cc;border-radius:50%;color:#7af0e4;background:radial-gradient(circle,#24494b,#22262d);font-size:14px;font-weight:800;box-shadow:0 0 0 10px rgba(65,206,196,0.08);}
.lm-ai-orbit>i{position:absolute;width:58px;height:58px;border:1px dashed #3aaea8;border-radius:50%;animation:lmOrbit 4s linear infinite;}
.lm-ai-orbit p{margin:0;padding:10px 14px;border-left:2px solid #3bc9bd;background:rgba(45,51,59,0.86);}
.lm-ai-orbit small,.lm-ai-orbit b{display:block;}
.lm-ai-orbit small{margin-bottom:4px;color:#709b9d;font-size:10px;}
.lm-ai-orbit b{font-size:12px;font-weight:600;line-height:1.55;}
.lm-business-path{position:relative;display:grid;grid-template-columns:repeat(6,minmax(54px,1fr));align-items:center;gap:18px;padding:0 2px;}
.lm-business-path::before{position:absolute;right:5%;left:5%;height:2px;background:#316c6f;content:"";}
.lm-business-path span{position:relative;z-index:2;display:grid;min-height:54px;place-items:center;padding:6px;border:1px solid #3b7779;border-radius:6px;color:#91b9ba;background:#292d35;font-size:11px;text-align:center;transition:0.25s;}
.lm-business-path>i{display:none;}
.lm-business-path span.is-focus{border-color:#f3a45f;color:#ffd1a8;background:#3a312d;box-shadow:0 0 0 6px rgba(245,158,66,0.1);}
.lm-business-path>b{position:absolute;z-index:3;left:4%;width:8px;height:8px;border-radius:50%;background:#51ded3;box-shadow:0 0 10px #51ded3;animation:lmStoryTravel 3.2s linear infinite;}
.lm-signal-board{display:grid;grid-template-columns:1fr 15px 1fr 15px 1fr;align-items:stretch;gap:7px;}
.lm-signal-board>span{padding:11px 12px;border:1px solid #315f61;border-radius:5px;background:#272b33;}
.lm-signal-board>span.is-result{border-color:#7c644c;background:#332e2b;}
.lm-signal-board small,.lm-signal-board b{display:block;}
.lm-signal-board small{margin-bottom:5px;color:#6f9b9d;font-size:10px;}
.lm-signal-board b{color:#b9d6d6;font-size:11px;line-height:1.55;}
.lm-signal-board>i{align-self:center;color:#4fcfc4;font-size:11px;font-style:normal;text-align:center;}
.lm-stage-result{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 28px;border-top:1px solid #315052;background:#272b33;}
.lm-stage-result div{min-width:0;}
.lm-stage-result small{color:#65ded3;font-size:10px;}
.lm-stage-result p{margin:5px 0 0;color:#b9d5d5;font-size:12px;line-height:1.7;}
.lm-stage-result button{flex:0 0 auto;padding:9px 13px;border:1px solid #3d7b7b;border-radius:5px;color:#83dcd5;background:#252930;font-size:11px;cursor:pointer;}
.lm-stage-result button:hover,.lm-stage-result button:focus-visible{border-color:#62dcd3;color:#eaffff;}
.lm-stage-note{margin:0;padding:9px 28px;color:#7fa2a4;background:#20232a;font-size:10px;text-align:right;}
@keyframes lmOrbit{to{transform:rotate(360deg);}
}
@keyframes lmStoryTravel{0%{left:4%;opacity:0;}
12%,88%{opacity:1;}
100%{left:95%;opacity:0;}
}
@keyframes lmStoryIn{from{opacity:0.42;transform:translateY(5px);}
to{opacity:1;transform:none;}
}
@media (max-width:1024px){.lm-data-foundation{grid-template-columns:1fr 1fr 24px 1fr 32px 1.2fr;}
.lm-foundation-intro{grid-column:1/-1;padding-right:0;}
.lm-story-steps{grid-template-columns:repeat(7,152px);}
.lm-cap-stage-body{grid-template-columns:minmax(240px,0.4fr) minmax(0,0.6fr);}
.lm-business-path{gap:8px;}
.lm-signal-board{grid-template-columns:1fr 1fr 1fr;}
.lm-signal-board>i{display:none;}
}
@media (max-width:768px){.lm-data-foundation{grid-template-columns:1fr 24px 1fr;}
.lm-foundation-intro{grid-column:1/-1;}
.lm-foundation-arrow{grid-column:1/-1;transform:rotate(90deg);}
.lm-foundation-ai{grid-column:1/-1;}
.lm-story-incident{padding:22px;}
.lm-story-step-wrap{padding-inline:12px;}
.lm-cap-stage-body{grid-template-columns:1fr;}
.lm-stage-context{padding:26px 22px;border-right:0;border-bottom:1px solid #30484b;}
.lm-stage-context blockquote{min-height:auto;}
.lm-stage-analysis{min-height:350px;padding:30px 22px;}
.lm-stage-result{align-items:flex-start;flex-direction:column;padding:18px 22px;}
.lm-stage-note{padding-inline:22px;text-align:left;}
}
@media (max-width:520px){.lm-data-foundation{grid-template-columns:1fr;gap:9px;}
.lm-foundation-plus,.lm-foundation-arrow{grid-column:auto;transform:none;}
.lm-foundation-source,.lm-foundation-ai{min-height:88px;}
.lm-foundation-plus::after{content:" 主动补充";font-size:10px;font-weight:600;vertical-align:middle;}
.lm-foundation-arrow{transform:rotate(90deg);}
.lm-story-steps{grid-template-columns:repeat(7,138px);}
.lm-stage-context>p{align-items:flex-start;flex-direction:column;}
.lm-stage-context h3{font-size:19px;}
.lm-stage-analysis{min-height:480px;gap:25px;}
.lm-business-path{grid-template-columns:1fr 20px 1fr;gap:10px;}
.lm-business-path::before{top:8%;bottom:8%;left:50%;width:2px;height:auto;}
.lm-business-path span{min-height:48px;}
.lm-business-path span:nth-of-type(even){grid-column:3;}
.lm-business-path span:nth-of-type(odd){grid-column:1;}
.lm-business-path span:nth-of-type(2){grid-row:2;}
.lm-business-path span:nth-of-type(3){grid-row:3;}
.lm-business-path span:nth-of-type(4){grid-row:4;}
.lm-business-path span:nth-of-type(5){grid-row:5;}
.lm-business-path span:nth-of-type(6){grid-row:6;}
.lm-business-path>b{top:4%;left:calc(50% - 3px);animation:lmStoryTravelVertical 3.2s linear infinite;}
.lm-signal-board{grid-template-columns:1fr;}
.lm-ai-orbit{grid-template-columns:52px 1fr;}
.lm-ai-orbit>span,.lm-ai-orbit>i{width:52px;height:52px;}
.lm-stage-result button{width:100%;}
}
@keyframes lmStoryTravelVertical{0%{top:4%;opacity:0;}
12%,88%{opacity:1;}
100%{top:94%;opacity:0;}
}
/*四个产品详情页统一复用首页的视觉令牌与内容节奏。*/ .product-detail-page{--brand-navy:#282b34;--brand-teal:#27b8b2;--brand-blue:#4ce0e5;--brand-cyan:#58d8d1;--brand-orange:#f59e42;--brand-surface:#f1fafa;--navy:var(--brand-navy);--blue:#36dce2;--cyan:var(--brand-teal);--orange:var(--brand-orange);--ink:#1d1f25;--muted:#60708a;--soft:var(--brand-surface);--line:#dcf1f0;--detail-radius:18px;--detail-shadow:0 24px 60px rgba(52,55,66,0.12);color:var(--ink);background:#fff;font-family:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;line-height:1.6;}
.product-detail-page main{background:#fff;}
.product-detail-page .shell{width:min(1180px,calc(100% - 48px));}
.product-detail-page .detail-hero{background:radial-gradient( circle at 82% 22%,rgba(39,184,178,0.12),transparent 29% ),radial-gradient( circle at 70% 54%,rgba(76,224,229,0.09),transparent 34% ),linear-gradient(118deg,#fff 0%,#f7fbfb 48%,var(--brand-surface) 100%);}
.product-detail-page .detail-hero::before{background-image:linear-gradient( rgba(39,184,178,0.045) 1px,transparent 1px ),linear-gradient(90deg,rgba(76,224,229,0.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,#000);}
.product-detail-page .detail-hero-inner{min-height:590px;grid-template-columns:minmax(0,0.88fr) minmax(500px,1.12fr);gap:52px;padding:46px 0 54px;}
.product-detail-page .detail-hero h1,.product-detail-page .section-heading h2,.product-detail-page .split-heading h2{color:var(--brand-navy);font-weight:760;letter-spacing:-0.035em;}
.product-detail-page .detail-hero h1{font-size:clamp(42px,4vw,58px);line-height:1.16;}
.product-detail-page .hero-lead{color:#316668;}
.product-detail-page .hero-copy{color:var(--muted);font-size:15px;line-height:1.85;}
.product-detail-page .eyebrow{display:flex;align-items:center;gap:9px;color:var(--brand-teal);font-size:13px;letter-spacing:0.15em;}
.product-detail-page .eyebrow::before{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--brand-teal);box-shadow:0 0 0 4px rgba(39,184,178,0.1);content:"";}
.product-detail-page .button{min-height:48px;border-radius:8px;font-weight:700;transition:background 0.2s,border-color 0.2s,box-shadow 0.2s,transform 0.2s;}
.product-detail-page .button-primary{color:#fff;background:linear-gradient(105deg,var(--brand-teal),var(--brand-blue));box-shadow:0 12px 28px rgba(39,184,178,0.24),0 5px 14px rgba(76,224,229,0.14);}
.product-detail-page .button-primary:hover,.product-detail-page .button-primary:focus-visible{background:linear-gradient(105deg,#20aaa4,#35dce2);box-shadow:0 18px 38px rgba(39,184,178,0.28);transform:translateY(-2px);}
.product-detail-page .button-secondary{border-color:var(--brand-teal);color:var(--brand-navy);background:rgba(255,255,255,0.82);box-shadow:0 8px 20px rgba(40,43,52,0.05);}
.product-detail-page .button-secondary:hover,.product-detail-page .button-secondary:focus-visible{border-color:#158f8a;background:#effaf9;transform:translateY(-2px);}
.product-detail-page .detail-hero .button-primary{color:#fff;background:linear-gradient(105deg,var(--brand-teal),var(--brand-blue));box-shadow:0 12px 28px rgba(39,184,178,0.24),0 5px 14px rgba(76,224,229,0.14);}
.product-detail-page .detail-hero .button-secondary{border-color:var(--brand-teal);color:var(--brand-navy);background:rgba(255,255,255,0.82);box-shadow:0 8px 20px rgba(40,43,52,0.05);backdrop-filter:none;}
.product-detail-page .anchor-nav{top:106px;border-color:rgba(39,184,178,0.18);background:rgba(255,255,255,0.94);box-shadow:0 8px 24px rgba(37,39,47,0.05);}
.product-detail-page .anchor-nav .shell{justify-content:center;}
.product-detail-page .anchor-nav a{position:relative;min-height:52px;padding:15px 22px;color:#527c7d;font-size:13px;font-weight:650;}
.product-detail-page .anchor-nav a::after{position:absolute;right:22px;bottom:0;left:22px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--brand-teal),var(--brand-blue));content:"";opacity:0;transform:scaleX(0.35);transition:opacity 0.2s,transform 0.2s;}
.product-detail-page .anchor-nav a:hover,.product-detail-page .anchor-nav a.is-active{color:var(--brand-navy);background:transparent;}
.product-detail-page .anchor-nav a:hover::after,.product-detail-page .anchor-nav a.is-active::after{opacity:1;transform:scaleX(1);}
.traffic-page .anchor-nav a{display:inline-flex;align-items:center;gap:8px;}
.traffic-page .anchor-nav a::before{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--brand-teal);box-shadow:0 0 0 5px rgba(39,184,178,0.12);content:"";opacity:0;transform:scale(0.45);transition:opacity 0.2s ease,transform 0.2s ease;}
.traffic-page .anchor-nav a.is-active::before{opacity:1;transform:scale(1);}
.traffic-page .anchor-nav a:focus-visible::before{opacity:1;transform:scale(1);}
.product-detail-page .section{padding:112px 0;}
.product-detail-page .section-heading{display:grid;max-width:none;grid-template-columns:minmax(0,1fr) minmax(280px,320px);align-items:end;gap:18px 48px;margin:0 0 48px;text-align:left;}
.product-detail-page .section-heading>.eyebrow{grid-column:1/-1;margin-bottom:0;}
.product-detail-page .section-heading h2{font-size:clamp(34px,3vw,38px);line-height:1.18;text-wrap:balance;}
.product-detail-page .section-heading>p:last-child{max-width:480px;margin:0 0 5px;justify-self:end;color:var(--muted);font-size:15px;line-height:1.8;}
.product-detail-page .split-heading{grid-template-columns:minmax(0,1.4fr) minmax(360px,0.6fr);gap:64px;}
.product-detail-page .split-heading h2{font-size:clamp(30px,2.5vw,34px);line-height:1.22;text-wrap:balance;}
.product-detail-page .split-heading header>p:last-child{font-size:15px;}
.product-detail-page .value-section,.product-detail-page .core-section,.product-detail-page .lm-core,.product-detail-page .lm-report{color:var(--ink);background:var(--brand-surface);}
.product-detail-page .principle-section,.product-detail-page .lm-workflow{background:linear-gradient(180deg,#fff,#f7fcfc);}
.product-detail-page .core-section .section-heading h2,.product-detail-page .lm-core .section-heading h2{color:var(--brand-navy);}
.product-detail-page .core-section .section-heading>p:last-child,.product-detail-page .lm-core .section-heading>p:last-child{color:var(--muted);}
.product-detail-page .traffic-sovereign .section-heading h2{color:#fff;}
.product-detail-page .traffic-sovereign .section-heading>p:last-child{color:#c4dfdf;}
.product-detail-page .info-card,.product-detail-page .capability,.product-detail-page .scenario{border:1px solid var(--line);border-radius:var(--detail-radius);color:var(--ink);background:#fff;box-shadow:0 14px 36px rgba(52,55,66,0.055);transition:border-color 0.22s,box-shadow 0.22s,transform 0.22s;}
.product-detail-page .info-card h3,.product-detail-page .capability h3,.product-detail-page .scenario h3{color:var(--brand-navy);}
.product-detail-page .info-card p,.product-detail-page .capability p,.product-detail-page .scenario p{color:var(--muted);}
.product-detail-page .scenario{border-top:3px solid var(--brand-blue);}
.product-detail-page .architecture-flow li,.product-detail-page .lm-flow li,.product-detail-page .feature-explorer,.product-detail-page .lm-explorer,.product-detail-page .scene-stage,.product-detail-page .lm-scene-stage,.product-detail-page .lm-report-sheet,.product-detail-page .topology-console,.product-detail-page .lm-console,.product-detail-page .workspace-window{border-radius:var(--detail-radius);}
.product-detail-page .feature-explorer,.product-detail-page .lm-explorer,.product-detail-page .scene-stage,.product-detail-page .lm-scene-stage,.product-detail-page .lm-report-sheet,.product-detail-page .topology-console,.product-detail-page .lm-console,.product-detail-page .workspace-window{box-shadow:var(--detail-shadow);}
.product-detail-page .source-dock,.product-detail-page .product-source-dock,.product-detail-page .pain-panel,.product-detail-page .lm-pain-panel{border-radius:var(--detail-radius);}
.product-detail-page .detail-cta{padding:84px 0;color:var(--ink);background:radial-gradient( circle at 82% 18%,rgba(39,184,178,0.13),transparent 26% ),linear-gradient(118deg,#fff,var(--brand-surface));}
.product-detail-page .detail-cta p{color:var(--brand-teal);font-size:13px;font-weight:700;letter-spacing:0.14em;}
.product-detail-page .detail-cta h2{color:var(--brand-navy);font-size:clamp(32px,4vw,48px);font-weight:760;line-height:1.2;letter-spacing:-0.035em;}
.product-detail-page .detail-cta span{color:var(--muted);font-size:14px;}
.product-detail-page .detail-cta .button{flex:0 0 auto;color:#fff;background:linear-gradient(105deg,var(--brand-teal),var(--brand-blue));box-shadow:0 12px 28px rgba(39,184,178,0.22);}
.product-detail-page .detail-cta .button span{display:inline;margin:0;color:inherit;}
.product-detail-page .dialog{border-radius:var(--detail-radius);}
.product-detail-page .back-top{border-radius:8px;}
/*首屏右侧视觉中的产品身份标识*/ .product-detail-page .console-brand,.product-detail-page .lm-console-bar>b,.product-detail-page .workspace-bar>b{display:flex;min-width:0;align-items:center;gap:9px;margin-right:auto;font-style:normal;}
.product-detail-page .console-brand strong,.product-detail-page .lm-console-bar>b strong{color:#e9f8f8;font-size:12px;font-weight:700;white-space:nowrap;}
.product-detail-page .console-brand em,.product-detail-page .lm-console-bar>b em,.product-detail-page .workspace-bar>b::after{padding-left:9px;border-left:1px solid rgba(135,208,211,0.3);color:#7fb4b6;font-size:9px;font-style:normal;font-weight:500;white-space:nowrap;}
.firewall-page .workspace-bar>b::before{color:#e9f8f8;content:"防火墙策略管理平台";font-size:12px;font-weight:700;white-space:nowrap;}
.firewall-page .workspace-bar>b::after{content:"策略分析与风险治理";}
.linglong-page .workspace-bar>b::before{color:#e9f8f8;content:"灵珑应用交付平台";font-size:12px;font-weight:700;white-space:nowrap;}
.linglong-page .workspace-bar>b::after{content:"应用路径与访问质量";}
.firewall-page .workspace-bar>b,.linglong-page .workspace-bar>b{font-size:0;}
.firewall-showcase .workspace-bar{height:46px;}
.showcase-toggle{display:inline-flex;min-height:30px;align-items:center;gap:6px;padding:0 10px;border:1px solid rgba(88,216,209,0.25);border-radius:6px;color:#a8d7d6;background:rgba(39,184,178,0.08);font-size:10px;cursor:pointer;}
.showcase-toggle span{margin:0;color:#65dcd5;font-size:10px;line-height:1;}
.showcase-toggle em{font-style:normal;}
.showcase-stage{height:auto;aspect-ratio:16/9;background:#1b1d22;}
.showcase-slide{position:absolute;inset:0;display:grid;align-items:center;overflow:hidden;background:#1b1d22;opacity:0;visibility:hidden;transform:scale(1.012);transition:opacity .28s ease,transform .45s ease,visibility .28s;}
.showcase-slide.is-active{z-index:1;opacity:1;visibility:visible;transform:scale(1);}
.showcase-slide img{width:100%;height:100%;object-fit:contain;}
.showcase-slide::after{position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(transparent,rgba(11,20,25,.78));content:"";pointer-events:none;}
.showcase-copy{position:absolute;z-index:2;right:18px;bottom:17px;left:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5);}
.showcase-copy span{flex:0 0 auto;padding-left:9px;border-left:2px solid var(--brand-blue);color:#73ebe6;font-size:10px;font-weight:700;letter-spacing:.08em;}
.showcase-copy strong{font-size:14px;text-align:right;}
.showcase-dots{display:flex;align-items:center;gap:7px;}
.showcase-dots button{width:18px;height:4px;padding:0;border:0;border-radius:5px;background:#46565c;cursor:pointer;transition:width .2s,background .2s;}
.showcase-dots button.is-active{width:30px;background:var(--brand-blue);}
.showcase-toggle:hover,.showcase-toggle:focus-visible{border-color:var(--brand-blue);color:#fff;background:rgba(76,224,229,.12);}
@media (hover:hover){.product-detail-page .info-card:hover,.product-detail-page .capability:hover,.product-detail-page .scenario:hover{border-color:#bcebea;box-shadow:var(--detail-shadow);transform:translateY(-4px);}
}
.product-detail-page .lm-hero h1{font-size:clamp(36px,3.4vw,48px);}
.firewall-page .detail-hero h1{font-size:clamp(38px,3.35vw,48px);white-space:nowrap;}
.linglong-page .detail-hero-inner,.firewall-page .detail-hero-inner{min-height:560px;padding:42px 0 50px;}
.linglong-page .product-workspace,.firewall-page .product-workspace{min-width:0;}
.linglong-page .workspace-window,.firewall-page .workspace-window{border-color:rgba(112,216,220,0.22);border-radius:var(--detail-radius);background:#1b1d22;box-shadow:0 28px 64px rgba(55,59,71,0.18);}
.linglong-page .workspace-bar,.firewall-page .workspace-bar{border-color:rgba(102,207,211,0.2);color:#d9f0ef;background:#16181c;}
.linglong-page .workspace-bar b,.firewall-page .workspace-bar b{color:#d9f0ef;}
.linglong-page .workspace-bar span,.firewall-page .workspace-bar span{color:#82b3b5;}
.linglong-page .workspace-body,.firewall-page .workspace-body{background-color:#23252c;background-image:linear-gradient( rgba(86,172,175,0.07) 1px,transparent 1px ),linear-gradient(90deg,rgba(86,172,175,0.07) 1px,transparent 1px);background-size:28px 28px;}
.workspace-brand-art{position:absolute;right:-20px;bottom:-52px;width:260px;height:292px;object-fit:contain;opacity:0.13;pointer-events:none;}
.linglong-page .path-track::before{background:linear-gradient(90deg,var(--blue),var(--cyan));}
.linglong-page .path-point{display:flex;flex-direction:column;gap:3px;border-color:#377b7d;background:#292c34;color:#c3e5e4;box-shadow:0 8px 20px rgba(0,0,0,0.18);}
.linglong-page .path-point img{width:17px;height:17px;object-fit:contain;}
.linglong-page .path-point.alert{border-color:var(--orange);color:#ffc18b;}
.linglong-page .quality-row span{border-color:#2d6b6d;border-radius:6px;background:#25272f;color:#83b1b3;}
.linglong-page .quality-row b{color:#d2eceb;}
.firewall-page .policy-head{background:#3b3f4c;}
.firewall-page .policy-row{border-color:#286668;background:#272931;color:#a6cbcc;}
.firewall-page .policy-alert{border-radius:6px;background:#fff8ef;}
.product-source-dock{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 0 34px;overflow:hidden;border:1px solid var(--line);border-radius:var(--detail-radius);background:rgba(255,255,255,0.9);box-shadow:0 14px 34px rgba(60,64,77,0.07);}
.product-source-dock span{display:flex;min-height:58px;align-items:center;justify-content:center;gap:9px;padding:8px 12px;border-right:1px solid #e3f2f1;color:#4b7b7d;font-size:11px;}
.product-source-dock span:last-child{border-right:0;}
.product-source-dock img{width:30px;height:30px;object-fit:contain;}
@media (max-width:1024px){.product-detail-page .detail-hero-inner,.product-detail-page .traffic-hero .detail-hero-inner,.product-detail-page .lm-hero .detail-hero-inner{min-height:auto;grid-template-columns:1fr;gap:38px;padding:42px 0 46px;}
.product-detail-page .product-workspace,.product-detail-page .topology-console,.product-detail-page .lm-console{width:100%;}
}
@media (min-width:1121px){.product-detail-page .section-heading h2,.product-detail-page .split-heading h2,.product-detail-page .detail-cta h2{white-space:nowrap;}
}
@media (max-width:1120px){.product-detail-page .section-heading{grid-template-columns:1fr;gap:16px;}
.product-detail-page .section-heading>p:last-child{justify-self:start;}
.product-detail-page .split-heading{grid-template-columns:1fr;gap:46px;}
}
@media (max-width:768px){.product-detail-page .shell{width:calc(100% - 32px);}
.product-detail-page .anchor-nav{top:98px;}
.product-detail-page .anchor-nav .shell{justify-content:flex-start;}
.product-detail-page .anchor-nav a{min-height:48px;padding:13px 16px;}
.product-detail-page .anchor-nav a::after{right:16px;left:16px;}
.product-detail-page .section{padding:88px 0;}
.product-detail-page .section-heading{margin-bottom:38px;}
.product-detail-page .split-heading{gap:38px;}
.linglong-page .detail-hero-inner,.firewall-page .detail-hero-inner{min-height:auto;padding:34px 0 38px;}
.product-source-dock{grid-template-columns:repeat(2,1fr);}
.product-source-dock span{border-bottom:1px solid #e3f2f1;}
}
@media (max-width:520px){.product-detail-page .detail-hero h1{font-size:clamp(32px,9vw,38px);}
.product-detail-page .lm-hero h1{font-size:clamp(30px,8.4vw,35px);}
.product-detail-page .section{padding:72px 0;}
.product-detail-page .section-heading h2,.product-detail-page .split-heading h2{font-size:34px;}
.product-detail-page .detail-cta{padding:68px 0;}
.product-source-dock{grid-template-columns:1fr 1fr;}
.product-source-dock span{min-height:54px;padding-inline:8px;font-size:10px;}
.product-source-dock img{width:26px;height:26px;}
.firewall-page .policy-table{inset:14px 10px;}
.firewall-page .policy-head,.firewall-page .policy-row{grid-template-columns:1.25fr 1fr 0.65fr 0.65fr;gap:4px;padding-inline:6px;font-size:7px;}
.product-detail-page .console-brand em,.product-detail-page .lm-console-bar>b em,.product-detail-page .workspace-bar>b::after{display:none;}
.product-detail-page .console-brand strong,.product-detail-page .lm-console-bar>b strong,.firewall-page .workspace-bar>b::before,.linglong-page .workspace-bar>b::before{font-size:10px;}
.showcase-toggle{padding-inline:8px;}
.showcase-toggle em{display:none;}
.showcase-copy{right:12px;bottom:12px;left:12px;align-items:flex-start;flex-direction:column;gap:5px;}
.showcase-copy strong{font-size:11px;text-align:left;}
}

/* 智能全流量分析回溯：在桌面端把首屏新增空间优先留给 16:9 动画。 */
@media (min-width:1280px){
  .product-detail-page.traffic-page .traffic-hero .detail-hero-inner{
    width:min(1320px,calc(100vw - 48px));
    margin-inline:50%;
    grid-template-columns:minmax(500px,.78fr) minmax(0,1.22fr);
    gap:44px;
    transform:translateX(-50%);
  }
}
@media (prefers-reduced-motion:reduce){.showcase-slide{transition:none;transform:none;}}
/*防火墙策略管理平台：强化重点信息，并用用户手册实景建立证据层。*/ .firewall-section-head{display:grid;grid-template-columns:minmax(230px,0.4fr) minmax(0,1.6fr);align-items:end;gap:48px;margin:0 0 44px;padding-bottom:25px;border-bottom:1px solid #cfe8e6;}
.firewall-section-head>div>span{display:block;margin-bottom:10px;color:var(--brand-teal);font-size:11px;font-weight:750;letter-spacing:0.14em;}
.firewall-section-head h2{margin:0;color:var(--brand-navy);font-size:clamp(38px,4vw,52px);font-weight:780;line-height:1;letter-spacing:-0.045em;}
.firewall-section-head>p{max-width:none;margin:0 0 2px;color:#315d60;font-size:clamp(18px,2vw,24px);font-weight:600;line-height:1.55;text-wrap:balance;}
@media (min-width:1121px){.firewall-section-head>p{white-space:nowrap;}}
.pain-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;}
.pain-grid article{position:relative;grid-column:span 3;min-height:190px;padding:25px 24px 24px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 14px 34px rgba(52,55,66,0.055);}
.pain-grid article:nth-child(-n + 2){grid-column:span 6;min-height:218px;padding:30px 30px 28px;background:linear-gradient(145deg,#fff,#effaf9);}
.pain-grid article::before{position:absolute;top:0;right:24px;left:24px;height:3px;background:linear-gradient(90deg,var(--brand-teal),var(--brand-blue));content:"";}
.pain-grid article:nth-child(2)::before,.pain-grid article:nth-child(5)::before{background:linear-gradient(90deg,var(--brand-orange),#ffc479);}
.pain-grid span{color:var(--brand-teal);font-size:11px;font-weight:700;letter-spacing:0.08em;}
.pain-grid h3{margin:30px 0 10px;color:var(--brand-navy);font-size:19px;line-height:1.35;}
.pain-grid article:nth-child(-n + 2) h3{font-size:23px;}
.pain-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.8;}
.firewall-value-grid{grid-template-columns:1.25fr 0.875fr 0.875fr;}
.firewall-value-grid .info-card{position:relative;overflow:hidden;}
.firewall-value-grid .info-card.is-primary{border-color:#aee7e3;background:linear-gradient(145deg,#fff 0%,#effbfa 100%);box-shadow:0 22px 48px rgba(39,184,178,0.12);}
.firewall-value-grid .info-card.is-primary::after{position:absolute;right:-58px;bottom:-82px;width:190px;height:190px;border:1px solid rgba(39,184,178,0.18);border-radius:50%;content:"";}
.firewall-value-grid .info-card.is-primary h3{font-size:23px;}
.firewall-value-grid .info-card.is-primary strong{position:relative;z-index:1;display:block;margin-top:24px;padding-top:17px;border-top:1px solid #ccebe9;color:#247a78;font-size:12px;line-height:1.7;}
.firewall-principle-layout{display:grid;grid-template-columns:minmax(0,0.8fr) minmax(460px,1.2fr);align-items:center;gap:50px;}
.firewall-principle .process-flow{grid-template-columns:1fr 1fr;gap:12px;}
.firewall-principle .process-flow::before{display:none;}
.firewall-principle .process-flow li{min-height:190px;padding:22px 20px 20px 74px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,0.88);}
.firewall-principle .process-flow .step-no{position:absolute;top:22px;left:18px;}
.firewall-principle .process-flow h3{margin:3px 0 9px;}
.firewall-principle .flow-step::after{top:40px;left:42px;width:6px;height:6px;}
.manual-feature,.manual-proof{margin:0;}
.manual-image-frame{overflow:hidden;border:1px solid #cfe7e6;border-radius:14px;background:#eaf4f4;box-shadow:0 22px 54px rgba(43,68,70,0.13);}
.manual-image-frame img{width:100%;height:100%;object-fit:cover;}
.manual-feature .manual-image-frame{aspect-ratio:2027/1091;}
.manual-feature figcaption{position:relative;width:calc(100% - 34px);margin:-24px auto 0;padding:20px 22px;border:1px solid #d8eeed;border-radius:12px;background:rgba(255,255,255,0.96);box-shadow:0 15px 34px rgba(48,65,73,0.1);}
.manual-feature figcaption span,.manual-proof figcaption span{display:block;margin-bottom:7px;color:var(--brand-teal);font-size:11px;font-weight:700;letter-spacing:0.08em;}
.manual-feature figcaption strong,.manual-proof figcaption strong{display:block;color:var(--brand-navy);font-size:17px;line-height:1.5;}
.manual-feature figcaption p,.manual-proof figcaption p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.65;}
.manual-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:54px;}
.manual-proof{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 18px 44px rgba(52,55,66,0.08);}
.manual-proof .manual-image-frame{aspect-ratio:1366/624;border:0;border-radius:0;box-shadow:none;}
.manual-proof:nth-child(2) .manual-image-frame{aspect-ratio:2019/1101;}
.manual-proof figcaption{padding:22px 24px 24px;}
.core-section .firewall-section-head{border-color:rgba(174,226,224,.22);}
.core-section .firewall-section-head h2{color:#fff;}
.core-section .firewall-section-head>p{color:#c5e2e1;}
.capability-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:38px;}
.capability-proof-grid .manual-proof{border-color:rgba(174,226,224,.2);border-radius:12px;background:#20232a;box-shadow:0 18px 40px rgba(0,0,0,.18);}
.capability-proof-grid .manual-proof .manual-image-frame{aspect-ratio:2880/1450;background:#dfe9f5;}
.capability-proof-grid .manual-proof .manual-image-frame img{object-fit:contain;}
.capability-proof-grid .manual-proof figcaption{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px 14px;}
.capability-proof-grid .manual-proof figcaption span{flex:0 0 auto;margin:0;color:#5bddd2;}
.capability-proof-grid .manual-proof figcaption strong{color:#eefafa;font-size:14px;text-align:right;}
.capability-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 0 26px;padding:18px 0;border-block:1px solid #cce8e6;}
.capability-intro p{margin:0;color:var(--brand-teal);font-size:12px;font-weight:700;letter-spacing:0.13em;white-space:nowrap;}
.capability-intro ul{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 28px;margin:0;padding:0;list-style:none;}
.capability-intro li{position:relative;padding-left:14px;color:#315d60;font-size:14px;font-weight:650;}
.capability-intro li::before{position:absolute;top:0.62em;left:0;width:5px;height:5px;border-radius:50%;background:var(--brand-teal);content:"";}
.core-section .capability-intro{border-color:rgba(174,226,224,.22);}
.core-section .capability-intro p{color:#63dfd3;}
.core-section .capability-intro li{color:#c8e3e2;}
.firewall-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.capability-group{overflow:hidden;border:1px solid rgba(174,226,224,.2);background:rgba(255,255,255,.025);}
.capability-group-title{display:flex;align-items:center;gap:12px;margin:0;padding:15px 18px;border-bottom:1px solid rgba(174,226,224,.18);color:#eefafa;font-size:15px;font-weight:700;letter-spacing:.04em;}
.capability-group-title span{display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(93,221,210,.35);border-radius:50%;color:#5bddd2;font-size:10px;}
.firewall-capability-grid .capability{display:grid;grid-template-columns:36px minmax(0,1fr);min-height:0;padding:17px 18px;border:0;border-bottom:1px solid rgba(174,226,224,.13);border-radius:0;background:transparent;box-shadow:none;transform:none;}
.firewall-capability-grid .capability:last-child{border-bottom:0;}
.firewall-capability-grid .capability strong{position:static;grid-column:1;grid-row:1/3;padding-top:3px;color:#54d5c9;font-size:10px;}
.firewall-capability-grid .capability h3{grid-column:2;margin:0 0 5px;color:#f3fbfb;font-size:16px;line-height:1.45;}
.firewall-capability-grid .capability p{grid-column:2;margin:0;color:#a9cdcc;font-size:11px;line-height:1.7;}
.firewall-capability-grid .capability.is-emphasis{border-color:rgba(174,226,224,.13);background:linear-gradient(90deg,rgba(39,184,178,.1),transparent 72%);box-shadow:none;}
.firewall-capability-grid .capability.is-emphasis h3{color:#76e2d9;}
@media (hover:hover){.product-detail-page .firewall-capability-grid .capability:hover{border-color:rgba(174,226,224,.13);background-color:rgba(255,255,255,.035);box-shadow:none;transform:none;}}
.vendor-support{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.72fr);align-items:center;gap:46px;margin-top:30px;padding:30px 32px;border:1px solid rgba(116,220,213,.3);background:linear-gradient(120deg,rgba(46,190,183,.13),rgba(255,255,255,.04));}
.vendor-support-summary>span{display:block;margin-bottom:10px;color:#62dfd1;font-size:11px;font-weight:750;letter-spacing:.12em;}
.vendor-support-summary>strong{display:block;color:#fff;font-size:21px;line-height:1.35;}
.vendor-support-summary>strong b{margin-right:5px;color:#63e0d2;font-size:38px;font-weight:650;}
.vendor-support-summary>p{margin:12px 0 0;color:#b7d8d7;font-size:12px;line-height:1.75;}
.vendor-support ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none;}
.vendor-support li{padding:10px 12px;border:1px solid rgba(132,211,207,.2);background:rgba(255,255,255,.045);color:#d9eeee;font-size:12px;text-align:center;}
.path-audit-feature{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.58fr);align-items:center;gap:38px;margin-bottom:24px;padding:34px;border:1px solid #b9e0de;background:linear-gradient(135deg,#eefaf9 0%,#fff 52%);box-shadow:0 24px 55px rgba(45,93,94,.1);}
.path-audit-copy>span{display:block;margin-bottom:13px;color:var(--brand-teal);font-size:11px;font-weight:750;letter-spacing:.12em;}
.path-audit-copy h3{margin:0;color:var(--brand-navy);font-size:clamp(24px,2.6vw,34px);line-height:1.3;letter-spacing:-.025em;}
.path-audit-copy p{margin:17px 0 0;color:var(--muted);font-size:13px;line-height:1.85;}
.path-audit-copy ul{display:grid;gap:9px;margin:20px 0 0;padding:0;list-style:none;}
.path-audit-copy li{position:relative;padding-left:20px;color:#315d60;font-size:12px;line-height:1.6;}
.path-audit-copy li::before{position:absolute;top:.62em;left:0;width:7px;height:7px;border-radius:50%;background:var(--brand-teal);box-shadow:0 0 0 4px rgba(39,184,178,.11);content:"";}
.path-audit-feature figure{min-width:0;margin:0;}
.path-audit-feature figure img{display:block;width:100%;height:auto;border:1px solid #ccdfdf;background:#dfe9f5;box-shadow:0 17px 38px rgba(40,64,75,.15);}
.path-audit-feature figcaption{margin-top:10px;color:#6d8495;font-size:10px;line-height:1.6;text-align:right;}
.firewall-page .scenario{min-height:300px;}
.firewall-page .scenario h3{margin-bottom:18px;}
.firewall-page .scenario-flow{display:grid;gap:14px;}
.firewall-page .scenario-flow p{position:relative;margin:0;padding-left:72px;}
.firewall-page .scenario-flow b{position:absolute;top:1px;left:0;color:#176f6d;font-size:11px;font-weight:750;letter-spacing:.06em;}
.firewall-page .scenario-flow p:first-child{padding-bottom:14px;border-bottom:1px solid #e1eeee;}
.firewall-page .scenario-flow p:first-child b{color:#bd6a2b;}
@media (max-width:1024px){.pain-grid article,.pain-grid article:nth-child(-n + 2){grid-column:span 6;min-height:190px;padding:25px 24px 24px;}
.pain-grid article:nth-child(-n + 2) h3{font-size:20px;}
.firewall-value-grid{grid-template-columns:1fr 1fr;}
.firewall-value-grid .info-card.is-primary{grid-column:1/-1;}
.firewall-principle-layout{grid-template-columns:1fr;gap:40px;}
.manual-feature{width:min(760px,100%);margin-inline:auto;}
.capability-proof-grid{grid-template-columns:1fr 1fr;}
.firewall-capability-grid{grid-template-columns:1fr;}
.vendor-support{grid-template-columns:1fr;gap:24px;}
.path-audit-feature{grid-template-columns:1fr;padding:28px;}
.path-audit-copy{max-width:720px;}
}
@media (max-width:768px){.firewall-section-head{grid-template-columns:1fr;gap:16px;margin-bottom:34px;padding-bottom:22px;}
.firewall-section-head>p{max-width:560px;font-size:18px;}
.firewall-principle .process-flow{grid-template-columns:1fr 1fr;}
.firewall-principle .process-flow li{min-height:180px;padding:20px 18px 18px 72px;}
.firewall-principle .process-flow::before{display:none;}
.manual-proof-grid,.capability-proof-grid{grid-template-columns:1fr;}
.capability-proof-grid .manual-proof figcaption{min-height:58px;}
.capability-intro{align-items:flex-start;flex-direction:column;gap:12px;}
.capability-intro ul{justify-content:flex-start;}
.vendor-support ul{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:520px){.firewall-section-head h2{font-size:38px;}
.pain-grid{grid-template-columns:1fr;}
.pain-grid article,.pain-grid article:nth-child(-n + 2){grid-column:auto;min-height:auto;padding:23px 20px 22px;}
.pain-grid article:nth-child(-n + 2) h3{font-size:19px;}
.firewall-value-grid,.firewall-principle .process-flow,.firewall-capability-grid{grid-template-columns:1fr;}
.firewall-value-grid .info-card.is-primary{grid-column:auto;}
.firewall-principle .process-flow li{min-height:auto;}
.manual-feature figcaption{width:calc(100% - 18px);margin-top:-14px;padding:17px;}
.manual-feature figcaption strong,.manual-proof figcaption strong{font-size:15px;}
.manual-proof figcaption{padding:18px;}
.capability-proof-grid .manual-proof figcaption{align-items:flex-start;flex-direction:column;gap:4px;}
.capability-proof-grid .manual-proof figcaption strong{text-align:left;}
.firewall-capability-grid .capability{min-height:auto;padding:16px;}
.vendor-support{padding:24px 20px;}
.vendor-support ul{grid-template-columns:repeat(2,minmax(0,1fr));}
.path-audit-feature{padding:22px 18px;}
.path-audit-feature figcaption{text-align:left;}
.firewall-page .scenario{min-height:auto;}
}

/* 防火墙产品页：用列表、流程轴和图文展板替代连续卡片。 */
.firewall-page .pain-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 56px;
  border-top:1px solid #b9dedd;
}
.firewall-page .pain-grid article,
.firewall-page .pain-grid article:nth-child(-n + 2){
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  grid-column:auto;
  min-height:0;
  padding:26px 0 28px;
  border:0;
  border-bottom:1px solid #d8eaea;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.firewall-page .pain-grid article::before{display:none;}
.firewall-page .pain-grid span{
  grid-column:1;
  grid-row:1/3;
  padding-top:4px;
  color:#78a7a7;
  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;
  font-weight:400;
  letter-spacing:0;
}
.firewall-page .pain-grid h3,
.firewall-page .pain-grid article:nth-child(-n + 2) h3{
  grid-column:2;
  margin:0 0 9px;
  font-size:19px;
}
.firewall-page .pain-grid p{grid-column:2;}

.firewall-page .firewall-value-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  border-block:1px solid #b9dedd;
}
.firewall-page .firewall-value-grid .info-card,
.firewall-page .firewall-value-grid .info-card.is-primary{
  min-height:0;
  padding:34px 34px 32px;
  border:0;
  border-right:1px solid #d4e8e7;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transform:none;
}
.firewall-page .firewall-value-grid .info-card:last-child{border-right:0;}
.firewall-page .firewall-value-grid .info-card.is-primary::after{display:none;}
.firewall-page .firewall-value-grid .card-no{
  position:static;
  display:block;
  margin-bottom:42px;
  color:#338e8b;
  font-family:Georgia,"Times New Roman",serif;
  font-size:15px;
  font-weight:400;
}
.firewall-page .firewall-value-grid .info-card h3,
.firewall-page .firewall-value-grid .info-card.is-primary h3{
  margin:0 0 12px;
  font-size:clamp(20px,2vw,25px);
}
.firewall-page .firewall-principle-layout{
  grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr);
  align-items:start;
  gap:64px;
}
.firewall-page .firewall-principle .process-flow{
  position:relative;
  display:block;
  padding:0;
}
.firewall-page .firewall-principle .process-flow::before{
  position:absolute;
  top:18px;
  bottom:18px;
  left:22px;
  display:block;
  width:1px;
  height:auto;
  background:#b9dedd;
  content:"";
}
.firewall-page .firewall-principle .process-flow li{
  min-height:0;
  padding:0 0 30px 72px;
  border:0;
  border-radius:0;
  background:transparent;
}
.firewall-page .firewall-principle .process-flow li:last-child{padding-bottom:0;}
.firewall-page .firewall-principle .process-flow .step-no{
  top:0;
  left:0;
  display:grid;
  width:45px;
  height:45px;
  place-items:center;
  border:1px solid #94cfcc;
  border-radius:50%;
  color:#177f7d;
  background:#fff;
  font-size:10px;
}
.firewall-page .firewall-principle .flow-step::after{display:none;}
.firewall-page .firewall-principle .process-flow h3{margin:0 0 7px;font-size:18px;}
.firewall-page .manual-feature .manual-image-frame{
  border-radius:2px;
  box-shadow:18px 18px 0 #dff2f1;
}
.firewall-page .manual-feature figcaption{
  width:auto;
  margin:26px 0 0 42px;
  padding:0 0 0 20px;
  border:0;
  border-left:2px solid var(--brand-teal);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.firewall-page .capability-proof-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-bottom:50px;
  border-top:0;
}
.firewall-page .capability-proof-grid .manual-proof{
  display:block;
  overflow:hidden;
  padding:0;
  border:1px solid rgba(136,224,218,.34);
  border-radius:8px;
  background:#102f38;
  box-shadow:0 14px 30px rgba(0,0,0,.2);
}
.firewall-page .capability-proof-grid .manual-image-frame{
  border:1px solid rgba(174,226,224,.24);
  border-radius:0;
  box-shadow:none;
}
.firewall-page .capability-proof-grid .manual-proof figcaption{
  display:block;
  min-height:0;
  padding:12px 14px 14px;
}
.firewall-page .capability-proof-grid .manual-proof figcaption span{
  margin-bottom:5px;
  font-family:inherit;
  color:#74ebe1;
  font-size:11px;
}
.firewall-page .capability-proof-grid .manual-proof figcaption strong{
  color:#f5ffff;
  font-size:13px;
  line-height:1.5;
  text-align:left;
}
.firewall-page .core-section{color:#f5ffff;background:#0b2932;}
.firewall-page .core-section .firewall-section-head{border-color:rgba(143,226,220,.38);}
.firewall-page .core-section .firewall-section-head h2{color:#fff;}
.firewall-page .core-section .firewall-section-head>p{color:#d8eeee;}
.firewall-page .core-section .capability-intro{border-color:rgba(143,226,220,.36);}
.firewall-page .core-section .capability-intro p{color:#77eee3;}
.firewall-page .core-section .capability-intro li{color:#e4f6f5;}
.firewall-page .core-section .capability-group-title{color:#fff;background:rgba(111,225,216,.08);}
.firewall-page .core-section .firewall-capability-grid .capability h3{color:#f8ffff;}
.firewall-page .core-section .firewall-capability-grid .capability p{color:#c7e1e0;}
.firewall-page .firewall-capability-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  border-block:1px solid rgba(174,226,224,.2);
}
.firewall-page .capability-group{
  border:0;
  border-right:1px solid rgba(174,226,224,.16);
  background:transparent;
}
.firewall-page .capability-group:last-child{border-right:0;}
.firewall-page .capability-group-title{padding:18px 16px;}
.firewall-page .firewall-capability-grid .capability{padding:16px;grid-template-columns:28px minmax(0,1fr);}
.firewall-page .firewall-capability-grid .capability h3{font-size:14px;}

.firewall-page #scenarios .scenario-grid{
  display:block;
  counter-reset:scene;
  border-top:1px solid #b9dedd;
}
.firewall-page #scenarios .scenario{
  display:grid;
  grid-template-columns:52px minmax(170px,.65fr) minmax(220px,1fr) minmax(0,1.7fr);
  align-items:start;
  gap:24px;
  min-height:0;
  padding:27px 0;
  border:0;
  border-bottom:1px solid #d8eaea;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  counter-increment:scene;
  transform:none;
}
.firewall-page #scenarios .scenario::before{
  color:#78a7a7;
  content:counter(scene,decimal-leading-zero);
  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;
}
.firewall-page #scenarios .scenario>span{
  padding-top:3px;
  color:#338e8b;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
}
.firewall-page #scenarios .scenario h3{
  margin:0;
  font-size:18px;
  line-height:1.5;
}
.firewall-page #scenarios .scenario-flow{
  grid-template-columns:1fr 1fr;
  gap:28px;
}
.firewall-page #scenarios .scenario-flow p,
.firewall-page #scenarios .scenario-flow p:first-child{
  padding:25px 0 0;
  border:0;
}
.firewall-page #scenarios .scenario-flow b{top:0;}
@media (hover:hover){
  .product-detail-page.firewall-page .firewall-value-grid .info-card:hover,
  .product-detail-page.firewall-page #scenarios .scenario:hover{
    border-color:inherit;
    box-shadow:none;
    transform:none;
  }
}

@media (max-width:1024px){
  .firewall-page .firewall-principle-layout{grid-template-columns:1fr;gap:48px;}
  .firewall-page .manual-feature{width:100%;}
  .firewall-page .firewall-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .firewall-page .capability-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .firewall-page .capability-group:nth-child(2){border-right:0;}
  .firewall-page .capability-group:nth-child(-n + 2){border-bottom:1px solid rgba(174,226,224,.16);}
  .firewall-page #scenarios .scenario{grid-template-columns:42px minmax(150px,.55fr) minmax(0,1.45fr);}
  .firewall-page #scenarios .scenario h3{grid-column:3;}
  .firewall-page #scenarios .scenario-flow{grid-column:2/4;}
}
@media (max-width:768px){
  .firewall-page .pain-grid{grid-template-columns:1fr;}
  .firewall-page .firewall-value-grid{grid-template-columns:1fr;}
  .firewall-page .firewall-value-grid .info-card,
  .firewall-page .firewall-value-grid .info-card.is-primary{padding:27px 0;border-right:0;border-bottom:1px solid #d4e8e7;}
  .firewall-page .firewall-value-grid .info-card:last-child{border-bottom:0;}
  .firewall-page .firewall-value-grid .card-no{margin-bottom:18px;}
  .firewall-page #scenarios .scenario{grid-template-columns:38px 1fr;gap:10px 16px;}
  .firewall-page #scenarios .scenario>span{grid-column:2;}
  .firewall-page #scenarios .scenario h3{grid-column:2;}
  .firewall-page #scenarios .scenario-flow{grid-column:2;grid-template-columns:1fr;gap:16px;}
}
@media (max-width:520px){
  .firewall-page .pain-grid article,
  .firewall-page .pain-grid article:nth-child(-n + 2){grid-template-columns:40px minmax(0,1fr);padding:22px 0;}
  .firewall-page .pain-grid span{font-size:17px;}
  .firewall-page .manual-feature .manual-image-frame{box-shadow:9px 9px 0 #dff2f1;}
  .firewall-page .manual-feature figcaption{margin:20px 0 0 12px;padding:0 0 0 14px;}
  .firewall-page .capability-proof-grid{grid-template-columns:1fr;}
  .firewall-page .firewall-capability-grid{grid-template-columns:1fr;}
  .firewall-page .capability-group,
  .firewall-page .capability-group:nth-child(2){border-right:0;border-bottom:1px solid rgba(174,226,224,.16);}
  .firewall-page .capability-group:last-child{border-bottom:0;}
  .firewall-page #scenarios .scenario{padding:23px 0;}
}

/* 云安全组分析：沿用防火墙详情页的浅色官网体系，流程图明确为信息示意。 */
.product-detail-page.cloud-security-page{
  --cloud-bg:#fff;
  --cloud-bg-soft:#f4f9f9;
  --cloud-line:#cfe5e3;
  --cloud-title:#102b3a;
  --cloud-copy:#355466;
  --cloud-muted:#607b87;
  --cloud-accent:#087e7b;
  color:var(--cloud-copy);
  background:var(--cloud-bg);
}
.cloud-security-page main{background:#fff}
.cloud-security-page .detail-hero{
  background:
    radial-gradient(circle at 87% 18%,rgba(39,184,178,.15),transparent 30%),
    radial-gradient(circle at 66% 72%,rgba(74,204,211,.08),transparent 32%),
    linear-gradient(124deg,#fff 0%,#f8fbfb 56%,#edf7f6 100%);
}
.cloud-security-page .detail-hero::before{
  background-image:linear-gradient(rgba(25,129,133,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(25,129,133,.055) 1px,transparent 1px);
}
.cloud-security-page .detail-hero-inner{min-height:560px;padding:42px 0 50px}
.cloud-security-page .detail-hero h1{color:var(--cloud-title);font-size:clamp(40px,3.7vw,54px);white-space:nowrap}
.cloud-security-page .hero-lead{color:#174d58}
.cloud-security-page .hero-copy{color:var(--cloud-copy)}
.cloud-security-page .detail-hero .button-secondary{border-color:#b8d5d3;color:#173c4b;background:rgba(255,255,255,.9)}
.cloud-security-page .detail-hero .button-secondary:hover,.cloud-security-page .detail-hero .button-secondary:focus-visible{border-color:#42aaa6;color:#075f61;background:#eef9f8}
.cloud-security-page .product-source-dock{border-color:var(--cloud-line);background:rgba(255,255,255,.94);box-shadow:0 16px 40px rgba(33,79,86,.09)}
.cloud-security-page .cloud-source-dock span{display:grid;gap:5px;align-content:center;border-color:#deeeed;color:#58727c}
.cloud-security-page .cloud-source-dock b{color:var(--cloud-accent);font-family:Georgia,"Times New Roman",serif;font-size:20px;font-weight:500}

.cloud-analysis-visual{min-width:0;margin:0;overflow:hidden;border:1px solid rgba(85,171,171,.34);border-radius:14px;background:#f9fcfc;box-shadow:0 24px 58px rgba(40,78,84,.14)}
.cloud-visual-bar{display:flex;height:46px;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid #d5e8e7;color:#688287;background:#edf6f5}
.cloud-visual-bar i{width:7px;height:7px;border-radius:50%;background:#35c4c0}.cloud-visual-bar i:nth-child(2){background:#a7c5c6}.cloud-visual-bar i:nth-child(3){background:#e7a061}
.cloud-visual-bar strong{margin-left:8px;color:#183b48;font-size:12px}.cloud-visual-bar span{margin-left:auto;color:#47777a;font-size:10px}
.cloud-visual-body{position:relative;display:grid;min-height:390px;grid-template-columns:.8fr 1.12fr .9fr;align-items:center;gap:18px;padding:28px;background-image:linear-gradient(rgba(54,147,150,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(54,147,150,.065) 1px,transparent 1px);background-size:28px 28px}
.cloud-visual-body::before,.cloud-visual-body::after{position:absolute;top:50%;height:1px;background:linear-gradient(90deg,#64b8b4,#33c1bd);content:""}.cloud-visual-body::before{left:24%;width:14%}.cloud-visual-body::after{right:24%;width:14%}
.cloud-sources,.cloud-results{position:relative;z-index:1;display:grid;gap:9px}.cloud-sources span,.cloud-results div{padding:10px 11px;border:1px solid #cce3e1;border-radius:6px;color:#385d65;background:rgba(255,255,255,.92);font-size:10px;box-shadow:0 6px 14px rgba(36,87,90,.05)}
.cloud-sources span:nth-child(2n){margin-left:12px}.cloud-analysis-core{position:relative;z-index:2;display:grid;min-height:190px;place-content:center;gap:12px;padding:24px;border:1px solid #76ccc8;border-radius:50%;background:radial-gradient(circle,#fff 20%,#e6f7f5 70%);text-align:center;box-shadow:0 0 0 10px rgba(47,187,181,.06),0 18px 35px rgba(37,110,112,.12)}
.cloud-analysis-core small{color:#16807c;font-size:10px}.cloud-analysis-core strong{color:var(--cloud-title);font-size:17px;line-height:1.4}.cloud-analysis-core span{color:#56757d;font-size:9px}
.cloud-results div{display:grid;gap:4px;border-left:3px solid #2eb8b2}.cloud-results div:nth-child(2){border-left-color:#e68c50}.cloud-results span{color:#688287;font-size:9px}.cloud-results b{color:#173b48;font-size:11px}
.cloud-analysis-visual figcaption{padding:9px 14px;color:#71869a;font-size:11px;text-align:right}
.cloud-product-visual{background:#edf3f7}
.cloud-product-visual img{display:block;width:100%;height:auto;aspect-ratio:1919/970;object-fit:contain;background:#526484}
.cloud-product-visual figcaption{border-top:1px solid #d5e8e7;background:#fff}

.cloud-security-page .anchor-nav{border-color:var(--cloud-line);background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(35,76,83,.07)}
.cloud-security-page .anchor-nav a{color:#55747e}.cloud-security-page .anchor-nav a:hover,.cloud-security-page .anchor-nav a.is-active{color:#0a6667}
.cloud-security-page .section{color:var(--cloud-copy);background:#fff}
.cloud-security-page .value-section,.cloud-security-page #scenarios{background:var(--cloud-bg-soft)}
.cloud-security-page .principle-section{background:linear-gradient(180deg,#fff 0%,#f5f9f9 100%)}
.cloud-security-page .firewall-section-head{border-color:var(--cloud-line)}
.cloud-security-page .firewall-section-head>div>span{color:var(--cloud-accent)}
.cloud-security-page .firewall-section-head h2{color:var(--cloud-title)}
.cloud-security-page .firewall-section-head>p{color:#496674}
@media (min-width:1121px){.cloud-security-page .firewall-section-head>p{white-space:normal}}
.cloud-security-page .pain-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;border-top:1px solid #b9dedd}
.cloud-security-page .pain-grid article,.cloud-security-page .pain-grid article:nth-child(-n + 2){display:grid;grid-template-columns:52px minmax(0,1fr);grid-column:auto;min-height:0;padding:26px 0 28px;border:0;border-bottom:1px solid #d8eaea;border-radius:0;background:transparent;box-shadow:none}
.cloud-security-page .pain-grid article::before{display:none}.cloud-security-page .pain-grid span{grid-row:1/3;padding-top:4px;color:#72949b;font-family:Georgia,"Times New Roman",serif;font-size:20px;font-weight:400;letter-spacing:0}
.cloud-security-page .pain-grid h3,.cloud-security-page .pain-grid article:nth-child(-n + 2) h3{margin:0 0 9px;color:var(--cloud-title);font-size:19px}.cloud-security-page .pain-grid p{grid-column:2;color:var(--cloud-copy)}
.cloud-security-page .firewall-value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-block:1px solid #b9dedd}
.cloud-security-page .firewall-value-grid .info-card{min-height:0;padding:34px 34px 32px;border:0;border-right:1px solid #d4e8e7;border-radius:0;background:transparent;box-shadow:none;transform:none}.cloud-security-page .firewall-value-grid .info-card:last-child{border-right:0}.cloud-security-page .firewall-value-grid .card-no{position:static;display:block;margin-bottom:42px;color:#338e8b;font-family:Georgia,"Times New Roman",serif;font-size:15px;font-weight:400}.cloud-security-page .firewall-value-grid h3{color:var(--cloud-title)}.cloud-security-page .firewall-value-grid p{color:var(--cloud-copy)}

.cloud-process-flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;border-block:1px solid var(--cloud-line);list-style:none}
.cloud-process-flow li{position:relative;min-height:260px;padding:36px 28px 30px;border-right:1px solid var(--cloud-line)}.cloud-process-flow li:last-child{border-right:0}.cloud-process-flow li::after{position:absolute;top:51px;right:-5px;z-index:2;width:9px;height:9px;border-top:1px solid #45aaa5;border-right:1px solid #45aaa5;background:#fff;content:"";transform:rotate(45deg)}.cloud-process-flow li:last-child::after{display:none}.cloud-process-flow span{display:grid;width:32px;height:32px;place-items:center;border:1px solid #8bcac7;border-radius:50%;color:var(--cloud-accent);font-size:10px}.cloud-process-flow h3{margin:50px 0 12px;color:var(--cloud-title);font-size:19px}.cloud-process-flow p{margin:0;color:var(--cloud-copy);font-size:13px;line-height:1.8}
.cloud-interface-showcase{margin-top:52px}
.cloud-interface-intro{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);gap:32px;align-items:end;margin-bottom:24px;padding-top:24px;border-top:1px solid var(--cloud-line)}
.cloud-interface-intro p{margin:0;color:var(--cloud-accent);font-size:12px;font-weight:750;letter-spacing:.08em}
.cloud-interface-intro h3{max-width:720px;margin:0;color:var(--cloud-title);font-size:clamp(24px,2.5vw,34px);line-height:1.35}
.cloud-interface-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.cloud-interface-grid figure{min-width:0;margin:0;overflow:hidden;border:1px solid var(--cloud-line);border-radius:12px;background:#fff;box-shadow:0 16px 38px rgba(33,79,86,.1)}
.cloud-interface-grid img{display:block;width:100%;height:auto;aspect-ratio:1920/968;object-fit:contain;background:#526484}
.cloud-interface-grid figcaption{display:grid;gap:5px;padding:18px 20px 20px;border-top:1px solid #dbe9e8}
.cloud-interface-grid figcaption strong{color:var(--cloud-title);font-size:16px}
.cloud-interface-grid figcaption span{color:var(--cloud-copy);font-size:12px;line-height:1.6}

.cloud-security-page .core-section{background:linear-gradient(135deg,#f7fbfb 0%,#edf6f5 58%,#f8fbfb 100%)}
.cloud-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid #c8dfdd;background:#fff}
.cloud-capability-grid article{display:grid;grid-template-columns:38px minmax(0,1fr);padding:28px;border-right:1px solid #dcebea;border-bottom:1px solid #dcebea}.cloud-capability-grid article:nth-child(3n){border-right:0}.cloud-capability-grid article:nth-last-child(-n+3){border-bottom:0}.cloud-capability-grid span{grid-row:1/3;color:var(--cloud-accent);font-family:Georgia,"Times New Roman",serif;font-size:15px}.cloud-capability-grid h3{margin:0 0 10px;color:var(--cloud-title);font-size:18px}.cloud-capability-grid p{grid-column:2;margin:0;color:#476672;font-size:13px;line-height:1.8}
.cloud-scenario-list{border-top:1px solid var(--cloud-line)}.cloud-scenario-list article{display:grid;grid-template-columns:52px minmax(240px,.8fr) minmax(0,1.2fr);gap:24px;padding:28px 0;border-bottom:1px solid var(--cloud-line)}.cloud-scenario-list>article>span{color:#72949b;font-family:Georgia,"Times New Roman",serif;font-size:20px}.cloud-scenario-list small{color:var(--cloud-accent);font-size:11px;font-weight:700;letter-spacing:.08em}.cloud-scenario-list h3{margin:8px 0 0;color:var(--cloud-title);font-size:19px;line-height:1.5}.cloud-scenario-list p{margin:22px 0 0;color:var(--cloud-copy);font-size:13px;line-height:1.8}
.cloud-deployment{background:#fff}.cloud-deployment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--cloud-line);background:#fff}.cloud-deployment-grid article{min-height:210px;padding:30px 26px;border-right:1px solid var(--cloud-line)}.cloud-deployment-grid article:last-child{border-right:0}.cloud-deployment-grid span{color:var(--cloud-accent);font-size:11px;font-weight:750;letter-spacing:.08em}.cloud-deployment-grid h3{margin:42px 0 10px;color:var(--cloud-title);font-size:18px}.cloud-deployment-grid p{margin:0;color:var(--cloud-copy);font-size:13px;line-height:1.75}
.cloud-security-page .detail-cta{color:var(--cloud-copy);background:radial-gradient(circle at 82% 18%,rgba(39,184,178,.14),transparent 28%),linear-gradient(118deg,#fff,#e9f6f4)}.cloud-security-page .detail-cta p{color:var(--cloud-accent)}.cloud-security-page .detail-cta h2{color:var(--cloud-title)}.cloud-security-page .detail-cta span{color:var(--cloud-copy)}

@media(max-width:1024px){
  .cloud-security-page .detail-hero-inner{grid-template-columns:1fr;gap:38px}.cloud-analysis-visual{width:100%}
  .cloud-process-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-process-flow li:nth-child(2){border-right:0}.cloud-process-flow li:nth-child(-n+2){border-bottom:1px solid var(--cloud-line)}.cloud-process-flow li:nth-child(2)::after{display:none}
  .cloud-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-capability-grid article:nth-child(3n){border-right:1px solid #dcebea}.cloud-capability-grid article:nth-child(2n){border-right:0}.cloud-capability-grid article:nth-last-child(-n+3){border-bottom:1px solid #dcebea}.cloud-capability-grid article:nth-last-child(-n+2){border-bottom:0}
  .cloud-deployment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-deployment-grid article:nth-child(2){border-right:0}.cloud-deployment-grid article:nth-child(-n+2){border-bottom:1px solid var(--cloud-line)}
}
@media(max-width:768px){
  .cloud-security-page .pain-grid{grid-template-columns:1fr}.cloud-security-page .firewall-value-grid{grid-template-columns:1fr}.cloud-security-page .firewall-value-grid .info-card{padding:27px 0;border-right:0;border-bottom:1px solid #d4e8e7}.cloud-security-page .firewall-value-grid .info-card:last-child{border-bottom:0}.cloud-security-page .firewall-value-grid .card-no{margin-bottom:18px}
  .cloud-visual-body{min-height:0;grid-template-columns:1fr;gap:14px;padding:20px}.cloud-visual-body::before,.cloud-visual-body::after{display:none}.cloud-sources{grid-template-columns:repeat(3,1fr)}.cloud-sources span:nth-child(2n){margin-left:0}.cloud-analysis-core{min-height:160px;border-radius:12px}.cloud-results{grid-template-columns:repeat(3,1fr)}
  .cloud-scenario-list article{grid-template-columns:38px 1fr;gap:12px 16px}.cloud-scenario-list article>div,.cloud-scenario-list article>p{grid-column:2}.cloud-scenario-list p{margin:0}
  .cloud-interface-intro{grid-template-columns:1fr;gap:10px}.cloud-interface-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .cloud-security-page .detail-hero h1{font-size:36px}.cloud-security-page .cloud-source-dock{grid-template-columns:repeat(2,1fr)}.cloud-security-page .cloud-source-dock span:nth-child(2n){border-right:0}
  .cloud-sources,.cloud-results{grid-template-columns:repeat(2,1fr)}.cloud-analysis-core{padding:18px}.cloud-analysis-core strong{font-size:16px}
  .cloud-process-flow,.cloud-capability-grid,.cloud-deployment-grid{grid-template-columns:1fr}.cloud-process-flow li,.cloud-deployment-grid article{min-height:0;border-right:0;border-bottom:1px solid var(--cloud-line)}.cloud-process-flow li:last-child,.cloud-deployment-grid article:last-child{border-bottom:0}.cloud-process-flow li::after{display:none}.cloud-process-flow h3,.cloud-deployment-grid h3{margin-top:26px}
  .cloud-capability-grid article,.cloud-capability-grid article:nth-child(3n),.cloud-capability-grid article:nth-last-child(-n+3),.cloud-capability-grid article:nth-last-child(-n+2){border-right:0;border-bottom:1px solid #dcebea}.cloud-capability-grid article:last-child{border-bottom:0}
}

/* 防火墙能力区可读性修正：覆盖后加载的全站浅色主题，避免浅底浅字。 */
.product-detail-page.firewall-page .core-section{
  color:#f4fbfb;
  background-color:#0f3b46;
  background-image:linear-gradient(135deg,#0e3944 0%,#154b56 58%,#11414c 100%);
}
.product-detail-page.firewall-page .core-section .firewall-section-head{
  border-color:rgba(151,229,224,.42);
}
.product-detail-page.firewall-page .core-section .firewall-section-head>div>span,
.product-detail-page.firewall-page .core-section .capability-intro>p{
  color:#75e8df;
}
.product-detail-page.firewall-page .core-section .firewall-section-head h2{
  color:#fff;
}
.product-detail-page.firewall-page .core-section .firewall-section-head>p{
  color:#d8ebea;
}
.product-detail-page.firewall-page .core-section .capability-proof-grid .manual-proof{
  border-color:rgba(151,229,224,.34);
  background:#184d58;
}
.product-detail-page.firewall-page .core-section .capability-proof-grid .manual-proof figcaption span{
  color:#7ce9e0;
  font-size:12px;
  font-weight:750;
}
.product-detail-page.firewall-page .core-section .capability-proof-grid .manual-proof figcaption strong{
  color:#fff;
  font-size:15px;
  font-weight:700;
}
.product-detail-page.firewall-page .core-section .capability-intro{
  border-color:rgba(151,229,224,.38);
}
.product-detail-page.firewall-page .core-section .capability-intro li{
  color:#eef9f8;
  font-size:15px;
  font-weight:700;
}
.product-detail-page.firewall-page .core-section .capability-group{
  border-color:rgba(151,229,224,.28);
  background:rgba(255,255,255,.025);
}
.product-detail-page.firewall-page .core-section .capability-group-title{
  color:#fff;
  background:rgba(116,232,224,.1);
  font-size:16px;
  font-weight:750;
}
.product-detail-page.firewall-page .core-section .capability-group-title span,
.product-detail-page.firewall-page .core-section .firewall-capability-grid .capability>strong{
  color:#78e7de;
}
.product-detail-page.firewall-page .core-section .firewall-capability-grid .capability{
  border-color:rgba(151,229,224,.2);
  background:transparent;
}
.product-detail-page.firewall-page .core-section .firewall-capability-grid .capability.is-emphasis{
  background:linear-gradient(90deg,rgba(54,202,192,.14),rgba(54,202,192,.025));
}
.product-detail-page.firewall-page .core-section .firewall-capability-grid .capability h3,
.product-detail-page.firewall-page .core-section .firewall-capability-grid .capability.is-emphasis h3{
  color:#fff;
  font-size:16px;
  font-weight:700;
}
.product-detail-page.firewall-page .core-section .firewall-capability-grid .capability p{
  color:#c9dfde;
  font-size:13px;
  line-height:1.75;
}
.product-detail-page.firewall-page .core-section .vendor-support{
  border-color:rgba(151,229,224,.35);
  background:linear-gradient(120deg,rgba(46,190,183,.16),rgba(255,255,255,.045));
}
.product-detail-page.firewall-page .core-section .vendor-support-summary>span{
  color:#77e9df;
}
.product-detail-page.firewall-page .core-section .vendor-support-summary>strong{
  color:#fff;
}
.product-detail-page.firewall-page .core-section .vendor-support-summary>p{
  color:#c9dfde;
  font-size:14px;
}
.product-detail-page.firewall-page .core-section .vendor-support li{
  border-color:rgba(151,229,224,.27);
  color:#eef9f8;
  background:rgba(255,255,255,.055);
  font-size:14px;
  font-weight:650;
}

/* 核心能力说明在平板横屏及桌面端保持完整单行，窄屏仍允许自然换行。 */
@media (min-width:769px){
  .product-detail-page.firewall-page .core-section .firewall-section-head{
    grid-template-columns:max-content minmax(0,1fr);
    gap:clamp(20px,3vw,44px);
  }
  .product-detail-page.firewall-page .core-section .firewall-section-head>p{
    justify-self:end;
    font-size:clamp(15px,1.65vw,20px);
    white-space:nowrap;
  }
}

@media (max-width:520px){
  .product-detail-page.firewall-page .core-section .capability-intro li,
  .product-detail-page.firewall-page .core-section .vendor-support li{font-size:13px;}
  .product-detail-page.firewall-page .core-section .firewall-capability-grid .capability p{font-size:13px;}
}

/* 防火墙产品页统一深青蓝视觉：保留区块层级，不再混用白底与浅绿底。 */
.product-detail-page.firewall-page{
  --fw-bg:#0f3944;
  --fw-bg-soft:#13444f;
  --fw-surface:#184f5a;
  --fw-surface-strong:#1d5964;
  --fw-line:rgba(164,235,230,.3);
  --fw-title:#f7ffff;
  --fw-copy:#d7e9e8;
  --fw-muted:#b4d0cf;
  --fw-accent:#79eee3;
  color:var(--fw-copy);
  background:var(--fw-bg);
}
.product-detail-page.firewall-page main{background:var(--fw-bg);}
.product-detail-page.firewall-page .detail-hero{
  color:var(--fw-copy);
  background:
    radial-gradient(circle at 88% 24%,rgba(84,221,211,.2),transparent 32%),
    linear-gradient(125deg,#0d3540 0%,#124752 58%,#17545e 100%);
}
.product-detail-page.firewall-page .detail-hero::before{
  background-image:
    linear-gradient(rgba(104,210,204,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(104,210,204,.07) 1px,transparent 1px);
}
.product-detail-page.firewall-page .breadcrumb{color:#9abbbb;}
.product-detail-page.firewall-page .breadcrumb a:hover{color:var(--fw-accent);}
.product-detail-page.firewall-page .detail-hero h1{color:var(--fw-title);}
.product-detail-page.firewall-page .hero-lead{color:#d9eeee;}
.product-detail-page.firewall-page .hero-copy{color:var(--fw-copy);}
.product-detail-page.firewall-page .detail-hero .button-secondary{
  border-color:rgba(112,231,221,.45);
  color:#ecffff;
  background:rgba(255,255,255,.045);
}
.product-detail-page.firewall-page .detail-hero .button-secondary:hover,
.product-detail-page.firewall-page .detail-hero .button-secondary:focus-visible{
  border-color:var(--fw-accent);
  color:#fff;
  background:rgba(112,231,221,.12);
}
.product-detail-page.firewall-page .product-source-dock{
  border-color:var(--fw-line);
  background:rgba(24,79,90,.92);
  box-shadow:0 16px 36px rgba(3,25,30,.16);
}
.product-detail-page.firewall-page .product-source-dock span{
  border-color:var(--fw-line);
  color:#d2e8e7;
}
.product-detail-page.firewall-page .anchor-nav{
  border-color:var(--fw-line);
  background:rgba(14,55,65,.96);
  box-shadow:0 8px 24px rgba(3,25,30,.14);
}
.product-detail-page.firewall-page .anchor-nav a{color:#a9c9c8;}
.product-detail-page.firewall-page .anchor-nav a:hover,
.product-detail-page.firewall-page .anchor-nav a.is-active{color:#fff;}
.product-detail-page.firewall-page .section{color:var(--fw-copy);background:var(--fw-bg);}
.product-detail-page.firewall-page .value-section,
.product-detail-page.firewall-page #scenarios{background:var(--fw-bg-soft);}
.product-detail-page.firewall-page .principle-section{
  background:linear-gradient(180deg,#103d48 0%,#154b56 100%);
}
.product-detail-page.firewall-page .firewall-section-head{border-color:var(--fw-line);}
.product-detail-page.firewall-page .firewall-section-head>div>span{color:var(--fw-accent);}
.product-detail-page.firewall-page .firewall-section-head h2{color:var(--fw-title);}
.product-detail-page.firewall-page .firewall-section-head>p{color:#d5e9e8;}
.product-detail-page.firewall-page .pain-grid,
.product-detail-page.firewall-page .firewall-value-grid,
.product-detail-page.firewall-page #scenarios .scenario-grid{border-color:var(--fw-line);}
.product-detail-page.firewall-page .pain-grid article,
.product-detail-page.firewall-page .pain-grid article:nth-child(-n + 2),
.product-detail-page.firewall-page .firewall-value-grid .info-card,
.product-detail-page.firewall-page .firewall-value-grid .info-card.is-primary,
.product-detail-page.firewall-page #scenarios .scenario{
  border-color:var(--fw-line);
  color:var(--fw-copy);
  background:transparent;
}
.product-detail-page.firewall-page .pain-grid span,
.product-detail-page.firewall-page #scenarios .scenario::before{color:#79aaa9;}
.product-detail-page.firewall-page .pain-grid h3,
.product-detail-page.firewall-page .pain-grid article:nth-child(-n + 2) h3,
.product-detail-page.firewall-page .firewall-value-grid .info-card h3,
.product-detail-page.firewall-page .firewall-value-grid .info-card.is-primary h3,
.product-detail-page.firewall-page #scenarios .scenario h3{color:var(--fw-title);}
.product-detail-page.firewall-page .pain-grid p,
.product-detail-page.firewall-page .firewall-value-grid .info-card p,
.product-detail-page.firewall-page #scenarios .scenario p{color:var(--fw-copy);}
.product-detail-page.firewall-page .firewall-value-grid .card-no,
.product-detail-page.firewall-page #scenarios .scenario>span,
.product-detail-page.firewall-page #scenarios .scenario-flow b{color:var(--fw-accent);}
.product-detail-page.firewall-page .firewall-value-grid .info-card.is-primary strong{
  border-color:var(--fw-line);
  color:#e7f7f6;
}
.product-detail-page.firewall-page .firewall-principle .process-flow::before{background:var(--fw-line);}
.product-detail-page.firewall-page .firewall-principle .process-flow .step-no{
  border-color:rgba(112,231,221,.48);
  color:var(--fw-accent);
  background:var(--fw-surface);
}
.product-detail-page.firewall-page .firewall-principle .process-flow h3{color:var(--fw-title);}
.product-detail-page.firewall-page .firewall-principle .process-flow p{color:var(--fw-copy);}
.product-detail-page.firewall-page .manual-feature .manual-image-frame{
  border-color:var(--fw-line);
  background:var(--fw-surface);
  box-shadow:18px 18px 0 rgba(30,91,101,.72);
}
.product-detail-page.firewall-page .manual-feature figcaption{border-color:var(--fw-accent);}
.product-detail-page.firewall-page .manual-feature figcaption span{color:var(--fw-accent);}
.product-detail-page.firewall-page .manual-feature figcaption strong{color:var(--fw-title);}
.product-detail-page.firewall-page .path-audit-feature{
  border-color:var(--fw-line);
  color:var(--fw-copy);
  background:linear-gradient(135deg,var(--fw-surface-strong),var(--fw-surface));
  box-shadow:0 24px 55px rgba(3,25,30,.15);
}
.product-detail-page.firewall-page .path-audit-copy>span{color:var(--fw-accent);}
.product-detail-page.firewall-page .path-audit-copy h3{color:var(--fw-title);}
.product-detail-page.firewall-page .path-audit-copy p,
.product-detail-page.firewall-page .path-audit-copy li{color:var(--fw-copy);}
.product-detail-page.firewall-page .path-audit-copy li::before{background:var(--fw-accent);}
.product-detail-page.firewall-page .path-audit-feature figure img{border-color:var(--fw-line);}
.product-detail-page.firewall-page #scenarios .scenario-flow p:first-child{border-color:var(--fw-line);}
.product-detail-page.firewall-page .detail-cta{
  color:var(--fw-copy);
  background:
    radial-gradient(circle at 82% 18%,rgba(61,205,196,.14),transparent 28%),
    linear-gradient(118deg,#103d48,var(--fw-surface-strong));
}
.product-detail-page.firewall-page .detail-cta p{color:var(--fw-accent);}
.product-detail-page.firewall-page .detail-cta h2{color:var(--fw-title);}
.product-detail-page.firewall-page .detail-cta span{color:var(--fw-copy);}

@media (max-width:768px){
  .product-detail-page.firewall-page .firewall-value-grid .info-card,
  .product-detail-page.firewall-page .firewall-value-grid .info-card.is-primary{border-color:var(--fw-line);}
}
@media (max-width:520px){
  .product-detail-page.firewall-page .manual-feature .manual-image-frame{box-shadow:9px 9px 0 rgba(30,91,101,.72);}
}

/* 防火墙产品页明亮官网主题：白色为主，浅青灰分区，保留产品界面原始配色。 */
.product-detail-page.firewall-page{
  --fw-bg:#ffffff;
  --fw-bg-soft:#f4f9f9;
  --fw-surface:#ffffff;
  --fw-surface-strong:#eaf5f4;
  --fw-line:#cfe5e3;
  --fw-title:#102b3a;
  --fw-copy:#355466;
  --fw-muted:#607b87;
  --fw-accent:#087e7b;
  color:var(--fw-copy);
  background:var(--fw-bg);
}
.product-detail-page.firewall-page main{background:var(--fw-bg);}
.product-detail-page.firewall-page .detail-hero{
  color:var(--fw-copy);
  background:
    radial-gradient(circle at 87% 18%,rgba(39,184,178,.15),transparent 30%),
    radial-gradient(circle at 66% 72%,rgba(74,204,211,.08),transparent 32%),
    linear-gradient(124deg,#fff 0%,#f8fbfb 56%,#edf7f6 100%);
}
.product-detail-page.firewall-page .detail-hero::before{
  background-image:
    linear-gradient(rgba(25,129,133,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(25,129,133,.055) 1px,transparent 1px);
}
.product-detail-page.firewall-page .breadcrumb{color:#6a838f;}
.product-detail-page.firewall-page .breadcrumb a:hover{color:var(--fw-accent);}
.product-detail-page.firewall-page .detail-hero h1{color:var(--fw-title);}
.product-detail-page.firewall-page .hero-lead{color:#174d58;}
.product-detail-page.firewall-page .hero-copy{color:var(--fw-copy);}
.product-detail-page.firewall-page .detail-hero .button-secondary{
  border-color:#b8d5d3;
  color:#173c4b;
  background:rgba(255,255,255,.9);
}
.product-detail-page.firewall-page .detail-hero .button-secondary:hover,
.product-detail-page.firewall-page .detail-hero .button-secondary:focus-visible{
  border-color:#42aaa6;
  color:#075f61;
  background:#eef9f8;
}
.product-detail-page.firewall-page .product-source-dock{
  border-color:var(--fw-line);
  background:rgba(255,255,255,.94);
  box-shadow:0 16px 40px rgba(33,79,86,.09);
}
.product-detail-page.firewall-page .product-source-dock span{
  border-color:#deeeed;
  color:#365f68;
}
.product-detail-page.firewall-page .anchor-nav{
  border-color:var(--fw-line);
  background:rgba(255,255,255,.96);
  box-shadow:0 8px 24px rgba(35,76,83,.07);
}
.product-detail-page.firewall-page .anchor-nav a{color:#55747e;}
.product-detail-page.firewall-page .anchor-nav a:hover,
.product-detail-page.firewall-page .anchor-nav a.is-active{color:#0a6667;}
.product-detail-page.firewall-page .section{
  color:var(--fw-copy);
  background:var(--fw-bg);
}
.product-detail-page.firewall-page .value-section,
.product-detail-page.firewall-page #scenarios{background:var(--fw-bg-soft);}
.product-detail-page.firewall-page .principle-section{
  background:linear-gradient(180deg,#fff 0%,#f5f9f9 100%);
}
.product-detail-page.firewall-page .firewall-section-head{border-color:var(--fw-line);}
.product-detail-page.firewall-page .firewall-section-head>div>span{color:var(--fw-accent);}
.product-detail-page.firewall-page .firewall-section-head h2{color:var(--fw-title);}
.product-detail-page.firewall-page .firewall-section-head>p{color:#496674;}
.product-detail-page.firewall-page .pain-grid,
.product-detail-page.firewall-page .firewall-value-grid,
.product-detail-page.firewall-page #scenarios .scenario-grid{border-color:var(--fw-line);}
.product-detail-page.firewall-page .pain-grid article,
.product-detail-page.firewall-page .pain-grid article:nth-child(-n + 2),
.product-detail-page.firewall-page .firewall-value-grid .info-card,
.product-detail-page.firewall-page .firewall-value-grid .info-card.is-primary,
.product-detail-page.firewall-page #scenarios .scenario{
  border-color:var(--fw-line);
  color:var(--fw-copy);
  background:transparent;
}
.product-detail-page.firewall-page .pain-grid span,
.product-detail-page.firewall-page #scenarios .scenario::before{color:#72949b;}
.product-detail-page.firewall-page .pain-grid h3,
.product-detail-page.firewall-page .pain-grid article:nth-child(-n + 2) h3,
.product-detail-page.firewall-page .firewall-value-grid .info-card h3,
.product-detail-page.firewall-page .firewall-value-grid .info-card.is-primary h3,
.product-detail-page.firewall-page #scenarios .scenario h3{color:var(--fw-title);}
.product-detail-page.firewall-page .pain-grid p,
.product-detail-page.firewall-page .firewall-value-grid .info-card p,
.product-detail-page.firewall-page #scenarios .scenario p{color:var(--fw-copy);}
.product-detail-page.firewall-page .firewall-value-grid .card-no,
.product-detail-page.firewall-page #scenarios .scenario>span,
.product-detail-page.firewall-page #scenarios .scenario-flow b{color:var(--fw-accent);}
.product-detail-page.firewall-page .firewall-value-grid .info-card.is-primary strong{
  border-color:var(--fw-line);
  color:#234e59;
}
.product-detail-page.firewall-page .firewall-principle .process-flow::before{background:var(--fw-line);}
.product-detail-page.firewall-page .firewall-principle .process-flow .step-no{
  border-color:#83c7c3;
  color:var(--fw-accent);
  background:#fff;
}
.product-detail-page.firewall-page .firewall-principle .process-flow h3{color:var(--fw-title);}
.product-detail-page.firewall-page .firewall-principle .process-flow p{color:var(--fw-copy);}
.product-detail-page.firewall-page .manual-feature .manual-image-frame{
  border-color:var(--fw-line);
  background:#fff;
  box-shadow:18px 18px 0 #e2f1f0;
}
.product-detail-page.firewall-page .manual-feature figcaption{border-color:#28aaa5;}
.product-detail-page.firewall-page .manual-feature figcaption span{color:var(--fw-accent);}
.product-detail-page.firewall-page .manual-feature figcaption strong{color:var(--fw-title);}
.product-detail-page.firewall-page .path-audit-feature{
  border-color:var(--fw-line);
  color:var(--fw-copy);
  background:linear-gradient(135deg,#fff,#edf7f6);
  box-shadow:0 24px 55px rgba(36,78,84,.1);
}
.product-detail-page.firewall-page .path-audit-copy>span{color:var(--fw-accent);}
.product-detail-page.firewall-page .path-audit-copy h3{color:var(--fw-title);}
.product-detail-page.firewall-page .path-audit-copy p,
.product-detail-page.firewall-page .path-audit-copy li{color:var(--fw-copy);}
.product-detail-page.firewall-page .path-audit-copy li::before{background:var(--fw-accent);}
.product-detail-page.firewall-page .path-audit-feature figure img{border-color:var(--fw-line);}

.product-detail-page.firewall-page .core-section{
  color:var(--fw-copy);
  background-color:#f2f8f8;
  background-image:linear-gradient(135deg,#f7fbfb 0%,#edf6f5 58%,#f8fbfb 100%);
}
.product-detail-page.firewall-page .core-section .firewall-section-head{border-color:var(--fw-line);}
.product-detail-page.firewall-page .core-section .firewall-section-head>div>span,
.product-detail-page.firewall-page .core-section .capability-intro>p{color:var(--fw-accent);}
.product-detail-page.firewall-page .core-section .firewall-section-head h2{color:var(--fw-title);}
.product-detail-page.firewall-page .core-section .firewall-section-head>p{color:#496674;}
.product-detail-page.firewall-page .core-section .capability-proof-grid .manual-proof{
  border-color:#c7dfdd;
  background:#fff;
  box-shadow:0 16px 38px rgba(36,78,84,.09);
}
.product-detail-page.firewall-page .core-section .capability-proof-grid .manual-proof figcaption span{color:var(--fw-accent);}
.product-detail-page.firewall-page .core-section .capability-proof-grid .manual-proof figcaption strong{color:var(--fw-title);}
.product-detail-page.firewall-page .core-section .capability-intro{border-color:#c7dfdd;}
.product-detail-page.firewall-page .core-section .capability-intro li{color:#244d58;}
.product-detail-page.firewall-page .core-section .capability-group{
  border-color:#c8dfdd;
  background:#fff;
}
.product-detail-page.firewall-page .core-section .capability-group-title{
  border-color:#d8e9e7;
  color:var(--fw-title);
  background:#e9f5f4;
}
.product-detail-page.firewall-page .core-section .capability-group-title span,
.product-detail-page.firewall-page .core-section .firewall-capability-grid .capability>strong{color:var(--fw-accent);}
.product-detail-page.firewall-page .core-section .firewall-capability-grid .capability{
  border-color:#dcebea;
  background:transparent;
}
.product-detail-page.firewall-page .core-section .firewall-capability-grid .capability.is-emphasis{
  background:linear-gradient(90deg,rgba(39,184,178,.1),rgba(39,184,178,.015));
}
.product-detail-page.firewall-page .core-section .firewall-capability-grid .capability h3,
.product-detail-page.firewall-page .core-section .firewall-capability-grid .capability.is-emphasis h3{color:var(--fw-title);}
.product-detail-page.firewall-page .core-section .firewall-capability-grid .capability p{color:#476672;}
.product-detail-page.firewall-page .core-section .vendor-support{
  border-color:#bcdad7;
  background:linear-gradient(120deg,#e5f4f2,#fff);
}
.product-detail-page.firewall-page .core-section .vendor-support-summary>span{color:var(--fw-accent);}
.product-detail-page.firewall-page .core-section .vendor-support-summary>strong{color:var(--fw-title);}
.product-detail-page.firewall-page .core-section .vendor-support-summary>p{color:#476672;}
.product-detail-page.firewall-page .core-section .vendor-support li{
  border-color:#c8dfdd;
  color:#264e58;
  background:rgba(255,255,255,.78);
}
.product-detail-page.firewall-page #scenarios .scenario-flow p:first-child{border-color:var(--fw-line);}
.product-detail-page.firewall-page .detail-cta{
  color:var(--fw-copy);
  background:
    radial-gradient(circle at 82% 18%,rgba(39,184,178,.14),transparent 28%),
    linear-gradient(118deg,#fff,#e9f6f4);
}
.product-detail-page.firewall-page .detail-cta p{color:var(--fw-accent);}
.product-detail-page.firewall-page .detail-cta h2{color:var(--fw-title);}
.product-detail-page.firewall-page .detail-cta span{color:var(--fw-copy);}

@media (max-width:1024px){
  .product-detail-page.firewall-page .capability-group:nth-child(-n + 2){border-color:#c8dfdd;}
}
@media (max-width:768px){
  .product-detail-page.firewall-page .firewall-value-grid .info-card,
  .product-detail-page.firewall-page .firewall-value-grid .info-card.is-primary{border-color:var(--fw-line);}
}
@media (max-width:520px){
  .product-detail-page.firewall-page .manual-feature .manual-image-frame{box-shadow:9px 9px 0 #e2f1f0;}
  .product-detail-page.firewall-page .capability-group,
  .product-detail-page.firewall-page .capability-group:nth-child(2){border-color:#c8dfdd;}
}