/* Homepage-only visual system */
:root{--home-ink:#102b50;--home-muted:#63758d;--home-blue:#165dff;--home-line:#e3eaf3;--home-canvas:#f5f8fc}
body.page-index\.php{background:#fff;color:var(--home-ink)}
body.page-index\.php main{display:block}
.home-hero{position:relative;isolation:isolate;overflow:hidden;margin-top:4rem;background:radial-gradient(ellipse at 80% 35%,rgba(29,103,216,.24),transparent 37%),linear-gradient(112deg,#07182f 0%,#0d2a52 56%,#123d70 100%);color:#fff}
.home-hero::before{position:absolute;z-index:-1;inset:0;content:"";opacity:.22;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 92%)}
.home-hero::after{position:absolute;z-index:-1;right:-14rem;bottom:-22rem;width:46rem;height:46rem;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 4rem rgba(255,255,255,.025),0 0 0 9rem rgba(255,255,255,.018);content:""}
.home-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:2.5rem;width:min(1240px,calc(100% - 3rem));min-height:610px;margin:auto;padding:4.8rem 0 5.4rem}
.home-hero-copy{position:relative;z-index:2;max-width:600px}
.home-eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1.45rem;padding:.55rem .85rem;border:1px solid rgba(176,208,255,.25);border-radius:999px;background:rgba(255,255,255,.08);color:#d5e5ff;font-size:.78rem;font-weight:700;letter-spacing:.08em}
.home-eyebrow i{color:#70d4ff}
.home-hero-slide{display:block;max-width:610px;animation:home-rise .48s ease both}
.home-hero-overline{margin:0 0 1rem;color:#87c9ff;font-size:.72rem;font-weight:800;letter-spacing:.22em}
.home-hero-slide h1{margin:0;color:#fff;font-size:clamp(2.25rem,4.7vw,4rem);font-weight:800;line-height:1.16;letter-spacing:-.045em}
.home-hero-description{max-width:530px;margin:1.35rem 0 0;color:rgba(227,238,255,.78);font-size:1.06rem;line-height:1.9}
.home-hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}
.home-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:.7rem;padding:.75rem 1.15rem;border:1px solid transparent;border-radius:.8rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.home-button:hover{transform:translateY(-2px)}
.home-button-primary{background:#2468ff;color:#fff;box-shadow:0 12px 28px rgba(5,66,198,.28)}
.home-button-primary:hover{background:#3d7cff;color:#fff}
.home-button-outline{border-color:rgba(219,234,254,.36);background:rgba(255,255,255,.06);color:#fff}
.home-button-outline:hover{border-color:rgba(219,234,254,.7);background:rgba(255,255,255,.13);color:#fff}
.home-hero-visual{position:relative;display:flex;min-height:460px;align-items:center;justify-content:center;overflow:visible}
.home-hero-grid{position:absolute;inset:4% 1% 0 3%;border:1px solid rgba(165,203,255,.15);border-radius:2rem;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.008));transform:skewY(-4deg)}
.home-hero-orbit{position:absolute;border:1px solid rgba(138,193,255,.12);border-radius:50%;pointer-events:none}
.home-hero-orbit-one{inset:12% 9% 12% 10%}.home-hero-orbit-two{inset:19% 16% 19% 17%}
.home-energy-visual{position:relative;display:flex;width:min(100%,610px);height:430px;align-items:center;justify-content:center}
.home-energy-glow{position:absolute;width:52%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(47,142,255,.24),rgba(47,142,255,.05) 52%,transparent 72%);filter:blur(10px)}
.home-network-lines{position:absolute;width:100%;height:100%;overflow:visible;animation:home-network-breathe 7s ease-in-out infinite}
.home-network-core{position:relative;z-index:1;display:flex;width:138px;height:160px;align-items:center;justify-content:center;flex-direction:column;gap:.75rem;color:#a9d8ff}
.home-network-core::before{position:absolute;inset:0;border:1px solid rgba(135,201,255,.42);border-radius:48% 48% 44% 44% / 35% 35% 65% 65%;background:linear-gradient(150deg,rgba(91,167,255,.26),rgba(8,31,66,.72));box-shadow:0 0 48px rgba(37,137,255,.22),inset 0 0 28px rgba(135,201,255,.12);content:"";transform:rotate(45deg) scale(.78)}
.home-network-core-inner{position:relative;display:grid;width:74px;height:74px;place-items:center;border:1px solid rgba(199,228,255,.46);border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(137,214,255,.35),rgba(20,74,137,.5));box-shadow:0 0 24px rgba(66,168,255,.28);color:#d9f3ff;font-size:2rem}
.home-network-core>span{position:relative;font-size:.58rem;font-weight:800;letter-spacing:.22em}
.home-network-label{position:absolute;z-index:2;display:flex;align-items:center;gap:.7rem;min-width:185px;padding:.8rem .95rem;border:1px solid rgba(189,218,255,.22);border-radius:.9rem;background:rgba(8,29,58,.78);box-shadow:0 14px 32px rgba(0,0,0,.16);backdrop-filter:blur(12px)}
.home-network-label>i{display:grid;width:36px;height:36px;place-items:center;border-radius:.65rem;background:rgba(78,155,255,.16);color:#82d2ff;font-size:1rem}
.home-network-label span{display:grid;gap:.18rem}.home-network-label strong{color:#f0f6ff;font-size:.78rem}.home-network-label small{color:#9db6d4;font-size:.64rem}
.home-network-label-top{top:14%;right:1%}.home-network-label-bottom{bottom:13%;left:0}
@keyframes home-network-breathe{0%,100%{opacity:.74;transform:scale(.985)}50%{opacity:1;transform:scale(1.015)}}
.home-stats{position:relative;z-index:3;width:min(1120px,calc(100% - 3rem));margin:-1.2rem auto 0;padding:1.35rem 1.6rem;border:1px solid var(--home-line);border-radius:1.25rem;background:#fff;box-shadow:0 18px 45px rgba(22,49,86,.09)}
.home-stats-inner{display:grid;grid-template-columns:repeat(4,1fr)}
.home-stat{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:.85rem;padding:.2rem 1.2rem;border-right:1px solid var(--home-line)}
.home-stat:last-child{border-right:0}.home-stat-icon{grid-row:span 2;display:grid;width:42px;height:42px;place-items:center;border-radius:.8rem;background:#edf4ff;color:var(--home-blue);font-size:1.15rem}
.home-stat strong{align-self:end;color:var(--home-ink);font-size:1.35rem;line-height:1.25}.home-stat>span:last-child{align-self:start;color:var(--home-muted);font-size:.78rem}
.home-section-shell{width:min(1180px,calc(100% - 3rem));margin:0 auto}
.home-products{padding:6.3rem 0 5rem;background:linear-gradient(180deg,#fff 0%,#f7f9fc 100%)}
.home-section-heading{max-width:720px;margin:0 auto 2rem;text-align:center}
.home-section-kicker{display:inline-block;margin-bottom:.55rem;color:var(--home-blue);font-size:.72rem;font-weight:800;letter-spacing:.17em}
.home-section-heading h2,.home-about-copy h2{margin:0;color:var(--home-ink);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;letter-spacing:-.035em}
.home-section-heading>div{display:none}.home-section-heading p{margin:.7rem 0 0;color:var(--home-muted);font-size:.98rem;line-height:1.75}
.home-product-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:.55rem;margin:1.65rem 0 1.8rem}
.home-product-filters .tab-btn{min-height:40px;padding:.55rem .95rem;border:1px solid var(--home-line);border-radius:999px;background:#fff;color:#53657e;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease}
.home-product-filters .tab-btn:hover{border-color:#9bbcff;color:var(--home-blue)}.home-product-filters .tab-btn.active{border-color:var(--home-blue);background:var(--home-blue);color:#fff;box-shadow:0 7px 18px rgba(22,93,255,.18)}
.home-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}
.home-product-card{overflow:hidden;border:1px solid #e6ebf2;border-radius:1.1rem;background:#fff;box-shadow:0 8px 24px rgba(20,44,78,.045);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.home-product-card:hover{transform:translateY(-4px);border-color:#c9d9f4;box-shadow:0 16px 34px rgba(20,44,78,.1)}
.home-product-image{position:relative;display:flex;height:250px;align-items:center;justify-content:center;overflow:hidden;padding:1rem;background:linear-gradient(145deg,#f7f9fc,#edf2f8)}
.home-product-image img,.home-product-img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain;transition:transform .35s ease}
.home-product-card:hover .home-product-image img{transform:scale(1.035)}
.home-product-image .home-product-hot,.home-product-card .home-product-hot{position:absolute;top:.8rem;right:.8rem;padding:.3rem .55rem;border-radius:99px;background:#1458d7;color:#fff;font-size:.68rem;font-weight:700}
.home-product-card-body{padding:1rem 1.05rem 1.05rem}.home-product-category{display:block;margin-bottom:.35rem;color:#7c8ba0;font-size:.72rem}
.home-product-card-body h3{overflow:hidden;margin:0 0 .85rem;color:var(--home-ink);font-size:1.02rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.home-product-card-body>div{display:flex;align-items:center;gap:.8rem}.home-product-card-body a{color:#64768f;font-size:.76rem;text-decoration:none}.home-product-card-body a:hover{color:var(--home-blue)}
.home-product-detail{margin-left:auto;padding:.48rem .72rem;border:0;border-radius:.6rem;background:#edf4ff;color:var(--home-blue);font-size:.76rem;font-weight:750;cursor:pointer;transition:background .2s ease,color .2s ease}
.home-product-detail:hover{background:var(--home-blue);color:#fff}
.home-products .text-center.mt-12{margin-top:2rem}.home-products .text-center.mt-12 a{display:inline-flex;align-items:center;gap:.45rem;padding:.75rem 1rem;border:1px solid #dbe5f3;border-radius:.75rem;background:#fff;color:var(--home-ink);font-size:.84rem;font-weight:700;text-decoration:none;box-shadow:0 5px 14px rgba(22,49,86,.04)}.home-products .text-center.mt-12 a:hover{border-color:var(--home-blue);color:var(--home-blue)}
.home-about{padding:5rem 0;background:#f2f6fb}
.home-about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:clamp(2rem,5vw,5rem)}
.home-about-media{display:flex;min-height:350px;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e2e9f2;border-radius:1.25rem;background:#e9eff7;box-shadow:0 18px 45px rgba(24,50,83,.1)}
.home-about-media img,.home-about-media video{display:block;width:100%;max-height:440px;object-fit:cover}.home-about-media iframe{width:100%;aspect-ratio:16/9;border:0}
.home-about-copy h2{margin-bottom:1.1rem}.home-about-text{color:#5f7087;font-size:.95rem;line-height:1.95}.home-about-text p{margin:.75rem 0}
.home-text-link{display:inline-flex;align-items:center;gap:.55rem;margin-top:1rem;color:var(--home-blue);font-size:.9rem;font-weight:750;text-decoration:none}.home-text-link:hover{gap:.8rem}
.home-about-placeholder{display:flex;min-height:350px;align-items:center;justify-content:center;flex-direction:column;gap:1rem;border:1px solid #dfe8f4;border-radius:1.25rem;background:radial-gradient(circle at 50% 35%,#dceaff,#eff4fa 65%);color:#4180dc;font-size:1rem;font-weight:700}.home-about-placeholder i{font-size:5rem}
body.page-index\.php #videos,body.page-index\.php #manuals,body.page-index\.php #contact{width:min(1180px,calc(100% - 3rem));margin:3.5rem auto;padding:3.5rem 0;border:0;border-radius:1.4rem;box-shadow:none}
body.page-index\.php #videos{background:#f5f8fc}body.page-index\.php #manuals{background:#eef4fd}body.page-index\.php #contact{background:#fff}
body.page-index\.php #videos>.container,body.page-index\.php #manuals>.container,body.page-index\.php #contact>.container{width:calc(100% - 3rem);max-width:1100px;padding-left:0;padding-right:0}
body.page-index\.php #videos .text-center.mb-16,body.page-index\.php #manuals .text-center.mb-12,body.page-index\.php #contact .text-center.mb-16{margin-bottom:2.2rem}
body.page-index\.php #videos h2,body.page-index\.php #manuals h2,body.page-index\.php #contact h2{margin-bottom:.6rem;color:var(--home-ink);font-size:clamp(1.7rem,3vw,2.25rem);font-weight:800}
body.page-index\.php #videos .w-24,body.page-index\.php #manuals .w-20,body.page-index\.php #contact .w-24{display:none}
body.page-index\.php #videos .text-center p,body.page-index\.php #manuals .text-center p,body.page-index\.php #contact .text-center p{font-size:.94rem;color:var(--home-muted)}
body.page-index\.php #videos .video-tab-btn{padding:.52rem .9rem;border:1px solid var(--home-line);border-radius:999px;background:#fff;color:#53657e;font-weight:700;box-shadow:none}
body.page-index\.php #videos .video-tab-btn.active{border-color:var(--home-blue);background:var(--home-blue);color:#fff}
body.page-index\.php #videos .grid.grid-cols-1{gap:1rem}body.page-index\.php #videos .video-item{border:1px solid var(--home-line);border-radius:1rem;box-shadow:0 8px 22px rgba(20,44,78,.05)}
body.page-index\.php #videos .video-item:hover{box-shadow:0 14px 30px rgba(20,44,78,.11)}body.page-index\.php #videos .video-item img{object-fit:cover}body.page-index\.php #videos .video-item>div:last-child{padding:1rem 1.05rem}
body.page-index\.php #videos .video-item h3{font-size:.96rem;color:var(--home-ink)}body.page-index\.php #videos .video-item p{font-size:.8rem;line-height:1.6}
body.page-index\.php #videos .text-center.mt-12 a{border-color:#dbe5f3;border-radius:.7rem;color:var(--home-blue);font-weight:700}
body.page-index\.php #manuals .grid>div{min-height:125px;border:1px solid var(--home-line);border-radius:1rem;box-shadow:0 7px 20px rgba(20,44,78,.05)}
body.page-index\.php #manuals h4{color:var(--home-ink)}body.page-index\.php #manuals p{color:var(--home-muted)}body.page-index\.php #manuals a{font-weight:700}
body.page-index\.php #manuals .text-center.mb-12+div:empty::after{display:block;padding:2rem;color:var(--home-muted);content:"暂无可查看的产品资料";text-align:center}
body.page-index\.php #contact .grid{gap:1.2rem}body.page-index\.php #contact .surface-card{padding:clamp(1.2rem,3vw,2rem);border:1px solid var(--home-line);border-radius:1.1rem;box-shadow:0 10px 28px rgba(20,44,78,.05)}
body.page-index\.php #contact .surface-card h3{margin-bottom:1.4rem;font-size:1.2rem}body.page-index\.php #contact .surface-card .space-y-8{gap:1.2rem}
body.page-index\.php #contact .surface-card .w-14{width:44px;height:44px;flex:0 0 44px;border-radius:.8rem;box-shadow:none;font-size:1.1rem}
body.page-index\.php #contact .surface-card h4{margin-bottom:.25rem;font-size:.95rem}body.page-index\.php #contact .surface-card p{font-size:.88rem;color:#607189}
body.page-index\.php #contact input,body.page-index\.php #contact textarea{border-color:#dfe6ef;background:#fbfcfe;box-shadow:none}body.page-index\.php #contact input:focus,body.page-index\.php #contact textarea:focus{border-color:#83aaff;box-shadow:0 0 0 3px rgba(22,93,255,.12)}
body.page-index\.php #contact form{gap:1rem}body.page-index\.php #contact form label{margin-bottom:.45rem}body.page-index\.php #contact form button[type=submit]{padding:.9rem;border-radius:.75rem;background:var(--home-blue);font-size:.94rem;box-shadow:0 8px 18px rgba(22,93,255,.16)}
.home-hero :focus-visible,.home-product-filters :focus-visible,.home-products a:focus-visible,.home-products button:focus-visible,body.page-index\.php #videos :focus-visible,body.page-index\.php #manuals :focus-visible,body.page-index\.php #contact :focus-visible{outline:3px solid #80aaff;outline-offset:3px}
@keyframes home-rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.home-hero-inner{grid-template-columns:1fr 1fr;min-height:560px;gap:1rem}.home-hero-visual{min-height:390px}.home-energy-visual{height:370px}.home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-product-image{height:230px}.home-about-grid{gap:2rem}}
@media(max-width:700px){.home-hero{margin-top:4rem}.home-hero-inner{width:calc(100% - 2rem);grid-template-columns:1fr;gap:.25rem;min-height:0;padding:3.5rem 0 4rem}.home-hero-copy{max-width:none}.home-eyebrow{margin-bottom:1.1rem}.home-hero-slide h1{font-size:clamp(2.1rem,10vw,3.2rem)}.home-hero-description{margin-top:1rem;font-size:.95rem;line-height:1.75}.home-hero-actions{margin-top:1.35rem}.home-button{min-height:44px;padding:.65rem .85rem;font-size:.82rem}.home-hero-visual{min-height:290px;margin-top:.3rem}.home-energy-visual{width:100%;height:300px}.home-network-label{min-width:155px;padding:.62rem .7rem}.home-network-label>i{width:30px;height:30px}.home-network-label-top{right:-.4rem}.home-network-label-bottom{left:-.4rem}.home-network-core{transform:scale(.82)}.home-stats{width:calc(100% - 1.5rem);margin-top:-.85rem;padding:.75rem;border-radius:1rem}.home-stats-inner{grid-template-columns:repeat(2,1fr);row-gap:.6rem}.home-stat{padding:.5rem .55rem;border-right:0}.home-stat:nth-child(odd){border-right:1px solid var(--home-line)}.home-stat-icon{width:36px;height:36px}.home-stat strong{font-size:1.1rem}.home-stat>span:last-child{font-size:.7rem}.home-section-shell{width:calc(100% - 1.5rem)}.home-products{padding:4rem 0 3.5rem}.home-section-heading{margin-bottom:1.4rem}.home-section-heading p{font-size:.86rem}.home-product-filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin:1.2rem 0;padding:.1rem .05rem .5rem}.home-product-filters .tab-btn{flex:0 0 auto}.home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.home-product-image{height:clamp(135px,42vw,205px);padding:.6rem}.home-product-card-body{padding:.75rem}.home-product-card-body h3{font-size:.83rem}.home-product-card-body>div{gap:.5rem;flex-wrap:wrap}.home-product-card-body a{font-size:.68rem}.home-product-detail{padding:.42rem .55rem;font-size:.68rem}.home-about{padding:3.4rem 0}.home-about-grid{grid-template-columns:1fr;gap:1.5rem}.home-about-media,.home-about-placeholder{min-height:230px}.home-about-copy h2{font-size:1.65rem}body.page-index\.php #videos,body.page-index\.php #manuals,body.page-index\.php #contact{width:calc(100% - 1.5rem);margin:2rem auto;padding:2.3rem 0;border-radius:1rem}body.page-index\.php #videos>.container,body.page-index\.php #manuals>.container,body.page-index\.php #contact>.container{width:calc(100% - 1.25rem)}body.page-index\.php #videos .grid.grid-cols-1{gap:.75rem}body.page-index\.php #manuals .grid{grid-template-columns:1fr}body.page-index\.php #contact .grid{grid-template-columns:1fr}}
@media(max-width:390px){.home-product-grid{grid-template-columns:1fr}.home-product-image{height:220px}.home-stat{column-gap:.55rem}.home-hero-actions{gap:.55rem}}
@media(prefers-reduced-motion:reduce){.home-hero-slide{animation:none}.home-network-lines{animation:none}.home-button,.home-product-card,.home-product-detail,.home-text-link{transition:none}}
.home-button-quiet{padding-left:.35rem;border-color:transparent;background:transparent;color:#c8ddfa}.home-button-quiet:hover{color:#fff}
.home-empty-state{grid-column:1/-1;display:flex;min-height:175px;align-items:center;justify-content:center;flex-direction:column;gap:.45rem;padding:2rem;border:1px dashed #d5dfeb;border-radius:1rem;background:rgba(255,255,255,.7);color:var(--home-muted);text-align:center}.home-empty-state>i{margin-bottom:.25rem;color:#8aa4c4;font-size:1.7rem}.home-empty-state strong{color:var(--home-ink);font-size:.96rem}.home-empty-state span{font-size:.82rem}.home-empty-state a{display:inline-flex;gap:.4rem;align-items:center;margin-top:.35rem;color:var(--home-blue);font-size:.82rem;font-weight:700;text-decoration:none}
