/* Product selection and enterprise cooperation, 2026-09. */
.hero{min-height:740px}
.hero-content{display:grid;grid-template-columns:1.15fr 1fr;gap:48px 70px;align-items:center;padding-top:82px}
.hero h1{font-size:clamp(42px,4.6vw,68px)}
.hero-lead{max-width:570px}
.hero-assurance{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px;font-size:12px;color:#b4cfc5}
.hero-assurance span:before{content:'✓';color:#8fe3ce;margin-right:8px}
.hero-caption{grid-column:1/-1;margin-top:0;width:100%}
.hero-selector{background:#102624eb;border:1px solid #8dbbaa55;box-shadow:0 24px 80px #0003;padding:28px 32px;backdrop-filter:blur(16px)}
.selector-heading .eyebrow{margin-bottom:12px}
.selector-heading h2{font-size:23px;letter-spacing:-.5px}
.selector-list{margin-top:22px}
.selector-list a{display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid #bad1c41f;padding:15px 0;font-size:13px;color:#a6c1b7}
.selector-list strong{color:#eff7f1;font-weight:500;white-space:nowrap}
.selector-list b{font-weight:400;margin-left:12px;color:#7db09b}
.selector-list a:hover span,.selector-list a:hover strong{color:#8fe3ce}
.selector-help{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#92d2bc;border-top:1px solid #bad1c43b;padding-top:20px}
.product-tile{scroll-margin-top:110px}
.product-tile .tile-promise{font-size:18px;line-height:1.7;color:#e1ece5;margin-top:25px}
.product-tile .tile-audience{flex:0;font-size:12px;color:#9ab9ab;margin-top:18px}
.cooperation-section{background:#112c28;border-top:1px solid #ffffff13}
.cooperation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.cooperation-grid article{display:flex;flex-direction:column;border-top:1px solid #749f8f70;padding-top:26px}
.cooperation-grid .eyebrow{margin-bottom:15px}
.cooperation-grid h3{font-size:27px}
.cooperation-grid p{font-size:14px;color:#9bb8aa;line-height:1.9;margin-top:15px}
.cooperation-grid .cooperation-fit{color:#e2eee6;font-size:16px;min-height:60px}
.cooperation-grid .text-link{margin-top:28px;color:#a8e1c7;font-size:13px;align-self:start}
.pricing-note{border-top:1px solid #ffffff1c;padding-top:24px;margin-top:40px;color:#9bb8aa;font-size:12px}
.product-workflow{padding:34px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 12%,#102322),#0c201f);position:relative;min-width:0}
.product-workflow .eyebrow{font-size:10px;letter-spacing:1.4px}
.product-workflow h2{font-size:28px;color:var(--accent);letter-spacing:-.5px}
.product-workflow ol{list-style:none;padding:0;margin:26px 0}
.product-workflow li{display:flex;align-items:center;gap:20px;padding:19px 0;border-bottom:1px solid #ffffff19}
.product-workflow li span{font-family:'Bahnschrift','Consolas',sans-serif;color:var(--accent);font-size:13px}
.product-workflow li strong{font-weight:400;font-size:17px}
.workflow-outcome{font-size:15px;color:#c2d8cb;line-height:1.8}
.workflow-label{display:block;font-size:10px;letter-spacing:1px;color:#81a897;margin-top:26px}
.product-story{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;padding-top:0;padding-bottom:100px}
.product-story h2{font-size:32px;line-height:1.5}
.product-story>div>p:not(.eyebrow){font-size:15px;color:#a3bfb2;line-height:2}
.product-story .story-audience{margin-top:20px;font-size:12px!important}
.story-start{border-left:2px solid #7dc5aa;padding-left:22px;margin-top:26px}
.story-start strong{display:block;color:#e4f1e7;font-size:14px;margin-bottom:6px;font-weight:500}
.contact-grid .text-link{font-size:13px;color:#bbdeca;margin:20px 0 0 22px}
@media(min-width:1500px){.hero-content{padding-top:105px}.hero{min-height:800px}}
@media(max-width:1100px){.hero-content{gap:38px}.hero-selector{padding:25px}.selector-list a{font-size:12px}.hero h1{letter-spacing:-2px}.product-story{gap:45px}.product-workflow{padding:25px}}
@media(max-width:840px){.hero-content{grid-template-columns:1fr;padding-top:60px;gap:40px}.hero-selector{max-width:650px;width:100%}.hero-pitch{max-width:650px}.hero h1{font-size:56px}.hero-caption{margin-top:0}.product-story{grid-template-columns:1fr;gap:25px}.cooperation-grid{gap:24px}.cooperation-grid h3{font-size:23px}.cooperation-grid .cooperation-fit{font-size:14px}.product-workflow{max-width:650px;width:100%}.product-hero{min-height:0}.hero-art{object-position:65% top}}
@media(max-width:540px){.hero-content{padding-top:52px;gap:35px}.hero h1{font-size:43px}.hero-pitch .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-assurance{gap:10px 16px;font-size:11px}.hero-selector{padding:23px}.selector-heading h2{font-size:21px}.selector-list a{padding:14px 0;font-size:12px}.selector-list b{margin-left:6px}.hero-caption{gap:10px}.cooperation-grid{grid-template-columns:1fr;gap:38px}.cooperation-grid .cooperation-fit{min-height:0;font-size:16px}.cooperation-grid .text-link{margin-top:18px}.pricing-note{line-height:2}.product-story{padding-bottom:65px}.product-story h2{font-size:26px}.product-story>div>p:not(.eyebrow){font-size:14px}.product-workflow h2{font-size:24px}.product-workflow li strong{font-size:16px}.contact-grid .text-link{display:flex;margin:20px 0 0}.hero-assurance,.selector-list a,.product-workflow li{overflow-wrap:anywhere}}

/* 行业专题页：两个产品并排时按两列排布 */
.solution-pair{grid-template-columns:repeat(2,1fr)}
@media(max-width:540px){.solution-pair{grid-template-columns:1fr}}
.experience-bar .text-link{white-space:nowrap}
@media(max-width:540px){.experience-bar .text-link{white-space:normal}}

/* 行业专题页：平台矩阵与界面实景 */
.platform-note{margin-top:8px;font-size:13px;color:#8ca9a1}
.platform-group{margin-top:26px}
.platform-group>span{display:block;font-family:'Bahnschrift','Consolas',sans-serif;font-size:11px;letter-spacing:1.6px;color:#92b4b1;margin-bottom:12px}
.platform-chips{display:flex;flex-wrap:wrap;gap:9px}
.platform-chips b{font-weight:400;font-size:13px;line-height:1;padding:9px 15px;color:#cfe3da;background:#ffffff07;border:1px solid #ffffff17}
.platform-trademark{margin-top:28px;padding-top:16px;border-top:1px solid #ffffff14;font-size:12px;line-height:1.9;color:#7f9a93}
.ability-grid{margin-top:48px;gap:36px 40px}
.shot-block{margin-top:58px}
.shot-block:first-of-type{margin-top:0}
.shot-head{display:flex;align-items:baseline;gap:22px;flex-wrap:wrap;border-top:1px solid #44615988;padding-top:22px}
.shot-head h3{font-size:22px}
.shot-head p{font-size:13px;color:#8ca9a1;flex:1}
.shot-head .text-link{font-size:12px;white-space:nowrap}
.shot-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:26px;align-items:start}
.shot-strip>.shot-figure:first-child{grid-column:1/-1}
.shot-figure>a{display:block}
.shot-figure>a:hover img{border-color:#7ae5d17a;transition:180ms}
.shot-phones{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}
.shot-figure{margin:0;padding:14px;background:#0c1e20;border:1px solid #42616055}
.shot-figure img{width:100%;height:auto;border:1px solid #ffffff12}
.shot-figure figcaption{margin-top:14px}
.shot-figure figcaption b{display:block;font-weight:400;font-size:16px;color:#e2ece7}
.shot-figure figcaption span{display:block;margin-top:8px;font-size:13px;line-height:1.85;color:#8eaaa5}
.shot-note{margin-top:20px;font-size:12px;line-height:1.9;color:#7f9a93}
@media(max-width:840px){.shot-phones{grid-template-columns:1fr 1fr}.shot-strip{grid-template-columns:1fr}}
@media(max-width:540px){.shot-phones{grid-template-columns:1fr}.ability-grid{margin-top:32px;gap:28px}.platform-chips b{font-size:12px;padding:8px 12px}.shot-head{gap:10px}.shot-head p{flex:none;width:100%}.shot-head h3{font-size:20px}.shot-block{margin-top:44px}}
/* 矩阵营销首屏：3D 星型平台图。节点的 transform / opacity 由运行时脚本逐帧写在属性上，
   这里不要用 CSS 的 transform / opacity 去覆盖它们。 */
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.matrix-hero{padding-top:52px}
.matrix-head{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:end;margin-top:54px}
.matrix-hero h1{font-size:clamp(40px,4.4vw,64px)}
.matrix-hero .hero-lead{margin-top:0;max-width:none}
.matrix-hero .actions{margin-top:28px}
.matrix-stage{margin-top:26px;border:1px solid #42616055;background:radial-gradient(72% 92% at 50% 46%,#0e2325 0%,#0a1a1c 72%)}
.matrix-stage svg{display:block;width:100%;height:auto}
.mtx-cap{font-family:'Bahnschrift','Consolas',sans-serif;font-size:14px;letter-spacing:1.6px;fill:#8fb3ab}
.mtx-cap--mid{fill:#d9b268}
.mtx-orbit{fill:none;stroke-width:1;stroke-dasharray:4 7}
.mtx-orbit--l{stroke:#65dfc555}
.mtx-orbit--r{stroke:#8ed6a655}
.mtx-spoke{fill:none;stroke-width:1.2;stroke-dasharray:3 10}
/* 渠道与 hub 之间的数据光点：一段短亮线沿辐条跑。dasharray 的空白段要比最长辐条
   （轨道半径 218 × 透视上限 1.33 ≈ 290）还长，才能保证一条线上同时只有一个光点。 */
.mtx-beam{fill:none;stroke-width:3.8;stroke-linecap:round;stroke-dasharray:16 320;animation:mtxBeamIn 2.2s linear infinite;animation-delay:calc(var(--i) * -0.31s)}
.mtx-beam--in{stroke:#9ff3de}
.mtx-beam--out{stroke:#bdf3cf;animation-name:mtxBeamOut}
@keyframes mtxBeamIn{from{stroke-dashoffset:0}to{stroke-dashoffset:-336}}
@keyframes mtxBeamOut{from{stroke-dashoffset:-336}to{stroke-dashoffset:0}}
.mtx-spoke--in{stroke:#65dfc5;animation:mtxSpokeIn 2.6s linear infinite}
.mtx-spoke--out{stroke:#8ed6a6;animation:mtxSpokeOut 2.6s linear infinite}
@keyframes mtxSpokeIn{to{stroke-dashoffset:-26}}
@keyframes mtxSpokeOut{to{stroke-dashoffset:26}}
.mtx-trunk{fill:none;stroke-width:3.4;stroke-linecap:round}
.mtx-trunk--thin{stroke-width:1.8;opacity:.62}
.mtx-pulse{fill:none;stroke-width:4.6;stroke-linecap:round;stroke-dasharray:20 420;animation:mtxPulse 3.4s linear infinite}
.mtx-pulse--in{stroke:#ffe6b0}
.mtx-pulse--out{stroke:#c9f4d8}
.mtx-pulse--0{animation-delay:-.4s;stroke-width:3}
.mtx-pulse--1{animation-delay:-1.7s}
.mtx-pulse--2{animation-delay:-2.8s;stroke-width:3}
.mtx-pulse--out.mtx-pulse--0{animation-delay:-2.1s}
.mtx-pulse--out.mtx-pulse--1{animation-delay:-.6s}
.mtx-pulse--out.mtx-pulse--2{animation-delay:-1.3s}
@keyframes mtxPulse{from{stroke-dashoffset:440}to{stroke-dashoffset:0}}
.mtx-hub-shade{fill:#0a1a1c}
.mtx-hub-core{fill:#0d2325;stroke-width:1.6}
.mtx-hub-ring{fill:none;stroke-width:1;transform-box:fill-box;transform-origin:center}
.mtx-hub--l .mtx-hub-core{stroke:#65dfc5}
.mtx-hub--l .mtx-hub-ring{stroke:#65dfc540;animation:mtxBreath 5.4s ease-in-out infinite}
.mtx-hub--r .mtx-hub-core{stroke:#8ed6a6}
.mtx-hub--r .mtx-hub-ring{stroke:#8ed6a640;animation:mtxBreath 5.4s ease-in-out infinite .9s}
@keyframes mtxBreath{0%,100%{transform:scale(1);opacity:.95}50%{transform:scale(1.1);opacity:.4}}
.mtx-hub-name{font-size:18px;fill:#e7f1ea;text-anchor:middle}
.mtx-hub-role{font-size:11px;fill:#8fb3ab;text-anchor:middle;letter-spacing:1.2px}
.mtx-brain-glow{animation:mtxGlow 6s ease-in-out infinite}
@keyframes mtxGlow{0%,100%{opacity:.72}50%{opacity:1}}
.mtx-brain-ring{fill:none;stroke:#d9b26859;stroke-width:1;stroke-dasharray:5 9;transform-box:fill-box;transform-origin:center}
.mtx-brain-ring--a{animation:mtxSpin 26s linear infinite}
.mtx-brain-ring--b{animation:mtxSpin 18s linear infinite reverse}
@keyframes mtxSpin{to{transform:rotate(360deg)}}
.mtx-brain-core{fill:#17231f;stroke:#d9b268;stroke-width:1.8}
.mtx-brain-name{font-size:18px;fill:#f2dfae;text-anchor:middle}
.mtx-brain-role{font-size:11px;fill:#b79a63;text-anchor:middle;letter-spacing:1.2px}
.mtx-chip{fill:#10262a;stroke:#ffffff26;stroke-width:1}
.mtx-name{font-size:12px;fill:#bcd4cb;text-anchor:middle}
.matrix-legend{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:0;padding:14px 20px 16px;border-top:1px solid #ffffff12;font-size:12px;color:#8ca9a1}
.matrix-legend .lg{display:inline-flex;align-items:center;gap:8px}
.matrix-legend .lg:before{content:'';width:9px;height:9px;border-radius:50%}
.matrix-legend .lg-in:before{background:#65dfc5}
.matrix-legend .lg-mid:before{background:#d9b268}
.matrix-legend .lg-out:before{background:#8ed6a6}
.matrix-legend em{font-style:normal;margin-left:auto;color:#6f8a84}
.matrix-note{margin-top:20px;font-size:12px;line-height:1.9;color:#7f9a93}
.mtx-swipe{display:none}
@media(max-width:900px){.matrix-head{grid-template-columns:1fr;gap:26px;align-items:start;margin-top:36px}.matrix-hero{padding-top:36px}.matrix-stage{overflow-x:auto}.matrix-stage svg{width:940px;max-width:none}.matrix-legend em{margin-left:0;width:100%}.mtx-swipe{display:inline-flex;color:#7fb5a6;letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){.mtx-spoke,.mtx-beam,.mtx-pulse,.mtx-brain-ring,.mtx-brain-glow,.mtx-hub-ring{animation:none!important}.mtx-beam{opacity:0!important}.mtx-pulse{opacity:.45}}
.mtx-metric-value{font-family:'Bahnschrift','Consolas',sans-serif;font-size:34px;font-weight:600;letter-spacing:.5px;fill:#eaf4ee}
.mtx-metric[data-side="l"] .mtx-metric-value{fill:#8ff0dc}
.mtx-metric[data-side="r"] .mtx-metric-value{fill:#b6f0c8}
.mtx-metric-label{font-size:11.5px;letter-spacing:1.2px;fill:#7f9a93}