:root{--bg:#17130f;--bg-soft:#211b15;--card:#241d16;--card-2:#2c241b;--border:#3a2f24;--text:#f3ece2;--text-dim:#b7a892;--text-mute:#8a7c6a;--accent:#f5b301;--accent-ink:#2a1d00;--danger:#e5484d;--success:#37b24d;--info:#4dabf7;--radius:14px;--radius-sm:9px;--shadow:0 6px 20px #00000059;--maxw:500px}:root[data-theme=light]{--bg:#f4f1ec;--bg-soft:#fff;--card:#fff;--card-2:#f6f2ea;--border:#e6ded2;--text:#241d16;--text-dim:#6b5f4f;--text-mute:#94897a;--accent:#e8a200;--accent-ink:#fff;--danger:#e5484d;--shadow:0 4px 16px #00000014}*{box-sizing:border-box}html,body,#app{height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,a,[role=button],.card{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:16px}.mobile-shell{width:100%;max-width:var(--maxw);background:var(--bg);min-height:100%;margin:0 auto;position:relative}.btn{border-radius:var(--radius-sm);background:var(--card-2);color:var(--text);border:none;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:9px 14px;font-size:14px;transition:opacity .15s,transform 50ms;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-ink);font-weight:600}.btn-danger{background:var(--danger);color:#fff}.btn-block{width:100%}.btn-sm{padding:6px 10px;font-size:13px}.badge{border-radius:6px;padding:1px 6px;font-size:11px;font-weight:600;line-height:1.6;display:inline-block}.badge-recommend{background:var(--danger);color:#fff}.badge-new{background:var(--accent);color:var(--accent-ink)}.badge-top{color:#fff;background:#7048e8}.badge-rank{background:var(--accent);color:var(--accent-ink)}.skeleton{background:linear-gradient(90deg, var(--card) 25%, var(--card-2) 37%, var(--card) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.3s infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.spin{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite rot}@keyframes rot{to{transform:rotate(360deg)}}.toast-wrap{z-index:9999;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast{color:#fff;box-shadow:var(--shadow);background:#000000d9;border-radius:20px;margin-bottom:8px;padding:9px 16px;font-size:13px}.empty{text-align:center;color:var(--text-mute);padding:48px 16px}.toast-enter-active,.toast-leave-active{transition:all .25s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(-8px)}