:root{--bg: #faf6ec;--bg2: #f3ecda;--ink: #22283a;--muted: #6b7285;--line: #e5dcc8;--red: #e8503a;--red-d: #c23a28;--yellow: #f8c822;--blue: #2f7fe0;--green: #2fae66;color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:-apple-system,PingFang SC,Segoe UI,Microsoft YaHei,sans-serif;overflow-x:hidden}.wrap{width:min(1120px,92vw);margin:0 auto}.hero{position:relative;background:linear-gradient(180deg,#d9edff 0%,#fdefd8 78%,var(--bg) 100%);padding:72px 16px 84px;text-align:center;overflow:hidden}.hero-inner{position:relative;z-index:2}.marquee{position:absolute;inset:14px;pointer-events:none}.marquee i{position:absolute;left:0;right:0;height:10px;background-image:radial-gradient(circle 4px at 10px 5px,var(--yellow) 98%,transparent);background-size:26px 10px;background-repeat:repeat-x;animation:bulbs .9s steps(2) infinite}.lang-toggle{position:fixed;top:16px;right:18px;z-index:50;font-family:inherit;font-size:12px;font-weight:800;letter-spacing:1px;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:999px;padding:6px 14px;cursor:pointer;box-shadow:0 3px #22283ae6;transition:transform .12s ease}.lang-toggle:hover{transform:translateY(-2px)}.lang-toggle:active{transform:translateY(1px);box-shadow:0 1px #22283ae6}.marquee i:first-child{top:0}.marquee i:last-child{bottom:0;top:auto;animation-delay:.45s}@keyframes bulbs{50%{filter:brightness(.45)}}#logo{image-rendering:pixelated;width:min(360px,82vw);height:auto;margin-top:26px}.tagline{margin-top:18px;font-size:15px;font-weight:700;letter-spacing:6px;color:var(--ink)}.sub{margin-top:12px;color:var(--muted);font-size:14.5px;letter-spacing:1px}.cta{margin-top:30px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:13px 34px;font-size:16px;font-weight:800;letter-spacing:3px;border-radius:10px;cursor:pointer;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}.btn.primary{color:#fff;background:var(--red);box-shadow:0 5px 0 var(--red-d)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--red-d)}.btn.primary:active{transform:translateY(3px);box-shadow:0 2px 0 var(--red-d)}.btn.ghost{color:var(--ink);background:#fff;border:2.5px solid var(--ink);box-shadow:0 5px #22283ae6}.btn.ghost:hover{transform:translateY(-2px)}.btn.ghost:active{transform:translateY(3px);box-shadow:0 2px #22283ae6}.cloud{position:absolute;background:#fff;border-radius:999px;opacity:.9}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:999px}.cloud.c1{width:120px;height:34px;top:68px;left:6%;animation:drift 26s linear infinite}.cloud.c1:before{width:46px;height:46px;top:-22px;left:24px}.cloud.c1:after{width:32px;height:32px;top:-14px;left:62px}.cloud.c2{width:90px;height:26px;top:150px;right:9%;animation:drift 34s linear infinite reverse}.cloud.c2:before{width:34px;height:34px;top:-16px;left:18px}.cloud.c2:after{width:24px;height:24px;top:-10px;left:46px}.cloud.c3{width:70px;height:20px;top:40px;right:26%;animation:drift 42s linear infinite;opacity:.7}@keyframes drift{0%{transform:translate(-40px)}to{transform:translate(60px)}}.stats{background:var(--ink)}.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0;gap:12px}.stat{text-align:center;color:#fff}.stat b{display:block;font-size:34px;letter-spacing:1px}.stat b i{font-style:normal;color:var(--yellow)}.stat span{display:block;margin-top:4px;font-size:12.5px;letter-spacing:3px;color:#aab}.sec{padding:74px 0 60px}.sec.alt{background:var(--bg2)}.sec-title{text-align:center;font-size:30px;font-weight:900;letter-spacing:4px;margin-bottom:46px}.sec-title em{font-style:normal}.sec-title span{display:block;margin-top:10px;font-size:12px;font-weight:700;letter-spacing:5px;color:var(--red)}.sec-title:after{content:"";display:block;width:72px;height:6px;margin:16px auto 0;background:repeating-linear-gradient(90deg,var(--red) 0 8px,transparent 8px 16px)}.shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:36px;max-width:980px;margin:0 auto}.card{background:#fff;border:2px solid var(--ink);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .16s ease,box-shadow .16s ease;box-shadow:0 3px 0 var(--ink)}.card:hover{transform:translateY(-7px);box-shadow:0 12px 0 -4px var(--hue),0 3px 0 var(--ink)}.cover{width:100%;aspect-ratio:16/9;display:block;image-rendering:pixelated}.card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}.title-row{display:flex;align-items:center;gap:10px}.title-cn{font-size:20px;font-weight:900;letter-spacing:1px}.badge{margin-left:auto;font-size:10.5px;font-weight:800;letter-spacing:1px;color:#fff;background:var(--blue);padding:3px 9px;border-radius:999px;white-space:nowrap}.title-en{font-size:11px;font-weight:800;letter-spacing:2.5px;color:var(--red)}.meta{font-size:11.5px;color:var(--muted);letter-spacing:1.5px}.desc{font-size:13px;line-height:1.8;color:#4a5065;flex:1}.play-btn{align-self:flex-start;margin-top:6px;padding:8px 20px;font-size:12.5px;font-weight:800;letter-spacing:2px;color:#fff;background:var(--hue, var(--red));border-radius:8px;box-shadow:0 3px #22283ad9}.card:hover .play-btn{animation:nudge .7s ease infinite}@keyframes nudge{50%{transform:translateY(-2px)}}.card.soon{border-style:dashed;box-shadow:none}.card.soon:hover{transform:none}.card.soon .cover{filter:grayscale(1) opacity(.55)}.card.soon .play-btn{background:#b9b3a4;animation:none}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--ink);background:var(--bg2);border:1.5px solid var(--line);padding:3px 10px;border-radius:999px}.card:hover .chip{border-color:var(--hue);color:var(--hue)}.more-note{margin-top:30px;text-align:center;font-size:12px;letter-spacing:3px;color:var(--muted);animation:coinblink 1.4s steps(2) infinite}@keyframes coinblink{50%{opacity:.35}}.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.feat{background:#fff;border:2px solid var(--ink);border-radius:16px;padding:30px 26px;text-align:center;box-shadow:0 4px 0 var(--ink)}.feat canvas{image-rendering:pixelated;width:72px;height:72px;margin-bottom:16px}.feat h3{font-size:18px;letter-spacing:2px;margin-bottom:10px}.feat p{font-size:13px;line-height:1.85;color:var(--muted)}.feat:nth-child(1) h3{color:var(--red)}.feat:nth-child(2) h3{color:var(--blue)}.feat:nth-child(3) h3{color:var(--green)}.timeline{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.timeline:before{content:"";position:absolute;top:26px;left:8%;right:8%;height:4px;background:repeating-linear-gradient(90deg,var(--ink) 0 10px,transparent 10px 20px);opacity:.25}.tl{position:relative;text-align:center;padding:0 12px}.tl .dot{width:52px;height:52px;margin:0 auto 18px;border-radius:50%;background:var(--yellow);border:3px solid var(--ink);display:grid;place-items:center;font-weight:900;font-size:13px;position:relative;z-index:1}.tl:nth-child(2) .dot{background:#9cd0ff}.tl:nth-child(3) .dot{background:#ffb199}.tl h3{font-size:17px;letter-spacing:2px}.tl .by{font-size:11.5px;color:var(--muted);letter-spacing:1.5px;margin:6px 0 10px}.tl p{font-size:13px;line-height:1.8;color:#4a5065}.foot{background:var(--ink);color:#fff;text-align:center;padding:44px 16px 50px}.foot-logo{font-size:22px;font-weight:900;letter-spacing:6px;color:var(--yellow);margin-bottom:14px}.foot p{font-size:12px;letter-spacing:2px;line-height:2}.foot .dim{color:#8890a8}.reveal{opacity:0;transform:translateY(26px);transition:opacity .55s ease,transform .55s ease}.reveal.in{opacity:1;transform:none}@media(max-width:860px){.feats,.timeline{grid-template-columns:1fr}.timeline:before{display:none}.stats .wrap{grid-template-columns:repeat(2,1fr);row-gap:20px}.sec{padding:54px 0 44px}}