@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#080e1b;--panel:#111a2a;--line:#243045;--muted:#91a0b7;--ice:#8cdffc;--text:#edf4ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Space Grotesk','Noto Sans TC',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--ice);outline-offset:5px}i{display:inline-flex;width:19px;height:19px;flex-shrink:0}i svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}header{height:92px;border-bottom:1px solid var(--line);padding:0 5%;display:flex;align-items:center;gap:50px;background:#080e1bf2;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand img{width:42px;height:42px;object-fit:contain}.brand>span{font-size:21px;letter-spacing:-.8px;font-weight:700}.brand b{color:var(--ice)}.brand small{display:block;font-size:8px;letter-spacing:3.2px;color:#8c9cb4;margin-top:4px}nav{display:flex;gap:32px;height:100%;align-items:center;margin:auto}nav a{color:var(--muted);font-size:14px;position:relative;height:100%;display:flex;align-items:center}nav a.active,nav a:hover{color:var(--ice)}nav a.active:after{content:'';height:2px;background:var(--ice);position:absolute;bottom:0;left:0;right:0}.library{background:none;color:#cbd7e8;display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:11px 15px;font-size:12px}.library b{font-weight:400;color:var(--ice)}.hero{min-height:610px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#080e1b 0%,#080e1bdf 24%,#080e1b30 65%),linear-gradient(0deg,#080e1b,transparent 25%),url('assets/hero.webp') center/cover}.hero-copy{position:relative;z-index:1;margin:40px 6% 50px;max-width:640px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--ice);display:flex;align-items:center;gap:10px}.eyebrow>span{height:5px;width:5px;background:var(--ice);box-shadow:0 0 12px var(--ice)}h1{font-size:clamp(40px,4.6vw,68px);line-height:1.25;letter-spacing:-2px;margin:27px 0 22px;font-weight:800}h1 span{color:var(--ice)}.hero p{color:#aab7ca;font-size:14px;line-height:2}.hero-actions{display:flex;gap:14px;margin-top:31px}.button{border:1px solid var(--line);padding:14px 21px;display:inline-flex;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:600;background:none;color:var(--text);transition:.2s}.button:hover{transform:translateY(-2px);filter:brightness(1.13)}.button.primary{background:var(--ice);color:#081421;border-color:var(--ice)}.button.ghost{background:#101c2d80}.hero-actions .primary>span{margin-left:22px}.hero-note{display:flex;align-items:center;gap:16px;margin-top:48px;font-size:9px;letter-spacing:1.5px;color:#8796ab}.hero-note>span{color:#d6e3f3}.hero-note>div{width:66px;height:2px;background:#34455b}.hero-note>div:before{content:'';display:block;background:var(--ice);width:23px;height:2px}.art-label{position:absolute;right:4%;bottom:35px;letter-spacing:2px;font-size:8px;color:#9eb2c7;text-align:right}.art-label span{display:block;margin-top:7px;font-size:7px;color:#64788e}.strip{display:flex;align-items:center;gap:40px;border-block:1px solid var(--line);padding:21px 6%;color:#b4c2d5;font-size:11px;background:#0d1523}.strip>span{display:flex;align-items:center;gap:9px}.strip i{color:var(--ice);width:16px}.strip b{font-size:9px;letter-spacing:1.7px;font-weight:400;margin-left:auto;color:#667c96}.section{padding:76px 6%}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px}h2{font-size:29px;letter-spacing:-1px;margin:14px 0 0}h2>span{display:inline-block;margin-left:16px;font-size:11px;color:var(--muted);letter-spacing:0;font-weight:400}.text-link{color:#a7b8cd;font-size:11px}.tools{display:flex;justify-content:space-between;gap:25px;margin:30px 0 25px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:none;color:#95a5bc;border:1px solid transparent;font-size:12px;padding:9px 16px}.filters .selected{color:var(--ice);border-color:#355769;background:#16313c70}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:9px 12px;color:#63788e}.search input{background:none;border:0;color:var(--text);width:185px;font-size:11px;outline:none}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.game-card{border:1px solid var(--line);background:#101927;transition:transform .2s,border-color .2s;overflow:hidden}.game-card:hover{transform:translateY(-5px);border-color:#50748c}.cover{height:220px;position:relative;overflow:hidden;background-image:url('assets/covers.webp');background-size:300% 100%}.cover.pos1{background-position:center}.cover.pos2{background-position:right}.cover:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#081321aa)}.badge{position:absolute;left:15px;top:15px;padding:5px 8px;background:#0a1527b8;color:var(--ice);font-size:9px;letter-spacing:1px;border:1px solid #7193a84f}.fav{position:absolute;top:12px;right:13px;background:#0a1527b8;color:white;border:1px solid #7193a84f;width:30px;height:30px;font-size:18px;z-index:1}.fav.saved{color:var(--ice);background:#28485c}.card-body{padding:22px}.card-category{font-size:9px;letter-spacing:1.5px;color:#73b7d1}.card-body h3{margin:10px 0;font-size:20px}.card-body h3 small{display:block;font-size:9px;letter-spacing:1.8px;font-weight:400;color:#8194ae;margin-top:7px}.card-body p{font-size:12px;color:var(--muted);line-height:1.8;min-height:42px}.card-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-top:20px}.card-foot>span{font-size:10px;color:#8b9eb7}.card-foot button{background:none;border:0;color:var(--ice);display:flex;align-items:center;gap:8px;font-size:12px}.card-foot i{width:14px}.feature{margin:0 6%;padding:42px;background:linear-gradient(115deg,#16293d,#101725);border:1px solid #30465d;position:relative;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.feature>div:first-child,.feature>.button{position:relative;z-index:1}.feature h2{font-size:32px;line-height:1.4}.feature h2 span{color:var(--ice);font:inherit;margin:0}.feature p{color:var(--muted);font-size:12px}.orbit{position:absolute;right:12%;border:1px solid #77dfff30;width:280px;height:280px;border-radius:50%;display:grid;place-items:center;font-size:110px;color:#8cdffc12;transform:rotate(-20deg)}.orbit:before{content:'';position:absolute;inset:30px -50px;border:1px solid #77dfff22;border-radius:50%;transform:rotate(55deg)}.windows{font-size:10px;display:flex;gap:8px;align-items:center;color:#90a5bc}.pc-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.pc-card{background:#101927;border:1px solid var(--line);overflow:hidden}.pc-card>img{width:100%;height:250px;object-fit:cover;filter:saturate(.7)}.pc-card>div{padding:25px}.pc-card h3{font-size:23px;margin:14px 0}.pc-card h3 small{font-size:10px;color:#8c9fb7;font-weight:400;letter-spacing:1.5px;margin-left:10px}.pc-card p{font-size:12px;color:var(--muted);line-height:1.8}.pc-card footer{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.pc-card footer>span{font-size:10px;color:#8c9fb7}.pc-card .button{padding:11px 17px;font-size:11px}.download-note{font-size:11px;color:#7b8da6;line-height:1.9;margin-top:24px}.closing{text-align:center;border-top:1px solid var(--line);padding:58px 20px;background:radial-gradient(ellipse at bottom,#162a40,transparent 65%)}.closing .eyebrow{justify-content:center}.closing h2{font-size:28px;margin:20px 0 24px}.closing>a{font-size:12px;color:var(--ice)}.closing>a span{margin-left:20px}.site-footer{display:flex;align-items:center;justify-content:space-between;padding:30px 6%;border-top:1px solid var(--line);gap:25px}.site-footer .brand>span{font-size:15px}.site-footer .brand img{width:30px;height:30px}.site-footer>span,.site-footer>a:last-child{color:#6d8099;font-size:10px}dialog{padding:0;background:#080e1b;color:white;border:1px solid #446176;width:min(960px,96vw);height:90dvh;max-height:900px}dialog::backdrop{background:#01050ddb;backdrop-filter:blur(10px)}.player-bar{height:58px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.player-bar h2{font-size:16px;margin:0}.player-bar button{color:var(--ice);border:0;background:none;font-size:22px;padding:8px}iframe{border:0;width:100%;height:calc(100% - 62px);display:block}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#172b3e;border:1px solid #567d96;padding:14px 22px;z-index:20;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}[hidden]{display:none!important}
@media(min-width:1500px){main,header,.site-footer{max-width:1680px;margin:auto}.cover{height:270px}}@media(max-width:1050px){header{gap:20px;padding:0 4%}nav{gap:20px}.brand>span{font-size:17px}.strip{gap:20px}.strip b{display:none}.cover{height:185px}.card-body{padding:17px}.hero{min-height:570px}.pc-card h3 small{display:block;margin:6px 0 0}.section{padding:60px 5%}.hero-copy{margin-left:5%}h2{font-size:25px}}@media(max-width:700px){header{height:auto;min-height:80px;flex-wrap:wrap;gap:10px;padding:17px 5% 0}.brand>span{font-size:17px}.brand img{width:34px;height:34px}.brand small{font-size:6px}.library{margin-left:auto;padding:8px 10px}.library>span{display:none}nav{order:3;width:100%;height:43px;justify-content:center;gap:40px}nav a{font-size:12px}.hero{min-height:620px;align-items:end}.hero-art{background:linear-gradient(0deg,#080e1b 0%,#080e1bde 35%,#080e1b11 100%),url('assets/hero.webp') 65% center/cover}.hero-copy{margin:190px 6% 35px}.hero h1{font-size:43px;letter-spacing:-1.5px;margin:20px 0}.hero p{font-size:12px}.hero-actions{gap:10px;margin-top:23px}.button{padding:13px 15px;font-size:11px}.hero-actions .primary>span{margin-left:2px}.hero-note{margin-top:30px}.art-label{display:none}.strip{padding:18px 6%;flex-wrap:wrap;gap:15px 25px;font-size:10px}.strip>span:last-of-type{display:none}.section{padding:44px 6%}.section-top{align-items:center}h2{font-size:23px;line-height:1.5}h2>span{display:block;margin:7px 0 0;font-size:10px}.text-link{font-size:10px;white-space:nowrap}.tools{flex-direction:column;gap:15px;margin:23px 0}.filters{gap:4px}.filters button{padding:8px 10px;font-size:11px}.search input{width:100%}.game-grid{grid-template-columns:1fr;gap:20px}.cover{height:240px}.card-body{padding:22px}.card-body p{min-height:0}.card-body h3 small{display:inline;margin-left:12px}.card-foot{margin-top:17px}.feature{margin:0 6%;padding:29px;display:block}.feature h2{font-size:29px}.feature .button{margin-top:15px}.feature p{max-width:240px;line-height:1.8}.orbit{right:-70px;top:30px;width:230px;height:230px;font-size:80px}.pc-grid{grid-template-columns:1fr;gap:24px}.pc-card>img{height:220px}.pc-card>div{padding:22px}.pc-card footer{flex-wrap:wrap}.closing h2{font-size:23px}.site-footer{flex-wrap:wrap;justify-content:center;text-align:center;padding:25px 6%;gap:18px}.site-footer>span{width:100%;order:3;font-size:9px}.eyebrow{font-size:8px;letter-spacing:1.6px}.windows{font-size:8px}.windows i{width:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}