:root{--bg: #07050a;--ink: #f7f4fb;--muted: #9b93a8;--line: rgba(255, 255, 255, .1);--glass: rgba(255, 255, 255, .06);--accent: #ff3d81;--accent2: #8b5cff}html:not(.dark){--bg: #f3efe8;--ink: #1a141c;--muted: #6a6270;--line: rgba(20, 16, 28, .1);--glass: rgba(255, 255, 255, .7)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(900px 520px at 8% -8%,rgba(255,61,129,.28),transparent 58%),radial-gradient(760px 480px at 108% 8%,rgba(139,92,255,.26),transparent 55%),radial-gradient(640px 380px at 50% 110%,rgba(35,213,224,.08),transparent 50%),var(--bg)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.nav-page{max-width:430px;margin:0 auto;padding:16px 18px 28px}body.has-cta .nav-page{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.hero{padding:4px 2px 0}.kicker{margin:0 0 4px;font-size:11px;font-weight:600;letter-spacing:.34em;color:var(--accent)}.brand{margin:0;font-size:clamp(1.7rem,7.2vw,2.15rem);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:var(--ink)}.brand-sub{margin:6px 0 0;color:var(--muted);font-size:.82rem;line-height:1.45}.addr-chip{margin-top:10px;display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:6px 6px 6px 14px;border-radius:999px;border:1px solid var(--line);background:var(--glass)}.addr-chip-val{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:600;color:#ffd0e2}html:not(.dark) .addr-chip-val{color:var(--accent)}.addr-chip-btn{flex:none;appearance:none;border:0;border-radius:999px;min-height:36px;padding:0 14px;font-weight:700;font-size:.75rem;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--accent),var(--accent2))}.notice-line{margin:14px 2px 0;color:var(--muted);font-size:.8rem;line-height:1.6}.meta-line{margin:10px 2px 0;display:flex;gap:8px;font-size:.78rem;color:var(--muted)}.meta-line em{font-style:normal;color:var(--ink);word-break:break-all}.entries{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;font-size:.78rem}.entries-key{color:var(--muted)}.entries-item{color:#ffd0e2;text-decoration:none;border-bottom:1px solid rgba(255,208,226,.35)}.tabs{display:flex;gap:4px;overflow-x:auto;margin:12px 0 4px;padding-bottom:2px;scrollbar-width:none;border-bottom:1px solid var(--line)}.tabs::-webkit-scrollbar{display:none}.tab{flex:none;appearance:none;border:0;background:transparent;color:var(--muted);min-height:40px;padding:0 12px;font-size:.92rem;font-weight:600;cursor:pointer;position:relative}.tab.on{color:var(--ink)}.tab.on:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent2))}.section-title{display:flex;align-items:baseline;gap:8px;margin:8px 2px 6px;font-size:1.02rem;font-weight:700}.section-title .count{margin-left:auto;font-size:.75rem;font-weight:500;color:var(--muted)}.tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.tile{position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:16 / 10;min-height:103px;padding:0;border:0;border-radius:18px;overflow:hidden;cursor:pointer;color:#fff;text-align:left;box-shadow:0 12px 28px #00000052;transition:transform .18s ease;user-select:none;-webkit-touch-callout:none}.tile-hero{grid-column:1 / -1;aspect-ratio:2.35 / 1;min-height:118px}.tile-grid:not(:has(.tile-hero))>.tile:last-child:nth-child(odd),.tile-grid.lead-1>.tile:last-child:nth-child(2n):not(.tile-hero){grid-column:1 / -1;aspect-ratio:2.4 / 1;min-height:118px}.tile:active{transform:scale(.985)}.tile-art,.tile-shade{position:absolute;inset:0}.tile-art{background:linear-gradient(145deg,var(--g1),var(--g2));background:radial-gradient(120% 90% at 12% 8%,color-mix(in srgb,var(--g1) 80%,white) 0%,transparent 42%),radial-gradient(90% 80% at 100% 100%,var(--g3, #12010a) 0%,transparent 55%),linear-gradient(145deg,var(--g1),var(--g2))}.tile-art:before,.tile-art:after{content:"";position:absolute;inset:0;pointer-events:none}.tile[data-p="0"] .tile-art:before{background:repeating-linear-gradient(-32deg,transparent 0 18px,rgba(255,255,255,.1) 18px 19px)}.tile[data-p="1"] .tile-art:before{background:radial-gradient(circle at 78% 22%,rgba(255,255,255,.28) 0 18%,transparent 19%),radial-gradient(circle at 18% 78%,rgba(0,0,0,.22) 0 22%,transparent 23%)}.tile[data-p="2"] .tile-art:before{background-image:radial-gradient(rgba(255,255,255,.22) 1.1px,transparent 1.2px);background-size:14px 14px}.tile[data-p="3"] .tile-art:before{background:radial-gradient(ellipse 80% 55% at 50% 120%,rgba(0,0,0,.45),transparent 70%)}.tile[data-p="4"] .tile-art:before{background:repeating-linear-gradient(90deg,transparent 0 22px,rgba(255,255,255,.07) 22px 23px),repeating-linear-gradient(0deg,transparent 0 22px,rgba(255,255,255,.05) 22px 23px)}.tile[data-p="5"] .tile-art:before{background:linear-gradient(118deg,transparent 36%,rgba(255,255,255,.16) 37% 42%,transparent 43%)}.tile-art:after{inset:auto -20% -30% auto;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 68%);filter:blur(2px)}.tile-cover,.tile-preview{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;pointer-events:none}.tile-preview{z-index:2;animation:tile-preview-in .18s ease both}@keyframes tile-preview-in{0%{opacity:0}to{opacity:1}}.tile.has-cover .tile-art:before,.tile.has-cover .tile-art:after{display:none}.tile-shade{z-index:3;background:linear-gradient(180deg,#0000000a 28%,#000000b8)}.tile-rank{position:absolute;top:10px;left:10px;z-index:4;font-size:.72rem;font-weight:800;letter-spacing:.12em;color:#ffffffb8}.tile-play{position:absolute;top:9px;left:34px;z-index:4;padding:1px 6px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.04em;color:#ffffffd9;background:#00000047;border:1px solid rgba(255,255,255,.16)}.tile-badge{position:absolute;top:8px;right:8px;z-index:4;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;color:#fff;background:#00000059;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px)}.tile-badge.is-rec{background:linear-gradient(135deg,#ff3d81,#ff7a18);border-color:transparent;box-shadow:0 4px 12px #ff3d8173}.tile-badge.is-hot{background:#ff6a00;border-color:transparent}.tile-badge.is-new{background:#23d5e047;color:#d9fbff}.tile-copy{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:12px 12px 11px;display:flex;flex-direction:column;gap:6px}.tile-hero .tile-copy{padding:14px 16px 13px}.tile-name{font-size:1.02rem;font-weight:800;letter-spacing:.01em;text-shadow:0 1px 8px rgba(0,0,0,.35)}.tile-hero .tile-name{font-size:1.22rem}.tile-chips{display:flex;flex-wrap:wrap;gap:4px}.tile-chip{padding:2px 7px;border-radius:999px;font-size:10px;font-weight:700;color:#ffffffeb;background:#00000047;border:1px solid rgba(255,255,255,.16)}.tile-hero.skeleton,.tile.skeleton{background:#16121c;box-shadow:none;pointer-events:none}.tile.skeleton .tile-art,.tile.skeleton .tile-shade{background:linear-gradient(110deg,#16121c 20%,#221c2c,#16121c 70%);background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}.nav-empty{padding:56px 12px;text-align:center;color:var(--muted)}.nav-foot{margin-top:28px;text-align:center;color:var(--muted);color:color-mix(in srgb,var(--muted) 80%,transparent);font-size:.72rem;line-height:1.7}.nav-float-cta{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));z-index:50;transform:translate(-50%);width:min(394px,calc(100vw - 36px));border:0;border-radius:999px;padding:12px 16px;font-size:.88rem;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 10px 24px #ff3d8157}.nav-toast{position:fixed;left:50%;bottom:calc(72px + env(safe-area-inset-bottom));z-index:80;transform:translate(-50%,8px);opacity:0;max-width:min(86vw,420px);padding:10px 16px;border-radius:12px;background:#14101ceb;color:#fff;font-size:.86rem;font-weight:600;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.nav-toast.on{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.tile,.tile.skeleton .tile-art{animation:none!important;transition:none}}