:root{font-family:DM Sans,Noto Sans TC,Noto Sans SC,Noto Sans JP,sans-serif;color:#f3e8d6;background:#061117;font-synthesis:none;-webkit-font-smoothing:antialiased;--gold: #e9c48c;--teal: #90d7cb;--mx: 0;--my: 0}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;min-height:0;overflow:hidden}body{overscroll-behavior:none}a{color:inherit}select{font:inherit}::selection{background:#c5a56d;color:#061117}:focus-visible{outline:2px solid #ffe0a1;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.silk-cursor{position:fixed;top:0;left:0;z-index:1001;width:48px;height:56px;opacity:0;pointer-events:none;will-change:transform}.silk-cursor.is-visible{opacity:1}.silk-cursor img{display:block;width:100%;height:100%;filter:drop-shadow(0 0 2px #ffffff55);transform-origin:50% 50%;transition:transform .18s ease-out}.silk-cursor.is-interactive img{transform:rotate(-9deg) scale(1.08)}.silk-effects{position:fixed;inset:0;z-index:1000;overflow:hidden;pointer-events:none}.silk-burst{position:absolute;width:0;height:0}.silk-glow,.silk-particle{opacity:0}.silk-glow{position:absolute;left:-70px;top:-70px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,#fff 0%,#ffffffb3 8%,#ffffff3d 27%,#ffffff0d 49%,transparent 70%)}.silk-particle{position:absolute;left:0;top:0;background:#fff;border-radius:50%;box-shadow:0 0 5px #fff,0 0 11px #ffffff80}.silk-particle--thread{border-radius:50%;clip-path:inset(30% 0 round 50%)}.silk-particle--glint{border-radius:0;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);box-shadow:none;background:#fff}@media(any-pointer:fine){html.silk-cursor-active,html.silk-cursor-active *{cursor:none!important}}.site-shell{position:relative;isolation:isolate;width:100%;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(ellipse 80% 42% at 50% 108%,rgba(18,120,132,.55),transparent 68%),radial-gradient(ellipse 55% 36% at 50% 18%,rgba(36,112,122,.38),transparent 72%),radial-gradient(ellipse 40% 50% at 104% 40%,rgba(110,72,55,.18),transparent 74%),linear-gradient(180deg,#04141c,#062833 46%,#0a3d48 78%,#062028)}.site-shell:before,.site-shell:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}.site-shell:before{opacity:.55;background-image:repeating-linear-gradient(180deg,transparent 0 22px,rgba(150,214,204,.07) 34px,transparent 52px);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 28%,black 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 28%,black 100%)}.site-shell:after{inset:12px;border:1px solid rgba(223,188,126,.18);background:linear-gradient(90deg,rgba(240,201,140,.36),transparent 14%) top left / 100% 1px no-repeat,linear-gradient(270deg,rgba(240,201,140,.28),transparent 14%) bottom right / 100% 1px no-repeat}#ambient{position:absolute;inset:0;pointer-events:none;z-index:1}.atmosphere,.halo,.vignette{position:absolute;pointer-events:none}.atmosphere{width:min(72vw,800px);aspect-ratio:1;filter:blur(70px);border-radius:50%;opacity:.19;z-index:0;animation:atmosphere-shift 16s ease-in-out infinite alternate}.atmosphere--left{left:-29%;bottom:-48%;background:radial-gradient(circle,#3a9c87,transparent 68%)}.atmosphere--right{right:-30%;top:-46%;background:radial-gradient(circle,#cf7740,transparent 68%);animation-delay:-7s}.halo{left:50%;z-index:0;border:1px solid rgba(158,220,210,.28);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #78d2c414}.halo--outer{top:72%;width:min(86vw,1080px);height:min(16vh,130px);animation:halo-fade 8s ease-in-out infinite}.halo--inner{top:74%;width:min(52vw,680px);height:min(9vh,72px);border-color:#e2c48247;animation:halo-fade 7s 1.2s ease-in-out infinite}.vignette{inset:0;z-index:1;background:linear-gradient(to top,rgba(3,14,20,.2),transparent 24%),radial-gradient(ellipse at 50% 36%,transparent 32%,rgba(1,8,14,.5) 100%)}.sea{position:absolute;left:0;right:0;bottom:0;z-index:1;height:clamp(108px,18vh,168px);overflow:hidden;pointer-events:none}.sea-band{position:absolute;left:0;bottom:0;width:200%;height:100%;animation:wave-drift 28s linear infinite}.sea-band--back{height:86%;animation-duration:38s}.sea-band--mid{height:68%;animation-duration:24s;animation-direction:reverse}.sea-band--front{height:48%;animation-duration:16s}.horizon{position:absolute;left:0;bottom:clamp(72px,12vh,120px);z-index:1;width:200%;height:56px;pointer-events:none;animation:wave-drift 32s linear infinite;filter:drop-shadow(0 0 8px rgba(120,210,196,.25))}.page{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;min-height:0;height:100%;padding:clamp(15px,2.3vh,32px) clamp(20px,3.7vw,67px) clamp(13px,2vh,29px)}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px;min-width:0;min-height:44px}.brand{position:relative;display:inline-flex;align-items:center;gap:10px;min-width:0;text-decoration:none;color:var(--teal);white-space:nowrap}.brand-mark{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;color:#9fdcd2}.brand-mark svg,.header-shell svg{width:100%;height:100%;overflow:visible}.header-shell{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;margin-bottom:clamp(6px,1.2vh,12px);color:var(--gold)}.brand-name{font:600 clamp(12px,1.15vw,16px) "Cinzel","Noto Sans TC","Noto Sans SC","Noto Sans JP",serif;letter-spacing:.16em;color:#f3e7d2}html[lang^=zh] .brand-name,html[lang=ja] .brand-name{letter-spacing:.06em}.top-actions{display:flex;align-items:center;justify-self:end;gap:clamp(12px,2vw,28px)}.fan-label{font-size:clamp(9px,.8vw,11px);letter-spacing:.2em;color:#aab8af;white-space:nowrap}.language-picker{position:relative;display:flex;align-items:center;flex:0 0 auto;gap:6px;width:112px;min-width:0;padding:5px 8px;background:#0513194d;border:1px solid rgba(228,191,133,.22);color:#e6c68c;font-size:14px;line-height:1;cursor:pointer}.language-picker select{appearance:none;flex:1 1 0;border:0;outline:0;background:transparent;cursor:pointer;min-width:0;width:100%;color:#f4e8d5;font-size:12px;line-height:16px}.language-picker option{background:#10252b;color:#f4e8d5}.language-picker:focus-within{outline:1px solid #ffdd9b;outline-offset:3px}.main{min-width:0;width:100%;max-width:1190px;min-height:0;margin:auto;padding-block:clamp(5px,1.3vh,18px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,3vh,37px)}.hero{display:flex;flex-direction:column;align-items:center;width:100%;min-height:0;text-align:center;animation:entrance .9s ease-out both}.eyebrow{display:flex;justify-content:center;align-items:center;gap:14px;color:var(--gold);letter-spacing:.24em;font-weight:700;font-size:clamp(9px,.85vw,12px)}.eyebrow i{width:5px;height:5px;flex:0 0 5px;border:1px solid currentColor;transform:rotate(45deg)}.hero h1{margin:clamp(10px,1.6vh,18px) 0 0;color:#f9eddb;font:500 clamp(29px,4.65vw,70px)/1.2 "Cinzel","Noto Sans TC","Noto Sans SC","Noto Sans JP",serif;letter-spacing:-.026em;text-shadow:0 3px 40px rgba(255,195,121,.16);text-wrap:balance}.hero h1 em{font-style:normal;color:#edcb94}.hero p{max-width:700px;padding-inline:10px;margin:clamp(9px,1.45vh,17px) 0 0;font-size:clamp(11px,1vw,15px);color:#bccac2;line-height:1.7;text-wrap:balance}.cards{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(11px,1.8vw,25px);width:100%;min-height:0}.card{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;padding:clamp(17px,2.25vw,34px);overflow:hidden;border:1px solid rgba(231,190,128,.32);background:radial-gradient(ellipse 95% 48% at 50% 115%,rgba(89,160,147,.16),transparent 74%),linear-gradient(148deg,#10282ef7,#06141cfa 70%,#081c24f7);background-size:100% 150%,100% 100%;background-position:50% 100%,center;box-shadow:0 21px 75px #00000042,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .35s,border-color .35s,box-shadow .35s;animation:entrance .9s .15s both,surface-drift 14s ease-in-out infinite alternate}.card[hidden]{display:none}.card:hover{transform:translateY(-3px);border-color:#e5c996b3;box-shadow:0 26px 75px #0006,0 0 35px #89dfca12;animation-play-state:paused}.card:before,.card:after{content:"";position:absolute;width:30px;height:30px;z-index:1;pointer-events:none}.card:before{left:7px;top:7px;border-top:1px solid rgba(244,208,151,.74);border-left:1px solid rgba(244,208,151,.74)}.card:after{right:7px;bottom:7px;border-bottom:1px solid rgba(244,208,151,.74);border-right:1px solid rgba(244,208,151,.74)}.card--teal{border-color:#7bcbc457;background:linear-gradient(145deg,#0a2a32f7,#06141efa 70%,#0a242af7)}.card:nth-child(2){animation-delay:.3s}.card--teal:before,.card--teal:after{border-color:#81d5c6cc}.card-light{position:absolute;top:-48%;right:-10%;width:80%;aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(220,171,102,.08),transparent 68%);transform:translate(calc(var(--mx) * -13px),calc(var(--my) * -13px))}.card>:not(.card-light){position:relative;z-index:2}.card--teal{background-image:radial-gradient(ellipse 95% 48% at 50% 115%,rgba(69,174,165,.2),transparent 74%),linear-gradient(145deg,#0a2a32f7,#06141efa 70%,#0a242af7)}.card--teal .card-light{background:radial-gradient(circle,rgba(77,197,181,.1),transparent 69%)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-kicker{display:flex;align-items:center;gap:9px;color:var(--gold);letter-spacing:.18em;font-weight:700;font-size:clamp(9px,.8vw,11px)}.card-kicker:before{content:"";display:inline-block;width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}.card--teal .card-kicker{color:var(--teal)}.card h2{color:#f3e9d9;margin:clamp(13px,2vh,20px) 0 5px;font:600 clamp(17px,1.7vw,27px)/1.38 "Cinzel","Noto Sans TC","Noto Sans SC","Noto Sans JP",serif}.card h2 time{color:var(--gold);font:600 clamp(13px,1.35vw,20px)/1.38 "Cinzel",serif;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}.card--teal h2 time{color:var(--teal)}.card-date{margin:0;color:#a5bab4;font-size:clamp(10px,.95vw,13px)}.timer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:clamp(1px,.45vw,8px);margin-top:clamp(11px,1.7vh,18px);padding:clamp(13px,2vh,23px) 0 clamp(10px,1.5vh,19px);border-top:1px solid rgba(215,201,166,.15);border-bottom:1px solid rgba(215,201,166,.15);container-type:inline-size}.unit{min-width:0;display:flex;align-items:center;flex-direction:column}.digit{display:inline-block;white-space:nowrap;color:#ffeed2;font:500 clamp(20px,8.5cqw,58px)/1.18 "Cinzel","DM Sans",serif;letter-spacing:-.055em;font-variant-numeric:tabular-nums lining-nums;text-shadow:0 0 30px rgba(252,202,135,.16)}.card--teal .digit{color:#daf7ec;text-shadow:0 0 27px rgba(111,222,201,.15)}.timer b{color:#e9c78f8c;font:400 clamp(17px,5.4cqw,36px)/1.7 "Cinzel",serif}.card--teal .timer b{color:#91d6cd8c}.unit-label{color:#8ca49c;margin-top:9px;font-size:clamp(8px,.7vw,10px);letter-spacing:.18em;font-weight:700;white-space:nowrap}.digit-change{animation:digit-tick .44s cubic-bezier(.17,.8,.31,1)}.status{display:flex;align-items:center;justify-content:center;gap:8px;color:#d4b47e;font-size:clamp(9px,.78vw,11px);font-weight:700;letter-spacing:.13em;text-align:center;margin:clamp(18px,3vh,32px) 0 0}.status:before,.status:after{content:"✧";font-size:10px;color:#997f59}.card--teal .status{color:#a0d6cb}.card[data-expired=true] .status{color:#f1d390}.card-description{margin:clamp(13px,2vh,23px) 0 0;color:#b4c5bf;font-size:clamp(11px,.92vw,13px);line-height:1.65;min-height:3.25em}.reference{display:inline-block;align-self:flex-end;text-align:right;margin-top:clamp(8px,1.55vh,16px);padding-bottom:3px;border-bottom:1px solid rgba(233,190,127,.34);color:var(--gold);text-decoration:none;letter-spacing:.12em;font-size:clamp(9px,.78vw,11px);font-weight:700}.card--teal .reference{color:var(--teal);border-color:#88d5c959}.reference:hover{color:#fff7e9;border-bottom-color:currentColor}.card--teal .reference:hover{color:#e7fff7}.footer{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-top:8px;padding-top:12px;color:#d5ebe4;font-size:clamp(9px,.73vw,11px);letter-spacing:.035em;text-shadow:0 1px 2px rgba(2,10,14,.8)}.footer:before{content:"";position:absolute;z-index:-1;left:-100vw;right:-100vw;top:0;bottom:-48px;border-top:1px solid rgba(176,226,216,.28);background:linear-gradient(180deg,#08202880,#041018d1 34%,#030c12e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timezone{display:flex;align-items:center;gap:8px;white-space:nowrap}.timezone i{width:6px;height:6px;border-radius:50%;background:#93dbc7;box-shadow:0 0 10px #90dcc5;animation:pulse 3s infinite}.timezone strong{color:#dcc8a5;font-weight:600}.timezone time{font-variant-numeric:tabular-nums;font-size:11px;color:#adc6ba}.footer p{margin:0;text-align:center}.footer-credit{justify-self:end;display:flex;align-items:center;gap:12px;white-space:nowrap}.fan-signature{color:var(--gold);font-size:clamp(9px,.8vw,12px)}.footer-credit a{text-decoration:none;color:#c1cdc4;letter-spacing:.18em;font-weight:700}.footer-credit a:hover{color:#f5d39b}@keyframes entrance{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes surface-drift{0%{background-position:50% 100%,center}to{background-position:50% 88%,center}}@keyframes atmosphere-shift{0%{transform:translate(-4%,-2%) scale(.95)}to{transform:translate(6%,4%) scale(1.12)}}@keyframes halo-fade{0%,to{opacity:.35}50%{opacity:.9}}@keyframes wave-drift{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes digit-tick{0%{opacity:.45;transform:translateY(-7px) rotateX(35deg);filter:brightness(1.5)}to{opacity:1;transform:translateY(0) rotateX(0);filter:brightness(1)}}@media(max-width:800px){html,body,#app{height:auto;min-height:100%;overflow:visible}body{overflow-x:clip;overscroll-behavior:auto}#app.site-shell{height:auto;min-height:100vh;min-height:100dvh;overflow:clip}.page{height:auto;min-height:100vh;min-height:100dvh;grid-template-rows:auto 1fr auto}.main{margin-block:0}.topbar{grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:8px}.brand{white-space:normal}.brand-name{overflow-wrap:anywhere}.top-actions,.eyebrow{min-width:0;max-width:100%}.eyebrow span{min-width:0;overflow-wrap:anywhere}.cards{grid-template-columns:minmax(0,1fr)}.card h2,.card-description,.reference{overflow-wrap:anywhere}.reference{max-width:100%}.footer{min-width:0}.timezone,.footer-credit{min-width:0;flex-wrap:wrap;white-space:normal}.timezone strong{overflow-wrap:anywhere}.footer-credit{justify-content:flex-end}.page{padding:clamp(12px,2vh,20px) clamp(14px,4vw,30px) clamp(10px,1.7vh,18px)}.fan-label{display:none}.brand-name{font-size:12px;letter-spacing:.12em}.sea{height:clamp(72px,13vh,120px)}.horizon{bottom:clamp(46px,8vh,84px);height:36px}.language-picker{width:108px}.main{gap:clamp(10px,2vh,18px);padding-block:5px}.hero h1{font-size:clamp(26px,5.8vw,46px);margin-top:8px}.hero p{font-size:11px;max-width:550px;margin-top:6px;line-height:1.5}.cards{grid-template-columns:minmax(0,1fr);max-width:610px;gap:clamp(7px,1.3vh,12px)}.card{padding:clamp(10px,1.5vh,17px) clamp(15px,3vw,22px)}.card h2{font-size:clamp(15px,3.4vw,22px);margin:6px 0 2px}.card-kicker{font-size:9px}.card-date{font-size:10px}.card h2 time{font-size:clamp(12px,2.6vw,17px)}.timer{margin-top:6px;padding:clamp(6px,1vh,10px) 0 5px}.digit{font-size:clamp(22px,7cqw,42px)}.timer b{font-size:clamp(17px,5cqw,26px)}.unit-label{margin-top:2px;font-size:9px;letter-spacing:.13em}.status{margin-top:clamp(6px,1.1vh,12px);font-size:9px;letter-spacing:.09em}.card-description{margin-top:6px;min-height:0;font-size:10px;line-height:1.45}.reference{margin-top:6px;font-size:9px;padding-bottom:1px}.footer{grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:4px 8px}.footer p{grid-column:1 / -1;grid-row:2;font-size:9px}.footer-credit{grid-column:2;grid-row:1;font-size:9px}.timezone{gap:5px;font-size:9px}.halo--outer{width:92vw;height:64px}.halo--inner{width:64vw;height:36px}}@media(max-width:800px)and (max-height:720px){.page{padding-block:8px}.brand-mark{width:22px;height:22px}.header-shell{width:26px;height:26px}.main{gap:6px;padding-block:2px}.hero h1{font-size:clamp(22px,5.7vw,32px);margin-top:3px}.eyebrow{font-size:8px;gap:9px;letter-spacing:.1em}.hero p{font-size:10px;margin-top:3px;line-height:1.32}.card{padding:7px 13px}.card:before,.card:after{width:15px;height:15px}.card h2{font-size:clamp(13px,3vw,18px);margin:3px 0 0;line-height:1.2}.timer{margin-top:3px;padding:4px 0 3px}.digit{font-size:clamp(20px,6.3cqw,33px)}.unit-label{font-size:8px;margin-top:0}.status{margin-top:3px;font-size:8px}.card-description{margin-top:3px;font-size:9px;line-height:1.25}.reference{margin-top:3px;font-size:8px}}@media(max-width:390px){.brand-name{font-size:11px;letter-spacing:.08em}.language-picker{width:104px;gap:4px}.card-kicker{letter-spacing:.08em}.hero h1{font-size:25px}}@media(min-width:801px)and (max-height:620px){.page{padding-block:10px}.main{gap:10px;padding:2px 0}.hero h1{font-size:clamp(28px,3.3vw,45px);margin-top:6px}.hero p{margin-top:5px}.card{padding:13px 20px}.card h2{font-size:19px;margin:7px 0 2px}.timer{margin-top:6px;padding:7px 0}.digit{font-size:clamp(23px,6cqw,39px)}.unit-label{margin-top:3px}.status{margin-top:8px}.card-description{margin-top:6px;line-height:1.35}.reference{margin-top:5px}}@media(orientation:landscape)and (max-width:800px)and (max-height:520px){.page{padding:7px 15px}.main{gap:5px}.hero h1{font-size:22px}.hero p{display:none}.cards{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card h2{font-size:13px}.digit{font-size:clamp(18px,6cqw,30px)}.card-description,.status,.footer p{font-size:8px}}@media(max-width:550px)and (max-height:510px){.hero p{display:none}.main{gap:4px}.card{padding:5px 10px}.card-description{font-size:8px}.reference{margin-top:2px}.timezone time{display:none}}.cards:has(>.card[hidden]){grid-template-columns:minmax(0,1fr)}@media(min-width:801px){.cards:has(>.card[hidden]){width:calc((100% - clamp(11px,1.8vw,25px))/2)}}@media(orientation:landscape)and (max-width:800px)and (max-height:520px){.cards:has(>.card[hidden]){width:calc((100% - 9px)/2)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.card:hover{transform:none}}