body{margin:0;overflow:hidden}.top-nav{position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0fb3;border-bottom:1px solid rgba(255,255,255,.08)}.top-nav__bar{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:10px 12px}.top-nav__logo img{display:block;height:22px;width:auto}.top-nav__tabs{overflow-x:auto}.top-nav__tabs ul{display:flex;gap:18px;list-style:none;margin:0;padding:0 4px}.top-nav__tabs li a{display:inline-block;padding:8px 2px;text-decoration:none;color:#cfd2ff;white-space:nowrap;font-weight:550}.top-nav__tabs li.active a{text-decoration:underline}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#0a0a0fd9;border-top:1px solid rgba(255,255,255,.08)}.bottom-nav ul{display:flex;justify-content:space-around;align-items:center;list-style:none;margin:0;padding:10px 8px}.bottom-nav li a{text-decoration:none;color:#e9e9f6;font-size:14px}.bottom-nav li.active a{color:#fff;font-weight:700}.main-layout{min-height:100%}.page-container{flex:1 1 auto;padding-top:calc(var(--nav-top-h) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--nav-bottom-h) + env(safe-area-inset-bottom,0px));box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@supports (height: 100dvh){.page-container{min-height:calc(100dvh - 120px)}}header .top-nav__bar,.top-nav__bar{height:var(--nav-top-h, 72px)!important;min-height:0!important;padding:0 12px!important;display:flex;align-items:center;max-width:100vw!important;overflow-x:hidden!important}header .top-nav__logo img{height:64px!important;width:auto!important;-o-object-fit:contain!important;object-fit:contain!important}header .top-nav__logo{margin-left:-36px!important}header .top-nav__tabs{margin-left:-20px!important;margin-top:0!important;position:static!important;transform:none!important;left:0!important}header .top-nav__tabs ul{display:flex;gap:24px;align-items:center;white-space:nowrap;max-width:100vw}header .top-nav__tabs a{display:inline-block;padding-top:0!important}.top-nav__tabs a,.top-nav__tabs li.active a{color:#ffd262!important;background:none!important;-webkit-background-clip:border-box!important;-webkit-text-fill-color:#FFD262!important}header,.top-nav{overflow:visible}.bottom-nav{background:linear-gradient(to top,#b87823,#e0a441 45%,#ffd262)!important}.shop-page{min-height:100vh;padding:16px 16px 32px;box-sizing:border-box;background:radial-gradient(circle at top,#151021 0,#050308 45%,#030206)}.shop-tabs-wrapper{margin-bottom:12px;padding-bottom:2px}.shop-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-ms-overflow-style:none;scrollbar-width:none}.shop-tabs::-webkit-scrollbar{display:none}.shop-tab{flex-shrink:0;padding:6px 12px;border-radius:999px;border:1px solid rgba(250,217,120,.45);background:#040408cc;color:#ffffffc2;font-size:13px;letter-spacing:.12em;white-space:nowrap}.shop-tab-active{border-color:transparent;background:linear-gradient(135deg,#f6d57a,#f1b64a);color:#1a1306;font-weight:700}.shop-section-header{margin:4px 2px 10px}.shop-section-title{font-size:16px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.shop-section-subtitle{margin-top:4px;font-size:12px;color:#ffffffb3}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shop-card{position:relative;border-radius:16px;background:radial-gradient(circle at top left,#32243b 0,#130f1c 30%,#07050b);border:1px solid rgba(245,213,130,.4);box-shadow:0 0 0 1px #00000080,0 10px 20px #000000a6;overflow:hidden;padding:8px 8px 10px}.shop-card-image-box{position:relative;border-radius:12px;overflow:hidden;margin-bottom:6px}.shop-card-image-inner{position:relative;height:80px;background:radial-gradient(circle at 20% 0,#f8e3a4 0,#493232 40%,#050308)}.shop-card-image-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,rgba(0,0,0,.4),transparent 40%),radial-gradient(circle at 0 0,rgba(255,255,255,.18) 0,transparent 40%)}.shop-card-image-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:8px 9px}.shop-card-image-line{width:40%;height:1px;margin-bottom:4px;background:linear-gradient(90deg,#fff3,#fad684e6)}.shop-card-image-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#fff5d2e6}.shop-card-tag{position:absolute;top:6px;left:6px;padding:2px 8px;border-radius:999px;background:#000000c7;border:1px solid rgba(246,213,122,.8);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#f6d57af5}.shop-card-info{margin-top:2px}.shop-card-title{font-size:13px;font-weight:600;line-height:1.3;color:#fffffff2}.shop-card-subtitle{margin-top:2px;font-size:11px;line-height:1.4;color:#ffffffb8}.shop-card-bottom-row{margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:4px}.shop-card-price{display:flex;flex-direction:column;align-items:flex-start}.shop-card-price-number{font-size:15px;font-weight:700;color:#f8de8f}.shop-card-price-unit{font-size:11px;color:#ffffffb3}.shop-card-button{padding:6px 10px;border-radius:999px;border:none;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(135deg,#f6d57a,#f1b64a);color:#211308;white-space:nowrap}.shop-card-button:active{transform:translateY(1px);opacity:.9}.shop-footer-note{margin-top:14px;font-size:11px;line-height:1.5;color:#ffffffb3}.wallet-page .wallet-cards,.wallet-page .wallet-cards:before,.wallet-page .wallet-cards:after{background:linear-gradient(180deg,#ffc478f5,#1e142dfa)!important}.events-page,.missions-page{padding-top:40px!important}.events-page>div:first-of-type,.missions-page>div:first-of-type{margin-top:0!important}main div[style*=radial-gradient],main section[style*=radial-gradient],main article[style*=radial-gradient]{background:#050509!important}.room-status-panel{padding:14px 18px 18px}.room-status-row{display:flex;justify-content:space-between;margin-bottom:6px;font-size:14px}.room-status-label{color:#ffe6b4eb;font-weight:400}.room-status-value{color:#fff;font-weight:600}.room-status-s{margin-top:10px;font-size:16px;font-weight:700;color:#ffd676;display:flex;justify-content:space-between}.room-status-old{width:92%;margin:0 auto 14px;padding:14px 18px 12px;border-radius:16px;background:inherit;font-size:14px;line-height:1.5;color:#ffffffe0}.rs-row{display:flex;flex-wrap:wrap;margin-bottom:4px}.rs-label{color:#ffffffbf;margin-right:4px}.rs-value{color:#fff;font-weight:500}.rs-strong{font-weight:600;color:#ffd670}@media (max-width: 480px){html,body{overflow-x:hidden}}.shop-card-soldout{opacity:.45;pointer-events:none;position:relative}.shop-card-soldout:after{content:"售完";position:absolute;top:10px;right:10px;background:#000000bf;color:#fff;font-size:12px;padding:4px 8px;border-radius:999px}.shop-order-status{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-weight:700;font-size:13px;letter-spacing:.5px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#fff}.shop-order-status.status-pending_shipping{border-color:#f9d27a8c;background:#f9d27a1f;color:#f9d27a}.shop-order-status.status-pending_review{border-color:#a0c8ff73;background:#a0c8ff1f;color:#cfe6ff}.shop-order-status.status-confirmed{border-color:#78dca073;background:#78dca01f;color:#b9f6d2}.shop-order-status.status-shipped{border-color:#c8aaff73;background:#c8aaff1f;color:#e6d7ff}.shop-order-status.status-completed{border-color:#78dca08c;background:#78dca02e;color:#d6ffe6}.shop-order-status.status-cancelled,.shop-order-status.status-rejected{border-color:#ff787873;background:#ff78781f;color:#ffd0d0}:root{--nav-bottom-h: 64px;--nav-top-h: 72px}.main-layout{min-height:100dvh;display:flex;flex-direction:column;background:#0b0b12}.page-container{flex:1 1 auto;padding:calc(var(--nav-top-h) + env(safe-area-inset-top,0px)) 12px calc(var(--nav-bottom-h) + env(safe-area-inset-bottom,0px))}.top-nav{position:sticky;top:0;z-index:40;height:var(--nav-top-h);display:flex;align-items:center;padding:0 12px;background:#0c0c12e6;-webkit-backdrop-filter:saturate(160%) blur(8px);backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid rgba(255,255,255,.06)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:calc(var(--nav-bottom-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#0c0c12e6;-webkit-backdrop-filter:saturate(160%) blur(8px);backdrop-filter:saturate(160%) blur(8px);border-top:1px solid rgba(255,255,255,.06);z-index:50}.bottom-nav ul{margin:0;padding:0 10px;list-style:none;height:var(--nav-bottom-h);display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.bottom-nav li{text-align:center}.bottom-nav a{text-decoration:none;font-size:14px;color:#9aa0ff;opacity:.85}.bottom-nav li.active a{opacity:1;font-weight:600}.page-login{min-height:100vh;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-family:Noto Sans TC,sans-serif}.brand-logo-hero{display:block;width:clamp(180px,34vw,260px);height:auto;margin:8vh auto 3vh;-o-object-fit:contain;object-fit:contain}.page-login h1,.login-title{font-size:28px;font-weight:700;letter-spacing:1px;margin-bottom:24px;color:#fff}.login-form{width:90%;max-width:380px;display:flex;flex-direction:column;gap:12px}.login-form input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:40px;font-size:16px;padding:10px 12px;border-radius:8px;border:none;background:#1a1a1a;color:#f5f5f5;outline:none}.login-form input::-moz-placeholder{color:#888}.login-form input::placeholder{color:#888}.login-form button{height:48px;font-size:16px;font-weight:600;border-radius:8px;border:none;background:linear-gradient(180deg,#fc3,#c89b1c);color:#000;cursor:pointer;transition:all .2s}.login-form button:hover{background:linear-gradient(180deg,#ffd84d,#d5a625)}.hint{font-size:12px;color:#aaa;text-align:center}.status{font-size:14px;color:#aaa;text-align:center;margin-top:20px}@media (max-width:360px){.brand-logo-hero{width:150px;margin:6vh auto 2vh}.login-title{font-size:24px}.login-form input,.login-form button{font-size:14px;height:42px}}:root img[src*=logo]{display:block!important;width:clamp(180px,34vw,260px)!important;height:auto!important;margin:8vh auto 3vh!important;-o-object-fit:contain!important;object-fit:contain!important}@media (max-width:360px){:root img[src*=logo]{width:150px!important;margin:6vh auto 2vh!important}}html,body{height:100%;width:100%;margin:0;padding:0;-webkit-text-size-adjust:100%;background:#05030a}#root{min-height:100vh;background:#05030a}html,body{height:100%;width:100%;margin:0;padding:0;-webkit-text-size-adjust:100%}.page-login .login-form{width:90vw;max-width:460px;gap:12px}.page-login .login-form input{height:38px;line-height:38px;font-size:16px;padding:8px 14px;border-radius:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.page-login .login-form button{height:44px;font-size:16px;border-radius:10px}.page-login .brand-logo-hero{width:220px;max-width:60vw;margin:0 auto 36px;display:block}.page-login .login-form{width:90vw;max-width:440px;gap:10px}.page-login .login-form input{height:28px;line-height:28px;font-size:15px;padding:6px 12px;border-radius:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.page-login .login-form button{height:40px;font-size:16px;border-radius:10px}.page-login .brand-logo-hero{width:320px;max-width:80vw;margin:0 auto 42px;display:block}.page-login .brand-logo-hero{width:340px!important;max-width:85vw!important;margin:0 auto 44px!important;display:block!important}.page-login .brand-logo-hero,.page-login img[src*="7king-logo-gold"]{width:380px!important;max-width:88vw!important;height:auto!important;display:block!important;margin:0 auto 46px!important;-o-object-fit:contain!important;object-fit:contain!important}@media (min-width: 768px){.page-login .brand-logo-hero,.page-login img[src*="7king-logo-gold"]{width:300px!important;max-width:40vw!important;margin:0 auto 50px!important}}@media (max-width: 767px){.page-login .brand-logo-hero,.page-login img[src*="7king-logo-gold"]{width:380px!important;max-width:88vw!important}}.page-login .brand-logo-hero,.page-login img[src*="7king-logo-gold"]{width:380px!important;max-width:88vw!important;height:auto!important;display:block!important;margin:0 auto 20px!important;-o-object-fit:contain!important;object-fit:contain!important}@keyframes logoFadeLift{0%{opacity:0;transform:translateY(18px) scale(.96)}60%{opacity:1;transform:translateY(-4px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.page-login .brand-logo-hero,.page-login img[src*="7king-logo-gold"]{animation:logoFadeLift 1.4s ease-out both;animation-delay:.3s;will-change:opacity,transform}.page-login .brand-logo-hero,.page-login img[src*="7king-logo-gold"]{width:380px!important;max-width:88vw!important;height:auto!important;aspect-ratio:1 / 1!important;display:block!important;margin:0 auto 20px!important;-o-object-fit:contain!important;object-fit:contain!important}@media (min-width: 768px){.page-login .brand-logo-hero,.page-login img[src*="7king-logo-gold"]{width:300px!important;max-width:40vw!important;margin:0 auto 30px!important}}.page-login{opacity:0;animation:fadeInPage .6s ease-out forwards;animation-delay:.1s}@keyframes fadeInPage{0%{opacity:0}to{opacity:1}}.page-login{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - env(safe-area-inset-bottom));padding-bottom:calc(env(safe-area-inset-bottom) + 8px)}.login-form{margin-top:-2vh}@media (max-width: 480px){.page-login{padding-bottom:28px;min-height:calc(100vh - env(safe-area-inset-bottom));padding-bottom:calc(env(safe-area-inset-bottom) + 22px)}.login-form{margin-top:-3.5vh}.page-login .hint,.page-login .status{margin-bottom:10px}}.auth-links{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 0 0;color:#ffffffb3;font-size:14px}.lang-switch{position:fixed;top:10px;right:12px;z-index:30;background:#0f111ad9;border:1px solid #242a38;padding:6px 8px;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;gap:6px}.auth-links{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px 0 0;font-size:14px;color:#fffc}.auth-links .dot{opacity:.5}.link-like{color:#f6d06f;text-decoration:none}.link-like:hover{text-decoration:underline}.lang-switch{position:fixed;top:10px;right:12px;z-index:30;background:#0f111ad9;border:1px solid #242a38;border-radius:10px;padding:6px 8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;gap:6px}.lang-switch select{background:#12151f;color:#eaeaff;border:1px solid #2a3144;border-radius:8px;padding:4px 8px;outline:none}.lang-switch .lang-label{color:#c9cbe6;font-size:12px;margin-right:4px}.footer{text-align:center;color:#777;font-size:13px;margin-top:40px;padding-bottom:max(26px,env(safe-area-inset-bottom));opacity:.7}.page-login{padding-bottom:calc(env(safe-area-inset-bottom) + 96px)}.footer{margin-top:28px;padding-bottom:calc(env(safe-area-inset-bottom) + 12px)}.login-card{position:relative;max-width:520px;margin:0 auto}.error-msg{background:#ff42421f;border:1px solid rgba(255,66,66,.35);color:#f66;padding:10px 12px;border-radius:10px;margin:0 0 12px;animation:fadeIn .25s ease-out both}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.shake{animation:shakeX .45s cubic-bezier(.36,.07,.19,.97) both}@keyframes shakeX{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}button[disabled]{opacity:.6;pointer-events:none}.page-login{padding-bottom:max(26px,env(safe-area-inset-bottom))}.page-login form{display:flex;flex-direction:column;align-items:center}.page-login form input[type=text],.page-login form input[type=password],.page-login form button.btn-primary{width:min(86vw,560px);box-sizing:border-box;margin:12px auto}.page-login .auth-form,.page-login .form{width:100%;max-width:none}:root{--nav-h: 64px}html,body,#root{height:100%}body{min-height:100dvh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));overscroll-behavior-y:contain}@supports (height: 100svh){body{min-height:100svh}}:root{--nav-safe-bottom: env(safe-area-inset-bottom)}body{padding-bottom:calc(70px + var(--nav-safe-bottom));min-height:100svh;background-color:#000;overflow-x:hidden}.page,main,.main{padding-bottom:var(--bottom-nav-safe, 84px)}.topbar{display:flex;align-items:center;gap:12px;padding:12px 16px 8px}.topbar .brand{display:block;flex:0 0 auto}.topbar .logo{display:block;height:44px;width:auto}.topbar .top-tabs{display:flex;gap:20px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.topbar .top-tabs::-webkit-scrollbar{display:none}.topbar .top-tabs a{text-decoration:none;opacity:.86}.topbar .top-tabs a.active{opacity:1;font-weight:600}:root{--bottom-nav-safe: 84px}html,body{margin:0;padding:0;background-color:#000!important;color:#fff;overscroll-behavior:none;-webkit-overflow-scrolling:touch;min-height:100%}#root,#app{background-color:#000!important;min-height:100vh}:root{color-scheme:dark}html,body{margin:0;padding:0;background:#000!important;min-height:100%}#root{min-height:100svh;background:#000!important}@supports (height: 100dvh){#root{min-height:100dvh}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:-1;pointer-events:none}html,body,#root{background:#0b0b11!important;margin:0!important;padding:0!important;min-height:100%;height:auto;color:#f5f5ffeb}.app-full{background:#0b0b11!important;min-height:100vh;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.hero,.banner,.page-header,.topbar,.top-nav,.nav-blur,.glass,.blur,.hero-wrap,.hero-gradient,.header,.container-hero{background:#0c0c12!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border:none!important}