:root{--blue:#1768e8;--cyan:#27cce1;--navy:#071d41;--ink:#0b2449;--muted:#61738b;--line:#d9e7f5;--ice:#f3f9ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;background:#fff;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}section[id]{scroll-margin-top:86px}

/* Corporate global navigation */
.corporate-header{height:70px;position:fixed;z-index:100;top:0;left:0;width:100%;display:flex;align-items:center;padding:0 clamp(22px,4.8vw,96px);background:rgba(255,255,255,.94);border-bottom:1px solid #e6eef7;box-shadow:0 5px 24px rgba(13,61,110,.08);backdrop-filter:blur(18px)}
.zn-brand{display:flex;align-items:center;gap:10px;min-width:auto;padding:0 14px 0 0}.zn-brand-image{height:46px;width:auto;display:block}.zn-mark{width:36px;height:42px;display:grid;place-items:center;color:#fff;font:900 27px/1 Arial;background:linear-gradient(135deg,#0870c7,#1cbada);clip-path:polygon(0 0,72% 0,100% 28%,100% 100%,29% 100%,0 72%)}.zn-brand>span:last-child{display:flex;flex-direction:column}.zn-brand b{font-size:22px;letter-spacing:.12em}.zn-brand small{font:8px/1.4 Arial;letter-spacing:.38em;color:#8292a5;text-transform:uppercase}
.corporate-nav{height:100%;display:flex;align-items:stretch;justify-content:center;flex:1}.corporate-nav>a,.nav-product>a{height:100%;padding:0 clamp(11px,1.25vw,25px);display:flex;align-items:center;white-space:nowrap;font-size:14px;color:#1e324f;transition:.25s}.corporate-nav>a:hover,.nav-product>a:hover{color:var(--blue);background:#f4f9ff}.nav-product{height:100%;position:static}.nav-product>a{color:#fff;background:linear-gradient(135deg,#1464df,#2857ce);position:relative}.nav-product>a:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%,100%);border:9px solid transparent;border-top-color:#2857ce}
.hotline{margin-left:20px;white-space:nowrap;padding:9px 15px;border-radius:24px;background:#315dd0;color:#fff;font-weight:800;font-size:13px;box-shadow:0 8px 18px rgba(41,84,197,.22)}
.mega-menu{position:absolute;top:70px;left:0;width:100%;height:370px;display:grid;grid-template-columns:25% 25% 50%;padding:30px max(5vw,60px);background:rgba(251,253,255,.98);border-bottom:1px solid #dce8f5;box-shadow:0 28px 55px rgba(13,54,99,.16);backdrop-filter:blur(22px);opacity:0;visibility:hidden;transform:translateY(-10px);transition:.3s;pointer-events:none}.nav-product:hover .mega-menu,.nav-product:focus-within .mega-menu,.nav-product.is-open .mega-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.mega-intro{padding-right:44px;border-right:1px solid #dce8f5}.mega-intro>span{font-size:10px;letter-spacing:.16em;color:#2582e8;font-weight:800}.mega-intro h2{font-size:27px;line-height:1.35;margin:16px 0}.mega-intro p{font-size:13px;line-height:1.75;color:#718399}.mega-intro>a{display:inline-flex;gap:22px;margin-top:14px;padding:10px 18px;border:1px solid #98bfe8;border-radius:8px;color:#1768d8;font-size:12px;font-weight:800}.mega-intro i{font-style:normal}
.mega-links{padding:0 30px;display:grid}.mega-links a{display:grid;grid-template-columns:35px 1fr auto;align-items:center;border-bottom:1px solid #e2ebf5;color:#314863;transition:.25s}.mega-links a:hover{padding-left:10px;color:var(--blue)}.mega-links a.has-children{position:relative;color:#1768e8;background:linear-gradient(90deg,rgba(23,104,232,.08),transparent);box-shadow:inset 3px 0 #1768e8}.mega-links a.has-children:after{content:"三级产品菜单";position:absolute;right:28px;bottom:8px;color:#86a7c9;font-size:8px;font-weight:700;letter-spacing:.08em}.mega-links small{color:#8eb2d8;font-size:9px}.mega-links b{font-size:14px}.mega-links span{font-size:24px;color:#7c91aa}
.mega-products{position:relative;overflow:hidden;margin:-30px max(-5vw,-96px) -30px 0;padding:27px clamp(28px,3vw,52px);background:radial-gradient(circle at 86% 10%,rgba(54,204,226,.2),transparent 30%),linear-gradient(135deg,#edf7ff,#f8fbff)}.mega-products:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(52,126,201,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(52,126,201,.07) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(120deg,#000,transparent 78%)}.mega-products-heading,.mega-product-grid{position:relative;z-index:1}.mega-products-heading{display:flex;align-items:baseline;gap:14px;margin-bottom:17px}.mega-products-heading>span{color:#2787e4;font:800 9px/1 Arial;letter-spacing:.16em}.mega-products-heading>b{font-size:19px;color:#102f58}.mega-products-heading>small{color:#7990a8;font-size:11px}.mega-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.mega-product-grid>a{--menu-accent:#1768e8;min-height:116px;display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:11px;padding:16px;border:1px solid color-mix(in srgb,var(--menu-accent) 25%,#dce9f6);border-radius:16px;background:rgba(255,255,255,.82);box-shadow:0 12px 28px rgba(20,78,139,.08);transition:.25s}.mega-product-grid>a:hover,.mega-product-grid>a:focus-visible{transform:translateY(-3px);border-color:var(--menu-accent);box-shadow:0 17px 35px rgba(20,78,139,.15);outline:none}.mega-product-grid>a>i{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(145deg,var(--menu-accent),#36cfe1);font:800 9px/1 Arial;font-style:normal}.mega-product-grid>a>span{display:flex;flex-direction:column;gap:7px}.mega-product-grid>a b{font-size:15px;color:#173858}.mega-product-grid>a small{font-size:10px;color:#7890a8}.mega-product-grid>a>em{color:var(--menu-accent);font-size:17px;font-style:normal}.mega-product-grid .product-assistant{--menu-accent:#6b6ee8}.mega-product-grid .product-knowledge{--menu-accent:#139d9a}.mega-product-grid .product-education{--menu-accent:#e89435}

/* Xiaozhi column landing */
.xiaozhi-hero{height:min(900px,100vh);min-height:720px;position:relative;display:flex;align-items:center;padding:100px 6vw 30px;overflow:hidden;background:#edf8ff}.hero-images{position:absolute;inset:70px 0 0}.hero-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;opacity:0;filter:blur(2px) saturate(.93);transform:scale(1.04);transition:opacity 1s ease,filter 1s ease,transform 6s ease}.hero-images img.active{opacity:1;filter:blur(.35px) saturate(.99);transform:scale(1)}.hero-overlay{position:absolute;inset:70px 0 0;background:linear-gradient(90deg,rgba(255,255,255,.96) 0,rgba(255,255,255,.77) 34%,rgba(246,252,255,.14) 64%,rgba(235,248,255,.06) 100%),linear-gradient(180deg,rgba(255,255,255,.22),rgba(235,248,255,.1));pointer-events:none}.xiaozhi-hero-copy{position:relative;z-index:3;width:560px;margin-left:1.5vw}.xiaozhi-hero-copy>p:first-child{display:flex;align-items:center;gap:12px;color:#1768e8;font-size:14px;font-weight:800;letter-spacing:.08em}.xiaozhi-hero-copy>p:first-child span{width:28px;height:2px;background:#1768e8;box-shadow:0 0 8px #278df1}.xiaozhi-hero h1{margin:26px 0 0;font-size:clamp(55px,5vw,78px);line-height:1.06;letter-spacing:.045em;text-shadow:0 14px 35px rgba(18,86,160,.12)}.xiaozhi-hero h1 small,.xiaozhi-hero h1 em{display:block;font:inherit}.xiaozhi-hero h1 small{color:#294d7d}.xiaozhi-hero h1 em{font-style:normal;background:linear-gradient(96deg,#0e4fc5,#087df2 47%,#20c8e4);-webkit-background-clip:text;color:transparent}.hero-line{width:330px;height:4px;border-radius:5px;margin:30px 0 22px;background:linear-gradient(90deg,#1e72ec,#33d1e5,transparent);box-shadow:0 5px 14px rgba(23,136,231,.22)}.hero-description{font-size:17px;line-height:1.9;color:#536984;max-width:540px}.hero-actions{display:flex;gap:16px;margin-top:32px}.button{position:relative;overflow:hidden;min-width:180px;padding:15px 22px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:25px;font-weight:800;transition:.3s}.button:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.7) 50%,transparent 75%);transform:translateX(-140%);transition:.7s}.button:hover{transform:translateY(-3px)}.button:hover:after{transform:translateX(140%)}.primary{color:#fff;border:1px solid #91dcff;background:linear-gradient(135deg,#1763e8,#12a7ef 60%,#23d4dc);box-shadow:0 15px 34px rgba(20,102,226,.32),inset 0 1px rgba(255,255,255,.7)}.secondary{border:1px solid #4a8dec;background:rgba(255,255,255,.68);color:#145fcf;box-shadow:0 12px 26px rgba(28,92,166,.12);backdrop-filter:blur(14px)}.hero-proof{display:flex;gap:24px;margin-top:27px;color:#6a7d93;font-size:12px}.hero-proof span:before{content:"✓";color:#1670ed;margin-right:7px;font-weight:900}.hero-arrow{position:absolute;z-index:10;top:53%;width:46px;height:46px;border:1px solid #84baf0;border-radius:50%;color:#1768e8;background:rgba(255,255,255,.72);box-shadow:0 12px 28px rgba(23,92,163,.16);backdrop-filter:blur(14px);font-size:29px;cursor:pointer}.hero-arrow.prev{left:17px}.hero-arrow.next{right:17px}.explore{position:absolute;z-index:8;left:6vw;bottom:25px;display:flex;align-items:center;gap:10px;color:#27629e;font-size:11px}.explore>b{width:30px;height:30px;display:grid;place-items:center;border:1px solid #8dc3f1;border-radius:50%;background:#fff;animation:bounce 1.6s ease-in-out infinite}.explore span{font-weight:800}.explore small{display:block;margin-top:3px;color:#83a0bb;font-size:8px;letter-spacing:.12em}@keyframes bounce{50%{transform:translateY(7px)}}
.module-nav{min-height:95px;display:grid;grid-template-columns:repeat(5,1fr);padding:0 6vw;border-bottom:1px solid #e0eaf4;background:#fff}.module-nav a{display:flex;align-items:center;justify-content:center;gap:13px;border-right:1px solid #e5edf5;font-weight:800;color:#405875;transition:.25s}.module-nav a:first-child{border-left:1px solid #e5edf5}.module-nav a:hover{color:#fff;background:linear-gradient(135deg,#1765e6,#21bbdf)}.module-nav span{font-size:10px;color:#82a7cd}.module-nav a:hover span{color:#c9f5ff}
.home-section{padding:110px max(5vw,24px)}.section-title{max-width:760px;margin:0 auto 60px;text-align:center}.section-title>p,.paradigm-copy>p,.detail-heading>p,.detail-flow>div>p,.related-products>div>p{margin:0;color:#1768e8;font-size:12px;font-weight:900;letter-spacing:.16em}.section-title h2,.detail-heading h2{font-size:clamp(38px,4vw,56px);margin:15px 0 18px;letter-spacing:-.04em}.section-title>span,.detail-heading>span{color:#697c93;line-height:1.8}

/* Product matrix — brand-led capability map with four replaceable 4:3 image slots. */
.product-matrix{position:relative;overflow:hidden;padding-top:92px;padding-bottom:105px;background:radial-gradient(circle at 48% 48%,rgba(84,184,255,.2),transparent 27%),radial-gradient(circle at 82% 25%,rgba(106,205,255,.14),transparent 31%),linear-gradient(180deg,#fbfdff 0%,#f1f8ff 58%,#eaf5ff 100%)}
.product-matrix:before,.product-matrix:after{content:"";position:absolute;pointer-events:none}
.product-matrix:before{inset:0;background-image:linear-gradient(rgba(75,148,216,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(75,148,216,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)}
.product-matrix:after{left:-8%;right:-8%;bottom:-185px;height:350px;border:1px solid rgba(80,165,233,.23);border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(189,224,250,.2));box-shadow:0 -20px 75px rgba(34,117,196,.11)}
.matrix-heading{max-width:1360px;margin:0 auto 30px;position:relative;z-index:3;display:block}
.matrix-heading p{margin:0 0 10px;color:#1768e8;font-size:11px;font-weight:900;letter-spacing:.19em}
.matrix-heading h2{margin:0;color:#071d41;font-size:clamp(42px,4.3vw,62px);letter-spacing:-.045em}
.matrix-heading span{display:block;margin-top:12px;color:#637993;font-size:16px;line-height:1.75;text-align:left}
.matrix-heading i{display:block;width:62px;height:3px;margin-top:13px;border-radius:4px;background:linear-gradient(90deg,#1769e8,#26c4df);box-shadow:0 4px 12px rgba(23,105,232,.2)}
.matrix-stage{max-width:1400px;height:760px;margin:auto;position:relative;z-index:2}
.matrix-connectors{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible}
.matrix-connectors path{fill:none;stroke:#72b9ef;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:7 9;filter:drop-shadow(0 0 5px rgba(38,156,232,.4));animation:matrixFlow 8s linear infinite}
.matrix-connectors path:nth-child(even){stroke:#51cfdb;animation-direction:reverse;animation-duration:10s}
.matrix-connectors circle{fill:#28c9e4;stroke:#fff;stroke-width:4;filter:drop-shadow(0 0 8px #28c9e4);animation:matrixNodePulse 2.5s ease-in-out infinite}
.matrix-connectors circle:nth-of-type(2){animation-delay:.45s}.matrix-connectors circle:nth-of-type(3){animation-delay:.9s}.matrix-connectors circle:nth-of-type(4){animation-delay:1.35s}
.matrix-core{position:absolute;z-index:4;left:50%;top:51%;width:238px;aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.96) 0 43%,rgba(213,237,255,.74) 44% 54%,rgba(255,255,255,.32) 55% 100%);box-shadow:0 25px 70px rgba(35,112,190,.2),inset 0 0 0 1px rgba(68,154,228,.35),0 0 0 14px rgba(255,255,255,.24);animation:coreBreathe 4.6s ease-in-out infinite}
.core-copy{position:relative;z-index:3;text-align:center}.core-copy small,.core-copy strong,.core-copy i{display:block}.core-copy small{color:#4096e8;font:800 9px/1.2 Arial;letter-spacing:.18em}.core-copy strong{margin:10px 0;color:#0c55c5;font-size:25px;line-height:1.3;letter-spacing:.05em}.core-copy i{font-style:normal;color:#6d93b7;font-size:9px;letter-spacing:.12em}
.core-ring{position:absolute;border-radius:50%;border:1px solid rgba(48,137,225,.38)}.ring-one{inset:9px;border-style:dashed;animation:coreSpin 15s linear infinite}.ring-two{inset:-16px;border-color:rgba(48,137,225,.2);border-left-color:#36cce1;border-right-color:#398ce9;animation:coreSpin 20s linear infinite reverse}.ring-three{inset:-38px;border-style:dotted;border-width:2px;border-color:rgba(73,157,228,.25);animation:coreSpin 28s linear infinite}
.core-node{position:absolute;width:10px;height:10px;border:3px solid #fff;border-radius:50%;background:#25c9df;box-shadow:0 0 0 5px rgba(37,201,223,.13),0 0 14px #31bfe2;animation:matrixNodePulse 2.4s ease-in-out infinite}.node-one{top:-8px;left:48%}.node-two{right:-10px;top:45%;animation-delay:.5s}.node-three{bottom:-4px;left:28%;animation-delay:1s}.node-four{left:-7px;top:31%;animation-delay:1.5s}
.matrix-card{--matrix-accent:#1768e8;position:absolute;z-index:3;display:flex;align-items:stretch;overflow:hidden;aspect-ratio:2.1/1;border:1px solid color-mix(in srgb,var(--matrix-accent) 34%,white);border-radius:25px;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(226,243,255,.66));box-shadow:inset 0 1px 1px rgba(255,255,255,.96),inset 0 0 0 5px rgba(255,255,255,.24),0 22px 52px rgba(31,94,158,.14);backdrop-filter:blur(18px) saturate(1.12);transition:border-color .35s,box-shadow .35s,filter .35s;animation:matrixFloat 6.6s ease-in-out infinite}
.matrix-card:before{content:"";position:absolute;z-index:4;inset:5px;border:1px solid rgba(255,255,255,.72);border-radius:20px;pointer-events:none}
.matrix-card:after{content:"";position:absolute;z-index:5;top:-38%;left:-80%;width:38%;height:180%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent);opacity:0;pointer-events:none}
.matrix-card:hover{animation-play-state:paused;border-color:color-mix(in srgb,var(--matrix-accent) 72%,white);box-shadow:inset 0 1px #fff,0 34px 70px rgba(26,94,165,.23),0 0 0 4px color-mix(in srgb,var(--matrix-accent) 8%,transparent);filter:saturate(1.05)}
.matrix-card:hover:after{opacity:1;animation:matrixSheen .9s ease-out}
.matrix-card.card-1{left:2%;top:3%;width:35%;animation-delay:-.8s}.matrix-card.card-2{right:0;top:1%;width:47%;animation-delay:-2.2s}.matrix-card.card-3{left:0;bottom:1%;width:34%;animation-delay:-3.5s}.matrix-card.card-4{right:1%;bottom:0;width:47%;animation-delay:-5s}
.matrix-visual{order:2;flex:0 0 43%;align-self:stretch;margin:0;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(87,192,242,.2),transparent 65%)}
.matrix-visual:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(240,248,255,.95),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(65,159,227,.08));pointer-events:none}
.matrix-visual img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.9) contrast(.98);transform:scale(1.025);animation:matrixImageDrift 8.5s ease-in-out infinite;transition:filter .5s,transform .7s cubic-bezier(.2,.8,.2,1)}
.matrix-card:hover .matrix-visual img{animation-play-state:paused;transform:scale(1.08) translateX(2%);filter:saturate(1) contrast(1.02)}
.matrix-content{order:1;flex:1;min-width:0;display:flex;flex-direction:column;padding:clamp(18px,1.8vw,28px)}
.matrix-name{display:flex;align-items:flex-start;gap:12px}.matrix-name small{padding-top:1px;color:var(--matrix-accent);font:300 clamp(25px,2.3vw,38px)/1 Arial;letter-spacing:-.03em}.matrix-name h3{margin:0;color:#071d41;font-size:clamp(18px,1.7vw,27px);line-height:1.1}.matrix-name p{margin:7px 0 0;color:#405e7f;font-size:clamp(10px,.9vw,13px)}
.matrix-desc{margin:14px 0 10px;color:#687d94;font-size:clamp(9px,.78vw,12px);line-height:1.55}.matrix-tags{display:flex;gap:6px;flex-wrap:wrap}.matrix-tags span{min-height:27px;padding:4px 8px;display:inline-flex;align-items:center;gap:5px;border:1px solid color-mix(in srgb,var(--matrix-accent) 24%,white);border-radius:999px;background:rgba(255,255,255,.64);color:color-mix(in srgb,var(--matrix-accent) 72%,#284666);font-size:clamp(8px,.67vw,10px);font-weight:700;white-space:nowrap}.matrix-tags svg{width:14px;height:14px;flex:none;filter:drop-shadow(0 2px 3px color-mix(in srgb,var(--matrix-accent) 18%,transparent))}
.matrix-card b{margin-top:auto;display:flex;align-items:center;gap:13px;color:var(--matrix-accent);font-size:11px}.matrix-card b i{font-style:normal;font-size:17px;transition:transform .3s}.matrix-card:hover b i{transform:translateX(5px)}
.matrix-blue{--matrix-accent:#1769e8}
.matrix-cyan{--matrix-accent:#00a9d9}
.matrix-indigo{--matrix-accent:#6657d9}
.matrix-education{--matrix-accent:#10a982;border-color:rgba(16,169,130,.36);background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(229,248,242,.69))}
.matrix-education .matrix-tags span{color:#286651}
.matrix-education .matrix-visual{background:radial-gradient(circle at 55% 52%,rgba(72,202,168,.22),transparent 65%)}

@keyframes matrixFlow{to{stroke-dashoffset:-128}}@keyframes matrixNodePulse{50%{transform:scale(1.35);opacity:.7}}@keyframes coreSpin{to{transform:rotate(360deg)}}@keyframes coreBreathe{50%{box-shadow:0 31px 82px rgba(35,112,190,.25),inset 0 0 0 1px rgba(68,154,228,.48),0 0 0 22px rgba(67,169,235,.07)}}@keyframes matrixFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes matrixImageDrift{0%,100%{transform:scale(1.025) translate3d(0,0,0)}50%{transform:scale(1.055) translate3d(-2%,1%,0)}}@keyframes matrixSheen{from{transform:translateX(0) rotate(18deg)}to{transform:translateX(500%) rotate(18deg)}}
.scenarios{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 9%,rgba(33,137,226,.28),transparent 31%),radial-gradient(circle at 15% 84%,rgba(28,198,218,.12),transparent 31%),linear-gradient(145deg,#06152f,#082852 58%,#071d40)}
.scenarios:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(120,190,242,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(120,190,242,.055) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(180deg,#000,transparent 88%)}
.scenario-heading{max-width:1500px;margin:0 auto 38px;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.scenario-heading p{margin:0 0 13px;color:#54c9f1;font-size:11px;font-weight:900;letter-spacing:.2em}.scenario-heading h2{margin:0;font-size:clamp(42px,3.6vw,62px);line-height:1.12;letter-spacing:-.045em}.scenario-heading h2 em{font-style:normal;background:linear-gradient(90deg,#fff,#79ddf4);-webkit-background-clip:text;color:transparent}.scenario-heading>span{max-width:630px;padding-bottom:7px;color:#a9c0d9;font-size:15px;line-height:1.9}
.scenario-workbench{max-width:1500px;height:610px;margin:auto;position:relative;z-index:2;display:grid;grid-template-columns:280px minmax(560px,1fr) 300px;border:1px solid rgba(112,183,235,.33);border-radius:26px;overflow:hidden;background:rgba(5,24,54,.72);box-shadow:0 35px 90px rgba(0,10,31,.38),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(18px)}
.scenario-nav-shell{min-height:0;display:grid;grid-template-rows:40px minmax(0,1fr) 40px;border-right:1px solid rgba(111,174,224,.2);background:rgba(5,19,43,.58)}
.scenario-scroll{appearance:none;border:0;color:#7fa7c8;background:rgba(5,21,47,.72);font-size:11px;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:.2s}.scenario-scroll:hover{color:#fff;background:rgba(28,103,168,.42)}.scenario-scroll span{margin-right:7px;color:#4fc8ef;font-size:15px}
.scenario-tabs{min-height:0;padding:7px 12px;display:flex;flex-direction:column;gap:5px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(79,191,233,.55) transparent;scroll-snap-type:y proximity}.scenario-tabs::-webkit-scrollbar{width:5px}.scenario-tabs::-webkit-scrollbar-thumb{border-radius:6px;background:rgba(79,191,233,.48)}.scenario-tabs button{appearance:none;width:100%;min-height:92px;flex:0 0 92px;padding:12px 11px;display:grid;grid-template-columns:31px 1fr 17px;gap:7px;align-items:center;text-align:left;border:1px solid transparent;border-radius:15px;color:#94abc5;background:transparent;cursor:pointer;scroll-snap-align:start;transition:.28s}.scenario-tabs button:hover{background:rgba(24,77,129,.34);color:#dcedfa}.scenario-tabs button.active{border-color:rgba(83,193,238,.42);color:#fff;background:linear-gradient(135deg,rgba(25,103,204,.85),rgba(13,84,145,.68));box-shadow:0 14px 28px rgba(0,28,77,.28),inset 0 1px rgba(255,255,255,.12)}.scenario-tabs small{align-self:start;padding-top:3px;color:#4fbfe9;font:700 10px/1 Arial;letter-spacing:.08em}.scenario-tabs span,.scenario-tabs b,.scenario-tabs i{display:block}.scenario-tabs b{font-size:15px;line-height:1.35}.scenario-tabs i{margin-top:5px;color:#7894b2;font-size:10px;font-style:normal;line-height:1.4}.scenario-tabs button.active i{color:#bbe7f8}.scenario-tabs em{font-style:normal;font-size:17px;opacity:.45;transition:.25s}.scenario-tabs button.active em{opacity:1;transform:translate(2px,-2px)}
.scenario-demo{min-width:0;position:relative;background:#f4f8fc;color:#142f50}.demo-window-bar{height:54px;padding:0 19px;display:flex;align-items:center;border-bottom:1px solid #d9e6f2;background:rgba(255,255,255,.94);color:#6c7f93;font-size:10px}.demo-brand{display:flex;align-items:center;gap:8px;color:#1c4c80;font-size:12px;font-weight:900}.demo-brand img{width:25px;height:25px;object-fit:contain}.demo-status{margin-left:24px}.demo-status i{width:7px;height:7px;margin-right:6px;display:inline-block;border-radius:50%;background:#24bea2;box-shadow:0 0 0 4px rgba(36,190,162,.1)}.demo-actions{margin-left:auto;color:#96a7b9;word-spacing:8px}.scenario-image{display:block;width:100%;height:calc(100% - 54px);object-fit:cover;object-position:center;background:#eef5fb}
.demo-placeholder{position:absolute;z-index:5;top:68px;right:15px;padding:8px 10px;display:grid;grid-template-columns:auto auto;gap:2px 7px;border:1px dashed #ec9c38;border-radius:8px;color:#85551d;background:rgba(255,248,228,.94);box-shadow:0 8px 18px rgba(87,63,20,.11)}.demo-placeholder span{font-size:9px;font-weight:800}.demo-placeholder b{font-size:9px;color:#dd7f13}.demo-placeholder small{grid-column:1/3;font-size:7px;color:#a6773d}
.demo-panel{height:calc(100% - 54px);min-height:555px;padding:30px;display:none;animation:scenarioIn .42s ease}.demo-panel.active{display:block}.demo-panel>header{height:41px;padding-bottom:13px;display:flex;align-items:flex-start;border-bottom:1px solid #dbe5ef}.demo-panel>header span{font-size:16px;font-weight:900}.demo-panel>header small{margin-left:auto;padding-right:155px;color:#7d90a6;font-size:9px}
.analysis-query{margin:24px 0 12px;padding:14px 16px;display:flex;align-items:center;border:1px solid #bad5ec;border-radius:11px;background:#fff;color:#36536f;font-size:11px;box-shadow:0 8px 20px rgba(27,76,126,.07)}.analysis-query b{margin-left:auto;padding:8px 14px;border-radius:7px;color:#fff;background:linear-gradient(135deg,#1768e8,#20b9df);font-size:9px}.analysis-sources{display:flex;gap:7px;flex-wrap:wrap}.analysis-sources span{padding:6px 9px;border:1px solid #d4e3f0;border-radius:7px;color:#617a93;background:#eef5fb;font-size:8px}.analysis-result{margin-top:21px;min-height:318px;padding:24px;display:grid;grid-template-columns:1.15fr .85fr;gap:24px;border:1px solid #dae6f1;border-radius:16px;background:#fff;box-shadow:0 14px 34px rgba(30,81,133,.08)}.analysis-copy small{color:#1680df;font-size:9px;font-weight:900}.analysis-copy h3{margin:17px 0 12px;font-size:20px;line-height:1.45}.analysis-copy p{color:#60768c;font-size:10px;line-height:1.8}.source-proof{margin-top:30px;padding-top:16px;border-top:1px solid #e0e9f1;color:#74889b;font-size:9px}.source-proof>b{color:#1768e8;font-size:18px}.source-proof em{color:#1675dd;font-style:normal;font-weight:800}.analysis-chart{height:230px;padding:18px 12px 25px;display:flex;align-items:flex-end;justify-content:space-around;border-left:1px solid #e2eaf2;background:linear-gradient(180deg,transparent,#f7fbff)}.analysis-chart span{height:100%;width:18%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px}.analysis-chart i{width:100%;height:var(--bar);display:block;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#25c9df,#1768e8);box-shadow:0 8px 14px rgba(23,104,232,.18)}.analysis-chart b{font-size:8px;color:#72879c}
.knowledge-question{max-width:76%;margin:27px 0 18px auto;padding:15px 18px;border-radius:15px 15px 3px 15px;color:#fff;background:linear-gradient(135deg,#1768e8,#269fdd);font-size:12px;line-height:1.6}.knowledge-answer{padding:27px;border:1px solid #d8e5f0;border-radius:3px 18px 18px;background:#fff;box-shadow:0 16px 32px rgba(25,76,128,.08)}.knowledge-answer>small{color:#1685df;font-size:9px}.knowledge-answer h3{font-size:20px;margin:17px 0 11px}.knowledge-answer p{color:#5f768e;font-size:11px;line-height:1.9}.knowledge-answer blockquote{margin:24px 0 0;padding:17px 18px;border-left:3px solid #1e83e8;background:#f0f7fd;color:#5d7187;font-size:9px}.knowledge-answer blockquote b{float:right;color:#1670d4}
.project-summary{margin-top:30px;display:flex;align-items:center}.project-summary b{font-size:20px}.project-summary span{margin-left:auto;color:#1768e8;font-size:11px;font-weight:900}.project-progress{height:7px;margin:16px 0 30px;border-radius:8px;background:#dce9f4}.project-progress i{width:68%;height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#1768e8,#27cce1);box-shadow:0 4px 10px rgba(23,104,232,.2)}.project-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.project-columns article{min-height:255px;padding:20px;display:flex;flex-direction:column;border:1px solid #d6e4f0;border-radius:14px;background:#fff;box-shadow:0 12px 25px rgba(33,78,121,.06)}.project-columns small{color:#1681df;font-size:9px}.project-columns b{margin:55px 0 13px;font-size:16px;line-height:1.5}.project-columns span{margin-top:auto;color:#7b8fa3;font-size:9px;line-height:1.6}
.service-client{margin:27px 0 19px;padding:17px 19px;display:flex;border:1px solid #d5e3ef;border-radius:12px;background:#fff;color:#5e758b;font-size:11px}.service-client b{margin-left:auto;color:#1680df}.service-flow{display:grid;gap:11px}.service-flow article{min-height:94px;padding:17px 20px;display:grid;grid-template-columns:45px 1fr;align-items:center;border:1px solid #d8e5ef;border-radius:13px;background:#fff;box-shadow:0 9px 20px rgba(25,75,124,.05)}.service-flow article>small{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(145deg,#1768e8,#27cce1);font-size:9px;font-weight:900}.service-flow b,.service-flow span{display:block}.service-flow b{font-size:14px}.service-flow span{margin-top:7px;color:#72869b;font-size:9px}
.education-dialogue{padding:28px 0 10px;display:grid;gap:17px}.education-dialogue>div{max-width:78%;padding:21px;border:1px solid #d7e5ef;border-radius:17px 17px 17px 4px;background:#fff;box-shadow:0 12px 27px rgba(33,80,122,.07)}.education-dialogue>div.ai{margin-left:auto;border-color:#afe2dd;border-radius:17px 17px 4px 17px;background:linear-gradient(145deg,#effbf8,#eaf7ff)}.education-dialogue small{color:#1789d7;font-size:9px;font-weight:900}.education-dialogue p{margin:10px 0 0;font-size:13px;line-height:1.8}.education-entry{margin-top:18px;padding:15px 18px;display:flex;align-items:center;border:1px solid #b9d9e9;border-radius:11px;color:#1670d4;background:#fff;font-size:11px;font-weight:900}.education-entry span{margin-left:auto;font-size:17px}
.scenario-logic{padding:25px 24px;display:flex;flex-direction:column;border-left:1px solid rgba(111,174,224,.2);background:linear-gradient(180deg,rgba(11,43,82,.7),rgba(5,25,55,.85))}.logic-top{padding-bottom:19px;border-bottom:1px solid rgba(118,177,224,.22)}.logic-top small{color:#59c8ef;font-size:9px;letter-spacing:.13em}.logic-top>span{float:right;color:#7594b4;font:700 9px/1 Arial}.logic-top h3{margin:15px 0 9px;font-size:21px}.logic-top p{margin:0;color:#9cb4cc;font-size:10px;line-height:1.75}.scenario-logic ol{margin:0;padding:0;list-style:none}.scenario-logic li{position:relative;padding:21px 0 21px 44px;border-bottom:1px solid rgba(118,177,224,.16)}.scenario-logic li:before{content:"";position:absolute;left:11px;top:27px;width:9px;height:9px;border:2px solid #48c5ed;border-radius:50%;background:#0a315f;box-shadow:0 0 0 6px rgba(72,197,237,.08)}.scenario-logic li:not(:last-child):after{content:"";position:absolute;left:16px;top:41px;bottom:-7px;width:1px;background:linear-gradient(#47c4ed,transparent)}.scenario-logic li small,.scenario-logic li b,.scenario-logic li span{display:block}.scenario-logic li small{color:#4bbbe8;font-size:7px;letter-spacing:.14em}.scenario-logic li b{margin:5px 0 7px;font-size:12px}.scenario-logic li span{color:#89a3bd;font-size:9px;line-height:1.55}.logic-value{margin-top:auto;padding:17px;border:1px solid rgba(86,194,235,.28);border-radius:13px;background:linear-gradient(135deg,rgba(25,101,198,.24),rgba(28,194,216,.09))}.logic-value small,.logic-value b{display:block}.logic-value small{color:#58c9ef;font-size:8px}.logic-value b{margin-top:9px;font-size:11px;line-height:1.65}
@keyframes scenarioIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.paradigm{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:center;background:#f5faff}.paradigm-copy h2{font-size:50px;line-height:1.3;margin:18px 0}.paradigm-copy>span{color:#657a92;line-height:1.9}.paradigm-flow{display:flex;align-items:center;gap:12px}.paradigm-flow>div{flex:1;min-height:210px;padding:28px 20px;border:1px solid #d4e5f6;border-radius:20px;background:#fff;box-shadow:0 17px 38px rgba(25,85,148,.09)}.paradigm-flow>div.active{color:#fff;border-color:#6be5f4;background:linear-gradient(145deg,#1763e8,#19bfe1);box-shadow:0 25px 50px rgba(25,104,218,.3)}.paradigm-flow small,.paradigm-flow b,.paradigm-flow span{display:block}.paradigm-flow small{color:#78a1ca;font-size:10px}.paradigm-flow b{font-size:20px;margin:55px 0 12px}.paradigm-flow span{color:#74869a;font-size:12px;line-height:1.6}.paradigm-flow .active small,.paradigm-flow .active span{color:#d6f8ff}.paradigm-flow>i{font-style:normal;color:#3aa8ed;font-size:24px}
.deployment-home{background:#fff}.deployment-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.deployment-grid article{min-height:240px;padding:28px;border:1px solid #d9e8f6;border-radius:21px;background:linear-gradient(145deg,#fff,#f2f9ff);transition:.3s}.deployment-grid article:hover{transform:translateY(-6px);border-color:#5ba9f3;box-shadow:0 20px 45px rgba(29,94,161,.14)}.deployment-grid span{color:#81a9cf;font-size:11px}.deployment-grid h3{font-size:21px;margin:60px 0 14px}.deployment-grid p{color:#687b91;line-height:1.7;font-size:13px}
.cases{position:relative;overflow:hidden;padding-top:32px;padding-bottom:148px;color:#fff;background:radial-gradient(circle at 78% 12%,rgba(38,157,222,.22),transparent 29%),radial-gradient(circle at 10% 88%,rgba(31,200,198,.1),transparent 31%),linear-gradient(145deg,#06162f,#082b55 61%,#071e40)}
.cases:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(116,189,239,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(116,189,239,.05) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(180deg,#000,transparent 92%)}
.cases-heading{max-width:1360px;margin:0 auto 28px;position:relative;z-index:2;display:grid;grid-template-columns:1fr .84fr;gap:70px;align-items:end}
.cases-heading p{margin:0 0 8px;color:#55c9ef;font-size:14px;font-weight:900;letter-spacing:.19em}
.cases-heading h2{margin:0;color:#fff;font-size:clamp(43px,3vw,52px);line-height:1.08;letter-spacing:-.045em}
.cases-heading strong{display:block;margin-top:9px;color:#8fc7e4;font-size:18px;font-weight:500;line-height:1.5;letter-spacing:.02em}
.cases-heading>span{max-width:650px;padding-bottom:3px;color:#afc5d9;font-size:17px;line-height:1.65}
.case-library{max-width:1360px;margin:auto;position:relative;z-index:2;overflow:hidden;border:1px solid rgba(114,184,232,.3);border-radius:26px;background:rgba(5,25,55,.76);box-shadow:0 34px 84px rgba(0,9,28,.36),inset 0 1px rgba(255,255,255,.07);backdrop-filter:blur(18px)}
.case-toolbar{min-height:68px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid rgba(114,184,232,.2);background:rgba(9,38,76,.72)}
.case-filters{display:flex;gap:8px;flex-wrap:wrap}.case-filters button{min-height:40px;padding:0 15px;border:1px solid rgba(111,177,220,.22);border-radius:10px;color:#a9c6da;background:rgba(8,31,65,.45);font-size:14px;font-weight:800;cursor:pointer;transition:.25s}.case-filters button small{margin-left:8px;color:#6e9ebd;font-size:12px}.case-filters button:hover,.case-filters button.active{color:#fff;border-color:#4ecae0;background:linear-gradient(135deg,rgba(29,120,194,.7),rgba(27,178,194,.44));box-shadow:0 0 0 3px rgba(75,202,224,.08)}
.case-status-legend{display:flex;gap:16px;color:#9bb8cc;font-size:13px;font-weight:700;white-space:nowrap}.case-status-legend span,.case-truth-badge{display:inline-flex;align-items:center;gap:7px}.case-status-legend i,.case-truth-badge i{width:7px;height:7px;border-radius:50%;background:#39d5ad;box-shadow:0 0 0 4px rgba(57,213,173,.1)}.case-status-legend .is-draft i,.case-truth-badge.is-draft i{background:#f3ba55;box-shadow:0 0 0 4px rgba(243,186,85,.11)}
.case-feature{min-height:360px;padding:22px;display:grid;grid-template-columns:38% 1fr;gap:28px;border-bottom:1px solid rgba(114,184,232,.2)}
.case-feature-visual{min-height:315px;margin:0;position:relative;overflow:hidden;border:1px solid rgba(111,184,225,.25);border-radius:18px;background:linear-gradient(145deg,#eaf7ff,#dbeeff)}
.case-feature-visual img{width:100%;height:100%;display:block;object-fit:cover;transition:.35s}.case-feature-visual:after{content:"";position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(transparent,rgba(3,19,43,.82));pointer-events:none}
.case-feature-visual figcaption{position:absolute;left:16px;bottom:14px;z-index:2;padding:7px 10px;border:1px solid rgba(255,206,114,.42);border-radius:7px;color:#ffda92;background:rgba(75,51,13,.72);font-size:13px;font-weight:800}
.case-feature-index{position:absolute;right:16px;top:12px;color:rgba(255,255,255,.9);font:300 48px/1 Arial;text-shadow:0 3px 20px rgba(0,20,54,.45)}
.case-feature-copy{padding:8px 8px 4px;display:flex;flex-direction:column}.case-feature-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#85a9c3;font-size:13px}.case-feature-meta>span:not(:first-child){padding-left:10px;border-left:1px solid rgba(119,174,211,.25)}
.case-truth-badge{width:max-content;padding:5px 8px!important;border:1px solid rgba(65,208,175,.25)!important;border-radius:7px;color:#9aefd7!important;background:rgba(32,145,119,.12);font-size:12px!important;font-weight:900!important;font-style:normal}.case-truth-badge.is-draft{color:#ffd994!important;border-color:rgba(243,186,85,.3)!important;background:rgba(149,98,12,.15)}
.case-feature-copy h3{margin:17px 0 10px;color:#fff;font-size:31px;line-height:1.25}.case-feature-copy>p{max-width:760px;margin:0;color:#a9c3d6;font-size:16px;line-height:1.75}
.case-detail-grid{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.case-detail-grid>div{min-height:88px;padding:13px 14px;border:1px solid rgba(103,177,224,.2);border-radius:11px;background:rgba(12,49,88,.56)}.case-detail-grid small,.case-detail-grid b{display:block}.case-detail-grid small{margin-bottom:7px;color:#57cae1;font-size:13px;font-weight:900}.case-detail-grid b{color:#dcebf4;font-size:14px;line-height:1.55}
.case-feature-products{margin-top:auto;padding-top:15px;display:flex;align-items:center;gap:13px;color:#789fbb;font-size:13px}.case-feature-products>span{display:flex;gap:7px;flex-wrap:wrap}.case-feature-products b{padding:5px 9px;border:1px solid rgba(71,179,216,.25);border-radius:7px;color:#bfe5f2;background:rgba(20,84,128,.4);font-size:12px}
.case-grid{padding:10px 18px 12px;display:grid;grid-auto-flow:column;grid-auto-columns:218px;grid-template-rows:1fr;gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(82,203,226,.5) rgba(4,20,45,.5);background:rgba(4,20,45,.5)}
.case-grid::-webkit-scrollbar{height:6px}.case-grid::-webkit-scrollbar-track{background:rgba(4,20,45,.5)}.case-grid::-webkit-scrollbar-thumb{border-radius:6px;background:rgba(82,203,226,.48)}
.case-card{width:218px;min-width:0;height:123px;padding:0;display:grid;grid-template-columns:62px 1fr;overflow:hidden;scroll-snap-align:start;border:1px solid rgba(109,179,222,.2);border-radius:13px;color:inherit;text-align:left;background:rgba(11,43,78,.62);cursor:pointer;transition:.28s}.case-card:hover,.case-card.active{transform:translateY(-2px);border-color:#4cc9de;background:rgba(20,70,111,.75);box-shadow:0 10px 24px rgba(0,10,28,.22)}.case-card[hidden]{display:none}
.case-card-visual{height:100%;position:relative;overflow:hidden;display:block;background:#e8f5ff}.case-card-visual img{width:100%;height:100%;object-fit:cover;display:block}.case-card-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,25,55,.48))}.case-card-visual>i{position:absolute;left:6px;right:6px;bottom:7px;z-index:2;padding:3px 4px;border-radius:4px;color:#ffe0a2;text-align:center;background:rgba(84,56,9,.78);font-size:9px;font-weight:800;font-style:normal}
.case-card-body{min-width:0;height:123px;padding:12px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.case-card-body strong{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#f3f9fc;font-size:15px;line-height:1.45}
.cases-note{min-height:42px;padding:9px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid rgba(114,184,232,.16);color:#82a7bf;background:rgba(4,17,39,.68);font-size:13px}.cases-note span:before{content:"✓";margin-right:7px;color:#45c8d9}.cases-note small{color:#d9b46f;font-size:12px}
@media(max-width:1100px){
  .cases-heading{grid-template-columns:1fr;gap:14px}
  .cases-heading>span{max-width:none}
  .case-toolbar{align-items:flex-start;flex-direction:column}
  .case-feature{grid-template-columns:1fr}
  .case-feature-visual{height:320px}
  .case-grid{grid-auto-columns:208px}
}
@media(max-width:760px){
  .cases{padding:30px 16px 94px}
  .cases-heading h2{font-size:36px}
  .cases-heading strong{font-size:16px}
  .cases-heading>span{font-size:14px}
  .case-library{border-radius:18px}
  .case-toolbar{padding:13px}.case-filters{width:100%;display:grid;grid-template-columns:repeat(2,1fr)}.case-filters button:first-child{grid-column:1/3}.case-status-legend{gap:10px;white-space:normal;flex-wrap:wrap}
  .case-feature{padding:13px;gap:16px}.case-feature-visual{height:230px;min-height:0}.case-feature-copy{padding:3px}.case-feature-copy h3{font-size:25px}.case-feature-copy>p{font-size:14px}.case-detail-grid{grid-template-columns:1fr}.case-feature-products{align-items:flex-start;flex-direction:column}
  .case-grid{grid-auto-columns:202px;padding:10px 13px 12px}.case-card{width:202px}
  .cases-note{height:auto;min-height:46px;align-items:flex-start;gap:5px;flex-direction:column;padding:9px 14px}
}
.home-contact,.detail-contact{margin:20px 2.5vw;min-height:430px;border-radius:32px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#fff;background:radial-gradient(circle at 50% 115%,#52c9ef,#1764e6 38%,#07327f);position:relative;overflow:hidden}.home-contact:before,.detail-contact:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:55px 55px;mask-image:radial-gradient(circle,#000,transparent 75%)}.home-contact>* ,.detail-contact>*{position:relative}.home-contact p,.detail-contact p{color:#c7ebff;letter-spacing:.12em}.home-contact h2,.detail-contact h2{font-size:43px;margin:12px 0 28px}.home-contact a,.detail-contact a{padding:15px 25px;border-radius:13px;background:#fff;color:#1762d6;font-weight:900;box-shadow:0 14px 32px rgba(0,25,88,.2)}.home-contact a span,.detail-contact a span{margin-left:25px}.corporate-footer{padding:48px 6vw;display:grid;grid-template-columns:1fr 1.5fr 1fr auto;align-items:center;gap:30px;color:#6d7e94;font-size:12px}.corporate-footer p{line-height:1.8}.corporate-footer>div:nth-of-type(2){display:flex;gap:17px;color:#3a516c}

/* Product details */
.product-detail{--detail-accent:#1768e8;padding-top:70px}.crumb{max-width:1320px;margin:auto;padding:28px 20px 0;display:flex;gap:10px;color:#74869a;font-size:12px}.crumb b{color:#255c9d}.detail-hero{min-height:700px;padding:0 5vw 70px;background:radial-gradient(circle at 78% 48%,#d3f1ff,transparent 38%),linear-gradient(125deg,#fff,#f3faff 60%,#e8f7ff)}.detail-hero-grid{max-width:1320px;margin:75px auto 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.detail-eyebrow{color:var(--detail-accent)!important;font-size:13px!important;font-weight:900;letter-spacing:.1em}.detail-copy h1{font-size:clamp(62px,6vw,96px);line-height:1;margin:24px 0;color:#0a244b}.detail-copy h2{font-size:27px;margin:0 0 22px}.detail-copy>p:last-of-type{max-width:600px;color:#5e738d;line-height:1.9;font-size:16px}.detail-actions{display:flex;gap:15px;margin-top:34px}.detail-art{height:440px;position:relative;perspective:1000px}.detail-panel{position:absolute;border:1px solid #c3e1f7;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(220,244,255,.62));box-shadow:0 28px 65px rgba(31,102,175,.2),inset 0 1px #fff;backdrop-filter:blur(16px)}.panel-main{left:26%;top:9%;width:330px;height:350px;border-radius:34px;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotateY(-5deg)}.panel-main small{color:#5f83a8}.panel-main strong{width:105px;height:105px;margin:22px 0 16px;border-radius:28px;display:grid;place-items:center;color:#fff;font-size:47px;background:linear-gradient(145deg,var(--detail-accent),#34cce2);box-shadow:0 18px 38px color-mix(in srgb,var(--detail-accent) 40%,transparent)}.panel-main b{font-size:24px}.panel-main span{color:#7190ab;font-size:10px;margin-top:10px}.panel-back{left:3%;top:19%;width:210px;height:245px;border-radius:25px;padding:23px}.panel-back span{font-weight:800}.panel-back i{display:block;height:10px;margin-top:25px;border-radius:7px;background:#d6e8f7}.panel-back i:nth-of-type(2){width:75%}.panel-back i:nth-of-type(3){width:55%}.panel-data{right:0;bottom:8%;width:190px;height:145px;border-radius:22px;padding:23px;z-index:4}.panel-data span,.panel-data small,.panel-data b{display:block}.panel-data span{font-size:11px;color:#758fa9}.panel-data b{font-size:31px;color:var(--detail-accent);margin:17px 0 3px}.panel-data small{color:#88a0b7}.detail-ring{position:absolute;border:1px dashed color-mix(in srgb,var(--detail-accent) 35%,transparent);border-radius:50%;transform:rotateX(70deg)}.r1{width:610px;height:360px;left:0;bottom:-60px}.r2{width:470px;height:280px;left:70px;bottom:-20px}.detail-position{padding:28px 7vw;display:flex;align-items:center;gap:17px;color:#fff;background:#071d41}.detail-position>span{color:#78c9f2;font-size:11px;letter-spacing:.12em}.detail-position b{font-size:20px}.detail-position i{font-style:normal;color:#4a87c0}.detail-position p{color:#a9bfd7}.detail-position a{margin-left:auto;color:#70d4fa;font-size:12px;font-weight:800}.detail-section{padding:110px max(5vw,24px)}.detail-heading{max-width:1260px;margin:0 auto 55px;display:grid;grid-template-columns:1fr 1fr;align-items:end}.detail-heading p{grid-column:1}.detail-heading h2{grid-column:1;margin-bottom:0}.detail-heading>span{grid-column:2;grid-row:1/3}.detail-heading.center{display:block;text-align:center;max-width:800px}.detail-heading.center h2{margin-bottom:18px}.pain-cards{max-width:1260px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.pain-cards article{min-height:210px;padding:28px;border-left:3px solid var(--detail-accent);background:#f4f9ff}.pain-cards small{color:#8eabc6}.pain-cards h3{font-size:20px;margin:45px 0 13px}.pain-cards p{color:#687b91;line-height:1.7;font-size:13px}.detail-caps{background:#f3f9ff}.detail-cap-grid{max-width:1260px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.detail-cap-grid article{min-height:285px;padding:28px;border:1px solid #d4e5f5;border-radius:21px;background:#fff;transition:.3s}.detail-cap-grid article:hover{transform:translateY(-6px);border-color:var(--detail-accent);box-shadow:0 22px 48px rgba(24,88,158,.14)}.detail-cap-grid>article>span{color:#88a7c5;font-size:10px}.cap-symbol{width:48px;height:48px;margin:25px 0;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--detail-accent),#37cadf)}.detail-cap-grid h3{font-size:19px}.detail-cap-grid p{color:#677a90;line-height:1.7;font-size:13px}.detail-flow{padding:95px 7vw;color:#fff;background:radial-gradient(circle at 80% 50%,#11529b,#071e47 48%,#061733)}.detail-flow{display:grid;grid-template-columns:.55fr 1.45fr;gap:55px;align-items:center}.detail-flow>div>p{color:#5fcdf4}.detail-flow h2{font-size:38px;margin:15px 0}.flow-steps{display:flex;align-items:center}.flow-steps>div{flex:1;position:relative;min-height:120px;padding:22px 10px;text-align:center;border:1px solid #2a5b91;background:#0b2d5e}.flow-steps small,.flow-steps b{display:block}.flow-steps small{color:#65bce9}.flow-steps b{margin-top:25px;font-size:13px}.flow-steps i{position:absolute;right:-8px;top:46%;z-index:2;color:#55c9f4;font-style:normal}.detail-scenes{max-width:1260px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.detail-scenes article{min-height:280px;padding:30px;border:1px solid #d8e6f5;border-radius:22px;background:linear-gradient(145deg,#fff,#f2f9ff)}.detail-scenes span{color:var(--detail-accent);font-size:10px;letter-spacing:.1em}.detail-scenes h3{font-size:23px;margin:80px 0 14px}.detail-scenes p{color:#667a91;line-height:1.75}.related-products{padding:100px 7vw;background:#f3f9ff;display:grid;grid-template-columns:.5fr 1.5fr;gap:55px}.related-products h2{font-size:38px;margin:15px 0}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.related-grid a{min-height:180px;padding:28px;border:1px solid #d1e3f5;border-radius:20px;background:#fff;display:flex;flex-direction:column;transition:.3s}.related-grid a:hover{transform:translateY(-5px);border-color:var(--detail-accent);box-shadow:0 20px 45px rgba(24,88,158,.13)}.related-grid small{color:#6c8cac}.related-grid b{font-size:24px;margin:16px 0}.related-grid span{margin-top:auto;color:var(--detail-accent);font-size:12px;font-weight:800}.detail-contact{min-height:380px}

@media(max-width:1200px){.corporate-nav>a,.nav-product>a{padding:0 10px;font-size:12px}.zn-brand{min-width:170px}.hotline{display:none}.mega-menu{grid-template-columns:29% 27% 44%}.mega-products{padding-left:24px;padding-right:24px}.detail-hero-grid{gap:25px}}
@media(max-width:900px){.corporate-nav>a:not(.is-current),.corporate-nav>a{display:none}.corporate-nav{justify-content:flex-end}.nav-product>a{display:flex}.mega-menu{grid-template-columns:38% 62%;height:390px;padding:28px}.mega-intro{display:none}.mega-products{margin:-28px;padding:25px 28px}.mega-products-heading>small{display:none}.matrix-grid,.scenario-grid{grid-template-columns:1fr 1fr}.matrix-future{grid-column:1/3}.paradigm,.detail-hero-grid,.detail-flow,.related-products{grid-template-columns:1fr}.deployment-grid,.pain-cards{grid-template-columns:1fr 1fr}.detail-cap-grid,.detail-scenes{grid-template-columns:1fr 1fr}.case-feature{grid-template-columns:1fr}.detail-art{height:420px}.corporate-footer{grid-template-columns:1fr 1fr}.flow-steps{flex-wrap:wrap}}
@media(max-width:640px){.corporate-header{height:64px;padding:0 15px}.zn-brand{min-width:auto}.zn-mark{width:30px;height:35px;font-size:23px}.zn-brand b{font-size:17px}.zn-brand small{font-size:6px}.nav-product>a{padding:0 9px;font-size:10px;text-align:center}.mega-menu{top:64px;height:auto;max-height:calc(100svh - 64px);overflow-y:auto;grid-template-columns:1fr;padding:18px}.mega-links{padding:0}.mega-links a{min-height:45px}.mega-links a.has-children:after{display:none}.mega-products{margin:14px -18px -18px;padding:18px;background:#eef7ff}.mega-products-heading{margin-bottom:12px}.mega-products-heading>b{font-size:16px}.mega-products-heading>span{font-size:8px}.mega-product-grid{gap:8px}.mega-product-grid>a{min-height:78px;grid-template-columns:26px 1fr;padding:11px;gap:8px;border-radius:12px}.mega-product-grid>a>i{width:24px;height:24px;border-radius:8px;font-size:8px}.mega-product-grid>a b{font-size:12px}.mega-product-grid>a small,.mega-product-grid>a>em{display:none}.xiaozhi-hero{min-height:740px;height:100vh;padding:90px 24px 30px}.hero-images{inset:64px 0 0}.hero-overlay{inset:64px 0 0;background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.65)),linear-gradient(180deg,transparent,#eaf7ff)}.xiaozhi-hero-copy{width:100%;margin:0}.xiaozhi-hero-copy>p:first-child{font-size:10px}.xiaozhi-hero h1{font-size:44px}.hero-line{width:230px}.hero-description{font-size:14px}.hero-actions{flex-direction:column}.button{width:100%}.hero-proof{gap:9px;flex-wrap:wrap}.hero-arrow{width:38px;height:38px;top:55%}.hero-arrow.prev{left:7px}.hero-arrow.next{right:7px}.explore{display:none}.module-nav{grid-template-columns:repeat(5,120px);overflow-x:auto;padding:0;min-height:74px}.home-section,.detail-section{padding:76px 20px}.section-title{text-align:left;margin-bottom:38px}.section-title h2,.detail-heading h2{font-size:35px}.matrix-grid,.scenario-grid,.deployment-grid,.pain-cards,.detail-cap-grid,.detail-scenes{grid-template-columns:1fr}.matrix-future{grid-column:1}.matrix-card{min-height:350px}.paradigm{grid-template-columns:1fr;padding:75px 20px;gap:40px}.paradigm-copy h2{font-size:38px}.paradigm-flow{flex-direction:column}.paradigm-flow>div{width:100%;min-height:170px}.paradigm-flow>i{transform:rotate(90deg)}.case-feature{padding:25px}.home-contact h2,.detail-contact h2{font-size:32px;padding:0 15px}.corporate-footer{grid-template-columns:1fr;text-align:center;justify-items:center}.corporate-footer>div:nth-of-type(2){justify-content:center;flex-wrap:wrap}.product-detail{padding-top:64px}.crumb{padding-top:20px;flex-wrap:wrap}.detail-hero{padding:0 20px 50px}.detail-hero-grid{margin-top:45px}.detail-copy h1{font-size:55px}.detail-copy h2{font-size:22px}.detail-actions{flex-direction:column}.detail-art{height:350px;transform:scale(.86);transform-origin:center top}.panel-main{left:18%;width:290px}.panel-back{left:-9%}.panel-data{right:-8%}.detail-position{flex-wrap:wrap}.detail-position a{width:100%;margin:0}.detail-heading{display:block}.detail-heading>span{display:block;margin-top:15px}.detail-flow{padding:75px 20px}.flow-steps{display:grid;grid-template-columns:1fr}.flow-steps i{right:50%;top:auto;bottom:-16px;transform:rotate(90deg)}.related-products{padding:75px 20px}.related-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.hero-images img,.button,.matrix-card{transition:none}.explore>b{animation:none}}

/* Homepage hero: 10% more compact while preserving the existing composition. */
.xiaozhi-hero{height:min(810px,90vh);min-height:648px;padding:90px 6vw 27px}
.explore{bottom:23px}
@media(max-width:640px){.xiaozhi-hero{min-height:666px;height:90vh;padding:81px 24px 27px}}

/* Keep HUB unchanged; move Assistant and Knowledge artwork subjects another 10% lower. */
.hero-images img.hero-slide-2,.hero-images img.hero-slide-3{object-position:right 30%}

/* Keep desktop hero descriptions on one line; allow wrapping on narrower screens. */
.xiaozhi-hero-copy{width:620px}
.hero-description{max-width:none;white-space:nowrap}
@media(max-width:900px){.xiaozhi-hero-copy{width:560px}.hero-description{white-space:normal}}
@media(max-width:640px){.xiaozhi-hero-copy{width:100%}}

@media(max-width:1100px){
  .matrix-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;margin:auto}
  .matrix-card{min-height:590px}
  .matrix-track{display:none}
}
@media(max-width:640px){
  .product-matrix{padding-top:70px;padding-bottom:82px}
  .matrix-heading{display:block;margin-bottom:30px}
  .matrix-heading span{display:block;margin-top:13px;padding:0;text-align:left;font-size:14px}
  .matrix-stage{padding:0 0 24px}
  .matrix-grid{grid-template-columns:1fr;gap:18px}
  .matrix-card{min-height:555px}
  .matrix-visual{height:300px}
  .matrix-content{padding:21px 20px 22px}
  .matrix-name h3{font-size:23px}
}
@media(prefers-reduced-motion:reduce){
  .matrix-track i,.matrix-card:hover:after{animation:none}
  .matrix-card:hover{transform:none}
}

/* Dynamic product map responsive rules. */
.matrix-card:hover{transform:translateY(-5px) scale(1.012)}
@media(max-width:1100px){
  .matrix-stage{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-top:190px}
  .matrix-core{top:85px;left:50%;width:160px}
  .matrix-connectors{display:none}
  .matrix-card,.matrix-card.card-1,.matrix-card.card-2,.matrix-card.card-3,.matrix-card.card-4{position:relative;inset:auto;width:100%;min-height:0;aspect-ratio:1.72/1}
}
@media(max-width:700px){
  .matrix-heading{display:block;margin-bottom:28px}.matrix-heading span{display:block;margin-top:12px;padding:0;text-align:left;font-size:14px}
  .matrix-stage{grid-template-columns:1fr;gap:16px;padding-top:155px}
  .matrix-core{top:65px;width:130px}.core-copy strong{font-size:19px}.core-copy small,.core-copy i{font-size:7px}
  .matrix-card,.matrix-card.card-1,.matrix-card.card-2,.matrix-card.card-3,.matrix-card.card-4{min-height:0;aspect-ratio:1.72/1}
  .matrix-content{padding:18px}.matrix-name small{font-size:25px}.matrix-name h3{font-size:19px}.matrix-name p{font-size:10px}.matrix-desc{font-size:9px;margin:9px 0}.matrix-tags span{font-size:8px}.matrix-card b{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .matrix-connectors path,.matrix-connectors circle,.matrix-core,.core-ring,.core-node,.matrix-card,.matrix-visual img{animation:none!important}
  .matrix-card,.matrix-card:hover,.matrix-visual img,.matrix-card:hover .matrix-visual img{transform:none;transition:none}
}

/* Desktop matrix refinement: one-screen composition, larger type and dimensional tabs. */
@media(min-width:1101px){
  .product-matrix{
    min-height:calc(100svh - 70px);
    padding:clamp(34px,4.6vh,48px) max(5vw,24px) clamp(24px,3.2vh,34px);
    display:flex;
    flex-direction:column;
  }
  .matrix-heading{
    width:100%;
    margin-bottom:clamp(14px,2vh,22px);
    align-items:center;
  }
  .matrix-heading p{margin-bottom:7px;font-size:12px}
  .matrix-heading h2{font-size:clamp(44px,3.2vw,54px);line-height:1.05}
  .matrix-heading span{padding:0;font-size:17px}
  .matrix-stage{
    width:100%;
    height:clamp(520px,63vh,590px);
    flex:none;
    perspective:1500px;
    transform-style:preserve-3d;
  }
  .matrix-core{width:clamp(175px,11.4vw,210px)}
  .core-copy small{font-size:10px}.core-copy strong{font-size:25px}.core-copy i{font-size:10px}

  .matrix-card{
    aspect-ratio:2.22/1;
    border-width:1.5px;
    border-radius:27px;
    transform-style:preserve-3d;
    transform:perspective(1400px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg)) rotateZ(var(--card-rz,0deg));
    box-shadow:
      inset 0 1px 1px rgba(255,255,255,.98),
      inset 0 0 0 6px rgba(255,255,255,.26),
      0 14px 0 -8px color-mix(in srgb,var(--matrix-accent) 13%,transparent),
      0 28px 54px rgba(31,94,158,.19);
  }
  .matrix-card:before{inset:6px;border-radius:21px}
  .matrix-card.card-1{--card-rx:1.2deg;--card-ry:4deg;--card-rz:-1.4deg;left:2%;top:1%;width:32%}
  .matrix-card.card-2{--card-rx:1deg;--card-ry:-3.3deg;--card-rz:1deg;right:0;top:0;width:44%}
  .matrix-card.card-3{--card-rx:-1deg;--card-ry:4deg;--card-rz:1.2deg;left:0;bottom:1%;width:32%}
  .matrix-card.card-4{--card-rx:-1.1deg;--card-ry:-3.5deg;--card-rz:-1deg;right:1%;bottom:0;width:44%}
  .matrix-card:hover{
    transform:perspective(1400px) translateY(-7px) scale(1.018) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    box-shadow:
      inset 0 1px #fff,
      inset 0 0 0 6px rgba(255,255,255,.3),
      0 17px 0 -9px color-mix(in srgb,var(--matrix-accent) 17%,transparent),
      0 38px 72px rgba(26,94,165,.25),
      0 0 0 4px color-mix(in srgb,var(--matrix-accent) 8%,transparent);
  }
  .matrix-content{padding:clamp(20px,1.55vw,27px)}
  .matrix-name{gap:14px}
  .matrix-name small{font-size:clamp(30px,2vw,38px)}
  .matrix-name h3{font-size:clamp(21px,1.45vw,27px)}
  .matrix-name p{margin-top:8px;font-size:clamp(12px,.78vw,14px)}
  .matrix-desc{margin:13px 0 11px;font-size:clamp(12px,.76vw,14px);line-height:1.6}
  .matrix-tags{gap:7px}
  .matrix-tags span{padding:5px 9px;font-size:clamp(10px,.65vw,12px);font-weight:600}
  .matrix-card b{font-size:13px;gap:14px}
  .matrix-card b i{font-size:19px}
}

/* Phones use a readable vertical flow instead of desktop perspective. */
@media(max-width:700px){
  .product-matrix{padding-left:16px;padding-right:16px}
  .matrix-card,.matrix-card.card-1,.matrix-card.card-2,.matrix-card.card-3,.matrix-card.card-4{
    aspect-ratio:auto;
    min-height:245px;
    transform:none;
    animation-duration:7.5s;
  }
  .matrix-content{padding:20px}
  .matrix-name small{font-size:28px}
  .matrix-name h3{font-size:22px}
  .matrix-name p{font-size:12px}
  .matrix-desc{font-size:11px;line-height:1.6}
  .matrix-tags span{font-size:10px;padding:5px 8px}
  .matrix-card b{font-size:12px}
}

/* Final product matrix: four vertical glass product cards using replaceable imagery. */
@media(min-width:1280px){
  .product-matrix{
    min-height:calc(100svh - 70px);
    padding:clamp(28px,3.6vh,38px) max(5vw,24px) clamp(24px,3vh,32px);
  }
  .matrix-heading{margin-bottom:clamp(18px,2.2vh,24px)}
  .matrix-heading h2{font-size:clamp(43px,3vw,52px)}
  .matrix-heading span{margin-top:10px;font-size:16px}
  .matrix-stage{
    width:100%;
    max-width:1500px;
    height:clamp(520px,59vh,560px);
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:clamp(16px,1.2vw,22px);
    perspective:none;
  }
  .matrix-card,.matrix-card.card-1,.matrix-card.card-2,.matrix-card.card-3,.matrix-card.card-4{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:100%;
    min-height:0;
    aspect-ratio:auto;
    flex-direction:column;
    transform:none!important;
    border-radius:26px;
    animation:verticalCardFloat 6.8s ease-in-out infinite;
  }
  .matrix-card.card-1{animation-delay:-.7s}.matrix-card.card-2{animation-delay:-2.1s}.matrix-card.card-3{animation-delay:-3.4s}.matrix-card.card-4{animation-delay:-4.8s}
  .matrix-card:hover{transform:translateY(-9px) scale(1.008)!important}
  .matrix-visual{
    order:1;
    flex:none;
    width:100%;
    height:50%;
    border-bottom:1px solid color-mix(in srgb,var(--matrix-accent) 22%,white);
  }
  .matrix-visual:before{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(235,247,255,.16))}
  .matrix-content{order:2;flex:1;display:grid;grid-template-rows:auto auto auto 48px;align-content:stretch;gap:12px;padding:17px 20px 19px}
  .matrix-name{align-items:center;gap:12px}
  .matrix-name small{font-size:34px;font-weight:800}
  .matrix-name h3{font-size:26px;font-weight:800}
  .matrix-name p{margin-top:6px;color:var(--matrix-accent);font-size:13px;font-weight:700}
  .matrix-desc{margin:0;font-size:13px;line-height:1.55;align-self:center}
  .matrix-tags{gap:7px}
  .matrix-tags{align-content:start}
  .matrix-tags span{padding:5px 8px;font-size:10px}
  .matrix-tags svg{width:15px;height:15px}
  .matrix-card b{
    min-height:48px;
    width:100%;
    margin-top:0;
    padding:0 18px;
    justify-content:space-between;
    border-radius:11px;
    color:#fff;
    font-size:14px;
    background:linear-gradient(135deg,var(--matrix-accent),#20bde0);
    box-shadow:0 11px 24px color-mix(in srgb,var(--matrix-accent) 24%,transparent),inset 0 1px rgba(255,255,255,.45);
  }
  .matrix-education b{background:linear-gradient(135deg,#159276,#20b790 72%,#eda33e)}
}

@media(min-width:701px) and (max-width:1279px){
  .matrix-stage{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-top:0}
  .matrix-core,.matrix-connectors{display:none}
  .matrix-card,.matrix-card.card-1,.matrix-card.card-2,.matrix-card.card-3,.matrix-card.card-4{
    position:relative;inset:auto;width:100%;height:520px;min-height:0;aspect-ratio:auto;flex-direction:column;transform:none
  }
  .matrix-visual{order:1;flex:none;width:100%;height:50%}
  .matrix-content{order:2;flex:1;display:grid;grid-template-rows:auto auto auto 46px;gap:12px;padding:20px}
  .matrix-name h3{font-size:25px}.matrix-name p{font-size:13px;color:var(--matrix-accent);font-weight:700}.matrix-desc{margin:0;font-size:13px}.matrix-tags span{font-size:10px}
  .matrix-card b{min-height:46px;width:100%;margin-top:0;padding:0 16px;justify-content:space-between;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--matrix-accent),#20bde0)}
}

@media(max-width:700px){
  .matrix-stage{padding-top:0}
  .matrix-core,.matrix-connectors{display:none}
  .matrix-card,.matrix-card.card-1,.matrix-card.card-2,.matrix-card.card-3,.matrix-card.card-4{
    min-height:500px;
    flex-direction:column;
  }
  .matrix-visual{order:1;flex:none;width:100%;height:230px}
  .matrix-content{order:2;flex:1}
  .matrix-card b{min-height:46px;width:100%;padding:0 16px;justify-content:space-between;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--matrix-accent),#20bde0)}
}

@keyframes verticalCardFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media(prefers-reduced-motion:reduce){
  .matrix-card,.matrix-visual img{animation:none!important}
  .matrix-card:hover{transform:none!important}
}

/* Application scenarios: interactive task workbench. */
.scenario-heading{max-width:1360px}
.scenario-heading p{font-size:12px}
.scenario-heading h2{margin-bottom:9px}
.scenario-heading strong{display:block;color:#aac5dd;font-size:18px;font-weight:500;letter-spacing:.035em;line-height:1.45}
.scenario-heading>span{font-size:16px}
.scenario-tabs small{font-size:11px}
.scenario-tabs b{font-size:16px}
.scenario-tabs i{font-size:12px;color:#88a5c2}
.demo-window-bar{font-size:12px}
.demo-brand{font-size:13px}
.demo-placeholder span,.demo-placeholder b{font-size:11px}
.demo-placeholder small{font-size:10px;color:#8d642f}
.scenario-demo .demo-panel{display:none!important}
.demo-panel>header small{font-size:11px;color:#6f849a}
.analysis-query{font-size:13px}
.analysis-query b{font-size:11px}
.analysis-sources span{font-size:11px}
.analysis-copy small{font-size:11px}
.analysis-copy p{font-size:12px}
.source-proof{font-size:11px}
.analysis-chart b{font-size:11px}
.knowledge-question{font-size:13px}
.knowledge-answer>small{font-size:11px}
.knowledge-answer p{font-size:13px}
.knowledge-answer blockquote{font-size:11px}
.project-summary span{font-size:12px}
.project-columns small,.project-columns span{font-size:11px}
.service-client{font-size:12px}
.service-flow article>small{font-size:11px}
.service-flow span{font-size:12px}
.education-dialogue small{font-size:11px}
.education-entry{font-size:12px}
.logic-top small,.logic-top>span{font-size:11px}
.logic-top p{font-size:12px}
.scenario-logic li small{font-size:10px}
.scenario-logic li b{font-size:13px}
.scenario-logic li span{font-size:12px}
.logic-value small{font-size:11px}
.logic-value b{font-size:13px}
@media(min-width:1280px){
  .scenarios{
    min-height:calc(100svh - 70px);
    padding:clamp(28px,3.6vh,38px) max(4vw,24px) clamp(24px,3vh,32px);
  }
  .scenario-heading{margin-bottom:clamp(18px,2.2vh,24px)}
  .scenario-heading p{margin-bottom:8px}
  .scenario-heading h2{font-size:clamp(43px,3vw,52px);line-height:1.08}
  .scenario-heading strong{font-size:17px}
  .scenario-heading>span{padding-bottom:2px;line-height:1.75}
  .scenario-workbench{
    height:610px;
    grid-template-columns:280px minmax(560px,1fr) 300px;
  }
  .scenario-nav-shell{grid-template-rows:40px minmax(0,1fr) 40px}
  .scenario-tabs{padding:7px 12px;gap:5px}
  .scenario-tabs button{
    min-height:92px;
    flex-basis:92px;
    padding:12px 11px;
  }
}
@media(max-width:1180px){
  .scenario-heading{gap:35px}
  .scenario-workbench{height:auto;min-height:610px;grid-template-columns:235px minmax(480px,1fr)}
  .scenario-logic{grid-column:1/3;display:grid;grid-template-columns:1.1fr 1.9fr .9fr;gap:24px;align-items:center;border-top:1px solid rgba(111,174,224,.2);border-left:0}
  .scenario-logic ol{display:grid;grid-template-columns:repeat(3,1fr)}
  .scenario-logic li{border-bottom:0}
  .logic-value{margin-top:0}
}
@media(max-width:820px){
  .scenario-heading{grid-template-columns:1fr;gap:18px}.scenario-heading>span{padding:0}
  .scenario-workbench{display:block;border-radius:20px}
  .scenario-nav-shell{height:116px;display:grid;grid-template-columns:38px minmax(0,1fr) 38px;grid-template-rows:1fr;border-right:0;border-bottom:1px solid rgba(111,174,224,.2)}
  .scenario-scroll{font-size:0}.scenario-scroll span{margin:0;font-size:20px}.scenario-scroll-prev span,.scenario-scroll-next span{display:inline-block;transform:rotate(-90deg)}
  .scenario-tabs{padding:10px 7px;display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}
  .scenario-tabs button{width:220px;min-width:220px;min-height:92px;flex:0 0 220px;scroll-snap-align:start}
  .scenario-demo{min-height:610px}
  .scenario-image{height:556px}
  .scenario-logic{display:block;border-top:1px solid rgba(111,174,224,.2)}
  .scenario-logic ol{display:grid;grid-template-columns:repeat(3,1fr)}
  .logic-value{margin-top:15px}
}
@media(max-width:600px){
  .scenario-heading h2{font-size:36px}
  .scenario-heading>span{font-size:13px}
  .scenario-tabs button{width:205px;min-width:205px;flex-basis:205px}
  .demo-window-bar{padding:0 13px}.demo-status,.demo-actions{display:none}
  .demo-placeholder{top:62px;right:10px}
  .demo-panel{min-height:575px;padding:20px 14px}
  .demo-panel>header small{display:none}
  .analysis-result{grid-template-columns:1fr;padding:18px;gap:12px}.analysis-chart{height:170px;border-left:0;border-top:1px solid #e2eaf2}
  .project-columns{grid-template-columns:1fr}.project-columns article{min-height:120px}.project-columns b{margin:24px 0 10px}
  .scenario-logic ol{grid-template-columns:1fr}.scenario-logic li{border-bottom:1px solid rgba(118,177,224,.16)}
}
@media(prefers-reduced-motion:reduce){
  .demo-panel{animation:none}
}

/* Xiaozhi Education: selected hero artwork, sticky anchor navigation and first chapter. */
.detail-education .detail-hero{
  min-height:660px;
  padding-bottom:56px;
  background:radial-gradient(circle at 78% 46%,rgba(95,218,210,.18),transparent 35%),radial-gradient(circle at 62% 22%,rgba(95,179,242,.15),transparent 33%),linear-gradient(125deg,#fff 0%,#f7fbff 52%,#ebf9fb 100%);
}
.detail-education .detail-hero-grid{grid-template-columns:.88fr 1.12fr;gap:30px;margin-top:48px}
.detail-education .detail-copy{position:relative;z-index:2}
.detail-education .detail-copy h1{font-size:clamp(66px,5.6vw,88px)}
.detail-education .detail-copy h2{font-size:26px;letter-spacing:.02em}
.detail-art-image{height:480px;overflow:visible;isolation:isolate}
.detail-art-image:before{content:"";position:absolute;z-index:-1;inset:9% 5% 7% 8%;border-radius:50%;background:rgba(62,197,205,.15);filter:blur(40px)}
.detail-art-image img{position:absolute;width:112%;height:112%;left:-4%;top:-6%;object-fit:cover;object-position:58% center;filter:saturate(.93) contrast(.99);-webkit-mask-image:radial-gradient(ellipse 73% 71% at 56% 51%,#000 58%,rgba(0,0,0,.94) 72%,transparent 100%);mask-image:radial-gradient(ellipse 73% 71% at 56% 51%,#000 58%,rgba(0,0,0,.94) 72%,transparent 100%);animation:educationHeroBreathe 7s ease-in-out infinite}
@keyframes educationHeroBreathe{50%{transform:translateY(-5px) scale(1.012)}}

.detail-anchor-nav{position:sticky;z-index:70;top:70px;min-height:76px;padding:0 max(4vw,28px);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:rgba(7,29,65,.96);border-top:1px solid rgba(112,212,250,.22);box-shadow:0 16px 35px rgba(3,25,51,.16);backdrop-filter:blur(18px)}
.detail-anchor-nav a{min-width:0;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:8px;color:#d9ebfb;border-right:1px solid rgba(116,169,214,.16);font-size:13px;font-weight:700;white-space:nowrap;transition:.28s}
.detail-anchor-nav a:first-child{border-left:1px solid rgba(116,169,214,.16)}
.detail-anchor-nav a.brand-link{color:#d9ebfb}
.detail-anchor-nav a.brand-link svg{width:14px;height:14px;flex:none;opacity:0.7}
.detail-anchor-nav a.brand-link span{letter-spacing:.05em}
.detail-anchor-nav a.active{color:#fff;background:linear-gradient(135deg,rgba(22,139,227,.48),rgba(30,190,178,.38));box-shadow:inset 0 -3px #43d7c7}
.detail-anchor-nav a.brand-link.active svg{opacity:1}
.detail-anchor-nav small{color:#55d4c1;font:800 9px/1 Arial;letter-spacing:.08em}
.detail-anchor-nav a:hover{color:#fff;background:linear-gradient(135deg,rgba(22,139,227,.48),rgba(30,190,178,.38));box-shadow:inset 0 -3px #43d7c7}

/* Chapter sub-nav (workflow pages only) */
.detail-chapter-nav{position:sticky;top:146px;z-index:65;min-height:54px;padding:0 max(4vw,28px);display:grid;grid-template-columns:auto repeat(3,1fr);gap:0;background:#fff;border-bottom:1px solid #d8e0ed;box-shadow:0 6px 18px rgba(20,82,119,.06)}
.detail-chapter-nav a{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;color:#5e738d;font-size:13px;font-weight:700;border-right:1px solid #eaeff5;transition:.25s}
.detail-chapter-nav a:last-child{border-right:0}
.detail-chapter-nav a.home{background:#f4f6fa;color:#74869a}
.detail-chapter-nav a.home:hover{background:#eaedf3}
.detail-chapter-nav a.active{background:#f0fbf8;color:#12907e;box-shadow:inset 0 -3px #12907e}
.detail-chapter-nav a:hover:not(.active){background:#f9fafb}
.detail-chapter-nav small{color:inherit;font:800 11px/1 Arial;opacity:0.85}
@media(max-width:700px){.detail-chapter-nav{min-height:48px}.detail-chapter-nav a{padding:12px 8px;font-size:11px;gap:6px}}

.detail-education .detail-pains{position:relative;overflow:hidden;padding-top:92px;padding-bottom:86px;background:radial-gradient(circle at 88% 12%,rgba(44,201,179,.13),transparent 26%),linear-gradient(180deg,#fff 0%,#f3fbfa 100%)}
.detail-education .detail-pains:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(23,155,120,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,155,120,.035) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.education-pain-heading{position:relative;z-index:2;max-width:1320px;margin:0 auto 46px;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:end}
.education-pain-heading p{margin:0;color:#179b78;font:900 11px/1.2 Arial;letter-spacing:.2em}
.education-pain-heading h2{margin:15px 0 0;color:#071d41;font-size:clamp(42px,3.5vw,56px);line-height:1.18;letter-spacing:-.04em}
.education-pain-heading>div:last-child{padding:7px 0 7px 34px;border-left:3px solid #28c8ba;display:grid;grid-template-columns:.78fr 1.22fr;gap:26px;align-items:center}
.education-pain-heading strong{color:#144e58;font-size:23px;line-height:1.5}
.education-pain-heading span{color:#647b8d;font-size:14px;line-height:1.85}
.education-pain-cards{position:relative;z-index:2;max-width:1320px;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.education-pain-cards article{position:relative;min-height:286px;overflow:hidden;padding:22px 22px 26px;border:1px solid rgba(64,170,155,.23);border-left:1px solid rgba(64,170,155,.23);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(233,248,246,.84));box-shadow:inset 0 1px #fff,0 18px 42px rgba(37,101,108,.08);transition:transform .32s,border-color .32s,box-shadow .32s}
.education-pain-cards article:hover{transform:translateY(-7px);border-color:rgba(23,155,120,.58);box-shadow:inset 0 1px #fff,0 25px 55px rgba(28,124,118,.16)}
.education-pain-cards article>small{color:#8aacaa;font:800 10px/1 Arial;letter-spacing:.1em}
.pain-icon{width:54px;height:54px;margin:25px 0 24px;display:grid;place-items:center;border:1px solid rgba(58,183,165,.28);border-radius:16px;color:#159d87;background:linear-gradient(145deg,#fff,rgba(211,246,239,.8));box-shadow:0 10px 24px rgba(26,151,134,.12),inset 0 1px #fff}
.pain-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.education-pain-cards h3{margin:0 0 13px;color:#10354e;font-size:20px}
.education-pain-cards p{margin:0;color:#647b8d;font-size:13px;line-height:1.75}
.education-pain-cards article>i{position:absolute;left:22px;bottom:0;width:42px;height:3px;border-radius:5px;background:linear-gradient(90deg,#159d87,#43d8d0);transition:width .35s}
.education-pain-cards article:hover>i{width:calc(100% - 44px)}
.education-pain-summary{position:relative;z-index:2;max-width:1030px;margin:42px auto 0;padding:21px 34px;border:1px solid rgba(43,181,162,.25);border-radius:18px;text-align:center;color:#315d66;font-size:15px;font-weight:700;line-height:1.8;background:rgba(255,255,255,.68);box-shadow:0 15px 35px rgba(43,137,126,.08);backdrop-filter:blur(12px)}

@media(max-width:1100px){
  .detail-anchor-nav{grid-template-columns:repeat(6,150px);overflow-x:auto;justify-content:start;padding:0}
  .detail-education .detail-hero-grid{grid-template-columns:1fr}
  .detail-art-image{height:430px}
  .education-pain-heading{grid-template-columns:1fr;gap:30px}
  .education-pain-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .education-pain-cards article:last-child{grid-column:1/3}
}
@media(max-width:640px){
  .detail-education .detail-hero{padding-bottom:24px}
  .detail-education .detail-copy h1{font-size:53px}
  .detail-art-image{height:305px;transform:none}
  .detail-art-image img{width:128%;height:120%;left:-18%;top:-10%;object-position:61% center}
  .detail-anchor-nav{top:64px;min-height:64px;grid-template-columns:repeat(6,132px)}
  .detail-anchor-nav a{font-size:12px}
  .detail-education .detail-pains{padding:68px 18px}
  .education-pain-heading h2{font-size:37px}
  .education-pain-heading>div:last-child{grid-template-columns:1fr;padding-left:20px;gap:10px}
  .education-pain-heading strong{font-size:20px}
  .education-pain-cards{grid-template-columns:1fr}
  .education-pain-cards article,.education-pain-cards article:last-child{grid-column:auto;min-height:245px}
  .education-pain-summary{text-align:left;padding:20px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.detail-art-image img{animation:none}}

/* Education chapter 02: a visual architecture map paired with detailed capability copy. */
.education-capabilities{
  position:relative;
  overflow:hidden;
  padding-top:100px;
  padding-bottom:108px;
  background:radial-gradient(circle at 12% 25%,rgba(42,199,184,.13),transparent 28%),radial-gradient(circle at 88% 68%,rgba(35,137,231,.12),transparent 32%),linear-gradient(180deg,#f5fbff,#eaf7fb);
}
.education-capabilities:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(38,121,174,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(38,121,174,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse at center,#000,transparent 76%)}
.education-cap-heading{position:relative;z-index:2;max-width:1320px;margin:0 auto 52px;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:end}
.education-cap-heading p{margin:0;color:#168f83;font:900 11px/1.2 Arial;letter-spacing:.19em}
.education-cap-heading h2{margin:15px 0 0;color:#071d41;font-size:clamp(42px,3.5vw,56px);line-height:1.18;letter-spacing:-.04em}
.education-cap-heading>div:last-child{padding:7px 0 7px 34px;border-left:3px solid #28c8ba;display:grid;grid-template-columns:.82fr 1.18fr;gap:28px;align-items:center}
.education-cap-heading strong{color:#144e58;font-size:22px;line-height:1.55}
.education-cap-heading span{color:#637a8e;font-size:14px;line-height:1.85}
.education-cap-layout{position:relative;z-index:2;max-width:1320px;margin:auto;display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:stretch}

.education-architecture{position:relative;min-height:650px;overflow:hidden;padding:34px;border:1px solid rgba(127,220,225,.28);border-radius:34px;color:#fff;background:radial-gradient(circle at 50% 38%,rgba(25,163,188,.24),transparent 36%),linear-gradient(145deg,#082a58 0%,#0a4263 54%,#07565b 100%);box-shadow:inset 0 1px rgba(255,255,255,.22),0 30px 70px rgba(13,70,104,.2)}
.education-architecture:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(125,218,226,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(125,218,226,.06) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,#000,transparent)}
.education-architecture:after{content:"";position:absolute;inset:10px;border:1px solid rgba(199,246,247,.13);border-radius:27px;pointer-events:none}
.arch-title{position:relative;z-index:2;display:flex;align-items:center;gap:15px;padding-bottom:25px;border-bottom:1px solid rgba(166,226,232,.16)}
.arch-title span{color:#65decf;font:800 9px/1 Arial;letter-spacing:.18em}
.arch-title b{font-size:20px;letter-spacing:.04em}
.arch-title i{margin-left:auto;color:#83bfc7;font-size:10px;font-style:normal;letter-spacing:.1em}
.arch-apps{position:relative;z-index:3;margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.arch-apps article{min-height:142px;padding:18px 13px;border:1px solid rgba(178,235,239,.24);border-radius:19px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.055));box-shadow:inset 0 1px rgba(255,255,255,.18),0 15px 30px rgba(1,24,49,.14);backdrop-filter:blur(15px);transition:.3s}
.arch-apps article:hover{transform:translateY(-5px);border-color:rgba(107,232,218,.64);background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(54,202,192,.1))}
.arch-apps article>div{width:45px;height:45px;margin-bottom:12px;border-radius:14px;display:grid;place-items:center;color:#d9fffb;background:linear-gradient(145deg,rgba(39,209,192,.44),rgba(39,125,220,.38));box-shadow:0 11px 25px rgba(13,225,210,.14),inset 0 1px rgba(255,255,255,.5)}
.arch-apps svg,.arch-base svg,.education-cap-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.arch-apps article>span{font-size:15px;font-weight:800}
.arch-apps article>small{margin-top:8px;color:#8fc4ce;font-size:9px}
.arch-connect{position:relative;z-index:2;height:52px;display:flex;justify-content:space-around;align-items:flex-start}
.arch-connect i{display:block;width:1px;height:39px;background:linear-gradient(#63d9d2,rgba(99,217,210,.08));box-shadow:0 0 10px #3fc9c3}
.arch-connect>span{position:absolute;right:0;top:18px;color:#72abb7;font-size:8px;letter-spacing:.12em}
.arch-spaces{position:relative;z-index:3;display:grid;grid-template-columns:1fr 32px 1fr;align-items:center}
.arch-spaces>span{min-height:82px;padding:17px 18px;border:1px solid rgba(159,223,232,.22);border-radius:17px;color:#e9ffff;font-size:15px;font-weight:800;background:rgba(255,255,255,.09)}
.arch-spaces>span small{display:block;margin-top:9px;color:#8fbec9;font-size:9px;font-weight:400}
.arch-spaces>b{text-align:center;color:#5fd8cf;font-size:24px;font-weight:300}
.arch-connect-short{height:48px}
.arch-connect-short i{height:34px}
.arch-base{position:relative;z-index:3;min-height:92px;padding:17px 19px;display:grid;grid-template-columns:55px 1fr auto;gap:16px;align-items:center;border:1px solid rgba(100,231,213,.42);border-radius:19px;background:linear-gradient(135deg,rgba(37,204,186,.2),rgba(42,126,210,.16));box-shadow:inset 0 1px rgba(255,255,255,.2),0 15px 35px rgba(0,26,52,.2)}
.arch-base>div{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#20bca4,#268bd9);box-shadow:0 12px 26px rgba(14,180,174,.25)}
.arch-base span b,.arch-base span small{display:block}
.arch-base span b{font-size:16px}.arch-base span small{margin-top:9px;color:#9bced3;font-size:9px;word-spacing:.35em}
.arch-base em{padding:6px 9px;border:1px solid rgba(116,228,217,.25);border-radius:999px;color:#6ee4d7;font-size:8px;font-style:normal;letter-spacing:.1em}
.arch-light{position:absolute;z-index:1;border-radius:50%;background:#6affef;box-shadow:0 0 0 6px rgba(106,255,239,.1),0 0 22px #58efe0;animation:archPulse 2.8s ease-in-out infinite}
.light-one{width:7px;height:7px;left:9%;top:42%}.light-two{width:5px;height:5px;right:8%;top:57%;animation-delay:.8s}.light-three{width:6px;height:6px;left:48%;bottom:6%;animation-delay:1.5s}
@keyframes archPulse{50%{transform:scale(1.7);opacity:.45}}

.education-cap-list{display:grid;grid-template-columns:1fr;gap:12px}
.education-cap-list article{--cap-color:#169f8c;position:relative;min-height:150px;padding:20px 22px;display:grid;grid-template-columns:56px 1fr;gap:18px;border:1px solid color-mix(in srgb,var(--cap-color) 24%,white);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(239,249,251,.82));box-shadow:inset 0 1px #fff,0 16px 35px rgba(24,88,120,.08);transition:.3s}
.education-cap-list article[id]{scroll-margin-top:164px}
.education-cap-list article:after{content:"";position:absolute;left:0;top:24px;bottom:24px;width:3px;border-radius:4px;background:var(--cap-color);box-shadow:0 0 13px color-mix(in srgb,var(--cap-color) 48%,transparent)}
.education-cap-list article:hover{transform:translateX(7px);border-color:color-mix(in srgb,var(--cap-color) 55%,white);box-shadow:inset 0 1px #fff,0 23px 48px rgba(24,88,120,.14)}
.education-cap-list .cap-lab{--cap-color:#df9b32}.education-cap-list .cap-course{--cap-color:#287bdc}.education-cap-list .cap-library{--cap-color:#715bd8}
.education-cap-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;color:#fff;background:linear-gradient(145deg,var(--cap-color),color-mix(in srgb,var(--cap-color) 62%,#41d9d0));box-shadow:0 12px 26px color-mix(in srgb,var(--cap-color) 24%,transparent),inset 0 1px rgba(255,255,255,.58)}
.education-cap-list article>div:last-child>small{color:var(--cap-color);font:900 9px/1 Arial;letter-spacing:.1em}
.education-cap-list h3{margin:6px 0 7px;color:#103452;font-size:18px}
.education-cap-list strong{color:#4b6a7f;font-size:12px}
.education-cap-list ul{margin:10px 0 0;padding:0;list-style:none;color:#718598;font-size:11px;line-height:1.7}
.education-cap-list li:before{content:"";display:inline-block;width:5px;height:5px;margin:0 8px 2px 0;border-radius:50%;background:var(--cap-color)}

@media(max-width:1100px){
  .education-cap-heading{grid-template-columns:1fr;gap:30px}
  .education-cap-layout{grid-template-columns:1fr}
  .education-cap-list{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .education-capabilities{padding:72px 18px}
  .education-cap-heading h2{font-size:37px}
  .education-cap-heading>div:last-child{grid-template-columns:1fr;padding-left:20px;gap:10px}
  .education-cap-heading strong{font-size:20px}
  .education-architecture{min-height:690px;padding:23px 17px}
  .arch-title{align-items:flex-start;flex-direction:column;gap:8px}.arch-title i{margin:0}
  .arch-apps{grid-template-columns:1fr}.arch-apps article{min-height:92px;display:grid;grid-template-columns:45px 1fr;column-gap:12px;text-align:left}.arch-apps article>div{grid-row:1/3;margin:0}.arch-apps article>small{margin-top:2px}
  .arch-connect{display:none}
  .arch-spaces{margin:20px 0;grid-template-columns:1fr}.arch-spaces>b{padding:4px}.arch-spaces>span{min-height:70px}
  .arch-base{grid-template-columns:50px 1fr}.arch-base em{display:none}
  .arch-base span small{line-height:1.7}
  .education-cap-list{grid-template-columns:1fr}
  .education-cap-list article{min-height:0;padding:19px 18px;grid-template-columns:48px 1fr;gap:14px}
  .education-cap-icon{width:48px;height:48px}
}
@media(prefers-reduced-motion:reduce){.arch-light{animation:none}.education-cap-list article:hover,.arch-apps article:hover{transform:none}}

/* Education chapter 02 v2: four paged visual stories, each fitted to one desktop viewport. */
.education-capabilities-v2{
  position:relative;
  height:calc(100svh - 146px);
  min-height:640px;
  max-height:820px;
  padding:28px max(5vw,24px);
  overflow:hidden;
  background:radial-gradient(circle at 10% 20%,rgba(35,199,181,.12),transparent 27%),radial-gradient(circle at 90% 70%,rgba(40,124,220,.12),transparent 30%),linear-gradient(180deg,#f7fcff,#eaf7fb);
}
.detail-education section.education-capabilities-v2{scroll-margin-top:146px}
.cap-v2-anchor{position:absolute;top:0;left:0;width:1px;height:1px;scroll-margin-top:146px;pointer-events:none}
.cap-v2-shell{width:100%;height:100%;max-width:1320px;margin:auto;display:grid;grid-template-rows:auto 56px minmax(0,1fr);gap:16px}
.cap-v2-heading{display:grid;grid-template-columns:1fr .82fr;gap:55px;align-items:end}
.cap-v2-heading p{margin:0 0 7px;color:#168f83;font:900 10px/1.2 Arial;letter-spacing:.18em}
.cap-v2-heading h2{margin:0;color:#071d41;font-size:clamp(34px,2.7vw,44px);line-height:1.15;letter-spacing:-.035em}
.cap-v2-heading>span{padding-left:25px;border-left:3px solid #2bc5b7;color:#61798e;font-size:13px;line-height:1.75}
.cap-v2-tabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(89,157,192,.19);border-radius:15px;overflow:hidden;background:rgba(255,255,255,.7);box-shadow:0 12px 30px rgba(26,91,125,.07);backdrop-filter:blur(15px)}
.cap-v2-tabs button{position:relative;border:0;border-right:1px solid rgba(89,157,192,.15);display:flex;align-items:center;justify-content:center;gap:10px;color:#536f85;background:transparent;cursor:pointer;transition:.28s}
.cap-v2-tabs button:last-child{border-right:0}
.cap-v2-tabs button:after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:3px;border-radius:4px 4px 0 0;background:var(--slide-accent);transform:scaleX(0);transition:.28s}
.cap-v2-tabs button:hover,.cap-v2-tabs button.active{color:#0d3650;background:linear-gradient(135deg,rgba(255,255,255,.7),color-mix(in srgb,var(--slide-accent) 8%,transparent))}
.cap-v2-tabs button.active:after{transform:scaleX(1)}
.cap-v2-tabs small{color:var(--slide-accent);font:900 9px/1 Arial;letter-spacing:.08em}
.cap-v2-tabs b{font-size:13px}
.cap-v2-slide{min-height:0;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr;border:1px solid color-mix(in srgb,var(--slide-accent) 21%,white);border-radius:28px;background:rgba(255,255,255,.76);box-shadow:inset 0 1px #fff,0 27px 62px rgba(20,82,119,.14);backdrop-filter:blur(18px);animation:capSlideIn .55s cubic-bezier(.2,.8,.2,1)}
@keyframes capSlideIn{from{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:none}}
.cap-v2-slide figure{position:relative;min-width:0;height:100%;margin:0;overflow:hidden;background:#dceff5}
.cap-v2-slide figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 68%,rgba(241,250,252,.48)),linear-gradient(180deg,rgba(255,255,255,.05),rgba(3,58,83,.08));pointer-events:none}
.cap-v2-slide figure img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:saturate(.92) contrast(.99);transition:transform 6s ease}
.cap-v2-slide:hover figure img{transform:scale(1.035)}
.cap-v2-slide figcaption{position:absolute;z-index:2;left:20px;bottom:18px;padding:10px 14px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.68);border-radius:12px;color:#fff;background:rgba(6,42,67,.48);box-shadow:0 12px 28px rgba(3,37,58,.18);backdrop-filter:blur(14px)}
.cap-v2-slide figcaption span{font:800 11px/1 Arial;color:#72efe0}.cap-v2-slide figcaption b{font-size:12px}
.cap-v2-copy{position:relative;min-width:0;padding:28px 30px 22px;display:flex;flex-direction:column}
.cap-v2-copy>p{margin:0 0 10px;color:var(--slide-accent);font:900 9px/1.2 Arial;letter-spacing:.18em}
.cap-v2-copy h3{margin:0;color:#0b2e49;font-size:clamp(29px,2.3vw,38px);line-height:1.2;letter-spacing:-.035em}
.cap-v2-copy>strong{margin-top:8px;color:color-mix(in srgb,var(--slide-accent) 68%,#24485d);font-size:16px;line-height:1.45}
.cap-v2-copy>span{margin-top:13px;color:#62798d;font-size:12px;line-height:1.75}
.cap-v2-copy ul{margin:16px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;list-style:none}
.cap-v2-copy li{min-height:38px;padding:8px 9px;display:flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--slide-accent) 15%,white);border-radius:10px;color:#46657a;background:color-mix(in srgb,var(--slide-accent) 5%,white);font-size:10px;line-height:1.45}
.cap-v2-copy li i{color:var(--slide-accent);font:800 8px/1 Arial;font-style:normal}
.cap-v2-value{margin-top:auto;padding:11px 14px;border-left:3px solid var(--slide-accent);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--slide-accent) 7%,white)}
.cap-v2-value small,.cap-v2-value b{display:block}.cap-v2-value small{color:var(--slide-accent);font-size:8px;letter-spacing:.12em}.cap-v2-value b{margin-top:4px;color:#2c5064;font-size:11px;line-height:1.5}
.cap-v2-controls{margin-top:12px;display:flex;align-items:center;justify-content:flex-end;gap:12px}
.cap-v2-controls button{width:34px;height:30px;border:1px solid color-mix(in srgb,var(--slide-accent) 30%,white);border-radius:9px;color:var(--slide-accent);background:#fff;cursor:pointer;transition:.25s}
.cap-v2-controls button:hover{color:#fff;background:var(--slide-accent);transform:translateY(-2px)}
.cap-v2-controls em{min-width:48px;text-align:center;color:#71899b;font:800 9px/1 Arial;font-style:normal;letter-spacing:.08em}

/* Thinking Lab: strict 40/60 image-copy split; visual blending without overlap. */
.cap-v2-slide-lab{
  grid-template-columns:minmax(360px,40%) minmax(0,60%);
  background:
    radial-gradient(circle at 20% 50%,color-mix(in srgb,var(--slide-accent) 9%,transparent),transparent 31%),
    linear-gradient(110deg,rgba(255,255,255,.66),rgba(255,255,255,.9));
}
.cap-v2-slide-lab figure{
  z-index:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:transparent;
}
.cap-v2-slide-lab figure:before{
  content:"";
  position:absolute;
  inset:5% -3% 5% 2%;
  border-radius:50%;
  background:color-mix(in srgb,var(--slide-accent) 13%,transparent);
  filter:blur(28px);
}
.cap-v2-slide-lab figure:after{
  z-index:1;
  background:
    linear-gradient(90deg,rgba(255,255,255,.28) 0%,transparent 14%,transparent 55%,rgba(255,255,255,.96) 96%),
    linear-gradient(180deg,rgba(255,255,255,.82) 0%,transparent 11%,transparent 89%,rgba(255,255,255,.84) 100%);
}
.cap-v2-slide-lab figure img{
  width:100%;
  max-width:100%;
  height:100%;
  margin:auto;
  justify-self:start;
  border-radius:27px 0 0 27px;
  object-fit:cover;
  object-position:70% center;
  box-shadow:none;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.9),#000 14%,#000 70%,rgba(0,0,0,.76) 82%,transparent 100%);
  mask-image:linear-gradient(90deg,rgba(0,0,0,.9),#000 14%,#000 70%,rgba(0,0,0,.76) 82%,transparent 100%);
}
.cap-v2-slide-lab:hover figure img{transform:scale(1.02)}
.cap-v2-slide-lab figcaption{
  left:50%;
  bottom:10%;
  transform:translateX(-50%);
  white-space:nowrap;
}
.cap-v2-slide-lab .cap-v2-copy{
  z-index:2;
  margin-left:0;
  padding:30px 44px 22px 28px;
  background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.08) 24%);
}
.cap-v2-slide-lab .cap-v2-copy>p{font-size:11px}
.cap-v2-slide-lab .cap-v2-copy h3{font-size:40px}
.cap-v2-slide-lab .cap-v2-copy>strong{font-size:18px}
.cap-v2-slide-lab .cap-v2-copy>span{max-width:760px;font-size:14px;line-height:1.75}
.cap-v2-slide-lab .cap-v2-copy ul{gap:10px 14px}
.cap-v2-slide-lab .cap-v2-copy li{min-height:48px;padding:10px 13px;font-size:14px}
.cap-v2-slide-lab .cap-v2-copy li i{font-size:11px}
.cap-v2-lab-detail{margin-top:13px;display:grid;grid-template-columns:1.28fr .72fr;gap:12px}
.cap-v2-lab-process,.cap-v2-lab-roles>span{border:1px solid color-mix(in srgb,var(--slide-accent) 15%,white);border-radius:12px;background:rgba(255,255,255,.58)}
.cap-v2-lab-process{padding:11px 13px}
.cap-v2-lab-process>small{display:block;margin-bottom:9px;color:var(--slide-accent);font-size:12px;font-weight:800;letter-spacing:.08em}
.cap-v2-lab-process ol{margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);list-style:none}
.cap-v2-lab-process li{position:relative;min-height:0!important;padding:0 8px!important;display:block!important;border:0!important;border-radius:0!important;text-align:center;background:transparent!important;font-size:12px!important}
.cap-v2-lab-process li:not(:last-child):after{content:"→";position:absolute;right:-4px;top:9px;color:#c9a664}
.cap-v2-lab-process li i{display:block;margin:0 auto 4px;width:20px;height:20px;border-radius:50%;background:color-mix(in srgb,var(--slide-accent) 12%,white);line-height:20px!important}
.cap-v2-lab-process li b{font-size:12px;font-weight:700;color:#526c7b;white-space:nowrap}
.cap-v2-lab-roles{display:grid;grid-template-columns:1fr;gap:7px}
.cap-v2-lab-roles>span{padding:8px 11px;display:grid;grid-template-columns:62px 1fr;gap:9px;align-items:center}
.cap-v2-lab-roles small{color:var(--slide-accent);font-size:12px;font-weight:800}
.cap-v2-lab-roles b{color:#536d7d;font-size:12px;line-height:1.45}
.cap-v2-slide-lab .cap-v2-value{max-width:760px;margin-top:11px;padding:10px 14px}
.cap-v2-slide-lab .cap-v2-value small{font-size:11px}
.cap-v2-slide-lab .cap-v2-value b{font-size:14px}
.cap-v2-slide-lab .cap-v2-controls{margin-top:8px}
.cap-v2-slide-lab .cap-v2-controls em{font-size:11px}

@media(max-width:1100px){
  .education-capabilities-v2{height:auto;max-height:none;min-height:0;padding:55px 24px}
  .cap-v2-shell{height:auto;grid-template-rows:auto 56px auto}
  .cap-v2-slide{min-height:590px;grid-template-columns:1fr}
  .cap-v2-slide figure{height:330px}
  .cap-v2-copy{min-height:400px}
  .cap-v2-slide-lab{grid-template-columns:1fr}
  .cap-v2-slide-lab figure{height:300px}
  .cap-v2-slide-lab .cap-v2-copy{margin-left:0;padding:28px 30px 24px}
  .cap-v2-lab-detail{grid-template-columns:1fr}
}
@media(max-width:700px){
  .education-capabilities-v2{padding:60px 16px}
  .cap-v2-heading{grid-template-columns:1fr;gap:18px}.cap-v2-heading h2{font-size:35px}.cap-v2-heading>span{padding-left:17px}
  .cap-v2-shell{grid-template-rows:auto 62px auto;gap:14px}
  .cap-v2-tabs{grid-template-columns:repeat(4,132px);overflow-x:auto;justify-content:start}
  .cap-v2-tabs button{padding:0 10px}
  .cap-v2-slide{min-height:0;border-radius:21px}
  .cap-v2-slide figure{height:245px}
  .cap-v2-copy{min-height:0;padding:23px 19px}.cap-v2-copy h3{font-size:30px}.cap-v2-copy>strong{font-size:15px}
  .cap-v2-copy ul{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.cap-v2-slide{animation:none}.cap-v2-slide:hover figure img{transform:none}}

/* Gateway / Course / Library: three-column overview module */
.detail-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.detail-module{padding:11px 13px;border:1px solid color-mix(in srgb,var(--slide-accent) 15%,white);border-radius:12px;background:rgba(255,255,255,.58)}
.detail-module>small{display:block;margin-bottom:7px;color:var(--slide-accent);font-size:12px;font-weight:800;letter-spacing:.05em}
.detail-module ul{margin:0;padding:0;list-style:none}
.detail-module li{min-height:0!important;padding:5px 0!important;display:flex!important;align-items:center;gap:6px;border:0!important;border-radius:0!important;background:transparent!important;font-size:12px!important;line-height:1.4!important;color:#526c7b}
.detail-module li:before{content:"";width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--slide-accent);flex:none}
@media(max-width:700px){.detail-module-grid{grid-template-columns:1fr}}

/* Official zhenningtech.com shell
   The product content remains V3; the shared frame follows the live corporate site. */
.official-header{height:68px;padding:0;background:#fff;border-bottom:0;box-shadow:0 0 4px rgba(0,0,0,.13);backdrop-filter:none}
.official-header-inner{width:min(100% - 48px,1760px);height:100%;margin:auto;display:flex;align-items:center;position:relative}
.official-logo{width:205px;flex:0 0 205px;display:block}
.official-logo img{display:block;width:100%;height:auto}
.official-nav{height:100%;margin-left:auto;display:flex;align-items:stretch;justify-content:flex-end}
.official-nav>a,.official-nav>.nav-product>a{height:68px;padding:0 clamp(10px,1.25vw,24px);display:flex;align-items:center;justify-content:center;color:#0b1d3b;font-size:14px;white-space:nowrap;transition:.2s}
.official-nav>a:hover,.official-nav>a:focus-visible,.official-nav>.nav-product:hover>a,.official-nav>.nav-product:focus-within>a,.official-nav>.nav-product.is-current>a{color:#fff;background:#2353cf;outline:none}
.official-actions{margin-left:18px;display:flex;align-items:center;gap:13px}
.official-search{width:34px;height:34px;display:grid;place-items:center}
.official-search span{width:17px;height:17px;border:2px solid #0b1d3b;border-radius:50%;position:relative}
.official-search span:after{content:"";width:7px;height:2px;position:absolute;right:-5px;bottom:-3px;background:#0b1d3b;transform:rotate(45deg)}
.official-phone{height:36px;padding:0 18px;display:flex;align-items:center;gap:8px;color:#fff;border-radius:19px;background:#2353cf}
.official-phone span{font-size:11px;opacity:.82}.official-phone b{font-size:14px}
.official-menu-button{display:none;width:38px;height:38px;border:0;background:transparent;cursor:pointer}
.official-menu-button i{width:22px;height:2px;margin:4px auto;display:block;background:#0b1d3b;transition:.25s}

.official-mega{top:68px;left:0;width:100%;height:312px;padding:40px max(5vw,calc((100vw - 1500px)/2));display:grid;grid-template-columns:352px 294px 235px;justify-content:start;gap:80px;background:#fafafa url("assets/corporate/menu-bg.png") center/cover no-repeat;border-bottom:0;box-shadow:0 16px 36px rgba(5,31,74,.12);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .24s,transform .24s,visibility .24s;pointer-events:none}
.nav-product:hover .official-mega,.nav-product:focus-within .official-mega,.nav-product.is-open .official-mega{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.official-mega-intro{padding:0;border:0}
.official-mega-intro h2{margin:0 0 18px;color:#0b1d3b;font-size:20px;line-height:1.5}
.official-mega-intro p{max-width:330px;margin:0;color:#5e6876;font-size:13px;line-height:1.85}
.official-mega-intro>a{width:120px;height:34px;margin-top:24px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border:1px solid #333;color:#263344;font-size:12px}
.official-secondary{padding:0}
.official-secondary a{min-height:44px;margin-bottom:8px;padding:0 4px 0 20px;display:flex;align-items:center;border:0;border-bottom:1px solid #e5e7eb;color:#263344;background:transparent}
.official-secondary a:before{content:"";width:7px;height:7px;margin-right:13px;border-radius:50%;background:#2353cf}
.official-secondary a b{font-size:14px;font-weight:400}
.official-secondary a span{margin-left:auto;font-size:21px;color:#8b95a4}
.official-secondary a:hover,.official-secondary a:focus-visible,.nav-product.products-open .official-secondary .has-children{padding-left:29px;color:#2353cf;background:transparent;box-shadow:none;outline:none}

.official-tertiary{height:80%;align-self:start;margin:0;padding:0 0 0 28px;border-left:1px solid #d7dce4;border-right:1px solid #b8c0cd;background:transparent;opacity:0;visibility:hidden;transform:translateX(-8px);pointer-events:none;transition:opacity .18s,transform .18s,visibility .18s}
.official-tertiary:before{content:"";position:absolute;inset:0 auto 0 -80px;width:80px;background:transparent}
.nav-product.products-open .official-tertiary{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.official-tertiary .mega-product-grid{height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);gap:0}
.official-tertiary .mega-product-grid>a{min-height:0;padding:0;display:grid;grid-template-columns:35px 1fr 25px;gap:0;align-items:center;border:0;border-bottom:1px solid #dfe3e9;border-radius:0;color:#344258;background:transparent;box-shadow:none}
.official-tertiary .mega-product-grid>a:hover,.official-tertiary .mega-product-grid>a:focus-visible{padding-left:8px;color:#2353cf;border-color:#dfe3e9;transform:none;box-shadow:none;outline:none}
.official-tertiary .mega-product-grid>a>i{width:auto;height:auto;color:#91a2b8;background:none;font:normal 10px/1 Arial}
.official-tertiary .mega-product-grid>a b{font-size:12px;color:inherit}
.official-tertiary .mega-product-grid>a small{display:none}
.official-tertiary .mega-product-grid>a>em{color:#8492a6;font-size:20px}

.official-contact-band{min-height:320px;padding:66px 6vw;color:#fff;background:#003fa6 url("assets/corporate/footer-contact.png") center bottom/cover no-repeat}
.official-contact-inner{width:min(100%,1500px);margin:auto;display:flex;align-items:flex-end;justify-content:space-between}
.official-contact-inner>div:first-child>img{width:240px;height:auto;display:block;filter:brightness(0) invert(1)}
.official-contact-inner h2{margin:20px 0 26px;font-size:29px;font-weight:500;letter-spacing:.04em}
.official-contact-inner p{display:flex;align-items:center;gap:34px}
.official-contact-inner p a{color:#fff;font-size:15px}
.official-contact-actions{display:flex;gap:14px}
.official-contact-actions a{min-width:145px;height:44px;padding:0 20px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.7);color:#fff;font-size:13px}
.official-contact-actions a:last-child{border-color:#fff;color:#2353cf;background:#fff}
.official-footer{color:#8c929a;background:#f0f0f0}
.official-footer-inner{width:min(100% - 10vw,1500px);margin:auto;padding:62px 0 35px;display:grid;grid-template-columns:1fr 330px;gap:55px}
.official-footer-nav{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));gap:22px}
.official-footer-nav>div{display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.official-footer-nav b{min-height:40px;color:#474f59;font-size:14px;line-height:1.5}
.official-footer-nav a{color:inherit;font-size:12px;line-height:1.55}
.official-footer-nav a:hover{color:#2353cf}
.official-follow{padding-left:38px;border-left:1px solid #d5d8dc}
.official-follow h3{margin:0 0 9px;color:#4b535e;font-size:17px}
.official-follow p{margin:0 0 16px;font-size:12px;line-height:1.6}
.official-follow>div{display:flex;gap:12px}
.official-follow img{width:80px;height:80px;object-fit:cover;background:#fff}
.official-follow>span{margin-top:16px;display:block;font-size:13px}
.official-follow>span a{color:#2353cf;font-size:18px;font-weight:800}
.official-contact-button{width:120px;height:34px;margin-top:14px;display:grid;place-items:center;color:#fff!important;background:#2353cf;font-size:12px}
.official-copyright{padding:15px 5vw;border-top:1px solid rgba(0,0,0,.08);text-align:center;font-size:12px}
.official-copyright a{color:inherit}
.official-tools{position:fixed;z-index:95;right:20px;top:50%;width:48px;transform:translateY(-50%);box-shadow:0 3px 7px rgba(0,0,0,.18)}
.official-tools a{height:48px;position:relative;display:grid;place-items:center;color:#2353cf;background:#fff;border-bottom:1px solid #e8ebef}
.official-tools a:hover{color:#fff;background:#2353cf}
.official-tools span{font-size:15px;font-weight:900}
.official-tools b{display:none;position:absolute;right:48px;top:0;height:48px;padding:0 18px;align-items:center;color:#fff;background:#2353cf;font-size:12px;white-space:nowrap}
.official-tools a:hover b{display:flex}

@media(max-width:1450px){
  .official-header-inner{width:calc(100% - 30px)}
  .official-logo{width:170px;flex-basis:170px}
  .official-nav>a,.official-nav>.nav-product>a{padding:0 10px;font-size:12px}
  .official-actions{margin-left:10px}.official-phone{padding:0 12px}.official-phone span{display:none}
  .official-mega{gap:55px}
  .official-footer-inner{width:calc(100% - 50px);grid-template-columns:1fr 275px}
  .official-footer-nav{gap:14px}
}
@media(max-width:1100px){
  .official-phone{display:none}
  .official-nav>a,.official-nav>.nav-product>a{padding:0 8px}
  .official-footer-inner{grid-template-columns:1fr}
  .official-follow{padding:25px 0 0;border-left:0;border-top:1px solid #d5d8dc}
}
@media(max-width:1024px){
  body.official-nav-open{overflow:hidden}
  .official-header{height:60px}
  .official-header-inner{width:calc(100% - 30px)}
  .official-logo{width:164px;flex-basis:164px}
  .official-actions{margin-left:auto}
  .official-menu-button{display:block}
  .official-nav{position:fixed;z-index:120;inset:60px 0 0 auto;width:min(88vw,420px);height:calc(100dvh - 60px);padding:18px 0 90px;display:block;overflow-y:auto;background:#fff;box-shadow:-18px 0 50px rgba(5,24,57,.16);transform:translateX(105%);transition:.28s}
  .official-nav-open .official-nav{transform:none}
  .official-nav>a,.official-nav>.nav-product>a{height:48px;padding:0 24px;justify-content:flex-start;color:#253247;font-size:14px;border-bottom:1px solid #e4e8ee;background:#fff}
  .official-nav>.nav-product.is-current>a{color:#2353cf;background:#f3f6ff}
  .official-nav>a:hover,.official-nav>.nav-product:hover>a{color:#2353cf;background:#f3f6ff}
  .official-mega{position:static;width:100%;height:auto;padding:0;display:block;background:#f6f8fb;box-shadow:none;opacity:1;visibility:visible;transform:none;pointer-events:auto}
  .official-mega-intro{display:none}
  .official-secondary a{min-height:42px;margin:0;padding:0 30px 0 42px}
  .official-secondary a b{font-size:13px}
  .official-secondary a:before{width:5px;height:5px}
  .official-secondary a:hover,.nav-product.products-open .official-secondary .has-children{padding-left:48px}
  .official-tertiary{display:none;height:auto;margin:0;padding:0 24px 0 62px;border:0;border-bottom:1px solid #d7dce4;opacity:1;visibility:visible;transform:none;background:#edf2f9}
  .nav-product.products-open .official-tertiary{display:block}
  .official-tertiary:before{display:none}
  .official-tertiary .mega-product-grid>a{height:39px}
  .official-contact-band{min-height:300px;padding:52px 35px}
  .official-contact-inner{align-items:flex-start;flex-direction:column;gap:30px}
  .official-footer-nav{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:640px){
  .official-search{display:none}
  .official-contact-band{min-height:330px;padding:42px 22px}
  .official-contact-inner>div:first-child>img{width:190px}
  .official-contact-inner h2{font-size:23px;line-height:1.5}
  .official-contact-inner p{align-items:flex-start;flex-direction:column;gap:8px}
  .official-contact-actions{width:100%}.official-contact-actions a{min-width:0;flex:1;padding:0 10px}
  .official-footer-inner{width:calc(100% - 40px);padding:40px 0 76px}
  .official-footer-nav{grid-template-columns:repeat(2,1fr);gap:28px 18px}
  .official-follow>span a{display:block;margin-top:5px}
  .official-tools{inset:auto 0 0;width:auto;display:grid;grid-template-columns:repeat(4,1fr);transform:none;box-shadow:0 -3px 10px rgba(0,0,0,.12)}
  .official-tools a{height:54px;border:0;border-right:1px solid #e8ebef}
  .official-tools b{position:static;height:auto;padding:0;display:block;color:inherit;background:transparent;font-size:9px}
  .official-tools a:hover b{display:block}
}

/* New Teaching Model: before vs after comparison */
.model-compare{max-width:1160px;margin:56px auto 0;display:grid;grid-template-columns:1fr 56px 1fr;gap:14px;align-items:start}
.model-compare>article{border-radius:26px;padding:40px 34px;overflow:hidden}
.model-before{background:linear-gradient(145deg,#f2f5fa,#e8ecf4);border:1px solid #c9d5e5}
.model-after{background:linear-gradient(145deg,#e6faf6,#ddf4f0 60%,#f2fbfd);border:1px solid #7dd4c5;box-shadow:0 24px 52px rgba(18,140,120,.13)}
.model-label{margin-bottom:28px;text-align:center}
.model-label>i{display:block;width:44px;height:44px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-style:normal;font-weight:900}
.model-icon-before{background:#d0d8e6;color:#6b7b92}
.model-icon-after{background:#12907e;color:#fff;box-shadow:0 8px 20px rgba(18,144,126,.28)}
.model-label b{display:block;font-size:20px;color:#0e2e4a}
.model-label small{color:#708197;font-size:12px;letter-spacing:.06em}
.model-points{display:grid;gap:16px}
.model-point{padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.72);border:1px solid rgba(0,0,0,.05)}
.model-after .model-point{border-color:rgba(18,123,112,.1);background:rgba(255,255,255,.84)}
.model-point i{display:block;font-size:10px;color:#74869a;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-style:normal}
.model-point b{display:block;font-size:15px;color:#0e2e4a;margin-bottom:5px}
.model-point span{display:block;font-size:12px;line-height:1.6;color:#5e738c}
.model-after .model-point i{color:#12907e}
.model-after .model-point span{color:#3e6b64}
.model-vs-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding-top:70px}
.model-vs-line{width:3px;height:72px;background:linear-gradient(180deg,#8dd4c8,#12907e);border-radius:3px}
.model-vs-wrap>span{font-size:14px;font-weight:800;color:#12907e;letter-spacing:.1em;writing-mode:vertical-lr}
.model-bottom{margin-top:52px}
.model-summary{max-width:700px;margin:0 auto;text-align:center;font-size:15px;line-height:1.85;color:#416372;font-weight:700}
.model-flow{max-width:920px;margin:32px auto 0;display:flex;align-items:stretch;gap:6px;justify-content:center}
.model-flow>div{min-width:110px;flex:1;padding:16px 12px;border:1px solid #d2e0ed;border-radius:14px;text-align:center;background:#fff;display:flex;flex-direction:column;align-items:center;gap:6px}
.model-flow>div i{width:26px;height:26px;border-radius:50%;background:#e5eff8;color:#3e6fa9;font:800 10px/26px Arial;font-style:normal}
.model-flow>div b{font-size:13px;color:#0e2e4a}
.model-flow>div small{font-size:10px;color:#74869a;line-height:1.4}
.model-flow>div.active{border-color:#12907e;background:linear-gradient(145deg,#e6faf6,#f9fffe);box-shadow:0 8px 24px rgba(18,140,120,.1)}
.model-flow>div.active i{background:#12907e;color:#fff}
.model-flow-arrow{display:flex;align-items:center;font-size:18px;color:#a3b9cd;flex:none;font-style:normal}
@media(max-width:700px){.model-compare{grid-template-columns:1fr}.model-vs-wrap{display:none}.model-flow{flex-wrap:wrap}}

/* ============================================
   教学新模式 三张独立页通用样式
   ============================================ */
.wf-hero{padding:60px max(5vw,32px) 50px;max-width:1320px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}
.wf-hero > div:first-child{margin-top:-88px}
.wf-hero h1{font-size:clamp(36px,3.6vw,54px);font-weight:900;line-height:1.1;margin:0 0 22px;color:#0a244b;letter-spacing:-.02em}
.wf-hero h1 small{display:block;font-size:clamp(16px,1.5vw,22px);font-weight:500;color:#5e738d;margin-bottom:14px;letter-spacing:.02em;line-height:1.4}
.wf-hero .desc{font-size:16px;line-height:1.9;color:#5e738d;margin:0 0 28px;max-width:600px}
.wf-hero .mini-features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:8px}
.wf-hero .mf{padding:16px 14px;border-radius:14px;background:rgba(255,255,255,.85);border:1px solid #d8e0ed;text-align:center}
.wf-hero .mf i{display:block;width:38px;height:38px;margin:0 auto 8px;border-radius:50%;background:linear-gradient(135deg,#26cce1,#1768e8);color:#fff;font-style:normal;display:grid;place-items:center;font-size:16px}
.wf-hero .mf b{display:block;font-size:13px;color:#0e2e4a;margin-bottom:3px;font-weight:800}
.wf-hero .mf small{display:block;font-size:10px;color:#74869a;line-height:1.4}
.wf-hero-illust{position:relative;height:440px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#e3f7f4 0%,#d4ecde 40%,#c8e0d4 100%);box-shadow:0 30px 60px rgba(20,82,119,.18);display:grid;place-items:center;transform:translateY(-20%)}
.wf-hero-illust::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(18,144,126,.12) 1.5px,transparent 1.5px);background-size:18px 18px}
.wf-hero-illust-content{position:relative;z-index:1;text-align:center;padding:24px;width:100%}

/* Section Header */
.wf-section{padding:80px max(5vw,32px) 60px;max-width:1320px;margin:auto}
.wf-section-label{display:inline-block;padding:6px 14px;border-radius:18px;background:rgba(18,144,126,.12);color:#12907e;font-size:12px;font-weight:800;margin-bottom:18px;letter-spacing:.05em}
.wf-section h2{font-size:clamp(34px,3.4vw,52px);margin:0 0 16px;color:#0a244b;line-height:1.18;letter-spacing:-.02em}
.wf-section .sub{font-size:15px;line-height:1.8;color:#5e738d;margin:0 0 44px;max-width:760px}

/* Why 4-cards */
.wf-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.wf-why-card{padding:28px 26px;border-radius:20px;background:#fff;border:1px solid #d8e0ed;display:grid;grid-template-columns:60px 1fr;gap:20px;align-items:start;box-shadow:0 8px 20px rgba(20,82,119,.04)}
.wf-why-card .icon{width:60px;height:60px;border-radius:14px;display:grid;place-items:center;font-size:26px;font-style:normal;color:#fff}
.wf-why-card .ic-green{background:linear-gradient(135deg,#26cce1,#12907e)}
.wf-why-card .ic-blue{background:linear-gradient(135deg,#1768e8,#2857ce)}
.wf-why-card .ic-orange{background:linear-gradient(135deg,#e89a3a,#d99931)}
.wf-why-card .ic-purple{background:linear-gradient(135deg,#8c6de2,#715bd8)}
.wf-why-card h3{font-size:17px;color:#0e2e4a;margin:0 0 12px;font-weight:800}
.wf-why-card ul{margin:0;padding:0;list-style:none}
.wf-why-card li{position:relative;padding-left:14px;font-size:13px;line-height:1.78;color:#5e738d}
.wf-why-card li:before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:#12907e}

/* Capability 4 cards */
.wf-caps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:920px;margin:0 auto}
.wf-cap-card{padding:22px;border-radius:16px;background:#fff;border:1px solid #d8e0ed;display:grid;grid-template-columns:54px 1fr;gap:18px;align-items:start}
.wf-cap-card i.icon{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,#e6faf6,#b6ebe0);color:#12907e;display:grid;place-items:center;font-size:22px;font-style:normal}
.wf-cap-card h3{font-size:16px;margin:0 0 8px;color:#0e2e4a;font-weight:800}
.wf-cap-card p{font-size:12px;line-height:1.6;color:#5e738d;margin:0 0 12px}
.wf-cap-card .tags{display:flex;gap:6px;flex-wrap:wrap}
.wf-cap-card .tags span{padding:4px 10px;border-radius:8px;background:rgba(18,144,126,.08);color:#12907e;font-size:10px;font-weight:700}

/* Example Mockup (left panel like 思辨实验室) */
.wf-mockup{background:linear-gradient(145deg,#082a58,#0a4263 60%,#07565b);border-radius:24px;padding:24px;color:#fff;box-shadow:0 30px 60px rgba(20,82,119,.18)}
.wf-mockup-header{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid rgba(166,226,232,.16);margin-bottom:18px}
.wf-mockup-header b{font-size:16px;letter-spacing:.04em}
.wf-mockup-header small{margin-left:auto;color:#8fc4ce;font-size:10px;letter-spacing:.08em}
.wf-mockup-row{display:flex;gap:14px;margin-bottom:12px;align-items:flex-start}
.wf-mockup-row .tag{padding:2px 8px;border-radius:5px;background:rgba(126,213,194,.18);color:#7ed5c2;font-size:10px;font-weight:800;flex:none}
.wf-mockup-row .tag.t-user{background:rgba(126,213,194,.32);color:#b6f0e2}
.wf-mockup-row .bubble{padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.08);font-size:12px;line-height:1.55;color:#d9ebfb;flex:1}
.wf-mockup-row .bubble.user{background:rgba(126,213,194,.18);color:#fff}

/* Examples 3 cards */
.wf-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wf-example{padding:26px 24px;border-radius:18px;background:linear-gradient(145deg,#fff,#f7fbf9);border:1px solid #cde6dc;display:flex;flex-direction:column;gap:12px}
.wf-example .icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#e6faf6,#b6ebe0);color:#12907e;display:grid;place-items:center;font-size:22px;font-style:normal}
.wf-example h3{font-size:17px;color:#0e2e4a;margin:0;font-weight:800}
.wf-example ul{margin:0;padding:0;list-style:none;font-size:12px;color:#5e738d;line-height:1.75}
.wf-example li{position:relative;padding-left:14px;margin-bottom:2px}
.wf-example li:before{content:"•";position:absolute;left:2px;color:#12907e;font-weight:700}

/* Evaluation 5 cards */
.wf-evals{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.wf-eval{padding:24px 18px;border-radius:16px;background:#fff;border:1px solid #d8e0ed;text-align:center;transition:.3s}
.wf-eval:hover{transform:translateY(-4px);border-color:rgba(18,144,126,.4);box-shadow:0 14px 30px rgba(18,144,126,.1)}
.wf-eval i{display:block;width:44px;height:44px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,#e6faf6,#b6ebe0);color:#12907e;font-style:normal;display:grid;place-items:center;font-size:18px}
.wf-eval b{display:block;font-size:13px;color:#0e2e4a;margin-bottom:6px;font-weight:800}
.wf-eval p{font-size:11px;line-height:1.5;color:#74869a;margin:0}

/* VS Compare */
.wf-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:24px;border-radius:22px;background:#fff;border:1px solid #d8e0ed}
.wf-compare .col{padding:20px 18px;border-radius:16px}
.wf-compare .col.old{background:#f5f7fa;border:1px solid #d8e0ed}
.wf-compare .col.new{background:linear-gradient(145deg,#e6faf6,#ddf4f0);border:1px solid #7dd4c5}
.wf-compare h4{margin:0 0 14px;font-size:14px;color:#0e2e4a;font-weight:800}
.wf-compare h4 small{display:block;font-size:11px;color:#74869a;font-weight:400;margin-top:3px;letter-spacing:.06em}
.wf-compare ul{margin:0;padding:0;list-style:none}
.wf-compare li{padding:8px 0;font-size:13px;line-height:1.55;color:#5e738d;border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;gap:8px}
.wf-compare li:last-child{border-bottom:0}
.wf-compare li .li-icon{width:18px;height:18px;border-radius:50%;background:#fff;color:#74869a;display:grid;place-items:center;font-size:10px;flex:none;font-style:normal;font-weight:700}
.wf-compare .new li{color:#0e2e4a}
.wf-compare .new li .li-icon{background:#12907e;color:#fff}

/* 6-step flow */
.wf-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.wf-step{padding:18px 14px;border-radius:14px;background:#fff;border:1px solid #d8e0ed;text-align:center;position:relative}
.wf-step::after{content:"→";position:absolute;right:-12px;top:50%;transform:translateY(-50%);font-size:16px;color:#a3b9cd}
.wf-step:last-child::after{display:none}
.wf-step i{display:block;width:36px;height:36px;margin:0 auto 10px;border-radius:50%;background:linear-gradient(135deg,#12907e,#26cce1);color:#fff;font:800 13px/36px Arial;font-style:normal}
.wf-step b{display:block;font-size:13px;color:#0e2e4a;margin-bottom:6px;font-weight:800}
.wf-step small{display:block;font-size:11px;color:#74869a;line-height:1.5}

/* Dashboard mockup */
.wf-dashboard{background:linear-gradient(145deg,#0c2d3a,#165b69);border-radius:22px;padding:26px;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.18),0 24px 48px rgba(20,82,119,.18)}
.wf-dashboard h4{margin:0 0 18px;color:#d4ecde;font-size:13px;letter-spacing:.05em}
.wf-dashboard .stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.wf-dashboard .stat{padding:14px 12px;background:rgba(255,255,255,.08);border-radius:10px;border:1px solid rgba(255,255,255,.06)}
.wf-dashboard .stat b{display:block;font-size:22px;color:#7ed5c2;font-weight:800;margin-bottom:4px}
.wf-dashboard .stat small{display:block;font-size:10px;color:#a3c2c5;line-height:1.4}
.wf-dashboard .chart{height:90px;background:rgba(255,255,255,.05);border-radius:10px;position:relative;overflow:hidden}
.wf-dashboard .chart::before{content:"";position:absolute;left:5%;right:5%;bottom:8px;height:50%;background:linear-gradient(180deg,rgba(126,213,194,.5),rgba(126,213,194,.1));clip-path:polygon(0 70%,12% 50%,24% 60%,36% 35%,48% 45%,60% 25%,72% 30%,84% 18%,96% 28%,100% 20%,100% 100%,0 100%)}
.wf-dashboard .chart::after{content:"";position:absolute;left:5%;right:5%;bottom:8px;height:50%;border-bottom:1px dashed rgba(126,213,194,.6)}

/* 3 roles */
.wf-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wf-role{padding:28px 24px;border-radius:20px;background:#fff;border:1px solid #d8e0ed}
.wf-role .head{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #eaeff5}
.wf-role .avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:24px;font-weight:800;font-style:normal;flex:none;box-shadow:0 8px 18px rgba(20,82,119,.18)}
.wf-role.r-teacher .avatar{background:linear-gradient(135deg,#1768e8,#2857ce)}
.wf-role.r-student .avatar{background:linear-gradient(135deg,#26cce1,#04a9d8)}
.wf-role.r-ai .avatar{background:linear-gradient(135deg,#715bd8,#a266ff)}
.wf-role h3{font-size:19px;margin:0 0 4px;color:#0e2e4a;font-weight:800}
.wf-role .subtitle{font-size:12px;color:#74869a;margin:0}
.wf-role ul{margin:0;padding:0;list-style:none;font-size:12.5px;color:#435f73;line-height:1.7}
.wf-role li{position:relative;padding-left:18px;margin-bottom:8px;display:flex;align-items:flex-start;gap:6px}
.wf-role li:before{content:"✓";color:#12907e;font-weight:800;flex:none}

/* CTA */
.wf-cta{padding:80px max(5vw,32px);background:linear-gradient(135deg,#0c2d3a,#165b69 60%,#07565b);text-align:center;color:#fff;margin-top:60px;position:relative;overflow:hidden}
.wf-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(126,213,194,.16),transparent 50%),radial-gradient(circle at 80% 70%,rgba(38,204,225,.14),transparent 50%)}
.wf-cta-content{position:relative;z-index:1;max-width:760px;margin:auto}
.wf-cta h2{font-size:clamp(28px,2.6vw,38px);color:#fff;margin:0 0 14px;line-height:1.3}
.wf-cta p{font-size:15px;color:#a3c2c5;margin:0 0 28px;line-height:1.7}
.wf-cta a{display:inline-block;padding:14px 36px;background:linear-gradient(135deg,#26cce1,#12907e);color:#fff;border-radius:10px;text-decoration:none;font-weight:800;font-size:15px;box-shadow:0 12px 28px rgba(38,204,225,.3)}

/* Responsive */
@media(max-width:1100px){
  .wf-hero{grid-template-columns:1fr;gap:36px}
  .wf-hero-illust{height:340px;order:-1}
  .wf-hero > div:first-child{margin-top:-68px}
  .wf-why-grid,.wf-examples,.wf-roles{grid-template-columns:1fr 1fr}
  .wf-steps{grid-template-columns:repeat(3,1fr)}
  .wf-step::after{display:none}
  .wf-evals{grid-template-columns:repeat(2,1fr)}
  .wf-caps-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .wf-hero .mini-features{grid-template-columns:1fr 1fr}
  .wf-why-grid,.wf-examples,.wf-roles,.wf-evals,.wf-compare{grid-template-columns:1fr}
  .wf-steps{grid-template-columns:1fr 1fr}
}

/* Chapter link cards (方案A: education.html → workflow-x.html) */
.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1080px;margin:52px auto 0}
.chapter-card{display:block;padding:34px 28px;border-radius:22px;background:#fff;border:1px solid #d8e0ed;text-decoration:none;transition:.3s}
.chapter-card:hover{transform:translateY(-5px);border-color:rgba(18,144,126,.5);box-shadow:0 18px 40px rgba(18,144,126,.12)}
.chapter-card .ch-num{display:block;font-size:42px;font-weight:900;color:rgba(18,144,126,.18);line-height:1;margin-bottom:8px;letter-spacing:-.02em}
.chapter-card:nth-child(2) .ch-num{color:rgba(18,144,126,.28)}
.chapter-card:nth-child(3) .ch-num{color:rgba(18,144,126,.38)}
.chapter-card .ch-label{display:inline-block;padding:3px 10px;border-radius:10px;background:rgba(18,144,126,.1);color:#12907e;font-size:10px;font-weight:800;letter-spacing:.05em;margin-bottom:14px}
.chapter-card h3{font-size:20px;color:#0e2e4a;margin:0 0 10px;font-weight:800;line-height:1.3}
.chapter-card p{font-size:13px;line-height:1.65;color:#5e738d;margin:0}
.chapter-card .ch-arrow{display:inline-block;margin-top:14px;font-size:13px;color:#12907e;font-weight:800}
.chapter-card .ch-arrow span{display:inline-block;transition:.3s}
.chapter-card:hover .ch-arrow span{transform:translateX(4px)}
@media(max-width:700px){.chapter-grid{grid-template-columns:1fr}}

/* Paradigm shift: compare one real task before and after Xiaozhi. */
.paradigm{
  position:relative;
  display:block;
  overflow:hidden;
  padding:clamp(28px,3.6vh,38px) max(5vw,24px) clamp(32px,4.4vh,48px);
  background:
    radial-gradient(circle at 52% 48%,rgba(51,166,238,.2),transparent 28%),
    radial-gradient(circle at 90% 10%,rgba(43,205,221,.12),transparent 28%),
    linear-gradient(180deg,#f8fbff,#edf6ff);
}
.paradigm:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(52,130,201,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(52,130,201,.055) 1px,transparent 1px);
  background-size:70px 70px;
  mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);
}
.paradigm-heading{
  width:100%;max-width:1360px;margin:0 auto clamp(18px,2.2vh,24px);position:relative;z-index:2;
  display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;
}
.paradigm-heading p{margin:0 0 7px;color:#1768e8;font-size:12px;font-weight:900;letter-spacing:.19em}
.paradigm-heading h2{margin:0;color:#071d41;font-size:clamp(43px,3vw,52px);line-height:1.05;letter-spacing:-.045em}
.paradigm-heading strong{display:block;margin-top:9px;color:#47708f;font-size:17px;font-weight:500;line-height:1.5;letter-spacing:.02em}
.paradigm-heading>span{max-width:610px;padding-bottom:3px;color:#637993;font-size:16px;line-height:1.75}
.paradigm-stage{
  width:100%;max-width:1360px;height:clamp(555px,62vh,610px);margin:auto;position:relative;z-index:2;
  display:grid;grid-template-rows:44px minmax(0,1fr) 92px;
  overflow:hidden;border:1px solid rgba(73,145,210,.28);border-radius:26px;
  background:rgba(255,255,255,.72);
  box-shadow:0 30px 75px rgba(28,91,150,.15),inset 0 1px rgba(255,255,255,.95);
  backdrop-filter:blur(18px);
}
.paradigm-stage-top{
  padding:0 20px;display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid #dbe9f5;color:#5e7891;background:rgba(248,252,255,.84);font-size:12px;
}
.paradigm-stage-top span{display:flex;align-items:center;gap:9px;font-weight:800}.paradigm-stage-top span i{width:8px;height:8px;border-radius:50%;background:#20bca5;box-shadow:0 0 0 5px rgba(32,188,165,.1)}
.paradigm-stage-top small{color:#1770d4;font-size:11px;font-weight:800;letter-spacing:.05em}
.paradigm-compare{min-height:0;display:grid;grid-template-columns:minmax(300px,1fr) 280px minmax(340px,1.08fr);align-items:stretch}
.paradigm-old,.paradigm-new{min-width:0;padding:24px 26px;display:flex;flex-direction:column}
.paradigm-old{border-right:1px solid #dce8f3;background:linear-gradient(145deg,rgba(245,248,251,.92),rgba(236,242,247,.72))}
.paradigm-new{border-left:1px solid #cfe4f4;background:linear-gradient(145deg,rgba(245,251,255,.95),rgba(225,244,255,.72))}
.paradigm-old header,.paradigm-new header{display:flex;align-items:center;gap:10px}.paradigm-old header small,.paradigm-new header small{padding:5px 8px;border-radius:6px;font:800 9px/1 Arial;letter-spacing:.12em}.paradigm-old header small{color:#7d8d9d;background:#e4e9ee}.paradigm-new header small{color:#fff;background:linear-gradient(135deg,#1768e8,#24bcd9)}.paradigm-old header span,.paradigm-new header span{color:#6b8197;font-size:12px;font-weight:700}
.paradigm-old h3,.paradigm-new h3{margin:17px 0 18px;color:#0b2b51;font-size:24px;line-height:1.25}
.paradigm-old ol{margin:0;padding:0;display:grid;gap:7px;list-style:none}.paradigm-old li{min-height:43px;padding:0 13px;display:flex;align-items:center;gap:12px;border:1px solid #dce4eb;border-radius:10px;background:rgba(255,255,255,.73);color:#586c7f;font-size:12px}.paradigm-old li b{color:#a0adba;font:700 10px/1 Arial}.paradigm-old li span{text-decoration-color:#c7d0d8}
.paradigm-old footer{margin-top:auto;padding:13px 15px;border-left:3px solid #aab8c5;background:#e8edf1}.paradigm-old footer small,.paradigm-old footer b{display:block}.paradigm-old footer small{color:#8797a6;font-size:10px}.paradigm-old footer b{margin-top:6px;color:#536779;font-size:12px;line-height:1.5}
.paradigm-engine{position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(222,240,254,.6) 45%,rgba(214,234,251,.28))}
.engine-rings,.engine-rings i{position:absolute;border-radius:50%}.engine-rings{width:238px;height:238px;border:1px solid rgba(39,135,221,.18)}.engine-rings i:nth-child(1){inset:18px;border:1px dashed rgba(38,153,226,.35);animation:engineSpin 18s linear infinite}.engine-rings i:nth-child(2){inset:41px;border:1px solid rgba(43,199,220,.28);animation:engineSpin 12s linear infinite reverse}.engine-rings i:nth-child(3){inset:65px;background:radial-gradient(circle,rgba(255,255,255,.9),rgba(90,181,239,.12));box-shadow:0 0 40px rgba(41,140,219,.18)}
.engine-core{position:relative;z-index:2;width:112px;height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(60,153,226,.26);border-radius:50%;background:rgba(255,255,255,.88);box-shadow:0 18px 42px rgba(32,108,179,.2)}.engine-core img{width:35px;height:35px;object-fit:contain}.engine-core b{margin-top:4px;color:#0d5bb9;font-size:18px}.engine-core span{color:#6f8daa;font-size:9px}
.engine-node{position:absolute;z-index:3;min-width:88px;padding:9px 10px;border:1px solid rgba(63,151,219,.24);border-radius:10px;background:rgba(255,255,255,.88);box-shadow:0 10px 22px rgba(36,106,168,.12)}.engine-node small,.engine-node b{display:block}.engine-node small{color:#38acd4;font:800 8px/1 Arial}.engine-node b{margin-top:4px;color:#305b80;font-size:11px}.engine-node-1{left:12px;top:45px}.engine-node-2{right:12px;top:45px}.engine-node-3{left:12px;bottom:45px}.engine-node-4{right:12px;bottom:45px}
.paradigm-task{min-height:0;display:grid;gap:9px}.task-query,.task-working,.task-output{border-radius:11px}.task-query{padding:11px 13px;color:#fff;background:linear-gradient(135deg,#1768e8,#0d8dcc)}.task-query small{color:#bfe6fb;font-size:9px}.task-query p{margin:4px 0 0;font-size:12px;line-height:1.5;font-weight:700}.task-working{padding:10px 13px;border:1px solid #cfe2f1;background:rgba(255,255,255,.82)}.task-working span,.task-working b{display:block}.task-working span{color:#3e779f;font-size:10px}.task-working span i{width:6px;height:6px;margin-right:6px;display:inline-block;border-radius:50%;background:#1cc1a8;box-shadow:0 0 0 4px rgba(28,193,168,.1)}.task-working b{margin-top:6px;color:#6b8299;font-size:10px;font-weight:600;word-spacing:7px}.task-output{padding:12px 14px;border:1px solid #b9ddef;background:#fff;box-shadow:0 12px 27px rgba(37,104,163,.1)}.task-output small{color:#1686c6;font-size:9px;font-weight:800}.task-output h4{margin:5px 0;color:#123a62;font-size:17px}.task-output p{margin:0;color:#657b90;font-size:10px;line-height:1.55}.task-output>span{display:block;margin-top:8px;color:#168778;font-size:9px}.task-output>span b{color:#fff;background:#20b89e;border-radius:50%}
.paradigm-dimensions{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #d8e7f3;background:rgba(247,251,255,.92)}
.paradigm-dimensions button{appearance:none;min-width:0;padding:14px 13px;display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;text-align:left;border:0;border-right:1px solid #dfebf5;color:#678099;background:transparent;cursor:pointer;transition:.25s}.paradigm-dimensions button:last-child{border-right:0}.paradigm-dimensions button:hover{background:#eef7ff}.paradigm-dimensions button.active{color:#fff;background:linear-gradient(135deg,#1768e8,#178ec8);box-shadow:inset 0 3px #54d4e6}.paradigm-dimensions small{color:#55a9df;font:800 10px/1 Arial}.paradigm-dimensions button.active small{color:#9ae8f4}.paradigm-dimensions span,.paradigm-dimensions b,.paradigm-dimensions i{display:block;min-width:0}.paradigm-dimensions b{font-size:13px}.paradigm-dimensions i{margin-top:5px;overflow:hidden;color:#8da1b4;font-size:10px;font-style:normal;white-space:nowrap;text-overflow:ellipsis}.paradigm-dimensions button.active i{color:#c3e7f5}
@keyframes engineSpin{to{transform:rotate(360deg)}}

@media(min-width:1101px){
  .paradigm{min-height:calc(100svh - 70px);display:flex;flex-direction:column}
  .paradigm-stage{flex:none}
}
@media(max-width:1100px){
  .paradigm-heading{grid-template-columns:1fr;gap:13px}
  .paradigm-stage{height:auto;grid-template-rows:44px auto auto}
  .paradigm-compare{grid-template-columns:1fr 240px 1fr}
  .paradigm-old,.paradigm-new{padding:22px 18px}
  .paradigm-dimensions{overflow-x:auto;grid-template-columns:repeat(5,205px)}
}
@media(max-width:820px){
  .paradigm{padding:72px 18px}
  .paradigm-heading h2{font-size:36px}.paradigm-heading strong{font-size:15px}.paradigm-heading>span{font-size:14px}
  .paradigm-compare{display:flex;flex-direction:column}
  .paradigm-old,.paradigm-new{min-height:410px}
  .paradigm-engine{min-height:360px;border-top:1px solid #dce8f3;border-bottom:1px solid #dce8f3}
  .paradigm-dimensions{grid-template-columns:repeat(5,205px)}
}
@media(max-width:520px){
  .paradigm-stage-top{padding:0 13px}.paradigm-stage-top small{font-size:9px}
  .paradigm-old,.paradigm-new{padding:20px 15px}
}
@media(prefers-reduced-motion:reduce){.engine-rings i{animation:none}}

/* Paradigm shift V2: top navigation and five distinct evidence views. */
.paradigm-shell{
  width:100%;max-width:1360px;margin:auto;position:relative;z-index:2;
  overflow:hidden;border:1px solid rgba(73,145,210,.28);border-radius:26px;
  background:rgba(255,255,255,.75);
  box-shadow:0 30px 75px rgba(28,91,150,.15),inset 0 1px rgba(255,255,255,.95);
  backdrop-filter:blur(18px)
}
.paradigm-nav-row{position:relative;padding-right:130px;border-bottom:1px solid #d7e6f3;background:rgba(247,251,255,.94)}
.paradigm-tabs{height:82px;display:grid;grid-template-columns:repeat(5,1fr)}
.paradigm-tabs button{
  appearance:none;min-width:0;padding:14px 16px;position:relative;display:grid;grid-template-columns:29px 1fr;gap:10px;align-items:center;
  text-align:left;border:0;border-right:1px solid #deebf5;color:#698198;background:transparent;cursor:pointer;transition:color .25s,background .25s,transform .25s
}
.paradigm-tabs button:after{content:"";height:3px;position:absolute;left:14px;right:14px;bottom:0;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#1768e8,#28c5d8);transform:scaleX(0);transition:transform .3s}
.paradigm-tabs button:hover{color:#185b9f;background:#eef7ff}.paradigm-tabs button:hover:after,.paradigm-tabs button.active:after{transform:scaleX(1)}
.paradigm-tabs button.active{color:#0d5fba;background:linear-gradient(180deg,#fff,#eaf5ff)}
.paradigm-tabs small{color:#63acd8;font:800 11px/1 Arial}.paradigm-tabs span,.paradigm-tabs b,.paradigm-tabs i{display:block;min-width:0}
.paradigm-tabs b{font-size:15px}.paradigm-tabs i{margin-top:6px;overflow:hidden;color:#879caf;font-size:11px;font-style:normal;white-space:nowrap;text-overflow:ellipsis}
.paradigm-tabs button.active i{color:#4f82a8}
.paradigm-click-hint{
  width:112px;position:absolute;right:14px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;gap:7px;
  color:#1770c9;font-size:12px;font-weight:800;pointer-events:none
}
.paradigm-click-hint i{width:7px;height:7px;border-radius:50%;background:#20bca5;box-shadow:0 0 0 0 rgba(32,188,165,.35);animation:paradigmHint 1.8s ease-out infinite}
.paradigm-click-hint b{font-size:15px;animation:paradigmArrow 1.8s ease-in-out infinite}
.paradigm-pages{height:500px;position:relative}
.paradigm-page{
  height:100%;padding:38px 42px;display:grid;grid-template-columns:minmax(340px,.78fr) minmax(570px,1.22fr);gap:48px;align-items:center;
  animation:paradigmPageIn .42s ease both
}
.paradigm-page[hidden]{display:none}
.shift-copy{min-width:0}.shift-kicker{display:block;margin-bottom:15px;color:#1687c8;font-size:12px;font-weight:900;letter-spacing:.12em}
.shift-copy h3{margin:0;color:#09264d;font-size:clamp(29px,2.1vw,38px);line-height:1.24;letter-spacing:-.035em}
.shift-copy>p{margin:20px 0 0;color:#617991;font-size:15px;line-height:1.85}
.shift-proof{margin-top:25px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.shift-proof b{margin-right:4px;color:#355b78;font-size:12px}
.shift-proof span{padding:7px 10px;border:1px solid #cde1f0;border-radius:20px;color:#3578a7;background:#f4faff;font-size:11px}

.search-workbench{min-width:0;padding:20px;border:1px solid #c9deef;border-radius:20px;background:linear-gradient(145deg,#fafdff,#eaf5fd);box-shadow:0 22px 48px rgba(34,102,161,.14)}
.search-question{position:relative;padding:16px 46px 16px 17px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#1768e8,#0a94c6)}
.search-question small,.search-question b{display:block}.search-question small{color:#bce7fb;font-size:10px}.search-question b{margin-top:6px;font-size:15px;line-height:1.45}
.search-question i{width:23px;height:23px;position:absolute;right:15px;top:50%;transform:translateY(-50%);border:2px solid #fff;border-radius:50%}.search-question i:after{content:"";width:8px;height:2px;position:absolute;right:-6px;bottom:0;transform:rotate(45deg);background:#fff}
.search-sources{margin:12px 0;display:flex;gap:8px;flex-wrap:wrap}.search-sources span{padding:6px 9px;border:1px solid #d4e4f0;border-radius:7px;color:#5b7890;background:#fff;font-size:10px}.search-sources span:before{content:"▣";margin-right:5px;color:#26a8cf}
.search-result{padding:16px 18px;border:1px solid #c1dceb;border-radius:13px;background:#fff}.search-result header{display:flex;justify-content:space-between;color:#21826f;font-size:11px}.search-result header small{color:#2784bd}.search-result h4{margin:10px 0 9px;color:#123a62;font-size:19px}.search-result ol{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none}.search-result li{min-height:62px;padding:10px;border-radius:9px;color:#5e7488;background:#f1f7fb;font-size:10px;line-height:1.5}.search-result li b{display:block;margin-bottom:4px;color:#58a5d2;font:800 9px/1 Arial}.search-result footer{margin-top:12px;padding-top:11px;display:flex;justify-content:space-between;border-top:1px solid #e3edf4;color:#8093a5;font-size:11px}.search-result footer b{color:#0c72bd}

.paradigm-page-memory{grid-template-columns:1.15fr .85fr}.memory-map{height:390px;position:relative;border:1px solid #cbdfee;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.98) 0 22%,rgba(220,242,255,.72) 23% 46%,rgba(240,248,254,.4) 47% 70%,transparent 71%)}
.memory-core{width:190px;height:190px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #b7d9ed;border-radius:50%;background:#fff;box-shadow:0 20px 46px rgba(29,111,177,.18)}.memory-core img{width:42px}.memory-core b{margin-top:7px;color:#0c64b2;font-size:17px}.memory-core span{margin-top:5px;color:#6d8ba3;font-size:9px}
.memory-person{min-width:120px;padding:10px 12px;position:absolute;z-index:4;display:grid;grid-template-columns:32px 1fr;column-gap:9px;border:1px solid #c8ddec;border-radius:12px;background:#fff;box-shadow:0 12px 25px rgba(35,100,156,.11)}.memory-person i{width:32px;height:32px;grid-row:1/3;display:grid;place-items:center;border-radius:9px;color:#fff;background:linear-gradient(135deg,#1768e8,#26b8d5);font-size:12px;font-style:normal}.memory-person span{color:#315b7e;font-size:11px;font-weight:800}.memory-person small{margin-top:3px;color:#8094a6;font-size:9px}.person-a{left:7%;top:13%}.person-b{right:5%;top:16%}.person-c{left:5%;bottom:14%}.person-d{right:7%;bottom:11%}
.memory-line{height:1px;position:absolute;z-index:1;background:linear-gradient(90deg,transparent,#4cb8dd,#1a75c9);transform-origin:left center}.line-a{width:190px;left:24%;top:31%;transform:rotate(24deg)}.line-b{width:190px;left:51%;top:49%;transform:rotate(-36deg)}.line-c{width:190px;left:23%;top:72%;transform:rotate(-20deg)}.line-d{width:180px;left:51%;top:52%;transform:rotate(34deg)}
.memory-ledger{margin-top:26px;padding:14px 16px;display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;border:1px solid #d3e4f0;border-radius:13px;background:#f7fbfe}.memory-ledger small,.memory-ledger b{display:block}.memory-ledger small{color:#8b9dac;font-size:9px}.memory-ledger b{margin-top:5px;color:#355f80;font-size:11px}.memory-ledger i{color:#1d9ecb;font-style:normal}

.insight-actions{margin-top:25px;display:grid;gap:8px}.insight-actions span{padding:10px 12px;border-left:3px solid #25b6d1;color:#5e7890;background:#f2f8fc;font-size:11px}.insight-actions b{margin-right:9px;color:#1475b9}
.insight-board{min-width:0;padding:20px;border:1px solid #c9dfed;border-radius:20px;background:#fff;box-shadow:0 22px 48px rgba(34,102,161,.14)}.insight-board header{display:flex;align-items:center;justify-content:space-between}.insight-board header small,.insight-board header b{display:block}.insight-board header small{color:#7b92a5;font-size:10px}.insight-board header b{margin-top:4px;color:#244e71;font-size:15px}.insight-board header>span{color:#248370;font-size:10px}.insight-board header>span i{width:7px;height:7px;margin-right:6px;display:inline-block;border-radius:50%;background:#21bd9f}
.insight-metrics{margin:15px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.insight-metrics>div{padding:11px 13px;border-radius:10px;background:#eff7fc}.insight-metrics small{display:block;color:#7990a2;font-size:9px}.insight-metrics b{color:#1768bc;font-size:25px}.insight-metrics em{margin-left:4px;color:#7890a4;font-size:9px;font-style:normal}
.insight-chart{height:112px;padding:16px 15px 18px;position:relative;display:flex;align-items:flex-end;justify-content:space-around;gap:13px;border-radius:10px;background:linear-gradient(#f8fbfd,#edf5fa)}.insight-chart:before,.insight-chart:after{content:"";height:1px;position:absolute;left:12px;right:12px;background:#dce8f0}.insight-chart:before{top:38%}.insight-chart:after{top:68%}.insight-chart span{width:9%;height:var(--h);position:relative;z-index:2;border-radius:5px 5px 1px 1px;background:linear-gradient(#39bed6,#438fe0)}.insight-chart span.warn{background:linear-gradient(#ffc45a,#ff974b)}.insight-chart span.risk{background:linear-gradient(#ff8b8b,#e75267)}.insight-chart i{position:absolute;left:12px;top:7px;color:#8aa0b1;font-size:8px;font-style:normal}
.insight-alert{margin-top:11px;padding:11px 13px;border-left:3px solid #ec6972;background:#fff5f5}.insight-alert span,.insight-alert b,.insight-alert small{display:block}.insight-alert span{color:#d95765;font-size:9px;font-weight:800}.insight-alert b{margin-top:4px;color:#5a4b58;font-size:11px}.insight-alert small{margin-top:5px;color:#88737c;font-size:9px;line-height:1.45}

.paradigm-page-trust{grid-template-columns:1.1fr .9fr}.trust-answer{padding:20px;border:1px solid #c9dfee;border-radius:20px;background:#f9fcfe;box-shadow:0 22px 48px rgba(34,102,161,.14)}.trust-answer header{padding:13px 15px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#1768e8,#148dc7)}.trust-answer header small,.trust-answer header b{display:block}.trust-answer header small{color:#c7e8fb;font-size:9px}.trust-answer header b{margin-top:5px;font-size:13px}.trust-response{margin:11px 0;padding:13px 15px;border:1px solid #d6e5ef;border-radius:11px;background:#fff}.trust-response>span{color:#218d7a;font-size:9px;font-weight:800}.trust-response p{margin:6px 0 9px;color:#4d667c;font-size:11px;line-height:1.55}.trust-response mark{margin-right:6px;padding:4px 7px;border-radius:5px;color:#1475b7;background:#e5f4fd;font-size:9px}.trust-source{padding:13px 15px;border-left:3px solid #24b8ce;background:#edf8fd}.trust-source span,.trust-source b,.trust-source small{display:block}.trust-source span{color:#4393ba;font-size:9px}.trust-source b{margin-top:4px;color:#24516f;font-size:12px}.trust-source p{margin:8px 0;color:#61798c;font-size:10px;line-height:1.5}.trust-source small{color:#8da0af;font-size:8px}
.trust-chain{margin-top:28px;display:flex;align-items:center;gap:7px}.trust-chain span{padding:8px 10px;border:1px solid #c9dfee;border-radius:7px;color:#2876a7;background:#f6fbfe;font-size:10px}.trust-chain i{color:#35a9ce;font-style:normal}

.create-value{margin-top:28px;padding:14px 16px;border-left:3px solid #22b6ce;background:#eef8fc}.create-value small,.create-value b{display:block}.create-value small{color:#5e93ae;font-size:9px}.create-value b{margin-top:5px;color:#195f89;font-size:12px}
.create-canvas{min-width:0;display:grid;grid-template-columns:140px 1fr 250px;gap:16px;align-items:center}.create-sources{display:grid;gap:10px}.create-sources span{padding:12px;border:1px solid #cddfeb;border-radius:10px;color:#56758d;background:#fff;box-shadow:0 9px 18px rgba(42,102,151,.08);font-size:10px}.create-sources span:before{content:"◆";margin-right:7px;color:#29aed0}
.create-flow{height:205px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;color:#27749c;background:radial-gradient(circle,#fff 0 34%,#dbf2fb 35% 51%,transparent 52%);text-align:center}.create-flow:before,.create-flow:after{content:"";width:72%;height:72%;position:absolute;border:1px dashed #45b3d3;border-radius:50%;animation:engineSpin 14s linear infinite}.create-flow:after{width:92%;height:92%;border-color:rgba(31,116,195,.2);animation-direction:reverse}.create-flow i{width:30px;height:30px;position:relative;z-index:2;border-radius:50%;background:url("assets/xiaozhi-logo.png") center/contain no-repeat}.create-flow b{margin-top:8px;position:relative;z-index:2;font-size:10px}.create-flow small{margin-top:4px;position:relative;z-index:2;color:#7294a8;font-size:8px}
.create-output{padding:17px;border:1px solid #c2dcea;border-radius:15px;background:#fff;box-shadow:0 18px 38px rgba(34,102,161,.15)}.create-output header{display:flex;justify-content:space-between}.create-output header span{color:#188672;font-size:9px;font-weight:800}.create-output header small{color:#7f98a9;font-size:8px}.create-output h4{margin:12px 0;color:#1c5278;font-size:16px}.create-output ul{margin:0;padding:0;display:grid;gap:7px;list-style:none}.create-output li{padding:7px 9px;border-radius:6px;color:#60798d;background:#f1f7fb;font-size:9px}.create-output li:before{content:"✓";margin-right:7px;color:#20aa91}.create-output footer{margin-top:12px;padding-top:10px;border-top:1px solid #e1ebf2;color:#2b82b4;font-size:10px}.create-output footer b{float:right}

@keyframes paradigmHint{70%{box-shadow:0 0 0 9px rgba(32,188,165,0)}100%{box-shadow:0 0 0 0 rgba(32,188,165,0)}}
@keyframes paradigmArrow{0%,100%{transform:translate(0,1px)}50%{transform:translate(4px,-3px)}}
@keyframes paradigmPageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1100px){
  .paradigm-nav-row{padding-right:0}.paradigm-click-hint{display:none}.paradigm-tabs{overflow-x:auto;grid-template-columns:repeat(5,205px)}
  .paradigm-pages{height:auto}.paradigm-page{min-height:500px;grid-template-columns:1fr 1.2fr;gap:28px;padding:30px}
  .memory-map{height:350px}.create-canvas{grid-template-columns:110px 1fr 210px}
}
@media(max-width:820px){
  .paradigm-tabs{height:74px}.paradigm-tabs button{padding:11px 13px}.paradigm-tabs i{font-size:10px}
  .paradigm-page,.paradigm-page-memory,.paradigm-page-trust{min-height:0;padding:28px 20px;grid-template-columns:1fr}
  .paradigm-page-search .shift-copy,.paradigm-page-insight .shift-copy,.paradigm-page-create .shift-copy{order:0}
  .search-workbench,.insight-board,.create-canvas{order:1}.memory-map{height:390px}.create-canvas{grid-template-columns:100px 1fr 220px}
}
@media(max-width:560px){
  .paradigm-tabs{grid-template-columns:repeat(5,180px)}.paradigm-page{padding:24px 15px}.shift-copy h3{font-size:29px}
  .search-result ol{grid-template-columns:1fr}.search-result footer{gap:8px;flex-direction:column}
  .memory-map{height:350px}.memory-person{min-width:105px;padding:8px}.person-a,.person-c{left:0}.person-b,.person-d{right:0}
  .create-canvas{grid-template-columns:1fr}.create-sources{grid-template-columns:repeat(2,1fr)}.create-flow{height:170px}.create-output{max-width:280px;margin:auto}
}
@media(prefers-reduced-motion:reduce){.paradigm-click-hint i,.paradigm-click-hint b,.paradigm-page,.create-flow:before,.create-flow:after{animation:none}}

/* Homepage chapter navigation: fixed reading position, visible active state and accurate anchors. */
section[id]{scroll-margin-top:160px}
.module-nav{
  min-height:78px;height:78px;position:sticky;top:70px;z-index:82;
  padding:0 max(5vw,24px);
  box-shadow:0 10px 28px rgba(15,64,111,.08);
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(18px)
}
.module-nav a{position:relative;overflow:hidden}
.module-nav a:before{
  content:"";width:7px;height:7px;margin-right:-5px;border-radius:50%;
  background:#2bc4d9;box-shadow:0 0 0 0 rgba(43,196,217,.35);
  opacity:0;transform:scale(.4);transition:.3s
}
.module-nav a:after{
  content:"";height:3px;position:absolute;left:18%;right:18%;bottom:0;border-radius:4px 4px 0 0;
  background:linear-gradient(90deg,#1768e8,#29c7dc);
  transform:scaleX(0);transform-origin:center;transition:transform .32s
}
.module-nav a:hover,.module-nav a.active{
  color:#fff;background:linear-gradient(135deg,#1765e6,#159ed3)
}
.module-nav a.active:before{opacity:1;transform:scale(1);animation:modulePulse 1.8s ease-out infinite}
.module-nav a.active:after{transform:scaleX(1);background:#8cebf4}
.module-nav a.active span,.module-nav a:hover span{color:#d2f7ff}
@keyframes modulePulse{70%{box-shadow:0 0 0 9px rgba(43,196,217,0)}100%{box-shadow:0 0 0 0 rgba(43,196,217,0)}}

/* Paradigm shift V3: one complete knowledge-work journey, no click-to-switch UI. */
.paradigm-heading{max-width:1360px}
.paradigm-heading>span{max-width:650px}
.paradigm-journey{
  width:100%;max-width:1360px;margin:auto;position:relative;z-index:2;
  overflow:hidden;border:1px solid rgba(73,145,210,.28);border-radius:26px;
  background:rgba(255,255,255,.8);
  box-shadow:0 30px 75px rgba(28,91,150,.15),inset 0 1px rgba(255,255,255,.95);
  backdrop-filter:blur(18px)
}
.journey-task{
  min-height:76px;padding:14px 22px;display:grid;
  grid-template-columns:220px minmax(420px,1fr) minmax(280px,.72fr);
  gap:20px;align-items:center;border-bottom:1px solid #d8e7f3;
  background:linear-gradient(90deg,#f8fcff,#edf7ff)
}
.journey-task span{color:#1770c9;font-size:12px;font-weight:900;letter-spacing:.05em}
.journey-task span i{width:8px;height:8px;margin-right:9px;display:inline-block;border-radius:50%;background:#20bca5;box-shadow:0 0 0 5px rgba(32,188,165,.1)}
.journey-task b{color:#0c315a;font-size:16px;line-height:1.5}
.journey-task small{color:#617c94;font-size:12px;line-height:1.6}
.journey-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.journey-step{
  min-width:0;min-height:390px;padding:22px 18px 18px;position:relative;
  display:flex;flex-direction:column;border-right:1px solid #dce8f2;
  transition:transform .28s,background .28s,box-shadow .28s
}
.journey-step:last-child{border-right:0}
.journey-step:after{
  content:"›";width:26px;height:26px;position:absolute;right:-13px;top:49%;
  z-index:4;display:grid;place-items:center;border:1px solid #c4dfee;border-radius:50%;
  color:#168ac4;background:#fff;box-shadow:0 6px 15px rgba(34,105,163,.14)
}
.journey-step:last-child:after{display:none}
.journey-step:hover{z-index:3;transform:translateY(-4px);background:#f8fcff;box-shadow:0 18px 38px rgba(31,103,161,.13)}
.journey-step header{min-height:66px;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start}
.journey-step header>small{
  width:38px;height:38px;display:grid;place-items:center;border-radius:11px;
  color:#fff;background:linear-gradient(135deg,#1768e8,#25bcd7);
  font:900 11px/1 Arial;box-shadow:0 9px 18px rgba(27,111,190,.2)
}
.journey-step header span,.journey-step header b{display:block}
.journey-step header span{color:#1876b7;font-size:12px;font-weight:900;letter-spacing:.04em}
.journey-step header b{margin-top:5px;color:#143958;font-size:14px;line-height:1.4}
.journey-visual{
  min-height:178px;margin:10px 0 17px;padding:14px;
  border:1px solid #d3e4f0;border-radius:15px;
  background:linear-gradient(145deg,#fbfdff,#edf7fd)
}
.journey-step>p{margin:auto 0 0;color:#647d93;font-size:12px;line-height:1.75}
.search-evidence{display:flex;align-content:flex-start;gap:7px;flex-wrap:wrap}
.search-evidence span{padding:7px 8px;border:1px solid #d4e5f1;border-radius:7px;color:#57758d;background:#fff;font-size:10px}
.search-evidence span:before{content:"▣";margin-right:5px;color:#25a9cf}
.search-evidence b{width:100%;margin-top:auto;padding:13px;border-left:3px solid #25b5cf;color:#17648d;background:#fff;font-size:12px;line-height:1.55}
.memory-evidence{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:center}
.memory-evidence i{padding:8px 5px;border:1px solid #d5e5f0;border-radius:8px;color:#627f96;background:#fff;text-align:center;font-size:9px;font-style:normal}
.memory-evidence strong{
  grid-column:1/3;padding:10px;display:flex;align-items:center;justify-content:center;gap:8px;
  border-radius:10px;color:#1268aa;background:#dff3fc;font-size:12px
}
.memory-evidence strong img{width:25px;height:25px;object-fit:contain}
.insight-evidence{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}
.insight-evidence>div{padding:12px;border-radius:10px;background:#fff}.insight-evidence small{display:block;color:#7d92a5;font-size:9px}.insight-evidence b{color:#1768bc;font-size:27px}.insight-evidence span{margin-left:3px;color:#7d92a5;font-size:9px}
.insight-evidence>strong{grid-column:1/3;padding:12px;border-left:3px solid #ee6e76;color:#6e4650;background:#fff3f4;font-size:11px;line-height:1.55}
.trust-evidence{display:flex;align-content:center;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}
.trust-evidence span{padding:7px 8px;border:1px solid #c8dfed;border-radius:7px;color:#2476a6;background:#fff;font-size:9px}
.trust-evidence i{color:#32a8cc;font-style:normal}
.trust-evidence b{width:100%;margin-top:12px;padding:11px;border-left:3px solid #23b8a3;color:#397086;background:#edfaf7;font-size:10px;line-height:1.5}
.create-evidence{display:grid;gap:8px;align-content:center}
.create-evidence span{padding:9px 10px;border:1px solid #d2e3ef;border-radius:8px;color:#52758e;background:#fff;font-size:10px}.create-evidence span:before{content:"✓";margin-right:7px;color:#20aa91}
.create-evidence b{padding:10px;color:#fff;border-radius:8px;background:linear-gradient(135deg,#1768e8,#159eca);font-size:10px;line-height:1.5}
.journey-outcome{
  min-height:72px;padding:0 22px;display:flex;align-items:center;justify-content:center;gap:24px;
  border-top:1px solid #d8e7f3;background:#071f43;color:#9dbbd3;font-size:13px
}
.journey-outcome i{color:#45cee2;font-size:21px;font-style:normal}
.journey-outcome b{color:#fff;font-size:16px}

@media(max-width:1100px){
  section[id]{scroll-margin-top:150px}
  .journey-task{grid-template-columns:1fr}.journey-task{gap:6px}
  .journey-track{overflow-x:auto;grid-template-columns:repeat(5,260px)}
  .journey-step{min-height:380px}
}
@media(max-width:640px){
  section[id]{scroll-margin-top:136px}
  .module-nav{top:64px;height:64px;min-height:64px;grid-template-columns:repeat(5,132px)}
  .module-nav a{font-size:12px}
  .paradigm-heading{grid-template-columns:1fr;gap:14px}
  .paradigm-journey{border-radius:20px}
  .journey-task{padding:15px 16px}
  .journey-task b{font-size:14px}.journey-task small{font-size:11px}
  .journey-track{grid-template-columns:repeat(5,250px)}
  .journey-step{min-height:370px;padding:20px 16px}
  .journey-outcome{padding:15px 18px;justify-content:flex-start;gap:12px;flex-wrap:wrap}
  .journey-outcome b{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.module-nav a.active:before{animation:none}}

/* Correction: keep the site-wide chapter bar in its original role.
   Motion guidance belongs to the Paradigm Shift section's own navigation. */
section[id]{scroll-margin-top:max(0px,calc(86px - 3vh))}
#cases{scroll-margin-top:max(0px,calc(86px - 3vh))}
.module-nav{
  min-height:95px;height:auto;position:static;top:auto;z-index:auto;
  padding:0 6vw;border-bottom:1px solid #e0eaf4;
  background:#fff;box-shadow:none;backdrop-filter:none
}
.module-nav a,.module-nav a.active{
  position:relative;overflow:visible;color:#405875;background:#fff
}
.module-nav a:before,.module-nav a:after{display:none}
.module-nav a.active span{color:#82a7cd}
.module-nav a:hover{color:#fff;background:linear-gradient(135deg,#1765e6,#21bbdf)}
.module-nav a:hover span{color:#c9f5ff}

.paradigm-shell{max-width:1360px}
.paradigm-tabs{
  position:relative;border-bottom:1px solid #d7e6f3;
  background:linear-gradient(180deg,rgba(251,253,255,.98),rgba(241,248,254,.96))
}
.paradigm-tabs button{overflow:hidden}
.paradigm-tabs button:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 25%,rgba(70,196,226,.22) 48%,transparent 71%);
  transform:translateX(-125%);animation:paradigmNavGuide 5s ease-in-out infinite
}
.paradigm-tabs button:nth-child(2):before{animation-delay:.45s}
.paradigm-tabs button:nth-child(3):before{animation-delay:.9s}
.paradigm-tabs button:nth-child(4):before{animation-delay:1.35s}
.paradigm-tabs button:nth-child(5):before{animation-delay:1.8s}
.paradigm-tabs button.active{
  color:#fff;background:linear-gradient(135deg,#1768e8,#158fc9);
  box-shadow:inset 0 -4px #72e3ef,0 10px 24px rgba(23,104,232,.18)
}
.paradigm-tabs button.active small{color:#b9eff7}
.paradigm-tabs button.active i{color:#d4f5fa}
.paradigm-tabs button.active:after{
  height:4px;left:12px;right:12px;background:#8cebf4;
  box-shadow:0 0 13px rgba(88,220,235,.8);animation:paradigmActiveLine 1.7s ease-in-out infinite
}
.paradigm-tabs:hover button:before,
.paradigm-tabs button:focus-visible:before{animation-play-state:paused}
.paradigm-tabs button:focus-visible{z-index:2;outline:3px solid rgba(38,190,217,.42);outline-offset:-3px}

@keyframes paradigmNavGuide{
  0%,52%{transform:translateX(-125%);opacity:0}
  58%{opacity:1}
  72%{transform:translateX(125%);opacity:1}
  73%,100%{transform:translateX(125%);opacity:0}
}
@keyframes paradigmActiveLine{
  0%,100%{opacity:.58;transform:scaleX(.68)}
  50%{opacity:1;transform:scaleX(1)}
}
@media(max-width:640px){
  section[id]{scroll-margin-top:max(0px,calc(76px - 3vh))}
  #cases{scroll-margin-top:max(0px,calc(76px - 3vh))}
  .module-nav{min-height:74px;height:auto;position:static;top:auto;grid-template-columns:repeat(5,120px)}
}
@media(prefers-reduced-motion:reduce){
  .paradigm-tabs button:before,.paradigm-tabs button.active:after{animation:none}
}

/* Paradigm shift V4: readable type floor for presentation-scale screens.
   Keep this scoped to the section so the approved site-wide navigation is untouched. */
.paradigm-tabs{height:88px}
.paradigm-tabs button{grid-template-columns:32px 1fr;gap:11px;padding:14px 17px}
.paradigm-tabs small{font-size:14px}
.paradigm-tabs b{font-size:17px;line-height:1.2}
.paradigm-tabs i{
  margin-top:7px;
  color:#617b92;
  font-size:14px;
  line-height:1.25;
  text-overflow:clip
}
.paradigm-tabs button.active i{color:#e2f8fb}

.paradigm-heading p{font-size:14px}
.paradigm-heading strong{font-size:18px}
.paradigm-heading>span{color:#4f6981;font-size:17px;line-height:1.65}
.shift-kicker{font-size:15px}
.shift-copy>p{color:#4f6981;font-size:16px;line-height:1.75}
.shift-proof b{font-size:14px}
.shift-proof span{font-size:14px}

.search-question small{font-size:14px}
.search-question b{font-size:16px}
.search-sources span{font-size:14px}
.search-result header{font-size:14px}
.search-result h4{font-size:20px}
.search-result li{font-size:14px;line-height:1.45}
.search-result li b{font-size:13px}
.search-result footer{font-size:14px}

.memory-core span{color:#55738a;font-size:14px}
.memory-person span{font-size:14px}
.memory-person small{color:#637c90;font-size:13px}
.memory-ledger small{font-size:13px}
.memory-ledger b{font-size:14px}

.insight-actions span{font-size:14px}
.insight-board header small,
.insight-board header>span{font-size:14px}
.insight-board header b{font-size:16px}
.insight-metrics small,
.insight-metrics em{font-size:13px}
.insight-chart i{color:#627d92;font-size:13px}
.insight-alert span,
.insight-alert small{font-size:13px}
.insight-alert b{font-size:14px}

.trust-answer header small{font-size:13px}
.trust-answer header b{font-size:15px}
.trust-response>span{font-size:13px}
.trust-response p{font-size:14px;line-height:1.6}
.trust-response mark{font-size:13px}
.trust-source span{font-size:13px}
.trust-source b{font-size:14px}
.trust-source p{font-size:14px;line-height:1.55}
.trust-source small{color:#637b8d;font-size:13px}
.trust-chain span{font-size:14px}

.create-value small{font-size:13px}
.create-value b{font-size:14px}
.create-sources span{font-size:14px}
.create-flow b{font-size:14px}
.create-flow small{color:#55778d;font-size:13px}
.create-output header span,
.create-output header small{font-size:13px}
.create-output h4{font-size:18px}
.create-output li{font-size:13px}
.create-output footer{font-size:13px}

@media(max-width:820px){
  .paradigm-tabs{height:82px}
  .paradigm-tabs i{font-size:13px}
}

/* Keep the Paradigm Shift workbench directly below its heading on desktop.
   Its previous vertical auto margin absorbed spare viewport height and pushed
   the entire tab-and-content region downward. */
@media(min-width:1101px){
  .paradigm-shell{
    margin:0 auto auto;
    transform:translateY(-3vh)
  }
}

/* Deployment V2: two clear deployment paths supported by one shared foundation. */
.deployment-home{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 18%,rgba(39,142,232,.1),transparent 27%),
    radial-gradient(circle at 92% 72%,rgba(29,190,180,.1),transparent 28%),
    linear-gradient(180deg,#f8fbff 0%,#eef7fd 100%)
}
.deployment-home:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(39,116,175,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(39,116,175,.035) 1px,transparent 1px);
  background-size:68px 68px;
  mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent)
}
.deployment-heading{
  position:relative;z-index:2;max-width:1360px;margin:0 auto 24px;
  display:grid;grid-template-columns:.9fr 1.1fr;gap:76px;align-items:end
}
.deployment-heading p{margin:0 0 8px;color:#1768e8;font-size:14px;font-weight:900;letter-spacing:.19em}
.deployment-heading h2{margin:0;color:#071d41;font-size:clamp(43px,3vw,52px);line-height:1.08;letter-spacing:-.045em}
.deployment-heading strong{display:block;margin-top:9px;color:#47708f;font-size:18px;font-weight:500;line-height:1.5;letter-spacing:.02em}
.deployment-heading>span{max-width:650px;padding-bottom:3px;color:#4f6981;font-size:17px;line-height:1.65}
.deployment-stage{
  position:relative;z-index:2;max-width:1360px;height:590px;margin:auto;overflow:hidden;
  border:1px solid rgba(110,165,208,.34);border-radius:28px;
  background:rgba(255,255,255,.76);
  box-shadow:0 28px 70px rgba(26,82,134,.14),inset 0 1px rgba(255,255,255,.92);
  backdrop-filter:blur(18px)
}
.deployment-stage-top{
  height:52px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid #d8e7f2;color:#2b5b7e;background:rgba(247,251,255,.9)
}
.deployment-stage-top span{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800}
.deployment-stage-top span i{width:9px;height:9px;border-radius:50%;background:#1db99f;box-shadow:0 0 0 6px rgba(29,185,159,.12)}
.deployment-stage-top small{color:#5d7d95;font-size:13px;font-weight:700;letter-spacing:.04em}
.deployment-paths{
  height:392px;padding:16px 20px;display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);gap:0
}
.deployment-path{
  min-width:0;padding:18px 20px 16px;border:1px solid #cfe1ef;border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(238,248,255,.88));
  box-shadow:0 14px 34px rgba(34,95,149,.08);
  transition:transform .3s,border-color .3s,box-shadow .3s
}
.deployment-private{border-color:#bde1dd;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(233,249,246,.9))}
.deployment-path:hover{transform:translateY(-4px);border-color:#75bce9;box-shadow:0 22px 44px rgba(34,95,149,.15)}
.deployment-private:hover{border-color:#58c3b2}
.deployment-path>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.deployment-path>header small{display:block;color:#4d95c8;font-size:13px;font-weight:900;letter-spacing:.08em}
.deployment-private>header small{color:#218f7e}
.deployment-path h3{margin:5px 0 0;color:#0c3158;font-size:27px;line-height:1.2}
.deployment-path>header>b{
  padding:7px 11px;border-radius:999px;color:#fff;font-size:13px;
  background:linear-gradient(135deg,#1768e8,#20a8d2);box-shadow:0 8px 17px rgba(23,104,232,.18)
}
.deployment-private>header>b{background:linear-gradient(135deg,#168f7c,#25bca3);box-shadow:0 8px 17px rgba(22,143,124,.18)}
.deployment-path>p{margin:10px 0 12px;color:#546f86;font-size:14px;line-height:1.65}
.deployment-route{
  height:92px;padding:10px 14px;display:grid;grid-template-columns:1fr 64px 1.16fr 64px 1fr;align-items:center;
  border:1px solid #d9e8f3;border-radius:15px;background:rgba(247,251,254,.86)
}
.deployment-route>div{text-align:center;min-width:0}
.deployment-route>div>i{width:28px;height:28px;margin:0 auto 5px;display:block;border:2px solid #4da7d9;border-radius:9px;position:relative}
.deployment-route .route-user:before{content:"";position:absolute;left:7px;top:5px;width:10px;height:7px;border:2px solid currentColor;border-radius:50%;color:#4da7d9}
.deployment-route .route-user:after{content:"";position:absolute;left:5px;bottom:4px;width:14px;height:7px;border:2px solid currentColor;border-radius:9px 9px 4px 4px;color:#4da7d9}
.deployment-route .route-shield:before{content:"";position:absolute;inset:4px 5px 3px;border:2px solid #4da7d9;border-radius:8px 8px 11px 11px;clip-path:polygon(50% 0,100% 20%,88% 78%,50% 100%,12% 78%,0 20%)}
.deployment-route .route-source:before{content:"";position:absolute;left:5px;right:5px;top:5px;height:4px;border-radius:4px;background:#29a993;box-shadow:0 7px #29a993,0 14px #29a993}
.deployment-route .route-model:before{content:"AI";position:absolute;inset:0;display:grid;place-items:center;color:#239f8b;font-size:12px;font-style:normal;font-weight:900}
.deployment-route .route-source,.deployment-route .route-model{border-color:#49b8a6}
.deployment-route span,.deployment-route small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.deployment-route span{color:#244d6d;font-size:13px;font-weight:800}
.deployment-route small{margin-top:3px;color:#71889b;font-size:12px}
.deployment-route .route-core{padding:7px;border:1px solid #abd5ec;border-radius:13px;background:#fff;box-shadow:0 8px 18px rgba(36,109,163,.1)}
.deployment-private .deployment-route .route-core{border-color:#9bd7cd}
.deployment-route .route-core img{width:27px;height:27px;object-fit:contain}
.deployment-route em{height:2px;position:relative;display:block;background:linear-gradient(90deg,#9acde8,#35a9d9)}
.deployment-private .deployment-route em{background:linear-gradient(90deg,#9ad7cd,#29aa95)}
.deployment-route em:after{content:"";position:absolute;right:-1px;top:-3px;border-left:6px solid #35a9d9;border-top:4px solid transparent;border-bottom:4px solid transparent}
.deployment-private .deployment-route em:after{border-left-color:#29aa95}
.deployment-route em i{width:6px;height:6px;position:absolute;top:-2px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #42add9;animation:deploymentPulse 2.6s linear infinite}
.deployment-private .deployment-route em i{box-shadow:0 0 0 2px #31ad98}
.deployment-route em i:nth-child(2){animation-delay:.85s}.deployment-route em i:nth-child(3){animation-delay:1.7s}
.deployment-path dl{margin:12px 0 0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dce9f2;border-radius:12px;background:rgba(255,255,255,.72)}
.deployment-path dl div{min-width:0;padding:8px 10px;border-right:1px solid #e2ecf3}.deployment-path dl div:last-child{border-right:0}
.deployment-path dt{color:#7690a3;font-size:12px}.deployment-path dd{margin:4px 0 0;color:#294f6d;font-size:13px;font-weight:800;line-height:1.35}
.deployment-path>footer{margin-top:11px;padding-top:10px;display:flex;align-items:center;gap:10px;border-top:1px dashed #cbdce8}
.deployment-path>footer small{padding:4px 7px;border-radius:5px;color:#1474b6;font-size:12px;font-weight:900;background:#e6f4fd}
.deployment-private>footer small{color:#168675;background:#e3f7f2}
.deployment-path>footer b{color:#49677e;font-size:13px;line-height:1.4}
.deployment-or{display:grid;place-items:center;position:relative}
.deployment-or:before{content:"";position:absolute;top:18px;bottom:18px;width:1px;background:linear-gradient(transparent,#b9d5e7 22%,#b9d5e7 78%,transparent)}
.deployment-or span{z-index:1;width:34px;height:34px;display:grid;place-items:center;border:1px solid #b8d5e7;border-radius:50%;color:#5d8dac;background:#f5fbff;font-size:11px;font-weight:900}
.deployment-foundation{
  height:146px;margin:0 20px 16px;padding:16px 18px;display:grid;
  grid-template-columns:1.32fr repeat(4,1fr);gap:12px;align-items:stretch;
  border:1px solid #c8dfee;border-radius:19px;
  background:linear-gradient(135deg,#0e3f73,#125a8c 56%,#117b86);
  box-shadow:0 18px 35px rgba(17,68,111,.18)
}
.foundation-intro{padding:8px 17px 8px 6px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(199,232,247,.2)}
.foundation-intro small{color:#75dce4;font-size:12px;font-weight:900;letter-spacing:.1em}
.foundation-intro b{margin-top:8px;color:#fff;font-size:18px;line-height:1.35}
.foundation-intro span{margin-top:7px;color:#bad8e8;font-size:13px;line-height:1.5}
.foundation-item{
  min-width:0;padding:12px;display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;
  border:1px solid rgba(180,226,242,.18);border-radius:13px;background:rgba(255,255,255,.07);
  transition:background .3s,transform .3s
}
.foundation-item:hover{transform:translateY(-3px);background:rgba(255,255,255,.13)}
.foundation-item>i{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(119,225,227,.4);border-radius:11px;color:#83ebea;background:rgba(48,202,200,.1);font-size:15px;font-style:normal;font-weight:900}
.foundation-item span,.foundation-item b,.foundation-item small{display:block;min-width:0}
.foundation-item b{color:#fff;font-size:14px;line-height:1.35}
.foundation-item small{margin-top:5px;color:#bed7e5;font-size:12px;line-height:1.45}
@keyframes deploymentPulse{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(100% - 6px);opacity:0}}

@media(min-width:1280px){
  .deployment-home{min-height:calc(100svh - 70px);padding:clamp(28px,3.6vh,38px) max(4vw,24px) clamp(24px,3vh,32px)}
}
@media(max-width:1100px){
  .deployment-heading{grid-template-columns:1fr;gap:18px}
  .deployment-heading>span{max-width:none}
  .deployment-stage{height:auto}
  .deployment-paths{height:auto;grid-template-columns:1fr;padding:18px;gap:14px}
  .deployment-or{height:22px}.deployment-or:before{left:18px;right:18px;top:50%;bottom:auto;width:auto;height:1px}.deployment-or span{width:40px;height:26px}
  .deployment-foundation{height:auto;grid-template-columns:repeat(2,1fr)}
  .foundation-intro{grid-column:1/3;border-right:0;border-bottom:1px solid rgba(199,232,247,.2)}
}
@media(max-width:640px){
  .deployment-heading h2{font-size:36px}
  .deployment-heading>span{font-size:14px}
  .deployment-stage{border-radius:20px}
  .deployment-stage-top{height:auto;min-height:54px;padding:10px 15px;gap:12px}.deployment-stage-top small{text-align:right;font-size:11px}
  .deployment-paths{padding:12px}
  .deployment-path{padding:16px 14px}
  .deployment-path h3{font-size:24px}
  .deployment-path>p{font-size:13px}
  .deployment-route{padding:9px 7px;grid-template-columns:1fr 32px 1.12fr 32px 1fr}
  .deployment-route small{font-size:10px}.deployment-route span{font-size:11px}
  .deployment-path dl{grid-template-columns:1fr}.deployment-path dl div{border-right:0;border-bottom:1px solid #e2ecf3}.deployment-path dl div:last-child{border-bottom:0}
  .deployment-foundation{margin:0 12px 12px;grid-template-columns:1fr}
  .foundation-intro{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
  .deployment-route em i{animation:none}
  .deployment-path,.foundation-item{transition:none}
}

/* Keep the complete case library one heading-height closer to the section top.
   The released space is retained below so this module keeps its approved height. */
@media(max-width:640px){
  .home-section.cases{padding:28px 20px 124px}
}

/* Global navigation: tertiary products follow the secondary-menu visual and
   interaction hierarchy instead of behaving like a promotional card panel. */
@media(min-width:641px){
  .mega-menu{
    grid-template-columns:25% 25% 25%;
    justify-content:start;
  }
  .mega-products{
    height:80%;
    align-self:start;
    margin:0;
    padding:0 30px;
    overflow:visible;
    border-left:1px solid #dce8f5;
    border-right:1px solid #dce8f5;
    background:none;
    opacity:0;
    visibility:hidden;
    transform:translateX(-8px);
    pointer-events:none;
    transition:opacity .22s,transform .22s,visibility .22s;
  }
  /* Extend the panel's hit area across the visual gutter. This keeps the
     secondary item and tertiary panel as one continuous hover corridor. */
  .mega-products:after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:-30px;
    width:30px;
  }
  .mega-products:before{display:none}
  .nav-product.products-open .mega-products{
    opacity:1;
    visibility:visible;
    transform:none;
    pointer-events:auto;
  }
  .mega-products-heading{display:none}
  .mega-product-grid{
    height:100%;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:repeat(4,1fr);
    gap:0;
  }
  .mega-product-grid>a{
    min-height:0;
    padding:0;
    display:grid;
    grid-template-columns:35px 1fr auto;
    align-items:center;
    gap:0;
    border:0;
    border-bottom:1px solid #e2ebf5;
    border-radius:0;
    color:#314863;
    background:none;
    box-shadow:none;
    transition:.25s;
  }
  .mega-product-grid>a:hover,
  .mega-product-grid>a:focus-visible{
    padding-left:10px;
    color:var(--blue);
    border-color:#e2ebf5;
    outline:none;
    transform:none;
    box-shadow:none;
  }
  .mega-product-grid>a>i{
    width:auto;
    height:auto;
    display:block;
    border-radius:0;
    color:#8eb2d8;
    background:none;
    font:normal 9px/1 "Noto Sans SC","Microsoft YaHei",Arial,sans-serif;
  }
  .mega-product-grid>a>span{display:block}
  .mega-product-grid>a b{color:inherit;font-size:12px}
  .mega-product-grid>a small{display:none}
  .mega-product-grid>a>em{
    color:#7c91aa;
    font-size:0;
    font-style:normal;
  }
  .mega-product-grid>a>em:before{content:"›";font-size:24px}
  .mega-links a.has-children{
    color:#314863;
    background:none;
    box-shadow:none;
  }
  .mega-links a.has-children:after{display:none}
  .nav-product.products-open .mega-links a.has-children{
    padding-left:10px;
    color:var(--blue);
  }
}

@media(min-width:641px) and (max-width:900px){
  .mega-menu{grid-template-columns:38% 38%}
}

@media(max-width:640px){
  .mega-products{
    display:none;
    margin:0;
    padding:0;
    overflow:visible;
    border:0;
    border-top:1px solid #e2ebf5;
    background:none;
  }
  .mega-products:before,.mega-products-heading{display:none}
  .nav-product.products-open .mega-products{display:block}
  .mega-product-grid{display:grid;grid-template-columns:1fr;gap:0}
  .mega-product-grid>a{
    min-height:45px;
    padding:0;
    display:grid;
    grid-template-columns:35px 1fr auto;
    gap:0;
    border:0;
    border-bottom:1px solid #e2ebf5;
    border-radius:0;
    color:#314863;
    background:none;
    box-shadow:none;
  }
  .mega-product-grid>a:hover,
  .mega-product-grid>a:focus-visible{
    padding-left:10px;
    color:var(--blue);
    transform:none;
    box-shadow:none;
  }
  .mega-product-grid>a>i{
    width:auto;
    height:auto;
    display:block;
    border-radius:0;
    color:#8eb2d8;
    background:none;
    font:normal 9px/1 "Noto Sans SC","Microsoft YaHei",Arial,sans-serif;
  }
  .mega-product-grid>a>span{display:block}
  .mega-product-grid>a b{color:inherit;font-size:14px}
  .mega-product-grid>a small{display:none}
  .mega-product-grid>a>em{display:block;color:#7c91aa;font-size:24px}
  .mega-links a.has-children{color:#314863;background:none;box-shadow:none}
  .mega-links a.has-children:after{display:none}
  .nav-product.products-open .mega-links a.has-children{
    padding-left:10px;
    color:var(--blue);
  }
}

/* V3 product detail system: HUB, Assistant and Knowledge only. */
.product-detail-v3{--product-accent:#1769ff;--product-glow:#42c9ff;padding-top:70px;color:#102640;background:#fff}
.product-detail-v3 section[id]{scroll-margin-top:132px}
.product-local-nav{position:sticky;top:70px;z-index:80;height:60px;padding:0 max(4vw,30px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(164,194,219,.35);background:rgba(250,253,255,.88);box-shadow:0 7px 24px rgba(32,83,126,.07);backdrop-filter:blur(18px)}
.product-local-name{display:flex;align-items:baseline;gap:8px;justify-self:start}.product-local-name span{font-size:13px;color:#7890a7}.product-local-name b{font-size:19px;color:#14395f}.product-local-nav>div{display:flex;align-items:center;gap:34px}.product-local-nav>div a{position:relative;color:#49627c;font-size:13px;font-weight:700}.product-local-nav>div a:after{content:"";position:absolute;left:0;right:100%;bottom:-21px;height:2px;background:var(--product-accent);transition:.25s}.product-local-nav>div a:hover{color:var(--product-accent)}.product-local-nav>div a:hover:after{right:0}.product-local-cta{justify-self:end;padding:9px 15px;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--product-accent),var(--product-glow));font-size:12px;font-weight:800;box-shadow:0 8px 20px color-mix(in srgb,var(--product-accent) 20%,transparent)}.product-local-cta i{margin-left:12px;font-style:normal}
.product-hero-v3{position:relative;min-height:710px;overflow:hidden;background:radial-gradient(circle at 76% 47%,color-mix(in srgb,var(--product-glow) 18%,transparent),transparent 34%),radial-gradient(circle at 12% 20%,color-mix(in srgb,var(--product-accent) 7%,transparent),transparent 28%),linear-gradient(135deg,#fff 5%,#f5faff 64%,#edf8ff)}
.product-hero-v3:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(55,123,181,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(55,123,181,.035) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(90deg,#000,transparent 30%,transparent 70%,#000)}
.product-crumb{position:relative;z-index:2;max-width:1360px;margin:auto;padding:25px 28px 0;display:flex;gap:10px;color:#8295a8;font-size:12px}.product-crumb i{font-style:normal;color:#b7c5d1}.product-crumb b{color:var(--product-accent)}
.product-hero-inner{position:relative;z-index:2;max-width:1360px;min-height:640px;margin:auto;padding:42px 28px 60px;display:grid;grid-template-columns:.84fr 1.16fr;gap:62px;align-items:center}
.product-kicker{display:flex;align-items:center;gap:9px;color:var(--product-accent);font-size:11px;font-weight:900;letter-spacing:.15em}.product-kicker span{width:8px;height:8px;border-radius:50%;background:var(--product-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--product-accent) 12%,transparent)}
.product-hero-copy h1{margin:20px 0 12px;color:#0c2b51;font-size:clamp(64px,5.5vw,90px);line-height:.98;letter-spacing:-.065em}.product-hero-copy h1 small{font-size:.42em;font-weight:700;letter-spacing:-.03em}.product-hero-copy h2{max-width:590px;margin:0 0 22px;font-size:clamp(25px,2vw,34px);line-height:1.35;letter-spacing:-.03em}.product-lead{max-width:585px;color:#61778e;font-size:15px;line-height:1.9}.product-hero-actions{margin-top:30px;display:flex;gap:12px}.product-primary,.product-secondary{min-width:154px;height:47px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-radius:12px;font-size:13px;font-weight:800}.product-primary{color:#fff;background:linear-gradient(135deg,var(--product-accent),var(--product-glow));box-shadow:0 13px 28px color-mix(in srgb,var(--product-accent) 25%,transparent)}.product-secondary{border:1px solid #c9dceb;color:#315473;background:rgba(255,255,255,.72)}.product-proof{margin-top:34px;padding-top:22px;display:flex;gap:23px;border-top:1px solid #dce8f2}.product-proof span{display:flex;align-items:center;gap:8px;color:#48657e;font-size:12px;font-weight:700}.product-proof i{color:var(--product-accent);font-size:10px;font-style:normal}
.hub-console,.assistant-workspace,.knowledge-map{position:relative;width:100%;height:475px;border:1px solid rgba(145,188,220,.55);border-radius:28px;background:rgba(246,251,255,.88);box-shadow:0 35px 80px rgba(20,83,137,.18),inset 0 1px #fff;backdrop-filter:blur(18px)}
.hub-console{overflow:hidden;transform:perspective(1200px) rotateY(-2deg)}.hub-console-head{height:49px;padding:0 17px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #d8e7f2;background:rgba(255,255,255,.78)}.hub-console-head>span{display:flex;gap:6px}.hub-console-head>span i{width:8px;height:8px;border-radius:50%;background:#bdd0df}.hub-console-head b{font-size:12px}.hub-console-head small{justify-self:end;padding:5px 8px;border-radius:6px;color:#138d7c;background:#e3f8f4;font-weight:800}.hub-console-body{height:calc(100% - 49px);display:grid;grid-template-columns:145px 1fr;grid-template-rows:1fr 75px}.hub-models{padding:17px 13px;border-right:1px solid #d8e7f2;background:rgba(232,244,253,.62)}.hub-models p{margin:0 0 13px;color:#7891a7;font-size:10px}.hub-models>span{height:49px;margin-bottom:8px;padding:0 10px;display:flex;flex-direction:column;justify-content:center;border:1px solid #d8e5ef;border-radius:10px;color:#274b6c;background:#fff;font-size:11px;font-weight:800;box-shadow:0 5px 12px rgba(40,83,120,.05)}.hub-models small{margin-top:3px;color:#2ba995;font-size:7px}.hub-route{position:relative;padding:25px 22px;display:grid;grid-template-rows:auto 1fr auto;gap:12px;overflow:hidden}.hub-route:before{content:"";position:absolute;left:50%;top:83px;bottom:83px;border-left:1px dashed color-mix(in srgb,var(--product-accent) 35%,transparent)}.hub-request,.hub-result{position:relative;z-index:2;padding:13px 15px;border:1px solid #d4e4f1;border-radius:12px;background:rgba(255,255,255,.9)}.hub-request small,.hub-request b,.hub-request span,.hub-result span,.hub-result b,.hub-result small{display:block}.hub-request small{color:#8298aa;font-size:9px}.hub-request b{margin:7px 0;color:#203f5f;font-size:13px}.hub-request span{color:#6d859a;font-size:9px}.hub-core{position:relative;z-index:3;width:126px;height:126px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 28%,var(--product-glow),var(--product-accent) 64%,#164da6);box-shadow:0 16px 36px color-mix(in srgb,var(--product-accent) 35%,transparent)}.hub-core i{position:absolute;inset:-10px;border:1px dashed color-mix(in srgb,var(--product-accent) 42%,transparent);border-radius:50%;animation:productSpin 16s linear infinite}.hub-core small{font-size:8px}.hub-core strong{font-size:28px}.hub-core span{font-size:7px}.hub-result span{color:#179883;font-size:9px}.hub-result span i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#20bd9f}.hub-result b{margin:6px 0;color:#234665;font-size:12px}.hub-result small{color:#7d91a4;font-size:9px}.hub-metrics{grid-column:1/3;padding:11px 14px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;border-top:1px solid #d8e7f2;background:#f7fbfe}.hub-metrics span{padding:7px 10px;border-radius:9px;background:#fff}.hub-metrics small,.hub-metrics b{display:block}.hub-metrics small{color:#879aaa;font-size:8px}.hub-metrics b{margin-top:4px;color:#31536f;font-size:10px}
.product-value-v3,.product-scenarios-v3{padding:100px max(5vw,24px);background:#fff}.product-section-title{max-width:1360px;margin:0 auto 48px;display:grid;grid-template-columns:1fr 1fr;align-items:end}.product-section-title p{grid-column:1;margin:0 0 12px;color:var(--product-accent);font-size:11px;font-weight:900;letter-spacing:.15em}.product-section-title h2{grid-column:1;margin:0;font-size:clamp(36px,3vw,49px);line-height:1.17;letter-spacing:-.045em}.product-section-title>span{grid-column:2;grid-row:1/3;max-width:530px;justify-self:end;color:#6c8196;font-size:15px;line-height:1.8}.product-section-title.inverse h2{color:#fff}.product-section-title.inverse>span{color:#9bb4ca}
.value-contrast{max-width:1360px;margin:auto;display:grid;grid-template-columns:1fr 140px 1fr;gap:24px;align-items:stretch}.value-contrast article{min-height:305px;padding:32px 36px;border:1px solid #d8e6f0;border-radius:24px;background:#f7fafc}.value-contrast article.after{border-color:color-mix(in srgb,var(--product-accent) 36%,#d8e6f0);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--product-accent) 6%,#f5faff));box-shadow:0 18px 42px color-mix(in srgb,var(--product-accent) 10%,transparent)}.value-contrast article small{color:#8a9cab;font-size:10px;font-weight:900;letter-spacing:.11em}.value-contrast article.after small{color:var(--product-accent)}.value-contrast h3{margin:14px 0 22px;font-size:25px}.value-contrast ul{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none}.value-contrast li{padding:13px 14px;border-radius:10px;color:#5e7488;background:#fff;font-size:12px}.value-contrast li:before{content:"×";margin-right:7px;color:#9badba;font-weight:900}.value-contrast .after li:before{content:"✓";color:var(--product-accent)}.contrast-switch{align-self:center;justify-self:center;width:106px;height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,var(--product-accent),var(--product-glow));box-shadow:0 14px 34px color-mix(in srgb,var(--product-accent) 28%,transparent)}.contrast-switch span{font-size:9px}.contrast-switch b{font-size:21px}.contrast-switch i{position:absolute;margin-left:122px;font-style:normal;color:var(--product-accent)}
.product-capabilities-v3{padding:100px max(5vw,24px);background:radial-gradient(circle at 80% 25%,color-mix(in srgb,var(--product-accent) 22%,transparent),transparent 27%),linear-gradient(145deg,#071b35,#0b2b50 62%,#0b3e66)}.capability-bento{max-width:1360px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:225px 225px;gap:14px}.capability-bento article{position:relative;overflow:hidden;padding:27px;border:1px solid rgba(131,188,225,.18);border-radius:20px;color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));transition:.3s}.capability-bento article:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--product-glow) 55%,transparent);background:rgba(255,255,255,.1)}.capability-bento article:after{content:"";position:absolute;right:-42px;bottom:-52px;width:130px;height:130px;border:1px solid rgba(114,202,237,.13);border-radius:50%}.capability-bento .cap-large{grid-row:1/3;grid-column:1/3}.capability-bento .cap-wide{grid-column:3/5}.capability-bento small{color:var(--product-glow);font-size:9px;font-weight:900;letter-spacing:.1em}.capability-bento h3{margin:16px 0 12px;font-size:22px}.capability-bento .cap-large h3{font-size:31px}.capability-bento p{max-width:520px;color:#abc0d2;font-size:13px;line-height:1.75}.mini-model-cloud{position:absolute;left:27px;right:27px;bottom:28px;height:210px}.mini-model-cloud span{position:absolute;padding:11px 15px;border:1px solid rgba(101,207,239,.25);border-radius:12px;color:#dff8ff;background:rgba(28,93,137,.7);font-size:12px}.mini-model-cloud span:nth-child(1){left:38%;top:0}.mini-model-cloud span:nth-child(2){left:5%;top:58px}.mini-model-cloud span:nth-child(3){right:4%;top:60px}.mini-model-cloud span:nth-child(4){left:20%;bottom:15px}.mini-model-cloud span:nth-child(5){right:18%;bottom:8px}.api-line{margin-top:20px;display:flex;align-items:center;gap:10px}.api-line span{padding:8px 10px;border-radius:8px;color:#d7e9f6;background:rgba(255,255,255,.08);font-size:9px}.api-line i{width:25px;border-top:1px dashed var(--product-glow)}.api-line b{padding:8px 12px;border-radius:7px;color:var(--product-glow);background:#071a30;font-family:monospace;font-size:10px}
.product-workflow-v3{padding:88px max(5vw,24px);display:grid;grid-template-columns:.38fr 1fr;gap:65px;align-items:center;background:#eff7fc}.workflow-copy p{margin:0;color:var(--product-accent);font-size:10px;font-weight:900;letter-spacing:.15em}.workflow-copy h2{margin:14px 0 18px;font-size:34px;line-height:1.28}.workflow-copy span{color:#697f93;font-size:13px;line-height:1.75}.workflow-track{display:grid;grid-template-columns:repeat(5,1fr)}.workflow-track article{position:relative;min-height:175px;padding:23px 18px;border:1px solid #d4e4ef;background:#fff}.workflow-track article+article{border-left:0}.workflow-track article:after{content:"→";position:absolute;right:-8px;top:35px;z-index:2;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--product-accent);font-size:8px}.workflow-track article:last-child:after{display:none}.workflow-track small,.workflow-track b,.workflow-track span{display:block}.workflow-track small{color:var(--product-accent);font-size:10px}.workflow-track b{margin:33px 0 10px;font-size:15px}.workflow-track span{color:#74899b;font-size:10px;line-height:1.6}
.scenario-showcase{max-width:1360px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.scenario-showcase article{position:relative;min-height:340px;padding:29px;overflow:hidden;border:1px solid #d8e6f0;border-radius:23px;background:linear-gradient(145deg,#fff,#f2f8fd);transition:.3s}.scenario-showcase article:hover{transform:translateY(-7px);border-color:var(--product-accent);box-shadow:0 22px 48px rgba(24,74,119,.13)}.scenario-showcase article>small{position:absolute;right:27px;top:26px;color:#a4b6c4;font-size:11px}.scene-symbol{width:70px;height:70px;margin:35px 0 45px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--product-accent) 25%,#d8e6f0);border-radius:21px;color:var(--product-accent);background:color-mix(in srgb,var(--product-accent) 7%,white);font-size:24px;font-weight:900;box-shadow:0 12px 28px color-mix(in srgb,var(--product-accent) 10%,transparent)}.scenario-showcase h3{font-size:23px;margin:0 0 14px}.scenario-showcase p{color:#637a90;font-size:13px;line-height:1.75}.scenario-showcase article>span{position:absolute;left:29px;bottom:27px;color:var(--product-accent);font-size:10px;font-weight:800}
.product-ecosystem{padding:85px max(5vw,24px);display:grid;grid-template-columns:.42fr 1fr;gap:60px;color:#fff;background:#081e3b}.product-ecosystem>div:first-child p{margin:0;color:var(--product-glow);font-size:10px;font-weight:900;letter-spacing:.15em}.product-ecosystem h2{margin:14px 0 17px;font-size:34px;line-height:1.25}.product-ecosystem>div:first-child span{color:#9fb5c9;font-size:13px;line-height:1.75}.ecosystem-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ecosystem-links a{min-height:180px;padding:24px;display:flex;flex-direction:column;border:1px solid rgba(131,188,225,.18);border-radius:18px;background:rgba(255,255,255,.055);transition:.3s}.ecosystem-links a:hover{transform:translateY(-4px);border-color:var(--product-glow);background:rgba(255,255,255,.1)}.ecosystem-links small{color:#8facbf;font-size:10px}.ecosystem-links b{margin:15px 0;color:#fff;font-size:22px}.ecosystem-links span{margin-top:auto;color:var(--product-glow);font-size:10px}.product-contact-v3{margin-top:26px}
/* Assistant hero and product-specific components. */
.assistant-workspace{display:grid;grid-template-columns:68px 1fr;overflow:hidden;transform:perspective(1200px) rotateY(-2deg)}.assistant-side{padding:18px 0;display:flex;flex-direction:column;align-items:center;gap:18px;color:#7a94aa;background:#0c3456}.assistant-side b{margin-bottom:15px;color:#fff;font-size:12px}.assistant-side span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;font-size:13px}.assistant-side span.active{color:#fff;background:linear-gradient(145deg,var(--product-accent),var(--product-glow))}.assistant-side i{margin-top:auto;width:27px;height:27px;border:2px solid #4f7896;border-radius:50%}.assistant-main{display:grid;grid-template-rows:56px 1fr;background:#f8fbfd}.assistant-head{padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dbe7ef;background:#fff}.assistant-head span b,.assistant-head span small{display:block}.assistant-head span b{font-size:13px}.assistant-head span small{margin-top:3px;color:#8b9daa;font-size:8px}.assistant-head>i{padding:6px 9px;border-radius:7px;color:#168d7d;background:#e5f8f4;font-size:8px;font-style:normal;font-weight:800}.assistant-chat{padding:24px 25px;overflow:hidden}.user-task{margin-left:55px;padding:15px 17px;border-radius:15px 15px 4px 15px;color:#fff;background:linear-gradient(135deg,#2f83d9,var(--product-accent))}.user-task small{font-size:8px;opacity:.75}.user-task p{margin:6px 0 0;font-size:12px;line-height:1.6}.task-plan{margin-top:18px;padding:12px 16px;border:1px solid #d9e7ef;border-radius:14px;background:#fff}.task-plan>span{height:42px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;border-bottom:1px solid #edf2f5}.task-plan>span:last-child{border:0}.task-plan i{width:17px;height:17px;display:grid;place-items:center;border:1px solid #c7d7e1;border-radius:50%;color:#fff;font-size:8px;font-style:normal}.task-plan i.done{border-color:#2bbca3;background:#2bbca3}.task-plan i.doing{border:3px solid #d8edf4;border-top-color:var(--product-accent);animation:productSpin 1.2s linear infinite}.task-plan b{font-size:10px}.task-plan small{color:#8296a6;font-size:8px}.assistant-output{margin:16px 0 0 30px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--product-accent) 22%,#d8e6f0);border-radius:14px;background:linear-gradient(135deg,#fff,#edfafd)}.assistant-output>span{display:flex;align-items:center;gap:8px}.assistant-output>span i{width:21px;height:21px;display:grid;place-items:center;border-radius:7px;color:#fff;background:#f1a946;font-size:10px;font-style:normal}.assistant-output>span b{font-size:11px}.assistant-output>small{display:block;margin:8px 0;color:#758b9c;font-size:8px}.assistant-output em{color:var(--product-accent);font-size:9px;font-style:normal;font-weight:800}
.task-transformation{max-width:1360px;margin:auto;display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr;align-items:stretch}.task-transformation>i{align-self:center;text-align:center;color:var(--product-accent);font-style:normal}.task-transformation article{min-height:230px;padding:27px;border:1px solid #d7e5ef;border-radius:20px;background:#f7fafc}.task-transformation article.is-result{border-color:color-mix(in srgb,var(--product-accent) 32%,#d7e5ef);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--product-accent) 7%,white));box-shadow:0 18px 40px color-mix(in srgb,var(--product-accent) 10%,transparent)}.task-transformation small,.task-transformation b{display:block}.task-transformation small{color:var(--product-accent);font-size:10px}.task-transformation b{margin:42px 0 14px;font-size:22px}.task-transformation p{color:#667d91;font-size:12px;line-height:1.7}.plan-stack{position:absolute;left:28px;right:28px;bottom:30px;display:grid;gap:8px}.plan-stack span{padding:10px 12px;border:1px solid rgba(111,201,222,.2);border-radius:10px;color:#d8eef5;background:rgba(255,255,255,.07);font-size:11px}.plan-stack i{width:22px;height:22px;margin-right:9px;display:inline-grid;place-items:center;border-radius:7px;color:#fff;background:var(--product-accent);font-style:normal}.entry-line,.file-stack,.knowledge-cycle{margin-top:18px;display:flex;align-items:center;gap:8px}.entry-line span,.file-stack span,.knowledge-cycle span{padding:8px 10px;border:1px solid rgba(128,203,226,.2);border-radius:8px;color:#cceaf4;background:rgba(255,255,255,.07);font-size:8px}
/* Knowledge hero and product-specific components. */
.knowledge-map{overflow:hidden;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--product-accent) 15%,transparent),transparent 34%),rgba(246,251,255,.88)}.knowledge-source{position:absolute;z-index:3;width:128px;height:66px;padding:10px;display:grid;grid-template-columns:35px 1fr;grid-template-rows:1fr 1fr;align-items:center;border:1px solid #d7e4ee;border-radius:13px;background:rgba(255,255,255,.92);box-shadow:0 12px 25px rgba(29,74,111,.1)}.knowledge-source>i{grid-row:1/3;width:31px;height:38px;display:grid;place-items:center;border-radius:8px;color:#fff;background:linear-gradient(145deg,var(--product-accent),var(--product-glow));font-size:7px;font-style:normal;font-weight:900}.knowledge-source span{font-size:10px;font-weight:800}.knowledge-source small{color:#2ba68f;font-size:7px}.source-a{left:24px;top:35px}.source-b{right:26px;top:34px}.source-c{left:20px;bottom:38px}.source-d{right:22px;bottom:40px}.knowledge-core{position:absolute;left:50%;top:49%;z-index:3;width:155px;height:155px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 25%,var(--product-glow),var(--product-accent) 57%,#4435a6);box-shadow:0 24px 50px color-mix(in srgb,var(--product-accent) 34%,transparent)}.knowledge-core .core-orbit{position:absolute;inset:-15px;border:1px dashed color-mix(in srgb,var(--product-accent) 40%,transparent);border-radius:50%;animation:productSpin 18s linear infinite}.knowledge-core span{font-size:11px}.knowledge-core b{font-size:25px}.knowledge-core small{margin-top:6px;font-size:8px}.knowledge-answer{position:absolute;left:50%;bottom:20px;z-index:4;width:285px;padding:15px 18px;transform:translateX(-50%);border:1px solid #d6e3ee;border-radius:14px;background:rgba(255,255,255,.95);box-shadow:0 14px 28px rgba(29,74,111,.12)}.knowledge-answer>small{color:var(--product-accent);font-size:8px;font-weight:900}.knowledge-answer h3{margin:6px 0 5px;font-size:14px}.knowledge-answer p{margin:0;color:#708599;font-size:8px}.knowledge-answer>span{position:absolute;right:16px;top:16px;color:#268f80;font-size:8px}.knowledge-answer>span i{margin-right:4px;font-style:normal}.knowledge-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1}.knowledge-lines path{fill:none;stroke:color-mix(in srgb,var(--product-accent) 30%,#c4d8e6);stroke-width:1.3;stroke-dasharray:5 7;animation:knowledgeDash 8s linear infinite}
.knowledge-layers{max-width:1360px;margin:auto;display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr;align-items:center}.knowledge-layers>i{text-align:center;color:var(--product-accent);font-style:normal;font-weight:900}.knowledge-layers article{min-height:255px;padding:28px;border:1px solid #d8e6f0;border-radius:21px;background:#f7fafc}.knowledge-layers article.is-center{color:#fff;border-color:var(--product-accent);background:linear-gradient(145deg,var(--product-accent),#443fae);box-shadow:0 20px 45px color-mix(in srgb,var(--product-accent) 22%,transparent)}.knowledge-layers small{color:var(--product-accent);font-size:9px;font-weight:900}.knowledge-layers .is-center small{color:#c8f4ff}.knowledge-layers h3{margin:16px 0 32px;font-size:20px;line-height:1.45}.knowledge-layers article>div{display:flex;flex-wrap:wrap;gap:7px}.knowledge-layers article>div span{padding:7px 9px;border:1px solid #dce8f1;border-radius:8px;color:#5f788c;background:#fff;font-size:9px}.knowledge-layers .is-center div span{border-color:rgba(255,255,255,.18);color:#e7f5ff;background:rgba(255,255,255,.1)}.file-stack{position:absolute;left:28px;right:28px;bottom:32px;gap:12px}.file-stack span{width:58px;height:72px;display:grid;place-items:center;border-radius:10px;font-size:10px}.knowledge-cycle i{color:var(--product-glow);font-style:normal}
@keyframes productSpin{to{transform:rotate(360deg)}}@keyframes knowledgeDash{to{stroke-dashoffset:-48}}
@media(max-width:1100px){
  .product-local-nav{grid-template-columns:1fr auto}.product-local-nav>div{display:none}
  .product-hero-inner{grid-template-columns:1fr;gap:35px}.product-hero-copy{max-width:720px}.hub-console,.assistant-workspace,.knowledge-map{max-width:720px;margin:auto}
  .value-contrast{grid-template-columns:1fr}.contrast-switch{height:72px;width:72px}.contrast-switch i{display:none}
  .capability-bento{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.capability-bento .cap-large,.capability-bento .cap-wide{grid-column:auto;grid-row:auto}.capability-bento article{min-height:240px}.capability-bento .cap-large{min-height:450px}
  .product-workflow-v3,.product-ecosystem{grid-template-columns:1fr}.workflow-track{margin-top:20px}
  .task-transformation{grid-template-columns:1fr 24px 1fr}.task-transformation>i:nth-of-type(2){display:none}.task-transformation article:nth-of-type(3){grid-column:1}.task-transformation article:nth-of-type(4){grid-column:3}
  .knowledge-layers{grid-template-columns:1fr}.knowledge-layers>i{padding:10px}
}
@media(max-width:700px){
  .product-detail-v3{padding-top:64px}.product-detail-v3 section[id]{scroll-margin-top:112px}
  .product-local-nav{top:64px;height:52px;padding:0 15px}.product-local-name span{font-size:11px}.product-local-name b{font-size:16px}.product-local-cta{padding:8px 10px}
  .product-crumb{padding:18px 18px 0;flex-wrap:wrap}.product-hero-inner{min-height:0;padding:35px 18px 48px}.product-hero-copy h1{font-size:52px}.product-hero-copy h2{font-size:25px}.product-lead{font-size:14px}.product-hero-actions{flex-direction:column}.product-primary,.product-secondary{width:100%}.product-proof{gap:12px;flex-wrap:wrap}
  .hub-console,.assistant-workspace,.knowledge-map{height:385px;border-radius:19px;transform:none}.hub-console-body{grid-template-columns:105px 1fr}.hub-models{padding:12px 8px}.hub-models>span{height:42px;padding:0 7px;font-size:9px}.hub-route{padding:15px 10px}.hub-core{width:92px;height:92px}.hub-core strong{font-size:20px}.hub-metrics{display:none}
  .assistant-workspace{grid-template-columns:48px 1fr}.assistant-side{gap:12px}.assistant-side span{width:28px;height:28px}.assistant-chat{padding:14px}.user-task{margin-left:15px}.assistant-output{margin-left:5px}
  .knowledge-source{width:100px;height:56px;grid-template-columns:29px 1fr}.knowledge-source>i{width:25px;height:33px}.source-a,.source-c{left:9px}.source-b,.source-d{right:9px}.knowledge-core{width:115px;height:115px}.knowledge-core b{font-size:19px}.knowledge-answer{width:240px}.knowledge-lines{display:none}
  .product-value-v3,.product-capabilities-v3,.product-scenarios-v3{padding:72px 18px}.product-section-title{display:block;margin-bottom:34px}.product-section-title h2{font-size:35px}.product-section-title>span{display:block;margin-top:15px;font-size:13px}
  .value-contrast article{padding:24px}.value-contrast ul{grid-template-columns:1fr}
  .capability-bento{grid-template-columns:1fr}.capability-bento article,.capability-bento .cap-large{min-height:235px}.capability-bento .cap-large{min-height:430px}.mini-model-cloud{height:190px}
  .product-workflow-v3,.product-ecosystem{padding:70px 18px;gap:35px}.workflow-track{grid-template-columns:1fr}.workflow-track article+article{border-left:1px solid #d4e4ef;border-top:0}.workflow-track article{min-height:120px}.workflow-track article:after{right:auto;left:29px;top:auto;bottom:-8px;content:"↓"}.workflow-track b{margin:18px 0 8px}
  .scenario-showcase,.ecosystem-links{grid-template-columns:1fr}.scenario-showcase article{min-height:315px}
  .task-transformation{grid-template-columns:1fr}.task-transformation>i{padding:8px}.task-transformation article:nth-of-type(3),.task-transformation article:nth-of-type(4){grid-column:auto}.task-transformation>i:nth-of-type(2){display:block}
  .product-ecosystem h2,.workflow-copy h2{font-size:30px}.product-contact-v3{margin-left:14px;margin-right:14px}
}
@media(prefers-reduced-motion:reduce){.hub-core i,.task-plan i.doing,.knowledge-core .core-orbit,.knowledge-lines path{animation:none}.capability-bento article,.scenario-showcase article,.ecosystem-links a{transition:none}}

/* Keep the official shell authoritative over earlier V3 navigation rules. */
@media(min-width:1025px){
  .official-header .official-mega{top:68px;left:0;width:100%;height:312px;padding:40px max(5vw,calc((100vw - 1500px)/2));display:grid;grid-template-columns:352px 294px 235px;justify-content:start;gap:80px;overflow:visible}
  .official-header .official-tertiary{display:block;height:80%;align-self:start;margin:0;padding:0 0 0 28px;border-left:1px solid #d7dce4;border-right:1px solid #b8c0cd;background:transparent}
  .official-header .official-tertiary .mega-product-grid{height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);gap:0}
  .official-header .official-tertiary .mega-product-grid>a{min-height:0;padding:0;grid-template-columns:35px 1fr 25px;border:0;border-bottom:1px solid #dfe3e9;border-radius:0;background:transparent;box-shadow:none}
  .official-header .official-tertiary .mega-product-grid>a>i{width:auto;height:auto;color:#91a2b8;background:none}
  .official-header .official-tertiary .mega-product-grid>a>em{display:block}
  .product-local-nav{top:60px}
  .product-detail-v3{padding-top:60px}
}

/* The corporate header/footer stay identical to the official shell, while the
   Xiaozhi dropdown deliberately keeps the established V3 visual language. */
@media(min-width:1025px){
  .official-header .v3-mega{
    top:68px;
    left:0;
    width:100%;
    height:370px;
    padding:30px max(5vw,60px);
    display:grid;
    grid-template-columns:25% 25% 25%;
    justify-content:start;
    gap:0;
    overflow:visible;
    background:rgba(251,253,255,.98);
    border-bottom:1px solid #dce8f5;
    box-shadow:0 28px 55px rgba(13,54,99,.16);
    backdrop-filter:blur(22px);
  }
  .official-header .v3-mega-intro{
    display:block;
    padding-right:44px;
    border-right:1px solid #dce8f5;
  }
  .official-header .v3-secondary{padding:0 30px}
  .official-header .v3-tertiary{
    display:block;
    height:80%;
    align-self:start;
    margin:0;
    padding:0 30px;
    border-left:1px solid #dce8f5;
    border-right:1px solid #dce8f5;
    background:none;
  }
}
@media(min-width:1025px) and (max-width:1450px){
  .official-header .official-mega{gap:55px}
}
@media(max-width:1024px){
  .official-header .official-mega{position:static;top:auto;width:100%;height:auto;max-height:none;padding:0;display:block;overflow:visible;grid-template-columns:none;background:#f6f8fb;box-shadow:none;opacity:1;visibility:visible;transform:none;pointer-events:auto}
  .official-header .official-tertiary{display:none;height:auto;margin:0;padding:0 24px 0 62px;border:0;border-bottom:1px solid #d7dce4;background:#edf2f9;opacity:1;visibility:visible;transform:none}
  .official-header .nav-product.products-open .official-tertiary{display:block}
  .official-header .official-tertiary .mega-product-grid{display:grid;grid-template-columns:1fr;gap:0}
  .official-header .official-tertiary .mega-product-grid>a{min-height:39px;padding:0;grid-template-columns:35px 1fr 25px;border:0;border-bottom:1px solid #dfe3e9;border-radius:0;background:transparent;box-shadow:none}
  .official-header .official-tertiary .mega-product-grid>a>i{width:auto;height:auto;color:#91a2b8;background:none}
  .official-header .official-tertiary .mega-product-grid>a>em{display:block}
  .official-header .v3-mega{
    position:static;
    top:auto;
    width:100%;
    height:auto;
    max-height:none;
    padding:0;
    display:block;
    overflow:visible;
    background:#f6f8fb;
    box-shadow:none;
    opacity:1;
    visibility:visible;
    transform:none;
    pointer-events:auto;
  }
  .official-header .v3-mega-intro{display:none}
  .official-header .v3-secondary{padding:0}
  .official-header .v3-secondary a{min-height:42px;padding:0 30px 0 42px}
  .official-header .v3-secondary a:hover,
  .official-header .nav-product.products-open .v3-secondary .has-children{padding-left:48px}
  .official-header .v3-tertiary{
    display:none;
    height:auto;
    margin:0;
    padding:0 24px 0 62px;
    border:0;
    border-bottom:1px solid #d7dce4;
    background:#edf2f9;
    opacity:1;
    visibility:visible;
    transform:none;
  }
  .official-header .nav-product.products-open .v3-tertiary{display:block}
}