:root{color-scheme:dark;--ink:#f4e8c4;--muted:rgba(223,230,236,0.72);--line:rgba(225,200,137,0.45);--panel:rgba(5,9,16,0.3)}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{overflow:hidden;background:#04070d;color:var(--ink);font-family:"Microsoft YaHei","Noto Sans SC",sans-serif}.scene{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background-color:#050a12;background-image:url("assets/background.webp?v=1");background-position:center center;background-repeat:no-repeat;background-size:cover}.scene-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(3,7,13,0.36) 0%,rgba(3,7,13,0.08) 39%,rgba(3,7,13,0.02) 69%,rgba(3,7,13,0.24) 100%),linear-gradient(0deg,rgba(2,5,9,0.68) 0%,rgba(2,5,9,0.04) 35%,rgba(2,5,9,0.24) 100%)}.brand{position:absolute;z-index:2;top:clamp(14px,2.3vh,30px);left:clamp(22px,2.2vw,42px);width:clamp(250px,21vw,390px);filter:drop-shadow(0 10px 22px rgba(0,0,0,0.58));pointer-events:none}.brand img{display:block;width:100%;height:auto}.hero{position:absolute;z-index:1;top:53%;left:clamp(34px,7.8vw,150px);width:min(44vw,720px);transform:translateY(-50%)}.realm-mark{display:flex;align-items:center;gap:12px;width:min(320px,70%);margin:0 auto 13px;color:rgba(221,202,153,0.78);font-family:Georgia,"Times New Roman",serif;font-size:10px;letter-spacing:0.34em;white-space:nowrap}.realm-mark span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--line))}.realm-mark span:last-child{background:linear-gradient(90deg,var(--line),transparent)}.realm-mark p{margin:0}.quick-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(5px,0.65vw,12px) clamp(12px,1.35vw,24px)}.menu-button{display:block;min-width:0;cursor:pointer;outline:none;transform:translateZ(0);transition:transform 180ms ease,filter 180ms ease}.menu-button img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}.menu-button:hover,.menu-button:focus-visible{transform:translateY(-2px) scale(1.035)}.menu-button:active{transform:translateY(1px) scale(0.982);transition-duration:80ms}.menu-button[data-tone="gold"]:hover,.menu-button[data-tone="gold"]:focus-visible{filter:drop-shadow(0 0 12px rgba(255,186,47,0.5))}.menu-button[data-tone="red"]:hover,.menu-button[data-tone="red"]:focus-visible{filter:drop-shadow(0 0 12px rgba(239,74,31,0.58))}.menu-button[data-tone="blue"]:hover,.menu-button[data-tone="blue"]:focus-visible{filter:drop-shadow(0 0 13px rgba(42,142,255,0.58))}.menu-button[data-tone="violet"]:hover,.menu-button[data-tone="violet"]:focus-visible{filter:drop-shadow(0 0 13px rgba(147,82,255,0.54))}.menu-button--intro{grid-column:1 / -1;width:50%;justify-self:center}.status-bar{position:absolute;z-index:2;right:clamp(22px,3vw,58px);bottom:clamp(18px,3vh,36px);left:clamp(22px,3vw,58px);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:clamp(11px,0.72vw,14px);letter-spacing:0.12em;text-shadow:0 2px 6px rgba(0,0,0,0.85)}.status-bar p{margin:0}.server-status{display:inline-flex;align-items:center;gap:8px}.server-status i{width:7px;height:7px;border-radius:50%;background:#ff9c2f;box-shadow:0 0 10px rgba(255,156,47,0.88)}.motto b{padding:0 7px;color:rgba(214,173,85,0.82);font-weight:400}@media (max-width:900px) and (orientation:landscape){.hero{left:4vw;width:min(47vw,610px)}.brand{width:min(28vw,300px)}}@media (max-width:740px){body{overflow-x:hidden;overflow-y:auto}.scene{min-height:100svh;overflow:visible;background-position:63% center}.scene-shade{background:linear-gradient(180deg,rgba(3,7,13,0.4),rgba(3,7,13,0.06) 35%,rgba(2,5,9,0.63) 100%),linear-gradient(90deg,rgba(3,7,13,0.08),rgba(3,7,13,0.22))}.brand{top:10px;left:50%;width:min(76vw,330px);transform:translateX(-50%)}.hero{position:relative;top:auto;left:auto;width:100%;padding:167px 17px 100px;transform:none}.realm-mark{width:min(320px,82%);margin-bottom:10px;font-size:9px}.quick-menu{grid-template-columns:1fr;gap:5px;width:min(100%,450px);margin:0 auto}.menu-button--intro{grid-column:auto;width:100%}.status-bar{position:relative;right:auto;bottom:auto;left:auto;flex-direction:column;gap:7px;padding:0 17px 22px;font-size:10px;letter-spacing:0.09em}}@media (prefers-reduced-motion:reduce){.menu-button{transition:none}}