*{box-sizing:border-box}:root{color-scheme:light;--black: #050a11;--ink: #080b12;--text: #111827;--muted: #6b7280;--line: #e6e8ee;--paper: #ffffff;--orange: #f47a12;--orange-dark: #d95d00;--cyan: #0aa6bc;--violet: #6e35d9;--shadow: 0 28px 70px rgba(8, 12, 20, .16)}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#fff;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.site-shell{min-width:320px;overflow-x:hidden}.topbar{position:relative;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;height:78px;padding:0 clamp(22px,4vw,62px);color:#fff;background:linear-gradient(90deg,#050a11,#0a101a 64%,#111722);box-shadow:0 12px 28px #00000040}.brand-lockup{display:inline-flex;align-items:center;gap:10px;min-width:132px}.brand-lockup img{width:42px;height:42px;object-fit:contain;filter:invert(1)}.brand-lockup span{display:grid;line-height:1.02}.brand-lockup strong{font-size:19px;letter-spacing:0}.brand-lockup small{margin-top:2px;font-size:11px;font-weight:900;letter-spacing:0}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(16px,2.2vw,42px);font-size:15px;font-weight:800;scrollbar-width:none}.desktop-nav::-webkit-scrollbar{display:none}.desktop-nav a{position:relative;display:inline-grid;place-items:center;min-height:78px;color:#ffffffd1;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a.is-active{color:#fff}.desktop-nav a.is-active:after{content:"";position:absolute;right:4px;bottom:12px;left:4px;height:3px;border-radius:99px;background:var(--orange)}.hero-section{position:relative;min-height:1060px;padding:110px clamp(26px,5vw,68px) 0;overflow:hidden;background:radial-gradient(circle at 18% 22%,rgba(0,0,0,.045),transparent 22%),linear-gradient(105deg,#fff 0% 52%,#f4f4f5)}.hero-section:before{content:"";position:absolute;top:72px;right:-110px;width:min(880px,66vw);height:650px;transform:skew(-14deg) rotate(-5deg);background:linear-gradient(135deg,#ff8a1b,#f36d00);clip-path:polygon(20% 0,100% 0,85% 100%,0 84%)}.hero-section:after{content:"流浪虎";position:absolute;top:112px;left:60px;z-index:0;color:#00000008;font-size:clamp(190px,25vw,390px);font-weight:950;line-height:.86;white-space:nowrap;pointer-events:none}.hero-copy{position:relative;z-index:5;max-width:610px}.kicker,.section-kicker{margin:0 0 18px;color:var(--orange);font-size:15px;font-weight:950;letter-spacing:0}.hero-copy h1{margin:0;color:#05070b;font-size:clamp(98px,14vw,216px);line-height:.86;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-weight:950;letter-spacing:0}.hero-copy h2{margin:26px 0 0;color:#080a10;font-size:clamp(34px,5vw,62px);line-height:1.05;font-weight:950;letter-spacing:0}.tagline{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:34px 0 0;color:#2d3442;font-size:16px;font-weight:700}.tagline span{width:1px;height:12px;background:#c9ced8}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border-radius:999px;padding:0 28px;font-size:16px;font-weight:950}.primary-action{color:#fff;background:linear-gradient(135deg,var(--orange),var(--orange-dark));box-shadow:0 16px 30px #f47a1247}.secondary-action{gap:12px;color:#2c3340;border:1px solid #cfd4dd;background:#ffffffb8}.copyright{margin-top:84px;color:#8a92a0;font-size:13px;font-weight:700}.hero-product{position:absolute;top:54px;right:clamp(-42px,2vw,46px);z-index:4;width:min(760px,56vw);height:700px;pointer-events:none}.orange-sweep{position:absolute;inset:150px 0 80px 86px;background:#ffffff38}.hero-pack{position:absolute;top:20px;right:180px;z-index:4;width:520px;filter:drop-shadow(0 34px 38px rgba(0,0,0,.36))}.hero-card{position:absolute;border-radius:24px;filter:drop-shadow(0 26px 34px rgba(0,0,0,.28))}.card-one{top:205px;left:20px;z-index:2;width:250px;transform:rotate(-5deg)}.card-two{top:142px;right:-28px;z-index:1;width:280px;transform:rotate(8deg)}.gem{position:absolute;z-index:5;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,0,0,.25))}.gem-cyan{top:90px;left:170px;width:80px;animation:floatGem 4.6s ease-in-out infinite}.gem-violet{right:46px;bottom:152px;width:70px;animation:floatGem 5.4s ease-in-out infinite reverse}.hero-lineup{position:absolute;right:0;bottom:-10px;left:0;z-index:7;display:flex;align-items:flex-end;justify-content:center;height:342px;gap:clamp(10px,1.4vw,24px);padding:0 34px;overflow:hidden;pointer-events:none}.hero-lineup img{width:auto;height:clamp(210px,22vw,314px);max-width:none;object-fit:contain;object-position:bottom;filter:drop-shadow(0 24px 24px rgba(0,0,0,.2))}.hero-lineup img.small{height:clamp(184px,19vw,274px);opacity:.96}.hero-lineup img.medium{height:clamp(210px,21vw,300px)}.hero-lineup img.large{height:clamp(240px,24vw,342px)}.hero-lineup img.front{z-index:2}.hero-lineup img.flip{transform:scaleX(-1)}.hero-lineup img.lean-left{margin-right:-20px}.hero-lineup img.lean-right{margin-left:-18px}.characters-section{display:grid;grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr);gap:50px;padding:86px clamp(26px,5vw,68px);border-bottom:1px solid var(--line);background:#fff}.section-copy h2,.play-section h2,.store-copy h2,.boundary-strip h2{margin:0;color:#0b0d12;font-size:clamp(38px,5vw,70px);line-height:1.08;font-weight:950;letter-spacing:0}.section-copy p:not(.section-kicker),.store-copy p{max-width:360px;margin:28px 0;color:var(--muted);font-size:16px}.section-copy a,.store-copy a{color:var(--orange);font-size:16px;font-weight:950}.character-gallery{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:360px;overflow:hidden;border-radius:14px;background:#060a12;box-shadow:var(--shadow)}.character-card{position:relative;display:grid;place-items:end center;min-width:0;border:0;border-right:1px solid rgba(255,255,255,.1);padding:18px 16px 0;overflow:hidden;background:linear-gradient(180deg,#ffffff14,#00000042),url(/assets/manyu-world-nebula-bg.png) center / cover,#080d18;cursor:pointer}.character-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.58));opacity:.88}.character-card.active{background:linear-gradient(180deg,#f47a122e,#0000004d),url(/assets/manyu-world-nebula-bg.png) center / cover,#080d18}.character-card img{position:relative;z-index:1;width:min(210px,115%);max-width:none;transform:translateY(12px);transition:transform .22s ease,filter .22s ease;filter:saturate(.9)}.character-card.active img,.character-card:hover img{transform:translateY(0) scale(1.03);filter:saturate(1.08)}.character-card span{position:absolute;top:18px;left:18px;z-index:2;color:#ffffffe0;font-size:17px;font-weight:950}.gallery-controls{position:absolute;right:22px;bottom:22px;z-index:4;display:flex;gap:10px}.gallery-controls button{width:46px;height:46px;border:1px solid rgba(255,255,255,.45);border-radius:999px;color:#fff;background:#00000042;cursor:pointer;font-size:28px;line-height:1}.character-note{grid-column:2;display:flex;align-items:center;gap:14px;min-height:44px;margin-top:-30px;color:#3a4251}.character-note strong{color:var(--orange);font-size:16px}.play-section{padding:76px clamp(26px,5vw,68px) 92px;background:#fff}.play-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:52px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.play-item{min-height:310px;padding:26px 30px;text-align:center;border-right:1px solid var(--line)}.play-item:last-child{border-right:0}.play-icon{display:grid;place-items:center;height:104px;margin-bottom:22px}.play-icon img{max-width:92px;max-height:96px;object-fit:contain;filter:drop-shadow(0 18px 16px rgba(0,0,0,.14))}.play-item h3{margin:0 0 10px;font-size:24px;line-height:1.18}.play-item p{min-height:64px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}.play-item a{display:inline-flex;margin-top:20px;color:var(--orange);font-size:14px;font-weight:950}.store-section{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;min-height:430px;padding:72px clamp(26px,5vw,68px);overflow:hidden;color:#fff;background:linear-gradient(90deg,#04080efa,#04080ee6 40%,#04080e33),url(/assets/manyu-mine-cave-gems-bg.png) center / cover,#060a12}.store-copy{position:relative;z-index:2}.store-copy h2{max-width:520px;color:#fff}.store-copy p{color:#ffffffb8}.store-visual{position:relative;display:grid;min-height:320px;place-items:end center}.store-visual img{position:absolute;right:48%;bottom:-96px;width:340px;filter:drop-shadow(0 28px 28px rgba(0,0,0,.42))}.store-visual strong{justify-self:end;margin-right:14px;color:#ff8b21;font-size:clamp(44px,6vw,86px);line-height:.9;font-weight:950;text-shadow:0 0 24px rgba(244,122,18,.35)}.store-points{position:absolute;bottom:34px;left:clamp(26px,5vw,68px);z-index:3;display:flex;gap:44px;color:#ffffffe0;font-size:15px;font-weight:800}.store-points span{padding-left:18px;border-left:2px solid rgba(255,255,255,.32)}.boundary-strip{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:0;padding:52px clamp(26px,5vw,68px);border-bottom:1px solid var(--line);background:#fff}.boundary-strip>div,.boundary-strip article{min-height:132px;padding:0 34px;border-right:1px solid var(--line)}.boundary-strip>div{padding-left:0}.boundary-strip article:last-child{border-right:0}.boundary-strip h2{max-width:420px;font-size:clamp(32px,3vw,48px)}.boundary-strip article{display:grid;align-content:center;gap:8px}.boundary-strip strong{color:#111827;font-size:18px}.boundary-strip span{color:var(--muted);font-size:14px;line-height:1.6}.info-footer{display:grid;grid-template-columns:.9fr 1.1fr 1fr;gap:56px;padding:68px clamp(26px,5vw,68px);color:#fff;background:linear-gradient(105deg,#060a12,#0b121d 58%,#101620)}.info-footer h3{margin:0 0 24px;font-size:22px}.legal-column{display:grid;align-content:start;gap:13px}.legal-column a{display:flex;justify-content:space-between;max-width:250px;color:#ffffffc2;font-weight:800}.app-column dl{display:grid;gap:12px;margin:0}.app-column div{display:grid;grid-template-columns:150px 1fr;gap:22px}.app-column dt,.about-column p{margin:0;color:#ffffff94}.app-column dd{margin:0;color:#ffffffe0}.about-column img{width:142px;margin-bottom:16px;filter:invert(1)}.about-column p{margin-top:8px;line-height:1.7}@keyframes floatGem{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(5deg)}}@media(max-width:1120px){.desktop-nav{gap:18px;font-size:13px}.hero-section{min-height:980px}.hero-product{opacity:.82;right:-150px;width:650px}.play-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.play-item{border-bottom:1px solid var(--line)}.boundary-strip{grid-template-columns:1fr 1fr;row-gap:26px}}@media(max-width:860px){.topbar{position:relative;height:auto;align-items:flex-start;flex-direction:column;gap:12px;padding-top:16px;padding-bottom:14px}.desktop-nav{justify-content:flex-start;width:100%;overflow-x:auto;padding-bottom:2px}.desktop-nav a{min-height:36px}.desktop-nav a.is-active:after{bottom:0}.hero-section{min-height:940px;padding-top:56px}.hero-section:before{top:380px;right:-210px;width:760px;height:410px}.hero-copy h1{font-size:clamp(82px,25vw,150px)}.hero-copy h2{max-width:420px}.copyright{margin-top:38px}.hero-product{top:360px;right:-84px;width:560px;height:430px}.hero-pack{right:128px;width:360px}.card-one{top:150px;left:50px;width:150px}.card-two{top:116px;right:-12px;width:170px}.gem-cyan{left:170px;width:52px}.gem-violet{right:48px;width:46px}.characters-section,.store-section,.info-footer{grid-template-columns:1fr}.character-note{grid-column:auto;margin-top:0}.play-grid{grid-template-columns:1fr 1fr}.store-section{min-height:720px;align-items:start}.store-visual{min-height:310px}.store-visual img{right:auto;left:4px;width:280px}.store-visual strong{align-self:center;max-width:380px;margin-right:0;text-align:right}.store-points{flex-wrap:wrap;gap:18px}}@media(max-width:620px){.hero-section{min-height:980px;padding-inline:20px}.hero-section:before{top:500px;right:-250px;height:390px}.tagline{gap:8px;font-size:13px}.hero-actions{gap:10px}.primary-action,.secondary-action{width:100%}.hero-product{top:500px;right:-174px;transform:scale(.78);transform-origin:top right}.copyright{display:none}.hero-lineup img{height:190px}.hero-lineup{height:210px;gap:4px;padding:0 4px}.hero-lineup img:nth-child(n+6){display:none}.characters-section,.play-section,.store-section,.boundary-strip,.info-footer{padding-inline:20px}.character-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.play-grid,.boundary-strip{grid-template-columns:1fr}.play-item,.boundary-strip>div,.boundary-strip article{border-right:0;border-bottom:1px solid var(--line)}.app-column div{grid-template-columns:1fr;gap:2px}}.hero-section{min-height:clamp(820px,62vw,950px);padding-top:clamp(72px,6vw,92px);background:#fff}.hero-section:before,.hero-section:after{display:none}.hero-art{position:absolute;inset:0;z-index:1;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center top;pointer-events:none}.hero-copy{z-index:3;max-width:min(610px,44vw)}.hero-copy .kicker{display:none}.hero-copy h1{font-size:clamp(124px,13.6vw,212px)}.hero-copy h2{max-width:680px;margin-top:18px;font-size:clamp(32px,4vw,54px)}.tagline{margin-top:24px}.hero-actions{margin-top:28px}.copyright{position:absolute;top:clamp(380px,27vw,405px);left:0;z-index:4;margin:0}.character-gallery.character-gallery-art{display:block;min-height:0;aspect-ratio:16 / 5;border-radius:14px;background:#060a12}.character-banner-img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}.play-icon img{max-width:112px;max-height:112px;mix-blend-mode:multiply}.store-section{display:block;min-height:430px;padding:72px clamp(26px,5vw,68px);background:linear-gradient(90deg,#04080ef0,#04080ed1 31%,#04080e0a 64%),url(/assets/manyu-store-banner-restore.png) center / cover,#060a12}.store-copy{max-width:560px}.store-points{bottom:38px}@media(min-width:1800px){.hero-section{min-height:clamp(980px,50vw,1900px);padding-top:clamp(86px,5.2vw,126px);padding-right:68px;padding-left:68px}.hero-copy{max-width:920px}.hero-copy h1{font-size:clamp(212px,9.2vw,268px)}.hero-copy h2{max-width:920px;font-size:clamp(56px,3.1vw,74px)}.tagline{margin-top:28px;font-size:18px}.hero-actions{margin-top:34px}.primary-action,.secondary-action{min-height:58px;padding:0 34px;font-size:18px}.copyright{top:clamp(480px,25vw,590px)}.characters-section,.play-section,.boundary-strip,.info-footer{padding-right:68px;padding-left:68px}.characters-section{grid-template-columns:minmax(360px,.52fr) minmax(0,1.48fr);gap:72px;padding-top:90px;padding-bottom:96px}}@media(max-width:1120px){.hero-section{min-height:840px}.hero-copy{max-width:520px}}@media(max-width:860px){.hero-section{min-height:940px;padding-top:56px}.hero-art{object-position:62% top}.hero-copy{max-width:520px}.characters-section{gap:28px}.store-section{min-height:640px;background-position:66% center}}@media(max-width:620px){.hero-section{min-height:980px}.hero-art{object-position:0% top;opacity:.96}.hero-copy{max-width:100%}.hero-copy h1{font-size:clamp(78px,25vw,128px)}.hero-copy h2{font-size:clamp(30px,9vw,40px)}.character-gallery.character-gallery-art{aspect-ratio:1.35 / 1}.character-banner-img{object-position:41% center}.store-section{min-height:720px;background-position:63% center}}@media(min-width:1800px){.play-section,.store-section,.boundary-strip{width:min(100%,1920px);margin-right:auto;margin-left:auto}.play-section{padding-top:18px;padding-bottom:72px}.play-section h2{max-width:980px;font-size:52px;line-height:1.12}.play-grid{margin-top:40px}.play-item{min-height:276px;padding:24px 22px 22px}.play-icon{height:110px;margin-bottom:16px}.play-icon img{max-width:118px;max-height:118px}.play-item h3{font-size:22px}.play-item p{max-width:210px;min-height:54px;margin-right:auto;margin-left:auto;line-height:1.55}.play-item a{margin-top:18px}.store-section{min-height:430px;padding-top:62px;padding-bottom:62px;background-position:center center}.store-copy h2{max-width:500px;font-size:48px;line-height:1.12}.store-copy p{max-width:410px;margin-top:24px;margin-bottom:24px}.store-points{left:68px;gap:34px}.boundary-strip{padding-top:44px;padding-bottom:44px}.boundary-strip h2{max-width:360px;font-size:42px;line-height:1.15}}