:root,[data-theme=light]{--layout-max-width: 1200px;--layout-gutter: 32px;--layout-padding-x: 24px;--drama-card-width: 180px;--drama-card-height: 286px;--drama-poster-height: 240px;--drama-meta-height: 46px;--color-bg: #f5f5f7;--color-bg-elevated: #ffffff;--color-text: #1a1a1a;--color-text-secondary: #666666;--color-text-muted: #999999;--color-border: rgba(0, 0, 0, .08);--color-accent: #ff6b35;--color-accent-hover: #ff8555;--header-height: 64px;--hero-min-height: calc(100vh - var(--header-height) - 32px);--hero-bg-position: center 36%;--color-hero-overlay-left: linear-gradient( to right, #f5f5f7 0%, rgba(245, 245, 247, .92) 14%, rgba(245, 245, 247, .62) 30%, rgba(245, 245, 247, .22) 50%, transparent 72% );--color-hero-overlay-right: linear-gradient( to left, #f5f5f7 0%, rgba(245, 245, 247, .75) 8%, rgba(245, 245, 247, .35) 22%, rgba(245, 245, 247, .12) 38%, transparent 58% );--color-hero-overlay-top: linear-gradient( to bottom, #f5f5f7 0%, rgba(245, 245, 247, .85) 6%, rgba(245, 245, 247, .35) 16%, transparent 32% );--color-hero-bottom: linear-gradient( to top, #f5f5f7 0%, rgba(245, 245, 247, .95) 12%, rgba(245, 245, 247, .72) 28%, rgba(245, 245, 247, .35) 48%, transparent 72% );--color-tag-bg: rgba(0, 0, 0, .06);--color-card-shadow: 0 4px 20px rgba(0, 0, 0, .08);--header-bg: rgba(245, 245, 247, .85)}[data-theme=dark]{--color-bg: #0a0a0a;--color-bg-elevated: #141414;--color-text: #ffffff;--color-text-secondary: #b3b3b3;--color-text-muted: #808080;--color-border: rgba(255, 255, 255, .1);--color-accent: #ff6b35;--color-accent-hover: #ff8555;--color-hero-overlay-left: linear-gradient( to right, #0a0a0a 0%, rgba(10, 10, 10, .92) 14%, rgba(10, 10, 10, .65) 30%, rgba(10, 10, 10, .28) 50%, transparent 72% );--color-hero-overlay-right: linear-gradient( to left, #0a0a0a 0%, rgba(10, 10, 10, .7) 8%, rgba(10, 10, 10, .38) 22%, rgba(10, 10, 10, .14) 38%, transparent 58% );--color-hero-overlay-top: linear-gradient( to bottom, #0a0a0a 0%, rgba(10, 10, 10, .88) 6%, rgba(10, 10, 10, .4) 16%, transparent 32% );--color-hero-bottom: linear-gradient( to top, #0a0a0a 0%, rgba(10, 10, 10, .95) 12%, rgba(10, 10, 10, .75) 28%, rgba(10, 10, 10, .4) 48%, transparent 72% );--color-tag-bg: rgba(255, 255, 255, .12);--color-card-shadow: 0 4px 24px rgba(0, 0, 0, .4);--header-bg: rgba(10, 10, 10, .85)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none;width:0;height:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none;width:0;height:0}.hide-scrollbar,.label-scroll,.episode-scroll,.range-tabs,.tags,.thumb-list{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar,.label-scroll::-webkit-scrollbar,.episode-scroll::-webkit-scrollbar,.range-tabs::-webkit-scrollbar,.tags::-webkit-scrollbar,.thumb-list::-webkit-scrollbar{display:none;width:0;height:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{display:block;max-width:100%}.skeleton-pulse{position:relative;overflow:hidden;background:var(--color-tag-bg)}.skeleton-pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.07) 42%,transparent 70%);transform:translate(-100%);animation:skeleton-shimmer 1.6s ease-in-out infinite}[data-theme=light] .skeleton-pulse:after{background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.55) 42%,transparent 70%)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skeleton-pulse:after{animation:none}}#app{min-height:100vh}.page-shell{width:100%;max-width:calc(var(--layout-max-width) + var(--layout-gutter) * 2);margin-left:auto;margin-right:auto;padding-left:var(--layout-gutter);padding-right:var(--layout-gutter);box-sizing:border-box}.page-container{width:100%;max-width:var(--layout-max-width);margin-left:auto;margin-right:auto}@media(max-width:1023px){:root{--drama-mobile-cols: 3;--drama-mobile-gap-x: clamp(8px, 2.8vw, 12px);--drama-mobile-gap-y: clamp(22px, 5.5vw, 32px);--drama-mobile-pad-x: clamp(12px, 4vw, 20px);--drama-card-width-mobile: calc( (100vw - var(--drama-mobile-pad-x) * 2 - var(--drama-mobile-gap-x) * 2) / var(--drama-mobile-cols) );--drama-poster-height-mobile: calc(var(--drama-card-width-mobile) * 4 / 3);--drama-meta-height-mobile: 54px;--drama-card-height-mobile: calc( var(--drama-poster-height-mobile) + 8px + var(--drama-meta-height-mobile) )}}@media(max-width:768px){:root{--layout-gutter: 0px;--layout-padding-x: 16px;--header-height: 56px;--hero-min-height: calc(100vh - var(--header-height) - 8px);--drama-mobile-pad-x: 16px}}