:root{--island-spring:linear(0,0.0125,0.0458,0.0949,0.155,0.2223,0.2937,0.3666,0.4389,0.509,0.5757,0.6382,0.6959,0.7483,0.7955,0.8374,0.8741,0.9059,0.9331,0.956,0.975,0.9905,1.0029,1.0126,1.0198,1.025,1.0285,1.0306,1.0315,1.0314,1.0306,1.0292,1.0275,1.0254,1.0232,1.0209,1.0186,1.0164,1.0142,1.0122,1.0103,1.0086,1.007,1.0057,1.0044,1.0034,1.0024,1.0017,1);--island-spring-duration:0.653s;--island-spring-soft:linear(0,0.0074,0.0274,0.0573,0.0945,0.1371,0.1833,0.2317,0.2813,0.331,0.3801,0.4281,0.4745,0.5189,0.5612,0.6011,0.6386,0.6736,0.7062,0.7363,0.764,0.7895,0.8128,0.834,0.8533,0.8707,0.8865,0.9006,0.9133,0.9247,0.9348,0.9438,0.9517,0.9588,0.9649,0.9704,0.9751,0.9793,0.9828,0.986,0.9886,0.9909,0.9929,0.9945,0.9959,0.9971,0.9981,0.9989,1);--island-spring-soft-duration:0.444s;--island-spring-pop:linear(0,0.0197,0.0715,0.1457,0.2343,0.3305,0.4287,0.5249,0.6158,0.6994,0.7743,0.8397,0.8954,0.9417,0.9791,1.0083,1.0302,1.0457,1.0558,1.0614,1.0633,1.0624,1.0593,1.0548,1.0493,1.0432,1.037,1.0309,1.0251,1.0197,1.0149,1.0107,1.0071,1.004,1.0016,0.9997,0.9982,0.9972,0.9965,0.9961,0.996,0.996,0.9962,0.9965,0.9968,0.9972,0.9976,0.998,1);--island-spring-pop-duration:0.952s;--island-duration:var(--island-spring-duration);--island-max-w:min(920px,calc(100vw - 24px))}@supports not (transition-timing-function:linear(0,1)){:root{--island-spring:cubic-bezier(0.32,1.12,0.4,1);--island-spring-soft:cubic-bezier(0.33,1,0.68,1);--island-spring-pop:cubic-bezier(0.34,1.32,0.5,1)}}.header.dynamic-island{position:fixed;top:max(12px,env(safe-area-inset-top,0px));left:0;right:0;z-index:1000;margin-inline:auto;width:fit-content;max-width:var(--island-max-w);border-radius:999px;background-color:var(--island-bg);background:var(--island-bg);backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate;overflow:hidden;box-shadow:0 0 0 0.5px rgb(var(--ink-rgb) / 0.14),0 2px 8px rgb(var(--shade-rgb) / 0.45),0 8px 24px rgb(var(--shade-rgb) / 0.65);transform-origin:center top;transition:box-shadow var(--island-duration) ease,width var(--island-duration) var(--island-spring),max-width var(--island-duration) var(--island-spring);animation:islandDropIn var(--island-spring-pop-duration) var(--island-spring-pop) both}.header.dynamic-island.is-morphing{will-change:width,height}.header.dynamic-island:not(.is-compact){width:var(--island-max-w)}.header.dynamic-island.is-compact{cursor:pointer}.header.dynamic-island.is-compact.is-open,.header.dynamic-island.is-compact.is-morphing{cursor:default}.header.dynamic-island::before{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--island-bg);z-index:-1;pointer-events:none}.header.dynamic-island::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgb(var(--ink-rgb) / 0.06) 0%,transparent 40%);pointer-events:none}@keyframes islandDropIn{from{transform:translateY(-4px) scale(0.38,0.62);opacity:0;filter:blur(8px)}to{transform:none;opacity:1;filter:none}}.header.dynamic-island,.header.dynamic-island *{white-space:nowrap;word-break:normal;overflow-wrap:normal}.header.dynamic-island .header-container{position:static;display:grid;grid-template:1fr / 1fr;align-items:center;margin:0;padding:10px 14px 10px 16px;gap:12px}.header.dynamic-island.is-compact:not(.is-open) .header-container{padding:10px 22px;gap:0}.header.dynamic-island.is-compact.is-open .header-container{padding:10px 12px;gap:8px}.header.dynamic-island{--island-row-out:0.16s;--island-row-in:var(--island-spring-pop-duration);--island-row-in-delay:0.08s}.header.dynamic-island .island-compact-row,.header.dynamic-island .island-expanded-row{grid-area:1 / 1;display:flex;align-items:center;min-width:0;overflow:hidden;transition:opacity var(--island-row-out) ease-out,transform var(--island-row-out) ease-out,filter var(--island-row-out) ease-out,visibility 0s linear var(--island-row-out)}.header.dynamic-island.is-compact:not(.is-open) .island-compact-row,.header.dynamic-island:not(.is-compact) .island-expanded-row,.header.dynamic-island.is-compact.is-open .island-expanded-row{visibility:visible;transition:opacity var(--island-spring-soft-duration) var(--island-spring-soft) var(--island-row-in-delay),transform var(--island-row-in) var(--island-spring-pop) var(--island-row-in-delay),filter var(--island-spring-soft-duration) var(--island-spring-soft) var(--island-row-in-delay),visibility 0s}.header.dynamic-island .island-compact-row{justify-content:center;gap:10px;max-width:0;opacity:0;visibility:hidden;pointer-events:none;transform:scale(0.82);filter:blur(6px)}.header.dynamic-island.is-compact:not(.is-open) .island-compact-row{max-width:320px;opacity:1;visibility:visible;pointer-events:auto;transform:none;filter:none}.header.dynamic-island .island-expanded-row{justify-content:space-between;gap:12px;max-width:320px;opacity:1;visibility:visible;pointer-events:auto;transform:none;filter:none}.header.dynamic-island:not(.is-compact) .island-expanded-row,.header.dynamic-island.is-compact.is-open .island-expanded-row{max-width:var(--island-max-w)}.header.dynamic-island.is-compact:not(.is-open) .island-expanded-row{max-width:0;opacity:0;visibility:hidden;pointer-events:none;transform:scale(0.9);filter:blur(6px)}.header.dynamic-island:not(.is-compact) .island-compact-row{max-width:0;opacity:0;visibility:hidden;pointer-events:none;transform:scale(0.82);filter:blur(6px)}.header.dynamic-island .logo-section,.header.dynamic-island .logo{flex-shrink:0}.header.dynamic-island .logo-icon{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid rgb(var(--ink-rgb) / 0.24)}.header.dynamic-island .island-pulse{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 8px rgb(143 179 154 / 0.7);flex-shrink:0;animation:islandPulse 2s ease-in-out infinite}@keyframes islandPulse{0%,100%{opacity:1}50%{opacity:0.5}}.header.dynamic-island .island-page-label{font-size:14px;font-weight:500;color:rgb(var(--ink-rgb) / 0.75);white-space:nowrap}.header.dynamic-island .nav-links{display:flex;align-items:center;gap:4px;flex:1;justify-content:center;min-width:0}.header.dynamic-island .nav-links .nav-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;border-radius:999px;color:rgb(var(--ink-rgb) / 0.65) !important;white-space:nowrap;flex-shrink:0;text-decoration:none}.header.dynamic-island .nav-links .nav-link span{white-space:nowrap}.header.dynamic-island .nav-link-icon{width:14px;height:14px;flex-shrink:0;opacity:0.75}.header.dynamic-island .nav-links .nav-link.active{color:var(--text-primary) !important;background:rgb(var(--ink-rgb) / 0.16)}.header.dynamic-island .nav-link::before{display:none}.header.dynamic-island .header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.header.dynamic-island .download-header-btn,.header.dynamic-island .login-header-btn,.header.dynamic-island .topup-btn,.header.dynamic-island .logout-header-btn{border-radius:999px;flex-shrink:0}.header.dynamic-island .download-header-btn{display:inline-flex;align-items:center;background:rgb(var(--ink-rgb) / 0.95);padding:6px 12px;font-size:13px;max-width:160px;min-width:0}.header.dynamic-island .download-header-btn .header-auth-avatar{width:26px;height:26px;border-radius:50%;margin-right:8px;object-fit:cover;flex-shrink:0}.header.dynamic-island .download-header-btn .header-auth-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.header.dynamic-island .user-balance{border-radius:999px;padding:6px 12px;font-size:12px;white-space:nowrap;flex-shrink:0;background:rgb(var(--ink-rgb) / 0.08);border:1px solid rgb(var(--ink-rgb) / 0.1)}.header.dynamic-island .nav-links .nav-link::after{display:none}.header.dynamic-island.is-fit-actions .header-right .hdr-label,.header.dynamic-island.is-fit-actions .header-right .balance-label{display:none}.header.dynamic-island.is-fit-actions .site-nav .header-right .hdr-btn:not(.hdr-btn--static):not(.hdr-account){width:36px;padding:0}.header.dynamic-island.is-fit-brand .site-nav .logo-text{display:none}.header.dynamic-island.is-fit-nav .nav-links .nav-link{padding:8px 10px}.header.dynamic-island.is-fit-nav .nav-links .nav-link span{display:none}.header.dynamic-island.is-fit-nav .nav-link-icon{width:16px;height:16px}.header.dynamic-island.is-fit-tight .header-container{padding-left:12px;padding-right:10px}.header.dynamic-island.is-fit-tight .site-nav{column-gap:4px}.header.dynamic-island.is-fit-tight .site-nav .logo-section{gap:6px}.header.dynamic-island.is-fit-tight .site-nav .logo-icon{width:28px;height:28px}.header.dynamic-island.is-fit-tight .nav-links{gap:0}.header.dynamic-island.is-fit-tight .nav-links .nav-link{padding:8px 7px}.header.dynamic-island.is-fit-tight .site-nav .header-right{gap:4px}.header.dynamic-island.is-fit-tight .site-nav .header-right .hdr-btn{height:34px}.header.dynamic-island.is-fit-tight .site-nav .header-right .hdr-btn:not(.hdr-btn--static):not(.hdr-account){width:34px}.header.dynamic-island.is-fit-tight .site-nav .user-balance{padding:0 9px;font-size:12.5px}@media (max-width:768px){.header.dynamic-island{background-color:var(--island-bg);background:var(--island-bg);backdrop-filter:none;-webkit-backdrop-filter:none;top:max(14px,env(safe-area-inset-top,0px))}.header.dynamic-island .header-container{padding:12px 16px 12px 18px;gap:10px}.header.dynamic-island.is-compact:not(.is-open) .header-container{padding:12px 24px}.header.dynamic-island.is-compact.is-open .header-container{padding:12px 14px;gap:10px}.header.dynamic-island,.header.dynamic-island:not(.is-compact),.header.dynamic-island.is-compact,.header.dynamic-island.is-compact.is-open{width:fit-content;max-width:calc(100vw - 20px)}.header.dynamic-island .logo-text{display:none}.header.dynamic-island .logo-icon{width:30px;height:30px}.header.dynamic-island .island-pulse{width:8px;height:8px}.header.dynamic-island .island-page-label{font-size:15px}.header.dynamic-island .island-compact-row{gap:12px}.header.dynamic-island.is-compact:not(.is-open) .island-compact-row{max-width:360px}.header.dynamic-island .island-expanded-row{flex-wrap:nowrap;gap:8px;max-width:calc(100vw - 36px)}.header.dynamic-island .nav-links{flex:0 1 auto;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px}.header.dynamic-island .nav-links::-webkit-scrollbar{display:none}.header.dynamic-island .nav-links .nav-link{padding:9px 12px;font-size:13px}.header.dynamic-island .nav-links .nav-link span{display:none}.header.dynamic-island .nav-link-icon{width:18px;height:18px}.header.dynamic-island .header-right{gap:8px}.header.dynamic-island .user-balance{padding:9px 12px;font-size:13px}.header.dynamic-island .user-balance .balance-label{display:none}.header.dynamic-island .topup-btn,.header.dynamic-island .login-header-btn{padding:10px 12px;font-size:0}.header.dynamic-island .topup-btn svg,.header.dynamic-island .login-header-btn svg{width:19px;height:19px}.header.dynamic-island .download-header-btn{padding:6px;max-width:none}.header.dynamic-island .download-header-btn .header-auth-name{display:none}.header.dynamic-island .download-header-btn .header-auth-avatar{width:32px;height:32px;margin-right:0}body:has(.header.dynamic-island){padding-top:88px !important}.header.dynamic-island~.main-content,.header.dynamic-island + .main-content{padding-top:18px !important}}@media (hover:hover) and (pointer:fine) and (min-width:769px){.header.dynamic-island.is-compact.is-open{width:var(--island-max-w)}}.header.dynamic-island.is-morphing .header-container>:is(.island-compact-row,.island-expanded-row){position:absolute;top:50%;left:50%;translate:-50% -50%;width:var(--island-row-w);max-width:none}@media (prefers-reduced-motion:reduce){.header.dynamic-island,.header.dynamic-island.is-morphing,.header.dynamic-island .header-container,.header.dynamic-island .island-compact-row,.header.dynamic-island .island-expanded-row{animation:none !important;transition:none !important;will-change:auto !important}}.lang-switch{display:inline-flex;align-items:center;flex-shrink:0;padding:3px;gap:2px;border:1px solid var(--border-strong);border-radius:999px;background:var(--bg-secondary)}.lang-switch-option{min-width:30px;padding:4px 8px;border-radius:999px;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:0.04em;line-height:1.2;text-align:center;text-decoration:none;transition:color 0.15s ease,background-color 0.15s ease}.lang-switch-option:hover{color:var(--text-primary)}.lang-switch-option:focus-visible{outline:none;box-shadow:var(--focus-ring)}.lang-switch-option.is-active{background:var(--primary);color:var(--primary-ink)}.header.dynamic-island .site-nav .logo-section{display:flex;align-items:center;gap:14px}@media (max-width:768px){.header.dynamic-island .site-nav .logo-section{gap:8px}.header.dynamic-island .lang-switch{padding:2px}.header.dynamic-island .lang-switch-option.is-active{display:none}.header.dynamic-island .lang-switch-option{min-width:34px;padding:6px 8px}}.lang-switch--floating{position:fixed;top:14px;right:14px;z-index:50;display:flex;align-items:center;gap:8px}.appearance-menu{position:relative;flex-shrink:0}.appearance-toggle{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--border-strong);border-radius:50%;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;list-style:none;transition:color 0.15s ease,border-color 0.15s ease}.appearance-toggle::-webkit-details-marker{display:none}.appearance-toggle::marker{content:''}.appearance-toggle:hover,.appearance-menu[open] .appearance-toggle{color:var(--primary);border-color:rgb(var(--primary-rgb) / 0.5)}.appearance-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.appearance-panel{position:absolute;top:calc(100% + 12px);left:0;z-index:1100;width:340px;padding:14px;border:1px solid var(--border-strong);border-radius:16px;background:var(--bg-card);box-shadow:0 18px 50px rgba(0,0,0,0.35);color:var(--text-primary)}.lang-switch--floating .appearance-panel{left:auto;right:0}.appearance-heading{margin:0 0 8px;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase}.appearance-heading:not(:first-child){margin-top:14px}.appearance-themes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.appearance-theme{display:grid;gap:6px;justify-items:center;color:var(--text-secondary);font-size:11.5px;text-align:center;text-decoration:none}.appearance-preview{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border:1px solid var(--border-strong);border-radius:10px;background:var(--p-page);transition:border-color 0.15s ease,box-shadow 0.15s ease}.appearance-preview span:first-child{position:absolute;inset:32% 12% 12%;border-radius:5px;background:var(--p-card)}.appearance-preview span:last-child{position:absolute;left:20%;right:38%;top:46%;height:4px;border-radius:2px;background:var(--p-text)}.appearance-preview--ocean{background:linear-gradient(100deg,transparent 18%,rgb(255 255 255 / 0.22) 24%,transparent 32%,transparent 58%,rgb(255 255 255 / 0.16) 64%,transparent 70%),linear-gradient(180deg,#2a9ac0,var(--p-page) 55%,#052638)}.appearance-preview--ocean span:first-child{background:rgb(4 34 52 / 0.55)}.appearance-preview--space{background:radial-gradient(1px 1px at 18% 22%,#fff 99%,transparent),radial-gradient(1px 1px at 72% 14%,#dfe6ff 99%,transparent),radial-gradient(1.5px 1.5px at 84% 40%,#fff 99%,transparent),radial-gradient(1px 1px at 40% 10%,#ffe9cc 99%,transparent),radial-gradient(140% 70% at 50% 135%,#3a7bd5 0 38%,#9fd0ff 41%,transparent 44%),radial-gradient(90% 70% at 75% 15%,rgb(150 70 160 / 0.45),transparent 70%),var(--p-page)}.appearance-preview--space span:first-child{background:rgb(12 14 36 / 0.6)}.appearance-preview--halloween{background:radial-gradient(12% 16% at 76% 22%,#fff3d6 0 60%,rgb(255 220 160 / 0.35) 75%,transparent 100%),linear-gradient(180deg,transparent 72%,#08050c 72%),radial-gradient(60% 40% at 30% 80%,rgb(255 140 40 / 0.35),transparent 70%),linear-gradient(180deg,#3a2352,var(--p-page) 70%)}.appearance-preview--halloween span:first-child{background:rgb(24 14 34 / 0.62)}.appearance-preview--system{background:linear-gradient(135deg,var(--p-page) 50%,var(--p-card) 50%)}.appearance-preview--system span:first-child{background:rgb(128 120 110 / 0.35)}.appearance-theme:hover .appearance-preview{border-color:rgb(var(--primary-rgb) / 0.6)}.appearance-theme.is-active{color:var(--text-primary);font-weight:600}.appearance-theme.is-active .appearance-preview{border-color:var(--primary);box-shadow:0 0 0 2px rgb(var(--primary-rgb) / 0.35)}.appearance-accents{display:flex;gap:10px}.appearance-accent{width:28px;height:28px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px rgb(var(--ink-rgb) / 0.18);transition:transform 0.15s ease,box-shadow 0.15s ease}.appearance-accent[data-appearance-accent="auto"]{background:conic-gradient(#c08a5b 0 50%,#6a9be0 50% 100%)}.appearance-accent:hover{transform:scale(1.08)}.appearance-accent.is-active{box-shadow:0 0 0 2px var(--bg-card),0 0 0 4px var(--text-primary)}.appearance-accent:focus-visible,.appearance-theme:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:10px}.appearance-language{display:none;margin-top:14px}.appearance-panel.is-floating{position:fixed;z-index:2000}@media (max-width:768px){.header.dynamic-island .appearance-toggle{width:30px;height:30px}.header.dynamic-island .logo-section>.lang-switch{display:none}.appearance-language{display:block}.appearance-panel .appearance-language .lang-switch-option.is-active{display:inline-block}.appearance-panel{width:min(340px,calc(100vw - 20px))}}:root[data-theme="light"] .header.dynamic-island{box-shadow:0 0 0 1px var(--island-border),0 10px 30px rgb(70 48 28 / 0.08)}