:root{--bg-page: #0a0a0c;--bg-card: #131315;--bg-card-active: #1c1c1f;--bg-card-hover: #1a1a1d;--bg-input: #161618;--bg-modal: #161618;--accent: #f15a13;--accent-hover: #d94e0f;--accent-ghost: rgba(241, 90, 19, .12);--accent-shadow: rgba(241, 90, 19, .3);--accent-08: rgba(241, 90, 19, .08);--accent-12: rgba(241, 90, 19, .12);--accent-14: rgba(241, 90, 19, .14);--accent-20: rgba(241, 90, 19, .2);--accent-30: rgba(241, 90, 19, .3);--accent-35: rgba(241, 90, 19, .35);--accent-45: rgba(241, 90, 19, .45);--accent-55: rgba(241, 90, 19, .55);--text-primary: #fff;--text-secondary: #c8c8cd;--text-tertiary: #8a8a90;--text-muted: #6f6f75;--text-on-accent: #fff;--indicator-on-dark: #fff;--border-subtle: rgba(255, 255, 255, .06);--border-input: #2a2a2e;--border-card-hover: rgba(255, 255, 255, .1);--border-hairline: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .1);--overlay-scrim: rgba(0, 0, 0, .65);--overlay-scrim-soft: rgba(0, 0, 0, .45);--ambient-1: rgba(241, 90, 19, .1);--ambient-2: rgba(255, 51, 102, .07);--banner-h: 32px;--banner-bg: color-mix(in srgb, var(--accent) 16%, var(--bg-page));--banner-fg: #fff;--z-banner: calc(var(--z-sticky) + 10);--glass-bg: rgba(24, 24, 27, .66);--glass-border: rgba(255, 255, 255, .09);--glass-blur: 16px;--glass-saturate: 140%;--color-today: #ff6b35;--color-hotrank: #ff3366;--color-success: #3fbf7f;--color-success-light: #9df0b5;--color-warn: #ffb46b;--color-warn-deep: #ffb03a;--color-danger: #f15a13;--accent-grad-from: #ff7d1a;--accent-grad-to: #ff5a00;--accent-inset: rgba(0, 0, 0, .18);--mask-solid: #000;--fs-3xs: 10px;--fs-2xs: 11px;--fs-xs: 12px;--fs-sm: 12.5px;--fs-base: 13px;--fs-md: 14px;--fs-lg: 15px;--fs-xl: 16px;--fs-2xl: 18px;--fs-3xl: 22px;--fs-4xl: 26px;--fs-hero: 30px;--fs-display: 54px;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 800;--lh-flat: 1.05;--lh-tight: 1.2;--lh-snug: 1.35;--lh-normal: 1.6;--lh-relaxed: 1.75;--lh-loose: 2;--container-sm: 430px;--container-md: 720px;--container-xl: 1400px;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-3-5: 14px;--space-4: 16px;--space-4-5: 18px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--section-gap: var(--space-4);--section-gap-lg: 20px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--radius-circle: 50%;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-card: 0 4px 16px rgba(0, 0, 0, .35);--shadow-md: 0 6px 20px rgba(0, 0, 0, .35);--shadow-float: 0 12px 40px rgba(0, 0, 0, .45);--shadow-lg: 0 18px 48px rgba(0, 0, 0, .45);--accent-coin: #ffb800;--accent-coin-light: #ffd089;--accent-coin-deep: #4a3200;--accent-invite: #ff9500;--accent-promo: #ff5a00;--tier-gold-1: #ffd700;--tier-gold-2: #ffaa00;--tier-gold-3: #ffa500;--tier-gold-ink: #4a3200;--tier-silver-1: #e8e8e8;--tier-silver-2: #b0b0b0;--tier-silver-3: #c0c0c0;--tier-silver-4: #999999;--tier-silver-ink: #2b2b2b;--tier-bronze-1: #f0a060;--tier-bronze-2: #c06030;--tier-copper-1: #cd7f32;--tier-copper-2: #a0522d;--z-sticky: 100;--z-dropdown: 300;--z-modal: 1000;--z-toast: 1100;--z-overlay: 1200;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--tap-min: 44px;--ease-out-quart: cubic-bezier(.22, 1, .36, 1);--ease-out-soft: cubic-bezier(.33, 1, .68, 1);--poster-ratio: 145%;--thumb-ratio: 66.67%}html.light{--bg-page: #f5f6f8;--bg-card: #ffffff;--bg-card-active: #f0f2f5;--bg-card-hover: #f7f8fa;--bg-input: #f2f4f7;--bg-modal: #ffffff;--accent: #cf4a12;--accent-hover: #b8400e;--accent-ghost: rgba(207, 74, 18, .1);--accent-shadow: rgba(207, 74, 18, .22);--accent-08: rgba(207, 74, 18, .08);--accent-12: rgba(207, 74, 18, .1);--accent-14: rgba(207, 74, 18, .12);--accent-20: rgba(207, 74, 18, .18);--accent-30: rgba(207, 74, 18, .26);--accent-35: rgba(207, 74, 18, .3);--accent-45: rgba(207, 74, 18, .4);--accent-55: rgba(207, 74, 18, .5);--text-primary: #1a1d21;--text-secondary: #454b54;--text-tertiary: #5c636c;--text-muted: #697079;--border-subtle: rgba(15, 23, 42, .06);--border-input: #dfe2e7;--border-card-hover: rgba(15, 23, 42, .12);--border-hairline: rgba(15, 23, 42, .07);--border-strong: rgba(15, 23, 42, .14);--overlay-scrim: rgba(15, 23, 42, .45);--overlay-scrim-soft: rgba(15, 23, 42, .3);--ambient-1: rgba(207, 74, 18, .07);--ambient-2: rgba(194, 24, 91, .05);--banner-bg: color-mix(in srgb, var(--accent) 8%, var(--bg-page));--banner-fg: var(--text-primary);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(15, 23, 42, .08);--glass-blur: 16px;--glass-saturate: 130%;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .06);--shadow-card: 0 4px 16px rgba(15, 23, 42, .08);--shadow-md: 0 6px 20px rgba(15, 23, 42, .1);--shadow-float: 0 12px 40px rgba(15, 23, 42, .14);--shadow-lg: 0 18px 48px rgba(15, 23, 42, .16);--color-today: #c2410c;--color-hotrank: #c2185b;--color-success: #1a7f5a;--color-warn: #b4530a;--color-danger: #b3261e;--accent-coin: #7a5600;--accent-coin-light: #8a6100;--accent-grad-from: #cf4a12;--accent-grad-to: #a93a0b;--accent-invite: #b8400e;--accent-promo: #a93a0b}*{box-sizing:border-box}@media (max-width: 640px){html{overscroll-behavior-y:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent}input,textarea,select{font-size:var(--fs-xl)}}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none;width:0;height:0}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}body{margin:0;background:var(--bg-page);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;transition:background .35s,color .35s}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(80% 34% at 50% 0%,var(--ambient-1),transparent 70%),radial-gradient(50% 30% at 0% 0%,var(--ambient-2),transparent 70%),radial-gradient(50% 30% at 100% 0%,var(--ambient-2),transparent 70%)}#app{min-height:100vh;min-height:100dvh}.page{width:100%;max-width:var(--container-sm);margin:0 auto;min-height:100vh;min-height:100dvh;padding-top:0;padding-left:calc(var(--space-3-5) + var(--safe-left));padding-right:calc(var(--space-3-5) + var(--safe-right));padding-bottom:calc(var(--space-8) + var(--safe-bottom))}@media (min-width: 768px){.page{max-width:var(--container-md);padding-left:var(--space-6);padding-right:var(--space-6);padding-bottom:var(--space-10)}}@media (min-width: 1024px){.page{max-width:var(--container-xl);padding-left:var(--space-8);padding-right:var(--space-8);padding-bottom:var(--space-12)}}.page-title{margin:0;font-size:var(--fs-3xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--text-primary)}.section-title{margin:0;font-size:var(--fs-2xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--text-primary)}.block-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2-5);margin-bottom:var(--space-3-5)}.block-title{display:flex;align-items:center;gap:var(--space-2);min-width:0}.block-title h3{margin:0;font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--text-primary)}.accent-bar{width:3px;height:16px;border-radius:var(--radius-pill);background:var(--accent);flex-shrink:0}.count-pill{flex-shrink:0;padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-pill);background:var(--bg-input);color:var(--text-tertiary);font-size:var(--fs-xs)}.hero-title{margin:0;font-size:var(--fs-3xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--text-primary)}.hero-desc{margin:var(--space-1) 0 0;font-size:var(--fs-base);color:var(--text-muted);line-height:var(--lh-snug)}.back-btn,.cat-back,.gal-back,.search-back{border:none;background:var(--bg-input);color:var(--text-secondary);font-size:var(--fs-base);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;margin-bottom:var(--space-2-5);transition:color .2s var(--ease-out-quart),background .2s var(--ease-out-quart)}@media (hover: hover) and (pointer: fine){.back-btn:hover,.cat-back:hover,.gal-back:hover,.search-back:hover{color:var(--accent);background:var(--accent-ghost)}}.back-btn:active,.cat-back:active,.gal-back:active,.search-back:active{opacity:.7}@media (max-width: 640px){.back-btn,.cat-back,.gal-back,.search-back{min-height:var(--tap-min);display:inline-flex;align-items:center}}.banner-bar{position:fixed;top:0;left:0;right:0;z-index:var(--z-banner);height:calc(var(--banner-h) + var(--safe-top));padding-top:var(--safe-top);display:flex;align-items:center;justify-content:center;background:var(--banner-bg);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--banner-fg);font-size:var(--fs-xs);overflow:hidden}.banner-bar:before{content:"";position:absolute;left:0;top:var(--safe-top);bottom:0;width:3px;background:var(--accent);pointer-events:none}.banner-text{white-space:nowrap;animation:bannerSlideAcross var(--slide-duration, 8s) linear forwards}@keyframes bannerSlideAcross{0%{transform:translate(100%)}to{transform:translate(-100%)}}.banner-close{position:absolute;right:var(--space-2);top:var(--safe-top);bottom:0;display:flex;align-items:center;padding:0 var(--space-2);background:none;border:none;color:var(--banner-fg);opacity:.75;font-size:var(--fs-md);cursor:pointer;line-height:var(--lh-tight)}.slide-down-enter-active,.slide-down-leave-active{transition:transform .3s,opacity .3s}.slide-down-enter-from,.slide-down-leave-to{transform:translateY(-100%);opacity:0}.brand-sub{margin:var(--space-1) 0 0;font-size:var(--fs-base);color:var(--text-tertiary)}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.search{display:flex;align-items:center;height:52px;border-radius:var(--radius-lg);background:var(--bg-input);border:1px solid var(--border-input);box-shadow:var(--shadow-sm);padding:0 var(--space-1-5) 0 var(--space-3-5);margin-bottom:var(--space-2-5);transition:border-color .2s,box-shadow .2s}.search:focus-within,.search.is-focus{border-color:var(--accent-55);box-shadow:0 0 0 3px var(--accent-12),var(--shadow-sm)}.search-input{flex:1;height:100%;background:transparent;border:none;color:var(--text-primary);font-size:var(--fs-lg);padding:0 var(--space-2-5);min-width:0;outline:none}.search-input::placeholder{color:var(--text-muted)}.search-btn{flex-shrink:0;height:40px;padding:0 var(--space-4-5);border-radius:var(--radius-md);border:none;background:linear-gradient(145deg,var(--accent-grad-from),var(--accent-promo));color:var(--text-on-accent);font-size:var(--fs-lg);font-weight:var(--fw-semibold);cursor:pointer;box-shadow:0 4px 14px var(--accent-45);transition:transform .18s,box-shadow .18s}.search-btn:active{transform:scale(.95);box-shadow:var(--shadow-sm)}.search-btn:focus-visible,.search-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.report-entry{text-align:center;margin:var(--space-2-5) 0 var(--space-1)}.report-entry-link{background:none;border:none;color:var(--text-muted);font-size:var(--fs-sm);text-decoration:underline;cursor:pointer;padding:var(--space-0-5) var(--space-2-5)}.report-entry-link:active{color:var(--text-secondary)}.report-entry-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}.tabs{display:flex;flex-wrap:wrap;gap:var(--space-2-5);margin-bottom:var(--space-4)}.tab{padding:var(--space-2-5) var(--space-3-5);border-radius:var(--radius-sm);border:1px solid var(--border-input);background:var(--bg-input);color:var(--text-secondary);font-size:var(--fs-md);cursor:pointer;transition:all .2s}@media (hover: hover) and (pointer: fine){.tab:hover{border-color:var(--accent);color:var(--text-primary)}}.tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tab.active{background:var(--accent-ghost);border-color:var(--accent);color:var(--accent);font-weight:var(--fw-semibold)}.list{display:flex;flex-direction:column;gap:var(--space-3-5)}.skeleton{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-3-5);background:var(--bg-card);border-radius:var(--radius-lg)}.empty{text-align:center;padding:var(--space-10) 0;color:var(--text-tertiary);font-size:var(--fs-md);line-height:var(--lh-normal)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4-5) 0 var(--space-1);flex-wrap:wrap}.pg{min-width:36px;height:36px;padding:0 var(--space-3);border:1px solid var(--border-input);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:var(--fs-md);cursor:pointer;transition:transform .16s var(--ease-out-soft),background .2s,color .2s,border-color .2s}@media (hover: hover) and (pointer: fine){.pg:hover:not(.disabled):not(.active){border-color:var(--accent);color:var(--text-primary)}}.pg:active:not(.disabled){transform:scale(.94)}.pg:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pg.active{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent);font-weight:var(--fw-bold);box-shadow:0 4px 14px var(--accent-ghost)}.pg.disabled{opacity:.4;cursor:default}.pg-jump{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--fs-xs);color:var(--text-muted);margin-left:var(--space-1)}.pg-jump input{width:52px;height:32px;border-radius:var(--radius-xs);border:1px solid var(--border-input);background:var(--bg-input);color:var(--text-primary);text-align:center;outline:none}.modal-mask{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease-out-soft),transform .5s var(--ease-out-soft)}.reveal.in{opacity:1;transform:translateY(0)}.poster-thumb.skeleton{position:relative;overflow:hidden}.poster-thumb.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,var(--border-strong) 50%,transparent 80%);transform:translate(-100%);animation:shimmer 1.6s infinite}@keyframes shimmer{to{transform:translate(100%)}}@keyframes shimmer-bg{0%{background-position:100% 0}to{background-position:-100% 0}}.poster-thumb .thumb-img{opacity:0;transition:opacity .4s var(--ease-out-soft)}.poster-thumb .thumb-img.loaded{opacity:1}@media (max-width: 640px){.pg{min-width:var(--tap-min);height:var(--tap-min)}.pg-jump input{height:var(--tap-min)}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){:root,html.light{--glass-bg: var(--bg-card);--glass-blur: 0px}}@media (prefers-reduced-transparency: reduce){:root,html.light{--glass-bg: var(--bg-card);--glass-blur: 0px}}