:root{--bg-primary:#000b1e;--bg-secondary:#001428;--bg-card:#0a1f3d;--accent:#00d2ff;--accent-soft:#8cf;--text-primary:#fff;--text-secondary:#a8c4e0;--border-glow:#00d2ff59;--max-width:1400px;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);min-width:320px}img{max-width:100%;display:block}.page{min-height:100vh}.container{width:min(100% - 3rem, var(--max-width));margin-inline:auto}.site-header{z-index:10;background:linear-gradient(#00081480 0%,#0000 100%);border-bottom:none;position:absolute;top:0;left:0;right:0}.site-header__inner{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:none;min-height:3.75rem;margin:0;padding-left:1rem;padding-right:1rem;display:flex}.site-header__brand{color:var(--text-primary);align-items:center;gap:.65rem;text-decoration:none;transition:opacity .2s;display:inline-flex}.site-header__brand:hover{opacity:.85}.site-header__icon{object-fit:contain;flex-shrink:0;width:1.75rem;height:1.75rem}.site-header__name{letter-spacing:.04em;color:#ffffffeb;text-shadow:0 1px 8px #00000073;font-size:clamp(.95rem,2vw,1.15rem);font-weight:500}.site-header__product{text-align:right;text-shadow:0 1px 8px #00000073;flex-direction:column;align-items:flex-end;gap:.15rem;display:flex}.site-header__product-name{letter-spacing:.06em;color:var(--accent-soft);font-size:clamp(1rem,2.2vw,1.35rem);font-weight:700}.site-header__product-title{letter-spacing:.02em;color:#ffffffe0;max-width:22rem;font-size:clamp(.68rem,1.2vw,.88rem);font-weight:500;line-height:1.35}.hero{background:var(--bg-primary);width:100%;position:relative;overflow:hidden}.hero__media{position:relative}.hero__decor{pointer-events:none;z-index:1;position:absolute;inset:0}.hero__grid{background-image:linear-gradient(#00d2ff0f 1px,#0000 1px),linear-gradient(90deg,#00d2ff0f 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000a6,#0000 85%);mask-image:linear-gradient(#000000a6,#0000 85%)}.hero__glow{filter:blur(60px);opacity:.45;border-radius:50%;position:absolute}.hero__glow--left{background:#008cff59;width:220px;height:220px;top:10%;left:8%}.hero__glow--right{background:#00d2ff40;width:180px;height:180px;top:20%;right:12%}.hero__image{z-index:2;object-fit:cover;object-position:center;width:100%;height:auto;min-height:280px;position:relative}.hero__fade{z-index:3;pointer-events:none;background:linear-gradient(#0000,#000b1ed9);height:35%;position:absolute;inset:auto 0 0}.hero__banner-actions{grid-template-columns:1fr 1fr;gap:.65rem;width:100%;margin-top:.25rem;display:grid}.hero__banner-btn{border-radius:10px;justify-content:center;align-items:center;width:100%;min-width:0;padding:.65rem .75rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,opacity .2s,background .2s;display:inline-flex}.hero__banner-btn--primary{color:#001428;background:linear-gradient(135deg,#00d2ff,#4de4ff);box-shadow:0 10px 28px #00d2ff59}.hero__banner-btn--primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px #00d2ff73}.hero__banner-btn--ghost{color:var(--accent-soft);border:1px solid var(--border-glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00122ad1;box-shadow:0 8px 22px #0000004d}.hero__banner-btn--ghost:hover{background:#002346eb;transform:translateY(-2px);box-shadow:0 12px 28px #00d2ff2e}.hero__banner-btn--loading,.hero__banner-btn--disabled{opacity:.75;cursor:wait;pointer-events:none}.hero__banner-btn--disabled{cursor:not-allowed}.hero__contacts{z-index:5;grid-template-columns:1fr;gap:.65rem;width:40%;display:grid;position:absolute;top:50%;right:3.5%}.hero__contact{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:0;color:var(--text-primary);background:#00122ae0;border:1px solid #00d2ff59;border-radius:10px;align-items:center;gap:.7rem;padding:.65rem .85rem;text-decoration:none;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:flex;box-shadow:0 8px 22px #00000059}.hero__contact:hover{border-color:var(--accent);background:#002346eb;transform:translateY(-3px);box-shadow:0 14px 32px #00d2ff2e}.hero__contact-icon{width:2.1rem;height:2.1rem;color:var(--accent-soft);background:#00d2ff1f;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.hero__contact-icon svg,.hero__contact-icon-img{width:1.15rem;height:1.15rem}.hero__contact-icon-img{object-fit:contain}.hero__contact--bilibili .hero__contact-icon{background:#fb729926}.hero__contact--youtube .hero__contact-icon{color:#ff4d4d;background:#ff4d4d26}.hero__contact-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.hero__contact-label{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:.75rem}.hero__contact-value{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.hero__panel{z-index:4;margin-top:-3.5rem;padding:0 0 3.5rem;position:relative}.hero__panel-inner{border:1px solid var(--border-glow);background:linear-gradient(145deg,#0a1f3df5,#001428fa);border-radius:16px;gap:1.5rem;padding:1.75rem;display:grid;box-shadow:0 20px 60px #00000073}.hero__badge{border:1px solid var(--border-glow);color:var(--accent);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;margin-bottom:.85rem;padding:.35rem .9rem;font-size:.75rem;display:inline-block}.hero__brand{color:var(--accent-soft);letter-spacing:.05em;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:700;line-height:1.1}.hero__title{color:var(--text-primary);margin-top:.5rem;font-size:clamp(1rem,2vw,1.35rem);font-weight:500}.hero__tagline{max-width:52rem;color:var(--text-secondary);margin-top:1rem;font-size:1.05rem}.hero__actions{flex-wrap:wrap;gap:.85rem;margin-top:1.5rem;display:flex}.hero__btn{border-radius:8px;justify-content:center;align-items:center;padding:.7rem 1.35rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.hero__btn--primary{color:#001428;background:linear-gradient(135deg,#00d2ff,#4de4ff);box-shadow:0 8px 24px #00d2ff40}.hero__btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00d2ff59}.hero__btn--ghost{color:var(--accent-soft);border:1px solid var(--border-glow);background:#00d2ff0f}.hero__btn--ghost:hover{background:#00d2ff1f;transform:translateY(-2px)}.hero__aside{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.hero__highlight{background:#00d2ff0d;border:1px solid #00d2ff33;border-radius:10px;flex-direction:column;gap:.35rem;padding:1.1rem 1.25rem;display:flex}.hero__highlight strong{color:var(--accent);letter-spacing:.03em;font-size:1.35rem}.hero__highlight span{color:var(--text-secondary);font-size:.88rem}.section{padding:4.5rem 0}.section--alt,.feature--alt{background:var(--bg-secondary)}.section__title{color:var(--text-primary);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:600}.intro__tagline{color:var(--accent-soft);margin-top:1.25rem;font-size:1.2rem}.intro__description{max-width:56rem;color:var(--text-secondary);margin-top:1rem;font-size:1.05rem}.feature__header{align-items:flex-start;gap:1.25rem;margin-bottom:2.5rem;display:flex}.feature__index{color:var(--accent);opacity:.85;flex-shrink:0;font-size:2.5rem;font-weight:700;line-height:1}.feature__subtitle{max-width:52rem;color:var(--text-secondary);margin-top:.75rem;font-size:1.05rem}.feature__body{flex-direction:column;gap:2.5rem;display:flex}.feature__list{color:var(--text-secondary);gap:.85rem;max-width:56rem;padding-left:1.25rem;display:grid}.feature__list li::marker{color:var(--accent)}.feature__gallery{grid-template-columns:repeat(3,1fr);gap:1.25rem;width:100%;display:grid}.feature__image{object-fit:contain;border:1px solid var(--border-glow);background:var(--bg-card);border-radius:8px;width:100%;height:auto;transition:transform .25s,box-shadow .25s}.feature__image:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00d2ff26}.footer{border-top:1px solid var(--border-glow);background:#000814;padding:3.5rem 0 2rem}.footer__content{flex-direction:column;gap:2.5rem;display:flex}.footer__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:2rem 1.5rem;display:grid}.footer__column{min-width:0}.footer__title{color:var(--accent-soft);letter-spacing:.03em;margin-bottom:1rem;font-size:.95rem;font-weight:600}.footer__list{gap:.65rem;list-style:none;display:grid}.footer__list--text li{flex-direction:column;gap:.15rem;display:flex}.footer__link{color:var(--text-secondary);font-size:.88rem;line-height:1.5;text-decoration:none;transition:color .2s}.footer__link:hover{color:var(--accent)}.footer__text-label{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}.footer__text-value{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.footer__bottom{color:var(--text-secondary);border-top:1px solid #00d2ff26;justify-content:center;padding-top:1.5rem;font-size:.88rem;display:flex}.footer__copy{text-align:center}.footer__qr{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding-top:.5rem;display:grid}.footer__qr-card{text-align:center;background:#00d2ff0a;border:1px solid #00d2ff33;border-radius:12px;flex-direction:column;align-items:center;padding:1.5rem 1rem;display:flex}.footer__qr-image{object-fit:contain;background:#fff;border-radius:8px;width:140px;height:140px;padding:.35rem}.footer__qr-title{color:var(--accent-soft);margin-top:1rem;font-size:.95rem;font-weight:600}.footer__qr-subtitle{color:var(--text-primary);margin-top:.35rem;font-size:.88rem}.footer__qr-desc{color:var(--text-secondary);margin-top:.25rem;font-size:.82rem}@media (width>=900px){.hero__contacts{width:38%;top:49%;right:8%}.hero__panel-inner{grid-template-columns:1.4fr 1fr;align-items:center;gap:2rem;padding:2rem 2.25rem}.feature__gallery{grid-template-columns:repeat(3,1fr)}}@media (width<=1100px){.footer__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer__qr{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}@media (width<=900px){.hero__contacts{gap:.55rem;width:44%;top:52%;right:2.5%}.hero__contact{padding:.6rem .75rem}.feature__gallery{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.container{width:min(100% - 2rem, var(--max-width))}.site-header__inner{align-items:flex-start;padding-top:.65rem;padding-bottom:.65rem}.site-header__product{max-width:55%}.site-header__product-title{font-size:.62rem;line-height:1.3}.hero__panel{margin-top:-2rem;padding-bottom:2.5rem}.hero__panel-inner{padding:1.35rem}.hero__contacts{background:linear-gradient(#000b1e33,#000b1ef2);grid-template-columns:1fr;width:100%;margin-top:0;padding:.75rem 1rem 1rem;position:static}.hero__banner-actions{grid-template-columns:1fr}.hero__contact{padding:.65rem .85rem}.hero__aside{grid-template-columns:1fr}.feature__header{flex-direction:column;gap:.5rem}.feature__gallery{grid-template-columns:1fr}.footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer__qr{grid-template-columns:1fr;max-width:280px;margin-inline:auto}}