:root{--ink:#07111f;--ink-2:#0f1b2d;--ink-3:#18263b;--paper:#f7f8fb;--paper-soft:#eef2f7;--white:#fff;--muted:#647084;--muted-light:#aeb9c9;--line:#0d1b301f;--line-light:#ffffff29;--cyan:#39d7ff;--blue:#2e78ff;--magenta:#ff4fd8;--warm:#f3c36b;--green:#43e6a7;--radius:8px;--shadow:0 24px 60px #07111f29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);letter-spacing:0;margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1180px,100% - 40px);margin:0 auto}.site-header{z-index:50;min-height:74px;color:var(--white);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07111f85;border-bottom:1px solid #ffffff14;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:12px max(24px,50vw - 590px);transition:background .18s,box-shadow .18s;display:grid;position:fixed;top:0;left:0;right:0}.site-header.is-scrolled{background:#07111feb;box-shadow:0 14px 40px #00000038}.brand{align-items:center;min-width:220px;display:inline-flex}.brand-logo{border-radius:4px;width:168px;height:auto}.site-nav{color:#ffffffd1;white-space:nowrap;justify-self:end;align-items:center;gap:22px;font-size:14px;display:flex}.site-nav a{position:relative}.site-nav a:after{background:linear-gradient(90deg, var(--cyan), var(--magenta));transform-origin:0;content:"";height:2px;transition:transform .16s;position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(0)}.site-nav a:hover:after,.site-nav a:focus-visible:after{transform:scaleX(1)}.header-cta,.btn{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:700;line-height:1.2;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.header-cta{color:var(--ink);background:var(--white);font-size:14px}.btn:hover,.header-cta:hover,.btn:focus-visible,.header-cta:focus-visible{transform:translateY(-1px)}.btn-primary{color:var(--ink);background:linear-gradient(135deg,#e9fbff,#9eeaff 40%,#f4cf81)}.btn-secondary{color:var(--white);background:#ffffff1f;border-color:#ffffff3d}.section-light .btn-secondary,.section-soft .btn-secondary{color:var(--white);background:var(--ink)}.btn-ghost{color:inherit;background:0 0;border-color:currentColor}.nav-toggle{display:none}.section,.hero{scroll-margin-top:78px}.hero{min-height:100svh;color:var(--white);background:var(--ink);align-items:center;padding:132px 0 68px;display:grid;position:relative;overflow:hidden}.hero-bg,.hero-shade,.hero-canvas{position:absolute;inset:0}.hero-bg{object-fit:cover;opacity:.78;width:100%;height:100%}.hero-canvas{z-index:1;opacity:.52;mix-blend-mode:screen}.hero-shade{z-index:2;background:linear-gradient(90deg,#07111ff5 0%,#07111fc7 42%,#07111f42 100%),linear-gradient(#07111f00 60%,#07111fe0 100%)}.hero-grid{z-index:3;grid-template-columns:minmax(0,670px) minmax(260px,360px);align-items:end;gap:70px;display:grid;position:relative}.eyebrow{color:var(--cyan);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:780px;margin-bottom:24px;font-size:clamp(44px,7vw,86px);line-height:1.04}h2{letter-spacing:0;margin-bottom:20px;font-size:clamp(32px,4.5vw,56px);line-height:1.12}h3{margin-bottom:10px;font-size:22px;line-height:1.28}.hero-lead{color:#ffffffeb;max-width:700px;margin-bottom:18px;font-size:clamp(20px,2.3vw,28px);line-height:1.45}.hero-note{color:#ffffffad;max-width:680px;font-size:17px}.hero-actions,.button-row{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-panel{border-radius:var(--radius);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07111f8f;border:1px solid #ffffff29;padding:14px}.metric{border-bottom:1px solid #ffffff1a;padding:18px}.metric:last-child{border-bottom:0}.metric span{color:var(--muted-light);text-transform:uppercase;font-size:12px;display:block}.metric strong{margin-top:4px;font-size:20px;display:block}.section{padding:104px 0}.section-dark{color:var(--white);background:radial-gradient(circle at 70% 20%, #39d7ff1a, transparent 30%), var(--ink)}.section-light{color:var(--ink);background:var(--paper)}.section-soft{background:var(--paper-soft)}.split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;display:grid}.split-center{align-items:end}.lead-block p,.split p,.about-grid p,.section-heading p,.project-hero p,.contact-grid p{color:var(--muted);font-size:17px}.section-dark .section-lead,.section-dark .section-heading p,.section-dark .tech-card p,.section-dark .product-copy p,.section-dark .cooperation-grid p{color:#ffffffb3}.section-lead{color:var(--muted);font-size:19px}.capability-grid,.scene-grid,.service-grid,.cooperation-grid,.matrix-grid{gap:18px;display:grid}.capability-grid{grid-template-columns:repeat(3,1fr);margin-top:48px}.capability-card,.scene-grid article,.service-grid article,.cooperation-grid article,.matrix-grid article{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffb3;padding:26px}.card-index{color:var(--blue);margin-bottom:22px;font-size:13px;font-weight:800;display:inline-flex}.capability-card p,.scene-grid p,.service-grid p,.matrix-grid p{color:var(--muted);margin-bottom:0}.about-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);align-items:start;gap:70px;display:grid}.timeline{gap:14px;display:grid;position:relative}.timeline article{border-left:2px solid var(--blue);border-radius:0 var(--radius) var(--radius) 0;background:#ffffffbd;padding:24px 24px 24px 30px;position:relative}.timeline span{color:var(--blue);font-size:13px;font-weight:800}.timeline p{margin-bottom:0}.brand-statement{border-radius:var(--radius);color:var(--white);background:linear-gradient(135deg, #2e78ff42, #ff4fd81f), var(--ink-2);box-shadow:var(--shadow);margin-top:72px;padding:44px}.brand-statement p:last-child{color:#ffffffb8;max-width:820px;margin-bottom:0}.tech-section{position:relative;overflow:hidden}.tech-section:before{content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 76%,#0000);mask-image:linear-gradient(#0000,#000 18% 76%,#0000)}.tech-section>.container{z-index:1;position:relative}.tech-visual-grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:stretch;gap:30px;margin-top:54px;display:grid}.tech-image-wrap,.product-media,.project-image{border-radius:var(--radius);background:var(--ink-3);box-shadow:var(--shadow);overflow:hidden}.tech-image-wrap img,.product-media img,.project-image img{object-fit:cover;width:100%;height:100%}.tech-card-stack{gap:14px;display:grid}.tech-card{border:1px solid var(--line-light);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;padding:26px}.tech-card h3{color:var(--white)}.tech-card a{color:var(--cyan);margin-top:14px;font-weight:800;display:inline-flex}.section-heading{max-width:760px}.chip-layout{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:start;gap:28px;display:grid}.spec-panel,.table-wrap,.quality-band,.contact-form,.contact-info,.wechat-qr{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:0 18px 40px #07111f14}.spec-panel,.table-wrap,.quality-band{padding:30px}.tag-cloud,.feature-list,.install-list{flex-wrap:wrap;gap:10px;display:flex}.tag-cloud span,.feature-list span,.install-list span{min-height:34px;color:var(--ink);background:#2e78ff1a;border-radius:999px;align-items:center;padding:6px 11px;font-size:14px;font-weight:700;display:inline-flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:520px}caption{text-align:left;margin-bottom:18px;font-size:22px;font-weight:800}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:14px 12px}th{width:36%;color:var(--muted);font-weight:700}.quality-band{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:42px;display:grid}.quality-band p{color:var(--muted);margin-bottom:0}.product-showcase{gap:28px;margin-top:44px;display:grid}.product-feature{border:1px solid var(--line-light);border-radius:var(--radius);background:#ffffff14;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:34px;padding:18px;display:grid}.product-feature-reverse .product-media{order:2}.product-copy{padding:24px 20px}.product-copy h3{color:var(--white);font-size:clamp(28px,3vw,42px)}.product-slogan{font-weight:800;color:var(--cyan)!important}.mini-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.mini-specs span{border-radius:var(--radius);color:#ffffffb8;background:#ffffff0f;border:1px solid #ffffff1f;padding:12px}.mini-specs b{color:var(--white);font-size:12px;display:block}.product-chip-card{border-radius:var(--radius);background:linear-gradient(135deg,#39d7ff29,#ff4fd81f);justify-content:space-between;align-items:center;gap:24px;padding:32px;display:flex}.product-chip-card h3,.product-chip-card p{color:var(--white)}.product-chip-card p{color:#ffffffb8;max-width:760px;margin-bottom:0}.matrix-grid{grid-template-columns:repeat(4,1fr);margin-top:24px}.section-dark .matrix-grid article,.section-dark .cooperation-grid article{border-color:var(--line-light);background:#ffffff12}.section-dark .matrix-grid h3,.section-dark .cooperation-grid h3{color:var(--white)}.section-dark .matrix-grid p{color:#ffffffa6}.scene-grid{grid-template-columns:repeat(3,1fr);margin-top:44px}.scene-card{border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);background:var(--white);text-align:left;grid-template-rows:190px 1fr;padding:0;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;overflow:hidden;box-shadow:0 18px 42px #07111f0f}.scene-card:hover,.scene-card:focus-visible{border-color:#2e78ff57;transform:translateY(-2px);box-shadow:0 24px 56px #07111f1f}.scene-thumb{background:var(--ink-2);position:relative;overflow:hidden}.scene-thumb:after{content:"";background:linear-gradient(#0000 46%,#07111f61);position:absolute;inset:0}.scene-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .22s}.scene-card:hover .scene-thumb img,.scene-card:focus-visible .scene-thumb img{transform:scale(1.04)}.scene-text{gap:12px;min-height:160px;padding:24px;display:grid}.scene-text strong{font-size:25px;line-height:1.25}.scene-text small{color:var(--muted);font-size:17px;font-weight:700;line-height:1.65}.scene-lightbox{z-index:90;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.scene-lightbox[hidden]{display:none}.scene-lightbox-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03080fc7;border:0;position:absolute;inset:0}.scene-lightbox-panel{z-index:1;border-radius:var(--radius);width:min(1120px,100%);max-height:min(760px,100svh - 56px);color:var(--white);background:var(--ink);border:1px solid #ffffff2e;grid-template-columns:minmax(0,1fr) 340px;display:grid;position:relative;overflow:hidden;box-shadow:0 36px 90px #0000006b}.scene-lightbox-panel img{object-fit:cover;width:100%;height:100%;min-height:420px}.scene-lightbox-copy{align-self:end;padding:34px}.scene-lightbox-copy h3{font-size:32px}.scene-lightbox-copy p:last-child{color:#ffffffb8;margin-bottom:0}.scene-lightbox-close{z-index:2;width:42px;height:42px;color:var(--white);background:#07111f94;border:1px solid #ffffff47;border-radius:50%;place-items:center;font-size:24px;line-height:1;display:grid;position:absolute;top:16px;right:16px}.projects-section{overflow:hidden}.project-hero{grid-template-columns:minmax(0,1.14fr) minmax(340px,.86fr);align-items:center;gap:42px;display:grid}.project-image{aspect-ratio:16/10}.service-grid{grid-template-columns:repeat(3,1fr);margin-top:34px}.cooperation-grid{grid-template-columns:repeat(4,1fr)}.contact-grid{grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);align-items:start;gap:54px;display:grid}.contact-info{color:var(--muted);gap:8px;padding:24px;display:grid}.contact-info strong{color:var(--ink);font-size:20px}.contact-info a{color:var(--ink);font-weight:700}.wechat-qr{width:180px;max-width:100%;margin-top:18px;padding:10px;overflow:hidden}.wechat-qr img{aspect-ratio:1;object-fit:cover;object-position:center 48%;border-radius:6px;width:100%}.contact-form{gap:18px;padding:30px;display:grid}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}label{color:var(--ink);gap:8px;font-size:14px;font-weight:800;display:grid}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);background:#fbfcfe;outline:none;padding:12px 13px}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px #2e78ff1c}textarea{resize:vertical}.file-input input{padding:10px}.form-status{min-height:24px;color:var(--blue);margin:0;font-weight:700}.site-footer{color:#ffffffb8;background:#050b14;padding:36px 0}.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:24px;display:grid}.footer-grid strong{color:var(--white);font-size:18px;display:block}.footer-grid p{margin-bottom:0}.footer-grid div{gap:6px;display:grid}.footer-grid a{color:#ffffffb8;background:0 0;border:0;justify-self:start;padding:0}@media (width<=1080px){.site-header{grid-template-columns:auto auto}.nav-toggle{border-radius:var(--radius);background:#ffffff14;border:1px solid #ffffff38;justify-self:end;place-items:center;gap:5px;width:44px;height:44px;display:inline-grid}.nav-toggle span{background:var(--white);width:18px;height:2px}.site-nav,.header-cta{display:none}.site-nav.is-open{border-radius:var(--radius);box-shadow:var(--shadow);background:#07111ff5;border:1px solid #ffffff29;gap:4px;padding:16px;display:grid;position:absolute;top:74px;left:20px;right:20px}.site-nav.is-open a{padding:11px 8px}.hero-grid,.split,.about-grid,.tech-visual-grid,.chip-layout,.quality-band,.project-hero,.contact-grid{grid-template-columns:1fr}.hero-panel{max-width:520px}.capability-grid,.scene-grid,.service-grid,.cooperation-grid,.matrix-grid{grid-template-columns:repeat(2,1fr)}.product-feature,.product-feature-reverse{grid-template-columns:1fr}.product-feature-reverse .product-media{order:0}}@media (width<=720px){.container{width:min(100% - 28px,1180px)}.site-header{min-height:66px;padding:10px 14px}.brand{min-width:0}.brand-logo{width:128px}.site-nav.is-open{top:66px;left:14px;right:14px}.hero{min-height:auto;padding:118px 0 54px}.hero-shade{background:linear-gradient(#07111ff5 0%,#07111fb8 58%,#07111feb 100%)}h1{font-size:42px}h2{font-size:32px}.hero-lead{font-size:20px}.hero-actions,.button-row{display:grid}.section{padding:70px 0}.capability-grid,.scene-grid,.service-grid,.cooperation-grid,.matrix-grid,.form-row,.mini-specs,.footer-grid{grid-template-columns:1fr}.brand-statement,.spec-panel,.table-wrap,.quality-band,.contact-form,.product-chip-card{padding:22px}.product-feature{padding:10px}.product-copy{padding:18px 6px 10px}.product-chip-card{display:grid}.project-image,.tech-image-wrap{min-height:260px}.scene-card{grid-template-rows:220px 1fr}.scene-text{min-height:auto;padding:20px}.scene-lightbox{padding:14px}.scene-lightbox-panel{grid-template-columns:1fr;max-height:calc(100svh - 28px);overflow:auto}.scene-lightbox-panel img{min-height:280px;max-height:54svh}.scene-lightbox-copy{padding:22px}.wechat-qr{width:150px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-canvas{display:none}}