body{color:#f5f5f5;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background-color:#0a0a0a;min-height:100vh;font-family:Montserrat,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.app-container{background:0 0;width:100%;min-height:100vh;padding-top:6px;padding-bottom:88px;position:relative;box-shadow:0 0 0 1px #ffffff0a;box-sizing:border-box!important;max-width:520px!important;margin:0 auto!important}.app-container:after{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(80% 60% at 50% 35%,#f89e2b1f 0%,#0000 45%),radial-gradient(70% 50% at 45% 55%,#f89e2b0f 0%,#0000 50%);animation:8s ease-in-out infinite exchange-pulse;position:fixed;inset:0}@keyframes exchange-pulse{0%,to{opacity:1}50%{opacity:.7}}.exchange-bg-lines{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.exchange-bg-lines:before,.exchange-bg-lines:after{content:"";background-image:radial-gradient(circle at 50% 40%,#f89e2b14 0%,#0000 10%),radial-gradient(circle at 55% 55%,#f89e2b0d 0%,#0000 8%);width:200%;height:200%;animation:12s ease-in-out infinite exchange-glow;position:absolute;top:-50%;left:-50%}@keyframes exchange-glow{0%,to{opacity:.8;transform:scale(1)translate(0)}33%{opacity:1;transform:scale(1.1)translate(2%,1%)}66%{opacity:.9;transform:scale(.95)translate(-1%,2%)}}.app-header{background:0 0;border-bottom:1px solid #ffffff0f;justify-content:center;align-items:center;gap:12px;margin-bottom:32px;padding:8px 16px;display:flex}.logo-side,.mascot-side{flex:none;align-items:center;min-width:0;display:flex}.logo-side{justify-content:flex-end}.mascot-side{justify-content:flex-start}.logo-titles{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;display:flex}.logo-img,.mascot-img{object-fit:contain;width:auto;height:6.5rem;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}@media (width>=480px){.logo-img,.mascot-img{height:7.5rem}}.logo-title{background:linear-gradient(110deg,#e85d04 0%,#f89e2b 22%,#ffb347 45%,#f89e2b 68%,#e85d04 100%) 0 0/200%;color:#0000;letter-spacing:.02em;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-family:Montserrat Alternates,sans-serif;font-size:1.0625rem;font-weight:600;line-height:1.2;animation:4s ease-in-out infinite logo-gradient}.brand-gradient-subtitle{background:linear-gradient(110deg,#312d53 0%,#4a4568 22%,#6b6585 45%,#4a4568 68%,#312d53 100%) 0 0/200%;color:#0000;letter-spacing:.02em;-webkit-background-clip:text;background-clip:text;font-family:Montserrat Alternates,sans-serif;font-size:.9375rem;font-weight:500;line-height:1.2;animation:4s ease-in-out infinite logo-gradient}@media (width>=480px){.logo-title{font-size:1.125rem}.brand-gradient-subtitle{font-size:1rem}}@keyframes logo-gradient{0%,to{background-position:0%}50%{background-position:100%}}.main-content{background:0 0;flex-direction:column;align-items:stretch;gap:32px;width:100%;max-width:520px;margin:0 auto;display:flex}.section-group{flex-direction:column;gap:16px;width:100%;padding:0 16px 8px;display:flex}.group-title{color:#b8b8b8;letter-spacing:.01em;padding-left:4px;font-family:Montserrat Alternates,sans-serif;font-size:.9375rem;font-weight:600}.tool-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tool-card-wrap{flex-direction:column;align-items:center;gap:8px;text-decoration:none;display:flex}.tool-card{aspect-ratio:1;-webkit-backdrop-filter:blur(16px);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;justify-content:center;align-items:center;width:100%;transition:all .2s;display:flex;box-shadow:inset 0 1px #ffffff1a,0 8px 32px #00000059;padding:8px!important}.tool-card:hover{background:#ffffff0f;border-color:#f89e2b;box-shadow:inset 0 1px #ffffff1a,0 12px 40px #0006}.tool-card-img{object-fit:contain;width:100%;height:100%}.tool-name{color:#f5f5f5;text-align:center;font-size:.875rem;font-weight:700}.tool-desc{color:#b8b8b8;text-align:center;font-size:.75rem}.app-footer{text-align:center;color:#b8b8b8;opacity:.4;margin-top:40px;padding:24px 0;font-size:.75rem}.promo-carousel{padding-bottom:24px!important}.carousel-container{cursor:default;perspective:1000px;backface-visibility:hidden;flex-direction:column;width:100%;min-height:180px;transition:border-color .3s;display:flex;position:relative;overflow:hidden;border-left:1px solid #ffffff14!important;padding:24px 0!important}.carousel-container:hover{border-color:#f89e2b4d!important;transform:none!important}.carousel-container.paused{border-color:#f89e2b!important;transform:none!important}.carousel-progress-container{background:#ffffff14;border-radius:1px;width:48px;height:2px;margin:20px auto 0;overflow:hidden}.carousel-progress-bar{transform-origin:0;background:#f89e2b;width:100%;height:100%;animation:5s linear forwards carousel-progress;transform:scaleX(0)}.carousel-progress-bar.stopped{opacity:.3;animation:none;transform:scaleX(1)}@keyframes carousel-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.carousel-nav-bottom{justify-content:center;align-items:center;gap:12px;width:100%;margin-top:16px;display:flex}.carousel-arrow-small{color:#ffffff4d;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 12px;font-size:24px;line-height:1;transition:all .3s;display:flex}.carousel-arrow-small:hover{color:#f89e2b;transform:scale(1.2)}.carousel-track{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform;backface-visibility:hidden;width:100%;transition:transform 1s ease-in-out;display:flex;transform:translateZ(0)}.tool-card-wrap.in-progress .tool-card{opacity:.4;filter:grayscale()blur(.5px);cursor:not-allowed;pointer-events:none}.tool-card-wrap.in-progress .tool-name{opacity:.7}.tool-card-wrap.in-progress .tool-desc{color:#ffffff59;font-weight:400}.carousel-slide{box-sizing:border-box;flex-direction:column;flex:0 0 100%;gap:12px;width:100%;padding:0 24px;display:flex}.slide-title{color:#f89e2b;letter-spacing:.01em;font-family:Montserrat Alternates,sans-serif;font-size:1.125rem;font-weight:700}.slide-text{color:#d1d1d1;opacity:.9;font-size:.9375rem;line-height:1.5}.orange-link{color:#f89e2b;pointer-events:auto;font-weight:600;text-decoration:none;transition:opacity .2s}.orange-link:hover{opacity:.8;text-decoration:underline}.carousel-dots{justify-content:center;gap:8px;margin-top:20px;display:flex}.dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:all .3s}.dot.active{background:#f89e2b;transform:scale(1.3);box-shadow:0 0 10px #f89e2b80}.fade-in{animation:.3s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (orientation:portrait) and (width<=900px){.app-container{padding-top:4px;padding-bottom:72px}.app-header{padding-top:calc(6px + env(safe-area-inset-top,0px));gap:10px;padding-bottom:6px}.logo-title{font-size:.9375rem}.logo-subtitle,.brand-gradient-subtitle{font-size:.8125rem}}@media (orientation:portrait) and (width<=900px) and (height<=640px){.tool-card{padding:6px 8px!important}}@media (width<=359px){.app-container{padding-bottom:72px;padding-left:12px;padding-right:12px}.app-header{gap:8px;padding-left:8px;padding-right:8px}.logo-title{font-size:.9375rem}.logo-subtitle,.brand-gradient-subtitle{font-size:.8125rem}.tool-card{padding:12px 10px!important}}@media (width>=320px) and (width<=479px){.app-container{padding-left:14px;padding-right:14px}}@media (width>=768px){.app-container{max-width:600px;padding-top:12px;padding-bottom:96px}.app-header{gap:16px;padding-left:20px;padding-right:20px}.logo-title{font-size:1.25rem}.logo-subtitle,.brand-gradient-subtitle{font-size:1.0625rem}.logo-img,.mascot-img{height:8rem}.main-content{max-width:600px!important}.tool-card{padding:10px!important}}@media (width>=1920px){.app-container{max-width:640px;padding-top:16px;padding-bottom:100px}.main-content{max-width:640px!important}}@media (width<=900px) and (orientation:landscape){.app-header{padding-top:calc(6px + env(safe-area-inset-top,0px));padding-bottom:6px}.logo-title{font-size:.9375rem}.logo-subtitle{font-size:.8125rem}.tool-card{padding:16px 18px!important}}@media (width<=568px) and (orientation:landscape){.logo-title{font-size:.875rem}.logo-subtitle,.brand-gradient-subtitle{font-size:.75rem}.app-header{gap:8px}}:root{--app-spacing-xs:4px;--app-spacing-sm:8px;--app-spacing-md:16px;--app-spacing-lg:24px;--app-spacing-xl:32px;--app-font-family:"Montserrat", -apple-system, BlinkMacSystemFont, sans-serif;--app-font-family-chinese:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--base-font-size:16px;--exchange-accent:#f89e2b;--exchange-accent-dim:#f89e2b26;--exchange-text:#f5f5f5;--exchange-text-muted:#b8b8b8;--exchange-card:#ffffff08;--exchange-card-border:#ffffff14;--exchange-card-shine:#ffffff1a;--radius:20px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--app-font-family);color:var(--exchange-text);-webkit-font-smoothing:antialiased;background-color:#0a0a0a;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}.app-container{max-width:520px;min-height:100vh;margin:0 auto;padding:24px 16px;position:relative}.app-container:before{content:"";z-index:-2;background:linear-gradient(165deg,#0a0a0a 0%,#0f0d18 40%,#1a1a1a 100%);position:fixed;inset:0}.app-container:after{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(80% 60% at 50% 35%,#f89e2b1f 0%,#0000 45%),radial-gradient(70% 50% at 45% 55%,#f89e2b0f 0%,#0000 50%);position:fixed;inset:0}.glass-card{background:var(--exchange-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--exchange-card-border);border-left:3px solid var(--exchange-accent);border-radius:var(--radius);padding:24px;transition:all .3s;box-shadow:0 8px 32px #00000059}.glass-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000073}.brand-shimmer{color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite logo-gradient}