:root{color:#08214a;--page-progress:0;font-synthesis:none;text-rendering:optimizelegibility;background:#f6fbff;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;overscroll-behavior-y:contain;scrollbar-gutter:stable}body{min-width:320px;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img{max-width:100%;display:block}main{--blue:#1469ff;--deep-blue:#062b72;--cyan:#14d5ff;--green:#2fdc9a;--ink:#071b3b;--muted:#5d7193;background:radial-gradient(circle at 18% calc(12% + var(--page-progress) * 30%), #1469ff2e, transparent 26rem), linear-gradient(180deg, #eef8ff 0%, #fff 36%, #eff8ff 70%, #fff 100%)}.progress-bar{z-index:20;width:calc(var(--page-progress) * 100%);background:linear-gradient(90deg,#1469ff,#14d5ff,#2fdc9a);height:4px;position:fixed;top:0;left:0;box-shadow:0 0 24px #1469ff80}.rail{z-index:15;gap:13px;display:grid;position:fixed;top:50%;right:22px;transform:translateY(-50%)}.rail a{background:#ffffffb8;border:1px solid #1469ff5c;border-radius:999px;width:9px;height:34px;transition:background .22s,transform .22s;box-shadow:0 10px 28px #0a3f8b24}.rail a.active{background:var(--blue);transform:scaleY(1.24)}.page{min-height:100vh;padding:clamp(76px,8vw,118px) clamp(22px,5vw,76px);position:relative;overflow:hidden}.hero{isolation:isolate;background:linear-gradient(90deg,#f6fbffe6 0%,#f6fbffb8 38%,#f6fbff1a 78%),url(/assets/c_page1.jpeg) 50%/cover no-repeat;grid-template-columns:minmax(0,.9fr) minmax(0,1.22fr);align-items:center;gap:clamp(26px,4vw,56px);display:grid}.hero:before,.product-page:before,.battle-page:before,.partner-page:before{content:"";pointer-events:none;background:linear-gradient(#0000,#1469ff14);height:38%;position:absolute;inset:auto 0 0}.hero-copy{z-index:2;opacity:1;max-width:820px;animation:1.8s cubic-bezier(.2,.8,.2,1) backwards heroFadeUp;position:relative}.eyebrow{color:var(--blue);letter-spacing:0;margin:0 0 18px;font-size:.86rem;font-weight:800}.hero .eyebrow{border-left:4px solid var(--green);color:var(--deep-blue);align-items:center;padding-left:12px;display:inline-flex}h1,h2,h3,p{margin-top:0}h1{color:var(--ink);letter-spacing:0;max-width:8.4em;margin-bottom:24px;font-size:clamp(3rem,8vw,7.8rem);line-height:.95}h1 span{white-space:nowrap;display:block}h2{color:var(--ink);letter-spacing:0;margin-bottom:16px;font-size:clamp(2.15rem,5.2vw,5.6rem);line-height:1}h3{color:var(--ink);letter-spacing:0;font-size:1.02rem;line-height:1.28}.hero-copy>p:not(.eyebrow),.section-head>p,.partner-copy>p{color:var(--muted);max-width:680px;font-size:clamp(1.02rem,1.7vw,1.28rem);line-height:1.8}.hero-metrics{flex-wrap:wrap;gap:12px;max-width:640px;margin-top:38px;display:flex}.hero-metrics span{border:1px solid color-mix(in srgb, var(--metric-accent), transparent 68%);background:linear-gradient(135deg, color-mix(in srgb, var(--metric-accent), white 82%), #ffffffdb), #ffffffc7;min-width:136px;box-shadow:0 18px 48px color-mix(in srgb, var(--metric-accent), transparent 82%);color:#425976;border-radius:8px;padding:16px 18px;position:relative;overflow:hidden}.hero-metrics span:before{content:"";background:var(--metric-accent);width:5px;position:absolute;inset:0 auto 0 0}.hero-metrics span:first-child{--metric-accent:#1469ff}.hero-metrics span:nth-child(2){--metric-accent:#2fdc9a}.hero-metrics span:nth-child(3){--metric-accent:#ffb020}.hero-metrics span:nth-child(4){--metric-accent:#b7790d}.hero-metrics strong{color:color-mix(in srgb, var(--metric-accent), #061a3f 32%);font-size:2rem;line-height:1.1;display:block}.hero-showcase{z-index:2;min-height:clamp(640px,68vh,780px);position:relative}.poster-button,.battle-thumb-button,.partner-button{color:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.hero-panel{opacity:1;background:linear-gradient(135deg,#062b72b8,#1469ff8f),#0c4bb26b;border:1px solid #1469ff1f;border-radius:8px;min-height:100%;animation:1.35s cubic-bezier(.2,.8,.2,1) .26s backwards heroFadeUp;position:absolute;inset:0;overflow:hidden;box-shadow:0 34px 90px #09337533}.hero-panel:before{content:"";background:linear-gradient(#ffffff14,#0000 28%),radial-gradient(circle at 18% 28%,#14d5ff47,#0000 18rem),radial-gradient(circle at 85% 16%,#2fdc9a2e,#0000 12rem);position:absolute;inset:0}.hero-panel-head{z-index:2;color:#fff;justify-content:space-between;align-items:center;padding:22px 24px 0;display:flex;position:relative}.hero-panel-head span{letter-spacing:0;opacity:.9;font-size:.9rem;font-weight:700}.hero-panel-head strong{color:#8cf7ca;text-shadow:0 0 22px #8cf7ca47;font-size:1.7rem;line-height:1}.hero-curve{z-index:2;background:linear-gradient(#ffffff14,#ffffff05),#0419441a;border:1px solid #ffffff2e;border-radius:8px;height:calc(100% - 205px);min-height:390px;margin:18px 22px 0;position:relative;overflow:hidden}.curve-grid{opacity:.6;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:100% 36px,48px 100%;position:absolute;inset:0}.curve-line{filter:drop-shadow(0 0 18px #8cf7ca85);width:auto;height:auto;position:absolute;inset:42px 0 34px;overflow:visible}.curve-area{fill:url(#curveFill);opacity:0;animation:1.4s 1.1s both curveAreaIn}.curve-stroke{fill:none;stroke:#8cf7ca;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;pathLength:1;stroke-dasharray:1;stroke-dashoffset:1px;animation:1.8s cubic-bezier(.4,0,.2,1) .82s both curveDraw}.hero-panel-stats{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 22px 42px;display:grid;position:relative}.hero-panel-stats div{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;align-content:start;min-height:118px;padding:18px 20px 34px;animation:.94s both statFadeIn;display:grid}.hero-panel-stats div:first-child{animation-delay:1.22s}.hero-panel-stats div:nth-child(2){animation-delay:1.4s}.hero-panel-stats div:nth-child(3){animation-delay:1.58s}.hero-panel-stats span{opacity:.72;font-size:.8rem;display:block}.hero-panel-stats strong{margin-top:8px;margin-bottom:10px;font-size:1.5rem;line-height:1;display:block}.hero-card-fan{z-index:3;perspective:1200px;opacity:1;width:min(52vw,580px);height:min(40vw,470px);animation:1.3s cubic-bezier(.2,.8,.2,1) .56s backwards heroFadeUp;position:absolute;inset:auto clamp(24px,10vw,160px) clamp(124px,9vh,156px) auto}.proof-card{aspect-ratio:9/16;cursor:pointer;transform-origin:50% 115%;width:clamp(120px,10.5vw,176px);transform:var(--card-transform);opacity:0;background:#fff;border:1px solid #fffc;border-radius:8px;transition:transform .26s,z-index .26s,box-shadow .26s;animation:.9s both proofCardIn;position:absolute;inset:auto 0 0 auto;overflow:hidden;box-shadow:0 24px 70px #01113247}.proof-card:first-child{animation-delay:1.08s}.proof-card:nth-child(2){animation-delay:1.22s}.proof-card:nth-child(3){animation-delay:1.36s}.proof-card:nth-child(4){animation-delay:1.5s}.proof-card:nth-child(5){animation-delay:1.64s}.proof-card:first-child{--card-transform:translateX(-286px) translateY(-14px) rotate(-16deg)}.proof-card:nth-child(2){--card-transform:translateX(-214px) translateY(-50px) rotate(-8deg)}.proof-card:nth-child(3){z-index:3;--card-transform:translateX(-132px) translateY(-74px) rotate(0deg) scale(1.08)}.proof-card:nth-child(4){--card-transform:translateX(-60px) translateY(-50px) rotate(8deg)}.proof-card:nth-child(5){--card-transform:translateX(10px) translateY(-14px) rotate(16deg)}.proof-card:hover{z-index:6;transform:var(--card-transform) scale(1.3);box-shadow:0 30px 86px #0111325c}.proof-card img{object-fit:cover;object-position:center;width:100%;height:100%}.proof-card span{color:#fff;background:#062b72eb;border-radius:999px;max-width:calc(100% - 20px);padding:6px 9px;font-size:.72rem;font-weight:900;position:absolute;bottom:10px;left:10px;box-shadow:0 10px 24px #062b722e}.section-head{z-index:2;max-width:920px;margin-bottom:clamp(30px,5vw,54px);position:relative}.product-page.entry{background:linear-gradient(90deg,#f6fbfffa 0%,#f6fbffe6 42%,#f6fbff99 100%),url(/assets/c_page2.jpeg) 50%/cover no-repeat}.entry .eyebrow{color:#12a878}.entry .section-head h2{position:relative}.entry .section-head h2:after{content:"";background:linear-gradient(90deg,#1469ff,#2fdc9a,#2fdc9a00);border-radius:999px;width:132px;height:5px;margin-top:18px;display:block;box-shadow:0 0 22px #2fdc9a3d}.product-grid{z-index:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,24px);display:grid;position:relative}.product-card{min-height:420px;transform-style:preserve-3d;background:#ffffffd1;border:1px solid #1469ff21;border-radius:8px;transition:transform .32s,box-shadow .32s,border-color .32s;overflow:hidden;box-shadow:0 22px 60px #0c3c851f}.entry .product-card{background:linear-gradient(#ffffffeb,#f8fdffdb),#ffffffdb;border-color:#2fdc9a2e;box-shadow:0 22px 58px #12a8781c}.product-card:hover{border-color:#1469ff61;transform:translateY(-10px)rotateX(3deg);box-shadow:0 34px 82px #0c3c8533}.entry .product-card:hover{border-color:#2fdc9a6b;box-shadow:0 34px 82px #12a8782e,0 0 0 1px #1469ff14}.poster{background:#d9efff;overflow:hidden}.poster-button{aspect-ratio:4/3;border-bottom:1px solid #1469ff14;width:100%;height:auto;position:relative;overflow:hidden}.poster-button img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .7s}.product-card:hover .poster-button img{transform:scale(1.08)}.product-info{padding:18px}.price{min-height:30px;color:var(--blue);background:#e7f1ff;border-radius:999px;align-items:center;padding:5px 10px;font-weight:900;display:inline-flex}.entry .price{color:#0a8f68;background:#dffbf1}.product-info h3{min-height:2.56em;margin:14px 0 10px}.product-info p{color:#5b6d8c;min-height:3.2em;font-size:.92rem;line-height:1.6}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags span{color:#244c87;background:#f8fbff;border:1px solid #1469ff24;border-radius:6px;padding:5px 8px;font-size:.78rem}.entry .tags span{color:#236a73;background:#f8fdffdb;border-color:#2fdc9a2e}.battle-page{color:#fff;background:linear-gradient(135deg,#041438eb,#08398ad1),url(/assets/c_page3.jpeg) 50%/cover no-repeat,#0d55c5}.battle-page h2,.battle-page h3{color:#fff}.battle-page .eyebrow{color:#8cf7ca}.battle-page .section-head h2{position:relative}.battle-page .section-head h2:after{content:"";background:linear-gradient(90deg,#14d5ff,#d9e6f2,#8cf7ca00);border-radius:999px;width:150px;height:5px;margin-top:20px;display:block;box-shadow:0 0 24px #14d5ff5c}.battle-page .section-head p{color:#e5f1ffd1}.battle-layout{z-index:2;grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr);align-items:stretch;gap:clamp(22px,4vw,52px);display:grid;position:relative}.battle-item span,.battle-preview span{color:#8cf7ca;font-weight:900}.battle-stack{z-index:2;gap:15px;display:grid;position:relative}.battle-item{background:linear-gradient(135deg,#ffffff24,#ffffff0f),#061a3f38;border:1px solid #d9e6f238;border-radius:8px;grid-template-columns:104px minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px;transition:transform .22s,background .22s,border-color .22s;display:grid;box-shadow:inset 0 1px #ffffff1f}.battle-item:hover{background:linear-gradient(135deg,#14d5ff29,#ffffff14),#061a3f47;border-color:#14d5ff61;transform:translate(-10px)}.battle-item.active{background:linear-gradient(135deg,#14d5ff38,#8cf7ca1f),#061a3f5c;border-color:#8cf7ca9e;box-shadow:0 18px 50px #01113233,0 0 0 1px #d9e6f21a}.battle-thumb-button{border-radius:6px;flex-shrink:0;width:104px;height:78px;overflow:hidden}.battle-thumb-button img{object-fit:cover;object-position:top center;width:100%;height:100%}.battle-item h3{margin:4px 0 0}.battle-copy{text-align:left}.battle-copy h3{margin-bottom:0}.battle-item strong{color:#eaf7ff;text-shadow:0 0 18px #14d5ff3d;font-size:1.28rem}.battle-preview{z-index:2;background:linear-gradient(135deg,#ffffff24,#ffffff0f),#061a3f3d;border:1px solid #d9e6f238;border-radius:8px;align-content:start;gap:16px;display:grid;position:sticky;top:64px;overflow:hidden;box-shadow:0 30px 80px #0111323d,inset 0 1px #ffffff1f}.battle-preview-button{aspect-ratio:4/3;width:100%;display:block;position:relative;overflow:hidden}.battle-preview-button img{object-fit:cover;object-position:top center;width:100%;height:100%}.battle-preview-meta{gap:8px;padding:0 20px 22px;display:grid}.battle-preview-meta h3{margin:0;font-size:clamp(1.25rem,2vw,2rem)}.battle-preview-meta p{color:#fff;margin:0;font-size:1.6rem;font-weight:900}.partner-page{background:linear-gradient(90deg,#f6fbfff5 0%,#f6fbffd6 44%,#f6fbff7a 100%),url(/assets/c_page4.jpeg) 50%/cover no-repeat;grid-template-columns:minmax(0,.72fr) minmax(420px,1fr);align-items:center;gap:clamp(28px,5vw,76px);display:grid}.partner-copy{z-index:2;position:relative}.partner-page .eyebrow{color:#9f6a08}.partner-copy h2{color:#151d2c;position:relative}.partner-copy h2:after{content:"";background:linear-gradient(90deg,#b7790d,#ffd36c,#ffd36c00);border-radius:999px;width:128px;height:5px;margin-top:20px;display:block}.partner-copy>p{color:#3f4d63}.partner-price{color:#5a3a05;background:linear-gradient(135deg,#fff8e0f5,#ffffffe0),#fff8e0;border:1px solid #be841861;border-radius:8px;gap:8px;margin-top:32px;padding:22px 26px;display:inline-grid;position:relative;overflow:hidden;box-shadow:0 26px 70px #81560c2e,inset 0 1px #ffffffdb}.partner-price:before{content:"";background:linear-gradient(90deg,#c58a16,#ffd36c,#9f6a08);height:5px;position:absolute;inset:0 0 auto}.partner-price span{color:#8a5f0a;font-weight:800}.partner-price strong{color:#b7790d;text-shadow:0 8px 24px #b7790d2e;font-size:clamp(2.4rem,5vw,4.7rem);line-height:1}.partner-visual{z-index:2;place-items:center;display:grid;position:relative}.partner-visual:before{content:"";background:#ffffff5c;border:1px solid #1469ff29;border-radius:8px;position:absolute;inset:9% 3% 3% 15%;box-shadow:0 34px 90px #062b7229}.partner-button{aspect-ratio:4/3;background:#ffffffe0;border:1px solid #ffffffd1;border-radius:8px;width:min(100%,760px);margin-inline:auto;display:block;position:relative;overflow:hidden;box-shadow:0 46px 110px #09337547,0 0 0 10px #ffffff52}.partner-button img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.zoom-badge{color:var(--deep-blue);letter-spacing:0;pointer-events:none;background:#ffffffe6;border-radius:999px;padding:7px 10px;font-size:.76rem;font-weight:900;position:absolute;bottom:12px;right:12px;box-shadow:0 12px 24px #062b7229}.lightbox{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020c1fc2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.lightbox-panel{background:#fff;border-radius:10px;width:min(92vw,980px);max-height:92vh;position:relative;overflow:hidden;box-shadow:0 34px 90px #00000061}.lightbox-tools{z-index:2;background:#ffffffeb;border-radius:999px;align-items:center;gap:6px;padding:6px;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 10px 24px #062b7229}.lightbox-tools button,.lightbox-tools span{min-width:34px;height:30px;color:var(--deep-blue);border-radius:999px;place-items:center;font-size:.82rem;font-weight:900;display:grid}.lightbox-tools button{background:#eef6ff}.lightbox-tools button:hover{background:#dffbf1}.lightbox-tools span{color:#47617f;min-width:52px}.lightbox-image-wrap{background:#f4f9ff;max-height:78vh;overflow:auto}.lightbox-image-wrap img{object-fit:contain;background:#f4f9ff;min-width:50%;margin-inline:auto}.lightbox-meta{justify-content:space-between;align-items:end;gap:18px;padding:18px 22px 22px;display:flex}.lightbox-meta span{color:var(--blue);font-weight:900}.lightbox-meta h3{margin:8px 0 0}.lightbox-meta p{color:var(--muted);margin:0}.lightbox-close{width:36px;height:36px;color:var(--deep-blue);background:#ffffffeb;border-radius:999px;font-size:1.6rem;line-height:1;position:absolute;top:10px;right:10px;box-shadow:0 10px 24px #062b7229}.closing-strip{z-index:2;background:#ffffffd1;border:1px solid #1469ff29;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:absolute;bottom:38px;left:clamp(22px,5vw,76px);right:clamp(22px,5vw,76px);overflow:hidden;box-shadow:0 18px 54px #1469ff1f}.closing-strip span{min-height:64px;color:var(--deep-blue);place-items:center;font-weight:900;display:grid}.closing-strip span+span{border-left:1px solid #1469ff24}[data-reveal]{opacity:0;transition:opacity .56s ease var(--delay,0s)}[data-reveal][data-visible]{opacity:1}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes curveDraw{to{stroke-dashoffset:0}}@keyframes curveAreaIn{to{opacity:1}}@keyframes statFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes proofCardIn{to{opacity:1}}@media (prefers-reduced-motion:reduce){.hero-copy,.hero-panel,.hero-card-fan,.curve-area,.curve-stroke,.hero-panel-stats div,.proof-card,[data-reveal]{transition:none;animation:none}.curve-stroke{stroke-dashoffset:0}.curve-area,.proof-card{opacity:1}}@media (width<=1180px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=920px){.hero,.partner-page,.battle-layout{grid-template-columns:1fr}.hero-showcase{min-height:620px}.hero-panel{inset:0}.proof-card{width:clamp(118px,22vw,164px);bottom:0;right:0}.hero-card-fan{width:min(72vw,500px);height:min(52vw,410px);bottom:116px;right:20px}.proof-card:first-child{--card-transform:translateX(-220px) translateY(-18px) rotate(-16deg)}.proof-card:nth-child(2){--card-transform:translateX(-160px) translateY(-50px) rotate(-8deg)}.proof-card:nth-child(3){--card-transform:translateX(-88px) translateY(-70px) rotate(0deg) scale(1.06)}.proof-card:nth-child(4){--card-transform:translateX(-26px) translateY(-50px) rotate(8deg)}.proof-card:nth-child(5){--card-transform:translateX(24px) translateY(-18px) rotate(16deg)}.battle-preview{position:relative;top:0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-page{padding-bottom:150px}}@media (width<=640px){.page{padding:70px 16px}.rail{display:none}h1{font-size:clamp(2.8rem,18vw,4.2rem)}h2{font-size:clamp(2rem,13vw,3.4rem)}.hero-showcase{min-height:560px}.hero-panel{min-height:100%}.hero-panel-stats{grid-template-columns:1fr}.hero-panel-stats div{padding:10px 12px}.hero-curve{height:calc(100% - 128px);min-height:340px}.hero-card-fan{width:min(78vw,380px);height:min(54vw,312px);bottom:160px;right:16px}.proof-card{width:108px;bottom:0}.proof-card:first-child{--card-transform:translateX(-184px) translateY(-10px) rotate(-15deg)}.proof-card:nth-child(2){--card-transform:translateX(-132px) translateY(-38px) rotate(-8deg)}.proof-card:nth-child(3){--card-transform:translateX(-76px) translateY(-50px) rotate(0deg) scale(1.05)}.proof-card:nth-child(4){--card-transform:translateX(-18px) translateY(-38px) rotate(8deg)}.proof-card:nth-child(5){--card-transform:translateX(6px) translateY(-10px) rotate(16deg)}.product-grid{grid-template-columns:1fr}.product-card{min-height:auto}.poster{height:auto}.battle-item{grid-template-columns:82px minmax(0,1fr)}.battle-thumb-button{width:82px;height:68px}.battle-item strong{grid-column:2}.battle-preview-meta p{font-size:1.3rem}.closing-strip{grid-template-columns:repeat(2,minmax(0,1fr));left:16px;right:16px}.closing-strip span:nth-child(3){border-top:1px solid #1469ff24;border-left:0}.closing-strip span:nth-child(4){border-top:1px solid #1469ff24}}