:root{--bg:#0d0d12;--bg-soft:#14141c;--card:#17171f;--card-2:#1d1d27;--line:#262633;--text:#f4f2f8;--text-dim:#9a98ac;--text-faint:#6c6a7d;--accent:#ff2d78;--accent-2:#ff7ab8;--gold:#ffce5c;--green:#2ee68a;--radius:16px;--radius-sm:10px;--max-w:560px;--tabbar-h:60px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}body{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.safe-area{max-width:var(--max-w);margin:0 auto;min-height:100vh;position:relative;padding-bottom:calc(var(--tabbar-h) + 16px)}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(13,13,18,.82);border-bottom:1px solid var(--line);padding:14px 18px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.app-header h1{font-size:22px;font-weight:800;letter-spacing:-.5px}.app-header h1 span{color:var(--accent)}.app-header .sub{font-size:12px;color:var(--text-dim);font-weight:500}.pill{background:var(--accent);font-size:11px;padding:4px 10px;border-radius:999px;letter-spacing:.3px}.btn,.pill{color:#fff;font-weight:700}.btn{border:none;border-radius:999px;padding:11px 20px;font-size:14px;transition:transform .08s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2))}.btn-ghost{background:var(--card-2);color:var(--text);border:1px solid var(--line)}.btn-soft{background:rgba(255,45,120,.14);color:var(--accent-2)}.btn-gold{background:linear-gradient(135deg,#ffb020,var(--gold));color:#1a1404}.btn-block{width:100%}.btn[disabled]{opacity:.5;cursor:default}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.avatar{border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;letter-spacing:.5px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:linear-gradient(135deg,hsl(var(--hue) 70% 45%),hsl(calc(var(--hue) + 40) 80% 30%));box-shadow:inset 0 -8px 20px rgba(0,0,0,.3)}.hero-media{width:100%;aspect-ratio:4/5;display:grid;place-items:center;position:relative;overflow:hidden;color:#fffd;font-size:64px;background:linear-gradient(160deg,hsl(var(--hue) 65% 40%),hsl(calc(var(--hue) + 45) 85% 22%) 70%)}.hero-media:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 20% 10%,rgba(255,255,255,.22),transparent 55%),radial-gradient(120% 100% at 90% 100%,rgba(0,0,0,.45),transparent 60%)}.hero-media>*{position:relative;z-index:1}.media{width:100%;display:grid;place-items:center;color:#fffe;font-size:30px;background:linear-gradient(150deg,hsl(var(--hue) 60% 38%),hsl(calc(var(--hue) + 40) 70% 20%) 75%)}.section{padding:18px 18px 4px}.section-title{font-size:16px;font-weight:800;letter-spacing:-.2px;display:flex;align-items:center;gap:8px;margin-bottom:12px}.section-title .more{margin-left:auto;font-size:12px;color:var(--text-dim);font-weight:600}.hscroll{display:flex;gap:12px;overflow-x:auto;padding:2px 18px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hscroll::-webkit-scrollbar{display:none}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;padding:2px 18px 8px}.tabbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--max-w);height:var(--tabbar-h);background:rgba(17,17,24,.92);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);display:flex;align-items:stretch;z-index:50}.tabbar a{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:700;color:var(--text-faint)}.tabbar a.active{color:var(--accent)}.tabbar .ic{font-size:20px;line-height:1}.text-dim{color:var(--text-dim)}.text-faint{color:var(--text-faint)}.stars{color:var(--gold);font-weight:800}.row{display:flex;align-items:center;gap:8px}.grow{flex:1 1}.tag{background:var(--card-2);color:var(--text-dim);font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px;border:1px solid var(--line)}.avatar-ring{border-radius:50%;padding:2.5px;background:linear-gradient(135deg,var(--accent),var(--gold))}.avatar-ring.off{background:var(--line)}.badge{font-size:10px;font-weight:800;padding:3px 8px;border-radius:6px;background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:.4px}.badge.alt{background:var(--card-2);color:var(--text-dim)}.divider{height:1px;background:var(--line);margin:12px 0}.muted-line{background:var(--card-2);border:1px dashed var(--line);border-radius:var(--radius-sm);padding:12px;color:var(--text-faint);font-size:12px}.skeleton-tip{font-size:11px;color:var(--text-faint);text-align:center;padding:8px 20px 0}