@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;900&family=Noto+Serif+TC:wght@600;700;900&display=swap');

:root{--ink:#06131f;--ink-2:#0a1d2c;--panel:#0d2232;--line:rgba(125,185,211,.18);--cyan:#5de6ee;--gold:#e8b64c;--gold-2:#ffda7b;--paper:#e9f2f5;--muted:#91aab5;--green:#54e0a3;--shadow:0 24px 70px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:'Noto Sans TC','Microsoft JhengHei',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.site-header{height:82px;padding:0 clamp(24px,5vw,84px);display:flex;align-items:center;gap:42px;position:fixed;inset:0 0 auto;z-index:50;background:linear-gradient(180deg,rgba(4,14,23,.94),rgba(4,14,23,.67));backdrop-filter:blur(14px);border-bottom:1px solid rgba(126,194,217,.13)}.brand{display:flex;align-items:center;gap:13px;margin-right:auto}.brand-mark{width:42px;height:48px;display:grid;place-items:center;color:var(--gold-2);font:900 20px 'Noto Serif TC';border:1px solid rgba(232,182,76,.65);clip-path:polygon(50% 0,100% 21%,89% 81%,50% 100%,11% 81%,0 21%);background:rgba(232,182,76,.08)}.brand b{display:block;letter-spacing:.22em;font-size:17px}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.22em;margin-top:2px}.site-header nav{display:flex;gap:34px}.site-header nav a{font-size:13px;letter-spacing:.12em;color:#b6c8d0;transition:.2s}.site-header nav a:hover{color:var(--gold-2)}.nav-register{border:1px solid rgba(232,182,76,.65);padding:11px 22px;color:var(--gold-2);font-weight:700;font-size:13px;letter-spacing:.08em}.menu{display:none;background:none;border:0;color:white;width:42px;height:42px}.menu span{display:block;height:1px;background:white;margin:8px 0}
.hero{min-height:850px;height:100vh;max-height:1080px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:center;padding:120px clamp(28px,9vw,160px) 72px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 72% 42%,rgba(24,106,128,.28),transparent 26%),linear-gradient(120deg,#06121e 22%,#0a2130 62%,#07131e)}.hero:before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(2,11,18,.25),transparent 55%),repeating-linear-gradient(90deg,transparent 0 119px,rgba(94,167,190,.04) 120px)}.hero:after{content:"ACADEMY";position:absolute;right:-28px;bottom:-38px;font:900 clamp(110px,18vw,300px) 'Noto Serif TC';letter-spacing:.06em;color:rgba(126,205,218,.025);z-index:-2}.hero-grid{position:absolute;right:-14%;top:4%;width:70%;height:92%;transform:perspective(800px) rotateY(-23deg) rotateZ(-5deg);border:1px solid rgba(77,187,205,.12);background-image:linear-gradient(rgba(64,161,180,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(64,161,180,.08) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(90deg,transparent,#000 25%,transparent 90%);z-index:-1}.orb{position:absolute;border-radius:50%;filter:blur(2px);z-index:-2}.orb-one{width:480px;height:480px;right:9%;top:19%;border:1px solid rgba(91,224,235,.15);box-shadow:inset 0 0 100px rgba(32,164,185,.08),0 0 90px rgba(34,169,188,.08)}.orb-two{width:690px;height:690px;right:-2%;top:9%;border:1px solid rgba(232,182,76,.08)}.kicker,.section-heading p{color:var(--cyan);font-size:11px;font-weight:700;letter-spacing:.32em}.hero h1{font:900 clamp(60px,7.4vw,126px)/.94 'Noto Serif TC';letter-spacing:-.045em;margin:18px 0 30px;text-shadow:0 5px 24px rgba(0,0,0,.35)}.hero h1 span{font-family:'Noto Sans TC';letter-spacing:.04em;color:transparent;-webkit-text-stroke:1px rgba(255,218,123,.82)}.hero-copy{font-size:clamp(16px,1.25vw,20px);line-height:2;color:#b0c3cb}.hero-actions{display:flex;gap:14px;margin:38px 0}.button{min-height:52px;padding:0 28px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:.08em;font-size:14px;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(110deg,var(--gold-2),#d89b28);color:#17202a;box-shadow:0 10px 32px rgba(218,155,40,.18)}.button.secondary{border-color:rgba(130,190,211,.35);background:rgba(13,34,50,.52);color:#d5e5e9}.server-online{display:flex;align-items:center;gap:11px;width:max-content;padding:11px 17px;border:1px solid rgba(84,224,163,.2);background:rgba(5,23,29,.55);font-size:12px}.server-online i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.server-online span{color:var(--muted)}.server-online strong{color:var(--green);letter-spacing:.08em}.hero-emblem{justify-self:end;margin-right:5vw;text-align:center}.emblem-ring{width:clamp(260px,27vw,460px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(232,182,76,.23);box-shadow:inset 0 0 0 28px rgba(5,21,31,.62),inset 0 0 0 29px rgba(85,224,234,.09),0 0 100px rgba(53,181,197,.09);position:relative}.emblem-ring:before,.emblem-ring:after{content:"";position:absolute;border:1px solid rgba(85,224,234,.14);inset:13%;transform:rotate(45deg)}.emblem-ring:after{inset:26%;border-color:rgba(232,182,76,.3);transform:rotate(0)}.emblem-ring span{font:900 clamp(100px,13vw,220px) 'Noto Serif TC';color:rgba(232,182,76,.86);filter:drop-shadow(0 15px 25px rgba(0,0,0,.4));z-index:2}.hero-emblem p{font-size:10px;letter-spacing:.48em;color:var(--muted);margin-top:26px}.scroll-cue{position:absolute;left:clamp(28px,5vw,80px);bottom:40px;color:#66818c;font-size:9px;letter-spacing:.24em;display:flex;align-items:center;gap:13px}.scroll-cue span{width:42px;height:1px;background:#66818c}
.section{padding:110px clamp(24px,8vw,140px)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:45px;border-bottom:1px solid rgba(89,153,176,.2);padding-bottom:22px}.section-heading h2{font:800 clamp(30px,3.2vw,52px) 'Noto Serif TC';margin:7px 0 0}.heading-index{font:800 72px/1 'Noto Sans TC';color:rgba(115,180,197,.09)}.news{background:#f0f3f1;color:#102431}.news .section-heading{border-bottom-color:rgba(16,36,49,.13)}.news-list{border-top:1px solid rgba(16,36,49,.12)}.news-item{display:grid;grid-template-columns:66px 150px minmax(0,1fr) 42px;gap:28px;align-items:center;padding:28px 10px;border-bottom:1px solid rgba(16,36,49,.12);transition:background .2s,padding .2s}.news-item:hover{background:rgba(255,255,255,.58);padding-left:20px}.news-number{font:700 13px 'Noto Sans TC';color:#8a9ca4}.news-meta b{display:block;color:#b17818;font-size:12px;letter-spacing:.1em}.news-meta time{display:block;color:#81939a;font-size:11px;margin-top:7px}.news-item h3{margin:0 0 6px;font-size:18px}.news-item p{margin:0;color:#647983;font-size:13px}.news-arrow{font-size:20px;color:#7e969f}.empty{text-align:center;color:var(--muted);padding:35px}
.ranking{background:linear-gradient(150deg,#071724,#0a2130 60%,#071722);position:relative}.ranking:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 85%,rgba(43,173,189,.09),transparent 28%);pointer-events:none}.ranking-shell{position:relative;border:1px solid var(--line);background:rgba(5,19,29,.64);box-shadow:var(--shadow)}.ranking-tabs{display:flex;border-bottom:1px solid var(--line)}.ranking-tabs button{flex:1;padding:22px;border:0;background:transparent;color:#809aa6;font-weight:800;letter-spacing:.1em;cursor:pointer}.ranking-tabs button+button{border-left:1px solid var(--line)}.ranking-tabs button.active{color:var(--gold-2);background:linear-gradient(180deg,rgba(232,182,76,.1),transparent);box-shadow:inset 0 -2px var(--gold)}.ranking-note{padding:14px 22px;display:flex;justify-content:space-between;color:#75909b;font-size:11px;border-bottom:1px solid var(--line)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:620px}th{text-align:left;padding:16px 24px;color:#6f8d99;font-size:10px;letter-spacing:.16em;font-weight:600}td{padding:17px 24px;border-top:1px solid rgba(104,170,193,.1);color:#b9cdd4;font-size:13px}tbody tr{transition:background .2s}tbody tr:hover{background:rgba(93,230,238,.035)}td strong{color:#eef5f6;font-size:14px}.rank-medal{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(119,170,188,.22);border-radius:50%}.rank-1 .rank-medal,.rank-2 .rank-medal,.rank-3 .rank-medal{color:#16212a;border:0;font-weight:900}.rank-1 .rank-medal{background:#f0c55d}.rank-2 .rank-medal{background:#b9c7cc}.rank-3 .rank-medal{background:#b9875f}.rank-value{color:var(--gold-2);font-weight:800;font-variant-numeric:tabular-nums}
.download{background:#e8eceb;color:#102431;padding-top:80px;padding-bottom:80px}.download-panel{min-height:310px;display:grid;grid-template-columns:160px 1fr auto;gap:45px;align-items:center;padding:52px 6vw;background:linear-gradient(115deg,#0b2130,#0d2a39);color:#e8f1f3;box-shadow:var(--shadow);position:relative;overflow:hidden}.download-panel:after{content:"YTRAN";position:absolute;right:2%;bottom:-34px;font:900 150px 'Noto Sans TC';color:rgba(255,255,255,.025)}.download-seal{width:150px;height:170px;display:grid;place-items:center;color:var(--gold-2);font:900 65px 'Noto Serif TC';border:1px solid rgba(232,182,76,.48);clip-path:polygon(50% 0,100% 20%,90% 82%,50% 100%,10% 82%,0 20%);background:rgba(232,182,76,.04)}.download-panel h2{font:800 clamp(28px,3vw,46px) 'Noto Serif TC';margin:9px 0 12px}.download-panel p:not(.kicker){color:#9cb2bb;margin:0}.download-meta{display:flex;align-items:center;gap:12px;margin-top:23px;color:#d2dfe2;font-size:12px}.download-meta i{width:3px;height:3px;background:var(--gold);border-radius:50%}.button.large{min-width:230px;min-height:64px;position:relative;z-index:2}.button.disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.55)}
footer{padding:60px clamp(24px,8vw,140px) 35px;background:#040d15;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:35px;align-items:center;color:#748c96;font-size:12px;border-top:1px solid rgba(81,151,174,.14)}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand b{display:block;color:#e8f1f3;letter-spacing:.2em}.footer-brand small{display:block;font-size:9px;letter-spacing:.2em}.footer-links{justify-self:end;display:flex;gap:22px}.footer-links a:hover{color:var(--gold-2)}footer>small{grid-column:1/-1;border-top:1px solid rgba(89,153,176,.12);padding-top:25px;text-align:center;font-size:9px;letter-spacing:.17em}
@media(max-width:900px){.site-header{height:70px;padding:0 20px}.site-header nav{position:absolute;top:70px;left:0;right:0;padding:18px 24px 26px;background:#071722;display:none;flex-direction:column;gap:18px;border-bottom:1px solid var(--line)}.nav-open .site-header nav{display:flex}.nav-register{display:none}.menu{display:block}.hero{height:auto;min-height:840px;grid-template-columns:1fr;padding:130px 26px 90px}.hero-content{z-index:3}.hero-emblem{position:absolute;right:-80px;top:130px;opacity:.16}.emblem-ring{width:420px}.hero h1{font-size:clamp(54px,14vw,86px)}.hero-copy br{display:none}.scroll-cue{display:none}.section{padding:76px 22px}.news-item{grid-template-columns:42px 1fr;gap:14px}.news-meta{grid-column:2}.news-item>div:nth-child(3){grid-column:2}.news-arrow{display:none}.download-panel{grid-template-columns:1fr;text-align:center;padding:45px 24px}.download-seal{margin:auto;width:105px;height:120px;font-size:44px}.button.large{justify-self:center}.download-meta{justify-content:center}footer{grid-template-columns:1fr;text-align:center}.footer-brand,.footer-links{justify-self:center}footer>small{grid-column:auto}.ranking-note{gap:12px;flex-direction:column}.section-heading{margin-bottom:30px}}
@media(max-width:560px){.brand-mark{width:36px;height:41px}.hero-actions{flex-direction:column}.button{width:100%}.hero h1{font-size:54px}.hero-copy{font-size:15px}.server-online{width:100%;justify-content:center}.section-heading h2{font-size:32px}.heading-index{font-size:54px}.ranking-tabs button{padding:18px 8px;font-size:12px}.download-panel h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Launch artwork supplied by YTRAN */
.hero{grid-template-columns:1fr;background:#06121e}
.hero:before{background:linear-gradient(90deg,rgba(2,10,17,.97) 0%,rgba(2,10,17,.82) 34%,rgba(3,13,21,.46) 67%,rgba(3,13,21,.28) 100%),linear-gradient(0deg,rgba(2,10,17,.28),rgba(2,10,17,.12)),url('hero-launch.png') center/cover no-repeat}
.hero-grid{inset:0;width:100%;height:100%;right:auto;top:auto;transform:none;border:0;background-image:linear-gradient(rgba(64,161,180,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(64,161,180,.045) 1px,transparent 1px);mask-image:linear-gradient(90deg,#000,transparent 80%)}
.orb,.hero-emblem{display:none}
@media(max-width:900px){.hero:before{background:linear-gradient(90deg,rgba(2,10,17,.91),rgba(2,10,17,.63)),linear-gradient(0deg,rgba(2,10,17,.52),rgba(2,10,17,.12)),url('hero-launch.png') 56% center/cover no-repeat}}

.download-panel{grid-template-columns:150px minmax(260px,.75fr) minmax(360px,1.25fr)}
.download-mirrors{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:2}
.mirror-link{position:relative;min-height:68px;padding:12px 14px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;border:1px solid rgba(130,190,211,.23);background:rgba(4,18,27,.55);transition:.2s}
.mirror-link:hover{transform:translateY(-2px);border-color:rgba(232,182,76,.7);background:rgba(232,182,76,.08)}
.mirror-index{color:#6f8c97;font-size:10px;letter-spacing:.1em}.mirror-link b{display:block;color:#edf5f6;font-size:12px}.mirror-link small{display:block;color:#718d98;font-size:9px;margin-top:4px}.mirror-link i{color:var(--gold-2);font-style:normal}.mirror-link em{position:absolute;transform:translate(4px,-28px);padding:2px 6px;background:var(--gold);color:#17212a;font-style:normal;font-size:8px;font-weight:900}.mirror-empty{grid-column:1/-1;padding:24px;text-align:center;color:#8fa6af;border:1px solid var(--line)}
@media(max-width:1100px){.download-panel{grid-template-columns:120px 1fr}.download-mirrors{grid-column:1/-1}}
@media(max-width:900px){.download-panel{grid-template-columns:1fr}.download-mirrors{grid-column:auto;width:100%;max-width:620px;margin:auto;text-align:left}}
@media(max-width:560px){.download-mirrors{grid-template-columns:1fr}}