:root{--brand:#3b82f6;--brand-light:#60a5fa;--brand-bg:#eff6ff;--radius:12px;--radius-lg:16px;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--bg-body:#eff6ff;--bg-card:#ffffffeb}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#3b82f60d 0%,#0000 70%);border-radius:50%;width:480px;height:480px;position:fixed;top:-180px;right:-180px}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#60a5fa0a 0%,#0000 70%);border-radius:50%;width:380px;height:380px;position:fixed;bottom:-120px;left:-120px}.gradient-header{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 40%,#60a5fa 70%,#93c5fd 100%) 0 0/300% 300%;animation:8s infinite gradientShift;position:relative;overflow:hidden}.gradient-header:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1f 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-50%;right:-30%}.gradient-header:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:160px;height:160px;position:absolute;bottom:-40%;left:-20%}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);border:1px solid #fffc;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #3b82f60a,0 1px 3px #0000000a}.glass-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #3b82f614,0 2px 6px #0000000f}.glass-card:active{transform:scale(.99)translateY(0)}.fade-in{animation:.35s fadeIn}.slide-up{animation:.35s slideUp}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}button{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button:active{transform:scale(.96)}.breath-ring{filter:drop-shadow(0 0 20px #3b82f64d);transition:transform .1s linear}.bottom-nav{padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(20px);z-index:100;background:#fffffff2;border-top:1px solid #e2e8f080;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav:before{content:"";background:linear-gradient(90deg,#0000,#3b82f64d,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.bottom-nav a{color:#94a3b8;cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 14px;font-size:11px;text-decoration:none;transition:all .2s;display:flex;position:relative}.bottom-nav a:active{background:#3b82f614;transform:scale(.93)}.bottom-nav a.active{color:var(--brand);font-weight:600}.bottom-nav a.active:after{content:"";background:var(--brand);border-radius:0 0 3px 3px;width:20px;height:3px;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.nav-icon{font-size:20px;line-height:1;transition:transform .2s}.bottom-nav a.active .nav-icon{transform:scale(1.1)}.toast{border-radius:var(--radius);z-index:1000;padding:12px 24px;font-size:14px;font-weight:500;animation:.3s slideDown;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #3b82f61f}.toast-success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=430px){.gradient-header{border-radius:0 0 24px 24px!important;padding:28px 16px 24px!important}.glass-card{padding:14px!important}}.noise-btn{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:80px;height:80px;font-size:32px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 6px #0000000a}.noise-btn:hover{transform:scale(1.06);box-shadow:0 4px 12px #3b82f61f}.noise-btn:active{transform:scale(.92)}.noise-btn.active{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626,0 2px 8px #3b82f633}.welcome-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg,#3b82f60f,#60a5fa0a);border:1px solid #3b82f614;align-items:center;gap:14px;margin-bottom:14px;padding:16px 20px;display:flex}.welcome-banner .welcome-icon{flex-shrink:0;font-size:32px}.welcome-banner .welcome-text{color:#475569;font-size:14px;line-height:1.6}.welcome-banner .welcome-text strong{color:#3b82f6;font-weight:600}