:root{--brown-2:#1d110b;--text-light:#fff3d6}*{box-sizing:border-box}html,body{background:var(--brown-2);color:var(--text-light);margin:0;padding:0;font-family:Noto Sans TC,思源黑體,Source Han Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}body{min-width:768px;overflow-x:hidden}.page{background:var(--brown-2);width:100%;height:1600px;margin:0 auto;position:relative;overflow:hidden}.page:after{content:"";z-index:200;opacity:.5;filter:invert();pointer-events:none;background:#000 url(./ref.webp) top/1920px no-repeat;width:100%;height:1600px;display:none;position:absolute;top:0;left:0}.site-header{z-index:10;background:#0006;align-items:center;gap:8px;height:80px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.site-header a{display:block}.site-header img{width:100%;height:auto;display:block}.site-header__logo{width:80px}.site-header__icon{width:72px}.hero{background:url(./bg.webp) top no-repeat;width:100%;height:1600px;position:relative}.hero__title{width:1110px;margin:0;position:absolute;top:38px;left:50%;transform:translate(calc(-50% - 30px))}.hero__title img{width:100%;height:auto;display:block}.hero__date{aspect-ratio:1217/337;text-align:center;white-space:nowrap;background:url(./sub-title-bg@1.5x.webp) top/cover no-repeat;width:660px;margin:0;padding-top:70px;font-size:50px;font-weight:300;line-height:70px;position:absolute;top:488px;left:50%;transform:translate(-50%)}.hero__date-text{color:#0000;filter:drop-shadow(0 1px 3px #0009);background-image:linear-gradient(#fff6df 0%,#e0b25f 100%);background-repeat:no-repeat;background-size:100% 70px;-webkit-background-clip:text;background-clip:text;display:block}.server-buttons{gap:0;display:flex;position:absolute;top:642px;left:50%;transform:translate(-50%)}.server-btn{width:380px;transition:filter .2s,transform .2s;display:block}.server-btn img{width:100%;height:auto;display:block}.server-btn:hover{filter:brightness(1.15);transform:translateY(-4%)}.feature__ribbon{z-index:15;width:530px;margin:0;position:absolute;top:982px;left:50%;transform:translate(calc(-50% - 3px))}.feature__ribbon img{width:100%;height:auto;display:block}.feature__panel{z-index:10;width:800px;position:absolute;top:1055px;left:50%;transform:translate(-50%)}.feature__panel img{width:100%;height:auto;display:block}.notice{color:#c9a77a;white-space:nowrap;margin:0;font-size:24px;line-height:1.5;position:absolute;top:1540px;left:50%;transform:translate(calc(-50% - 185px))}.preloader{z-index:1000;background:var(--brown-2);flex-direction:column;justify-content:center;align-items:center;gap:24px;height:calc(100vh + 2px);transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}.preloader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.preloader__logo{width:140px;height:auto}.preloader__spinner{border:3px solid #e0b25f40;border-top-color:#e0b25f;border-radius:50%;width:32px;height:32px;animation:.9s linear infinite preloader-spin}.preloader .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes preloader-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.preloader__spinner{animation-duration:3s}}.hero__title img{animation:3.6s ease-in-out infinite title-motion}@keyframes title-motion{0%,to{filter:brightness()drop-shadow(0 0 8px #ffdc7866);transform:translateY(0)scale(1)}50%{filter:brightness(1.25)drop-shadow(0 0 28px #ffdc78f2);transform:translateY(-8px)scale(1.02)}}.sparkle{left:var(--x);top:var(--y);opacity:0;width:22px;height:22px;animation:sparkle-twinkle var(--d) ease-in-out var(--delay) infinite;background:radial-gradient(circle,#fff7d6 0%,#ffd66b 35%,#0000 70%);border-radius:50%;margin:-11px 0 0 -11px;position:absolute}@keyframes sparkle-twinkle{0%,to{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.hero__title img,.sparkle{animation:none}.sparkle{opacity:.6}}