.prod-hero{padding-top:calc(var(--nav-h) + 28px);padding-bottom:40px;position:relative;overflow:hidden}.prod-hero .hero-inner{grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center}.prod-code{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.3em;color:var(--muted-2);text-transform:uppercase;margin-bottom:14px}.prod-code .pill{letter-spacing:.08em}.prod-name{display:flex;align-items:center;gap:16px;margin-bottom:8px}.prod-name img{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(162,89,255,.7))}.prod-name h1{font-family:var(--font-display);font-size:clamp(44px,5.4vw,76px);color:var(--lime);letter-spacing:.03em;text-shadow:0 0 20px rgba(200,255,0,.5),4px 4px 0 #2a0a5e;transform:rotate(-2deg);line-height:.9}.prod-tagline{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.prod-cn{font-size:clamp(26px,2.8vw,38px);margin-bottom:14px}[data-lang=en] .prod-cn{font-size:clamp(22px,2.3vw,32px)}.prod-intro{color:var(--muted);font-size:15px;line-height:1.7;margin-bottom:22px}.prod-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.prod-meta span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:#28126666;font-size:12px;color:var(--muted)}.prod-meta span b{color:#fff}.video-wrap{position:relative;border-radius:22px;overflow:hidden;border:2px solid rgba(200,255,0,.45);box-shadow:0 0 0 1px #7b2cff99,0 0 60px #7b2cff8c,0 40px 80px #0009;background:#0a0325;aspect-ratio:16/9}.video-wrap video{width:100%;height:100%;object-fit:cover;display:block}.video-wrap .vposter{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s}.video-wrap.playing .vposter{opacity:0;pointer-events:none}.video-wrap .vplay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:linear-gradient(180deg,#07021a26,#07021a8c);cursor:pointer;transition:opacity .4s}.video-wrap.playing .vplay{opacity:0;pointer-events:none}.video-wrap .vplay .btnplay{width:86px;height:86px;border-radius:50%;background:var(--lime);color:#140533;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #c8ff00b3;transition:transform .3s}.video-wrap .vplay .btnplay svg{width:34px;height:34px;margin-left:4px}.video-wrap .vplay:hover .btnplay{transform:scale(1.08)}.video-wrap .vplay .lbl{font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:13px;text-shadow:0 2px 8px #000}.video-wrap .vbar{position:absolute;left:0;right:0;bottom:0;height:4px;background:#ffffff26}.video-wrap .vbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--lime),var(--cyan));box-shadow:0 0 10px var(--lime)}.video-wrap .vctrl{position:absolute;right:14px;bottom:14px;display:flex;gap:8px;opacity:0;transition:opacity .3s}.video-wrap:hover .vctrl,.video-wrap.playing .vctrl{opacity:1}.video-wrap .vctrl button{width:36px;height:36px;border-radius:50%;background:#07021ab3;border:1px solid var(--line-strong);color:#fff;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px)}.video-wrap .vctrl button svg{width:16px;height:16px}.video-wrap .vctrl button:hover{background:var(--purple)}.video-wrap .mascot-badge{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:#07021ab3;border:1px solid var(--line-strong);font-size:11px;backdrop-filter:blur(6px)}.video-wrap .mascot-badge img{width:26px;height:26px;object-fit:contain}.video-note{font-size:11px;color:var(--muted-2);text-align:right;margin-top:10px;letter-spacing:.05em}.sticker-prod{position:absolute;right:-10px;top:-30px;z-index:3}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.why-card{padding:22px;display:flex;flex-direction:column;gap:8px}.why-card .idx{font-family:var(--font-display);font-size:32px;color:var(--lime);letter-spacing:.06em;line-height:1;text-shadow:0 0 12px rgba(200,255,0,.5)}.why-card h4{font-size:16px}.why-card p{color:var(--muted);font-size:13px}.how-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}.how-list{display:flex;flex-direction:column;gap:12px}.how-item{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px 20px;align-items:start;transition:transform .3s,border-color .3s}.how-item:hover{transform:translate(6px);border-color:var(--lime)}.how-item .step-num{border-color:var(--lime);color:var(--lime)}.how-item h4{font-size:16px;margin-bottom:4px}.how-item p{color:var(--muted);font-size:13px}.scene-art{border-radius:18px;overflow:hidden;border:1px solid var(--line-strong);box-shadow:0 0 40px #7b2cff66;position:sticky;top:90px}.scene-art img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.scene-art .cap{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:linear-gradient(180deg,transparent,rgba(7,2,26,.9));font-size:12px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.journey-flow{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px;counter-reset:j}.jf{padding:18px 16px;position:relative;counter-increment:j;text-align:center}.jf:before{content:counter(j);width:30px;height:30px;border-radius:50%;background:var(--purple);color:#fff;font-weight:900;font-size:13px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px;box-shadow:0 0 14px #7b2cffcc}.jf p{font-size:13px;color:#fff;font-weight:600}.jf:not(:last-child):after{content:"\2192";position:absolute;right:-12px;top:50%;transform:translateY(-50%);color:var(--lime);font-size:18px;text-shadow:0 0 8px var(--lime);z-index:2}.data-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.data-card{padding:22px;text-align:center}.data-card .lbl{font-size:12px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.data-card .val{font-size:clamp(30px,3vw,42px);font-weight:900;color:var(--lime);text-shadow:0 0 16px rgba(200,255,0,.5);margin:8px 0 4px;line-height:1}.data-card .sub{font-size:11px;color:var(--muted-2)}.kpi-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;align-items:center}.kpi-strip .lbl{font-size:11px;letter-spacing:.2em;color:var(--muted-2);text-transform:uppercase;margin-right:6px}.kpi-strip span.k{padding:6px 12px;border-radius:999px;border:1px solid rgba(47,243,255,.4);color:var(--cyan);font-size:12px;font-weight:700;background:#2ff3ff0f}.biz-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.biz-card{padding:22px}.biz-card h4{font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:8px}.biz-card h4:before{content:"";width:14px;height:2px;background:currentColor}.biz-card.m h4{color:var(--gold)}.biz-card.s h4{color:var(--magenta)}.biz-card.e h4{color:var(--cyan)}.biz-card p{color:var(--muted);font-size:14px;line-height:1.6}.biz-card ul li{display:grid;grid-template-columns:70px 1fr;gap:8px;font-size:13px;color:var(--muted);padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.biz-card ul li b{color:#fff;font-size:12px}.faq-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.faq{padding:20px}.faq h4{font-size:15px;margin-bottom:8px;display:flex;gap:8px}.faq h4:before{content:"Q";color:var(--lime);font-family:var(--font-display);font-size:18px}.faq p{color:var(--muted);font-size:13px}.rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.rel-card{padding:18px;display:flex;align-items:center;gap:14px}.rel-card img{width:56px;height:56px;object-fit:contain}.rel-card b{display:block;font-size:15px}.rel-card span{font-size:12px;color:var(--muted)}.prod-nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.prod-nav a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;border:1px solid var(--line);background:#28126666;font-size:13px;font-weight:700;transition:.25s}.prod-nav a img{width:26px;height:26px;object-fit:contain}.prod-nav a:hover,.prod-nav a.active{border-color:var(--lime);box-shadow:0 0 16px #c8ff0059}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hub-card{overflow:hidden;display:flex;flex-direction:column}.hub-card .hv{position:relative;aspect-ratio:16/9;overflow:hidden}.hub-card .hv img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.hub-card:hover .hv img{transform:scale(1.06)}.hub-card .hv .pill{position:absolute;top:12px;left:12px}.hub-card .hv .dur{position:absolute;right:12px;bottom:12px;padding:3px 8px;border-radius:6px;background:#07021acc;font-size:11px;font-weight:700}.hub-card .hv .pl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:#c8ff00e6;color:#140533;display:flex;align-items:center;justify-content:center;box-shadow:0 0 24px #c8ff0099}.hub-card .hv .pl svg{width:20px;height:20px;margin-left:2px}.hub-card .hb{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}.hub-card .hb h3{font-size:20px;display:flex;align-items:center;gap:10px}.hub-card .hb h3 img{width:34px;height:34px;object-fit:contain}.hub-card .hb p{color:var(--muted);font-size:13px;flex:1}.hub-card .hb .hf{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;color:var(--cyan);font-weight:700}@media (max-width: 1200px){.why-grid,.data-grid,.rel-grid,.faq-list,.biz-grid,.hub-grid{grid-template-columns:repeat(2,1fr)}.journey-flow{grid-auto-flow:row;grid-template-columns:repeat(3,1fr)}.jf:nth-child(3):after{display:none}}@media (max-width: 960px){.prod-hero .hero-inner,.how-wrap{grid-template-columns:1fr}.scene-art{position:static}.sticker-prod{display:none}}@media (max-width: 640px){.why-grid,.data-grid,.rel-grid,.faq-list,.biz-grid,.hub-grid,.journey-flow{grid-auto-flow:row;grid-template-columns:1fr}.jf:after{display:none!important}.prod-name{flex-direction:column;align-items:flex-start;gap:8px}.prod-name img{width:64px;height:64px}.prod-name h1{font-size:40px;transform:none}}.cta-band .cta-mascot.prod-m{right:8px;bottom:-20px;width:120px;opacity:.18}.cta-band .actions{position:relative;z-index:2}