:root{--color-bg: #08080c;--color-bg-elevated: #101018;--color-surface: #1a1a26;--color-border: rgba(255, 255, 255, .1);--color-text: #ffffff;--color-text-secondary: rgba(255, 255, 255, .68);--color-text-tertiary: rgba(255, 255, 255, .45);--color-primary: #ff2c55;--color-primary-dark: #d81f42;--color-primary-soft: rgba(255, 44, 85, .14);--color-gold: #ffb400;--color-success: #22c55e;--color-danger: #ef4444;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--tabbar-height: 56px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;background-color:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}h1,h2,h3,h4,p,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}button{padding:0;border:none;background:none;color:inherit;font:inherit;cursor:pointer}img,video{display:block;max-width:100%}#root{min-height:100vh}.icon-spin{animation:icon-spin 1s linear infinite}@keyframes icon-spin{to{transform:rotate(360deg)}}.tab-layout{display:flex;flex-direction:column;min-height:100vh}.tab-layout__content{flex:1;padding-top:var(--safe-area-top);padding-bottom:calc(var(--tabbar-height) + var(--safe-area-bottom));padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}.tabbar{position:fixed;right:0;bottom:0;left:0;z-index:100;display:flex;height:calc(var(--tabbar-height) + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);background-color:#08080ceb;border-top:1px solid var(--color-border);backdrop-filter:blur(12px)}.tabbar__item{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--color-text-tertiary);font-size:11px;transition:color .15s ease}.tabbar__item--active{color:var(--color-primary)}.tabbar__icon{display:flex;line-height:1}.page{padding:16px}.page__header{margin-bottom:16px}.page__title{font-size:20px;font-weight:600}.page__desc{margin-top:4px;color:var(--color-text-secondary);font-size:13px}.placeholder{padding:16px;margin-bottom:12px;background-color:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.placeholder--banner{display:flex;align-items:center;justify-content:center;height:160px;background:linear-gradient(135deg,var(--color-primary-soft),var(--color-surface))}.placeholder__title{margin-bottom:10px;font-size:15px;font-weight:600}.placeholder__text{color:var(--color-text-secondary);font-size:13px}.placeholder__row{display:flex;gap:10px}.placeholder__skeleton{flex:1;height:84px;background-color:#ffffff0d;border-radius:var(--radius-sm)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:64px 16px;color:var(--color-text-secondary);text-align:center}.entry-list{overflow:hidden;background-color:var(--color-surface);border-radius:var(--radius-md)}.entry-list__item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border)}.entry-list__item:last-child{border-bottom:none}.entry-list__arrow{display:flex;color:var(--color-text-tertiary)}.entry-list__button{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:14px}.spotlight{position:relative;margin-bottom:16px;overflow:hidden;background-color:var(--color-surface);border-radius:var(--radius-md)}.spotlight--skeleton{height:176px;animation:skeleton-pulse 1.2s ease-in-out infinite}.spotlight__track{display:flex;transition:transform .32s ease}.spotlight__slide{position:relative;display:block;flex:0 0 100%;text-align:left}.spotlight__cover{width:100%;aspect-ratio:16 / 9;background-color:var(--color-bg-elevated);object-fit:cover}.spotlight__overlay{position:absolute;right:0;bottom:0;left:0;padding:32px 12px 12px;background:linear-gradient(to top,#000000db,#0000)}.spotlight__title{display:-webkit-box;overflow:hidden;font-size:16px;font-weight:600;-webkit-box-orient:vertical;-webkit-line-clamp:2}.spotlight__meta{display:flex;align-items:center;gap:8px;margin-top:6px;color:var(--color-text-secondary);font-size:12px}.spotlight__dots{position:absolute;top:10px;right:12px;display:flex;gap:5px}.spotlight__dot{width:6px;height:6px;background-color:#ffffff73;border-radius:50%;transition:width .2s ease,background-color .2s ease}.spotlight__dot--active{width:16px;background-color:var(--color-primary);border-radius:3px}.home-filter{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.home-filter::-webkit-scrollbar{display:none}.home-filter__chip{flex-shrink:0;padding:6px 12px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:13px;transition:color .15s ease,border-color .15s ease}.home-filter__chip--active{background-color:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.genre-bar{display:flex;gap:8px;padding-bottom:2px;margin-bottom:14px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.genre-bar::-webkit-scrollbar{display:none}.genre-chip{flex-shrink:0;padding:6px 14px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-secondary);font-size:12px;font-weight:700;white-space:nowrap;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.genre-chip--active{background-color:var(--color-primary-soft);border-color:var(--color-primary);color:#fff}.home-section{margin-bottom:24px}.home-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.home-section__title{font-size:16px;font-weight:600}.home-section__more{flex-shrink:0;color:var(--color-text-secondary);font-size:13px}.drama-card{min-width:0;text-align:left}.drama-card__cover{position:relative;overflow:hidden;aspect-ratio:3 / 4;background-color:var(--color-surface);border-radius:var(--radius-sm)}.drama-card__cover img{width:100%;height:100%;object-fit:cover}.drama-card__views{position:absolute;top:6px;left:6px;display:inline-flex;align-items:center;gap:3px;color:#fff;font-size:12px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.7)}.drama-card__views-icon{display:flex;line-height:1}.drama-card__title{display:-webkit-box;margin-top:6px;overflow:hidden;font-size:13px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.drama-card__recommend{display:flex;align-items:center;gap:3px;margin-top:3px;overflow:hidden;color:var(--color-text-tertiary);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.drama-card__fire{display:flex;flex-shrink:0}.drama-card__play{display:inline-block;margin-top:6px;padding:3px 10px;border:1px solid var(--color-primary);border-radius:999px;color:var(--color-primary);font-size:11px;font-weight:600}.pay-tag{display:inline-block;padding:1px 6px;border-radius:var(--radius-sm);font-size:11px;line-height:16px}.pay-tag--free{background-color:#22c55e2e;color:#6ee7a4}.pay-tag--paid{background-color:var(--color-primary-soft);color:var(--color-primary)}.pay-tag--early{background-color:#ffb40029;color:var(--color-gold)}.home-skeleton__item{flex:0 0 112px;height:150px;background-color:#ffffff0d;border-radius:var(--radius-sm);animation:skeleton-pulse 1.2s ease-in-out infinite}.home-skeleton__title{display:block;width:96px;height:16px;margin-bottom:10px;background-color:#ffffff0d;border-radius:var(--radius-sm);animation:skeleton-pulse 1.2s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}.library-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.library-toolbar .home-filter{flex:1;margin-bottom:0}.library-filter-toggle{display:flex;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:13px}.library-filter-toggle--active{background-color:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.library-filter-toggle__count{min-width:16px;padding:0 4px;background-color:var(--color-primary);border-radius:8px;color:#fff;font-size:11px;line-height:16px;text-align:center}.library-filters{padding:14px;margin-bottom:16px;background-color:var(--color-surface);border-radius:var(--radius-md)}.library-filters__empty{color:var(--color-text-secondary);font-size:13px}.library-dim+.library-dim{margin-top:14px}.library-dim__label{margin-bottom:8px;color:var(--color-text-secondary);font-size:12px}.library-dim__options{display:flex;flex-wrap:wrap;gap:8px}.library-option{padding:5px 12px;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:12px;transition:color .15s ease,border-color .15s ease}.library-option--active{background-color:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.library-filters__actions{display:flex;align-items:center;gap:10px;margin-top:16px}.library-filters__clear{flex:1;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:14px}.library-filters__clear:disabled{opacity:.4;cursor:not-allowed}.library-filters__actions .auth-submit{flex:1;margin-top:0}.drama-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:16px 10px}.drama-grid .home-skeleton__item{flex:none;height:auto;aspect-ratio:3 / 4}.library-more{display:flex;align-items:center;justify-content:center;min-height:56px;color:var(--color-text-tertiary);font-size:13px}.library-more__retry{padding:6px 16px;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:13px}.detail-back{display:inline-flex;align-items:center;gap:4px;margin-bottom:10px;color:var(--color-text-secondary);font-size:14px}.detail-skeleton,.detail-hero{display:flex;gap:12px}.detail-hero__cover{position:relative;flex-shrink:0;width:104px;aspect-ratio:3 / 4;overflow:hidden;background-color:var(--color-surface);border-radius:var(--radius-md)}.detail-hero__cover img{display:block;width:100%;height:100%;object-fit:cover}.detail-hero__cover .pay-tag{position:absolute;top:6px;left:6px}.detail-hero__main{flex:1;min-width:0}.detail-hero__title{margin-bottom:8px;font-size:18px;font-weight:600;line-height:1.35}.detail-meta{display:flex;flex-wrap:wrap;gap:4px 10px;color:var(--color-text-secondary);font-size:12px}.detail-meta+.detail-meta{margin-top:4px}.detail-resume{margin-top:6px;color:var(--color-primary);font-size:12px}.detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.detail-tag{padding:3px 8px;background-color:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:11px}.detail-tag--lang{color:var(--color-text-tertiary)}.detail-actions{display:flex;gap:8px;margin:16px 0 4px}.detail-actions .auth-submit{flex:1;width:auto;margin-top:0;padding:12px 8px;font-size:14px}.detail-actions .auth-submit:first-child{flex:1.6}.detail-actions .detail-actions__favorite,.detail-actions .detail-actions__share{flex:0 0 auto;padding-left:14px;padding-right:14px}.detail-actions__favorite--on{border-color:var(--color-primary);color:var(--color-primary)}.detail-section{margin-top:20px}.detail-section__title{margin-bottom:10px;font-size:15px;font-weight:600}.detail-desc{color:var(--color-text-secondary);font-size:13px;line-height:1.6}.episode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.episode-cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;background-color:var(--color-surface);border:1px solid transparent;border-radius:var(--radius-sm)}.episode-cell__no{font-size:15px;font-weight:600}.episode-cell__tag{color:var(--color-text-tertiary);font-size:10px;line-height:14px}.episode-cell--free .episode-cell__tag{color:#6ee7a4}.episode-cell--unlocked{background-color:#22c55e1f}.episode-cell--unlocked .episode-cell__tag{color:var(--color-success)}.episode-cell--vip{background-color:#ffb4001a}.episode-cell--vip .episode-cell__tag,.episode-cell--early .episode-cell__tag{color:var(--color-gold)}.episode-cell--paid .episode-cell__tag{color:var(--color-primary)}.toast-host{position:fixed;top:calc(16px + var(--safe-area-top));right:16px;left:16px;z-index:200;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{max-width:100%;padding:10px 16px;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0006;color:var(--color-text);font-size:13px;text-align:left;pointer-events:auto;animation:toast-in .18s ease-out}.toast--error{border-color:#ef444480;color:#ffd7d7}.toast--success{border-color:#22c55e80;color:#c9f7d8}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-page{padding-top:calc(32px + var(--safe-area-top));padding-bottom:calc(32px + var(--safe-area-bottom))}.auth-tabs{display:flex;gap:8px;margin-bottom:16px;padding:4px;background-color:var(--color-surface);border-radius:var(--radius-md)}.auth-tabs__item{flex:1;padding:8px;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:13px}.auth-tabs__item--active{background-color:var(--color-primary-soft);color:var(--color-primary)}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field__label{color:var(--color-text-secondary);font-size:12px}.auth-field__row{display:flex;gap:8px}.auth-field__input{flex:1;min-width:0;padding:10px 12px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;outline:none}.auth-field__input:focus{border-color:var(--color-primary)}.auth-field__action{flex-shrink:0;padding:10px 12px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:13px;white-space:nowrap}.auth-field__action:disabled{opacity:.5;cursor:not-allowed}.auth-submit{width:100%;padding:12px;background-color:var(--color-primary);border-radius:var(--radius-md);color:#fff;font-size:15px;font-weight:600}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-submit--ghost{margin-top:16px;background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);font-weight:400}.auth-switch{margin-top:16px;color:var(--color-text-secondary);font-size:13px;text-align:center}.auth-switch__link{margin-left:4px;color:var(--color-primary)}.auth-oauth{margin-top:16px}.auth-oauth__divider{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--color-text-secondary);font-size:12px}.auth-oauth__divider:before,.auth-oauth__divider:after{content:"";flex:1;height:1px;background-color:var(--color-border)}.auth-oauth__google{display:flex;justify-content:center}.auth-oauth__btn{width:100%;margin-top:8px;padding:12px;border-radius:var(--radius-md);font-size:15px;font-weight:600}.auth-oauth__btn--facebook{background-color:#1877f2;color:#fff}.auth-oauth__btn:disabled{opacity:.6;cursor:not-allowed}.profile-card{display:flex;align-items:center;gap:14px;padding:16px;margin-bottom:12px;background-color:var(--color-surface);border-radius:var(--radius-md)}.profile-card__avatar{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:56px;height:56px;overflow:hidden;background-color:var(--color-primary-soft);border-radius:50%;color:var(--color-primary);font-size:22px;font-weight:600}.profile-card__avatar img{width:100%;height:100%;object-fit:cover}.profile-card__main{flex:1;min-width:0}.profile-card__nickname{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600}.profile-card__edit-hint{color:var(--color-text-tertiary);font-size:12px;font-weight:400}.profile-card__email{margin-top:4px;overflow:hidden;color:var(--color-text-secondary);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.profile-card__edit{display:flex;gap:8px}.coin-card{display:flex;align-items:center;justify-content:space-between;padding:16px;margin-bottom:12px;background:linear-gradient(135deg,var(--color-primary-soft),var(--color-surface));border-radius:var(--radius-md)}.coin-card__label{color:var(--color-text-secondary);font-size:12px}.coin-card__value{margin-top:4px;color:var(--color-gold);font-size:24px;font-weight:700}.coin-card__unit{margin-left:4px;font-size:12px;font-weight:400}.coin-card__action{padding:8px 16px;background-color:var(--color-primary);border-radius:var(--radius-lg);color:#fff;font-size:13px}.coin-card__action:disabled{opacity:.5;cursor:not-allowed}.lang-switch{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;margin-top:12px;background-color:var(--color-surface);border-radius:var(--radius-md)}.lang-switch__label{font-size:14px}.lang-switch__options{display:flex;gap:8px}.lang-switch__item{padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:13px}.lang-switch__item--active{border-color:var(--color-primary);color:var(--color-primary)}.route-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:60vh;color:var(--color-text-secondary);font-size:13px}.route-fallback__spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:route-fallback-spin .8s linear infinite}@keyframes route-fallback-spin{to{transform:rotate(360deg)}}.player-page{position:relative;display:flex;flex-direction:column;min-height:100vh;background-color:#000}.player-page__meta{padding:16px;padding-bottom:calc(16px + var(--safe-area-bottom))}.hls-player{position:relative;width:100%;background-color:#000}.hls-player__video{width:100%;aspect-ratio:9 / 16;max-height:100vh;object-fit:contain;background-color:#000}.player-page__back{position:absolute;top:calc(12px + var(--safe-area-top));left:12px;z-index:10;margin-bottom:0;padding:6px 12px;background-color:#00000080;border-radius:var(--radius-lg);color:var(--color-text)}.player-page__stage{display:flex;flex:1;align-items:center;justify-content:center;min-height:60vh}.player-page__stage-text{color:var(--color-text-secondary);font-size:14px}.player-page__title{font-size:18px;font-weight:600}.player-page__episode{margin-top:4px;color:var(--color-text-secondary);font-size:13px}.player-page__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.player-action{padding:8px 14px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:13px}.player-action:disabled{opacity:.5;cursor:not-allowed}.player-action--active{border-color:var(--color-primary);color:var(--color-primary)}.player-page__notice{margin-top:12px;color:var(--color-gold);font-size:13px}.player-speed{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.player-speed__option{padding:6px 14px;background-color:var(--color-surface);border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:13px}.player-speed__option--active{background-color:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.episode-cell--current{border-color:var(--color-primary);color:var(--color-primary)}.player-overlay{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:16px;background-color:#000000b8}.player-overlay__panel{width:100%;max-width:360px;padding:20px;padding-bottom:calc(20px + var(--safe-area-bottom));background-color:var(--color-bg-elevated);border-radius:var(--radius-lg)}.player-overlay__title{font-size:17px;font-weight:600}.player-overlay__desc{margin-top:8px;color:var(--color-text-secondary);font-size:13px}.player-overlay__actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}.player-overlay__actions .auth-submit--ghost{margin-top:0}.recharge-page{padding-bottom:calc(24px + var(--safe-area-bottom))}.recharge-back{display:inline-flex;align-items:center;gap:4px;margin-bottom:12px;color:var(--color-text-secondary);font-size:14px}.recharge-guest{padding:10px 12px;margin-bottom:12px;background-color:var(--color-primary-soft);border-radius:var(--radius-sm);color:var(--color-primary);font-size:13px}.recharge-section{margin-bottom:16px}.recharge-section__title{margin-bottom:10px;font-size:15px;font-weight:600}.recharge-packs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.recharge-pack{display:flex;flex-direction:column;gap:2px;padding:14px 12px;background-color:var(--color-surface);border:1px solid transparent;border-radius:var(--radius-md);text-align:left}.recharge-pack--active{background-color:var(--color-primary-soft);border-color:var(--color-primary)}.recharge-pack__badge{align-self:flex-start;padding:1px 6px;margin-bottom:4px;background-color:var(--color-gold);border-radius:var(--radius-sm);color:#1a1a1a;font-size:11px;font-weight:600}.recharge-pack__name{color:var(--color-text-secondary);font-size:12px}.recharge-pack__coins{margin-top:2px;color:var(--color-gold);font-size:22px;font-weight:700}.recharge-pack__coins-unit{margin-left:4px;font-size:12px;font-weight:400}.recharge-pack__bonus{color:var(--color-primary);font-size:12px}.recharge-pack__price{display:flex;align-items:baseline;gap:6px;margin-top:8px;font-size:16px;font-weight:600}.recharge-pack__list-price{color:var(--color-text-tertiary);font-size:12px;font-weight:400;text-decoration:line-through}.recharge-pack__discount{align-self:center;padding:1px 5px;background-color:var(--color-primary);border-radius:var(--radius-sm);color:#fff;font-size:11px;font-weight:700}.recharge-pack__unit,.recharge-pack__limit{color:var(--color-text-tertiary);font-size:11px}.recharge-pack__countdown{color:var(--color-gold);font-size:11px}.recharge-empty{padding:20px;background-color:var(--color-surface);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:13px;text-align:center}.recharge-channels{display:flex;flex-wrap:wrap;gap:10px}.recharge-channel{display:flex;flex-direction:column;gap:2px;min-width:96px;padding:10px 14px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;text-align:left}.recharge-channel--active{border-color:var(--color-primary);color:var(--color-primary)}.recharge-channel__provider{color:var(--color-text-tertiary);font-size:11px}.recharge-submit{margin-top:4px}.recharge-result{display:flex;flex-direction:column;align-items:center;padding:48px 0 calc(24px + var(--safe-area-bottom));text-align:center}.recharge-result__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%}.recharge-result__icon--pending{background-color:var(--color-primary-soft);color:var(--color-primary)}.recharge-result__icon--paid{background-color:#22c55e29;color:var(--color-success)}.recharge-result__icon--closed{background-color:#ffffff0f;color:var(--color-text-secondary)}.recharge-result__icon--failed,.recharge-result__icon--timeout{background-color:#ef444429;color:var(--color-danger)}.recharge-result__title{margin-top:16px;font-size:20px;font-weight:600}.recharge-result__desc{margin-top:8px;color:var(--color-text-secondary);font-size:13px}.recharge-result__detail{width:100%;margin-top:20px;padding:4px 16px;background-color:var(--color-surface);border-radius:var(--radius-md)}.recharge-result__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border);font-size:13px;text-align:left}.recharge-result__row:last-child{border-bottom:none}.recharge-result__row-label{flex-shrink:0;color:var(--color-text-secondary)}.recharge-result__row-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recharge-result__actions{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:24px}.recharge-result__actions .auth-submit--ghost{margin-top:0}.vip-page{padding-bottom:calc(24px + var(--safe-area-bottom))}.vip-back{display:inline-flex;align-items:center;gap:4px;margin-bottom:12px;color:var(--color-text-secondary);font-size:14px}.vip-guest{padding:10px 12px;margin-bottom:12px;background-color:var(--color-primary-soft);border-radius:var(--radius-sm);color:var(--color-primary);font-size:13px}.vip-status{display:flex;flex-direction:column;gap:4px;padding:16px;margin-bottom:16px;background-color:var(--color-surface);border:1px solid transparent;border-radius:var(--radius-md)}.vip-status--active{background-color:var(--color-primary-soft);border-color:var(--color-primary)}.vip-status__label{color:var(--color-text-secondary);font-size:12px}.vip-status__main{font-size:18px;font-weight:600}.vip-status__expire{color:var(--color-text-secondary);font-size:13px}.vip-section{margin-bottom:16px}.vip-section__title{margin-bottom:10px;font-size:15px;font-weight:600}.vip-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vip-plan{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px;background-color:var(--color-surface);border:1px solid transparent;border-radius:var(--radius-md);text-align:center}.vip-plan--active{background-color:var(--color-primary-soft);border-color:var(--color-primary)}.vip-plan__period{color:var(--color-text-secondary);font-size:13px}.vip-plan__price{display:flex;flex-direction:column;align-items:center;font-size:16px;font-weight:600}.vip-plan__list-price{color:var(--color-text-tertiary);font-size:11px;font-weight:400;text-decoration:line-through}.vip-plan__name,.vip-plan__limit{color:var(--color-text-tertiary);font-size:11px}.vip-empty{padding:20px;background-color:var(--color-surface);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:13px;text-align:center}.vip-channels{display:flex;flex-wrap:wrap;gap:10px}.vip-channel{display:flex;flex-direction:column;gap:2px;min-width:96px;padding:10px 14px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;text-align:left}.vip-channel--active{border-color:var(--color-primary);color:var(--color-primary)}.vip-channel__provider{color:var(--color-text-tertiary);font-size:11px}.vip-submit{margin-top:4px}.vip-renew-hint{margin-top:8px;color:var(--color-text-secondary);font-size:12px;text-align:center}.mylist-tabs{display:flex;gap:8px;margin:4px 0 14px}.mylist-tab{flex:1;padding:9px 12px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:14px}.mylist-tab--active{background-color:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.mylist{display:flex;flex-direction:column;gap:12px}.mylist-item{display:flex;gap:12px;padding:12px;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md)}.mylist-item__cover{flex:0 0 auto;width:84px;height:112px;overflow:hidden;background-color:var(--color-surface);border-radius:var(--radius-sm)}.mylist-item__cover img{display:block;width:100%;height:100%;object-fit:cover}.mylist-item__main{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.mylist-item__title{color:var(--color-text);font-size:15px;font-weight:600;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mylist-item__meta{color:var(--color-text-secondary);font-size:13px}.mylist-item__sub{color:var(--color-text-tertiary);font-size:12px}.mylist-item__actions{display:flex;gap:8px;margin-top:auto}.mylist-item__action.auth-submit{flex:0 0 auto;width:auto;margin-top:0;padding:7px 14px;font-size:13px}.share-sheet{position:fixed;inset:0;z-index:160;display:flex;align-items:flex-end}.share-sheet__backdrop{position:absolute;inset:0;background-color:#000000b8}.share-sheet__panel{position:relative;z-index:1;width:100%;max-height:88vh;padding:20px;padding-bottom:calc(20px + var(--safe-area-bottom));overflow-y:auto;background-color:var(--color-bg-elevated);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.share-sheet__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.share-sheet__title{font-size:17px;font-weight:600}.share-sheet__close{color:var(--color-text-tertiary);font-size:13px}.share-sheet__desc{margin-top:12px;color:var(--color-text-secondary);font-size:13px}.share-sheet__drama{display:flex;gap:12px;margin-top:14px}.share-sheet__cover{width:64px;height:86px;border-radius:var(--radius-sm);object-fit:cover}.share-sheet__info{display:flex;flex-direction:column;gap:6px;min-width:0}.share-sheet__name{font-size:15px;font-weight:600}.share-sheet__tags{color:var(--color-primary);font-size:12px}.share-sheet__link{margin-top:12px;padding:10px 12px;background-color:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:12px;word-break:break-all}.share-sheet__actions{display:flex;flex-direction:column;gap:10px;margin-top:14px}.share-sheet__actions .auth-submit--ghost{margin-top:0}.share-sheet__download{display:block;box-sizing:border-box;text-align:center;text-decoration:none}.share-sheet__section{margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border)}.share-sheet__section-title{margin-bottom:10px;font-size:15px;font-weight:600}.share-sheet__hint{color:var(--color-text-tertiary);font-size:12px}.share-sheet__hint--done{margin-top:8px;color:var(--color-primary)}.share-sheet__poster{width:100%;max-width:280px;margin-bottom:8px;border-radius:var(--radius-md)}.share-sheet__platforms{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 10px}.share-sheet__platform{padding:6px 14px;background-color:var(--color-surface);border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:13px}.share-sheet__platform--active{background-color:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.share-sheet__section .auth-submit,.share-sheet__section .share-sheet__download{margin-top:12px}.share-task__status{padding:2px 8px;margin-right:8px;border-radius:var(--radius-sm);font-size:12px}.share-task__status--pending{background-color:var(--color-surface);color:var(--color-text-secondary)}.share-task__status--approved{background-color:var(--color-primary-soft);color:var(--color-primary)}.share-task__status--rejected{background-color:#ff4d4f24;color:var(--color-danger)}.share-task__reason{color:var(--color-danger);font-size:12px}.share-task__link{color:var(--color-primary);font-size:12px;word-break:break-all}.share-task__status--canceled{background-color:var(--color-surface);color:var(--color-text-tertiary)}.share-task{padding:16px;margin-bottom:20px;background-color:var(--color-surface);border-radius:var(--radius-md)}.share-task__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.share-task__title{margin:0;font-size:17px;color:var(--color-text-primary)}.share-task__reward{margin:10px 0 0;font-size:13px;color:var(--color-primary)}.share-task__desc{margin:10px 0 0;font-size:13px;line-height:1.6;color:var(--color-text-secondary);white-space:pre-wrap}.share-task__block{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.share-task__block-title{margin:0 0 8px;font-size:14px;color:var(--color-text-primary)}.share-task__video{width:100%;max-height:320px;border-radius:var(--radius-sm);background-color:#000}.share-task__block .auth-submit{margin-top:10px}.share-task__copy{margin:0 0 8px;padding:10px;font-size:13px;line-height:1.6;color:var(--color-text-secondary);background-color:var(--color-bg);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word}.share-task__hint{margin:0 0 10px;font-size:12px;line-height:1.6;color:var(--color-text-secondary)}.share-task__hint--done{color:var(--color-primary)}.share-task__platforms{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.share-task__platform{padding:6px 14px;font-size:13px;color:var(--color-text-secondary);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.share-task__platform--active{color:var(--color-primary);border-color:var(--color-primary);background-color:var(--color-primary-soft)}.share-task__actions{display:flex;gap:10px;margin-top:12px}.share-task__actions .auth-submit{flex:1;margin-top:0}.share-task__records-title{margin:0 0 12px;font-size:15px;color:var(--color-text-primary)}.share-task__records .mylist-item__main .auth-submit{margin-top:8px}.invite-card{padding:16px;margin-bottom:12px;background:linear-gradient(135deg,var(--color-primary-soft),var(--color-surface));border-radius:var(--radius-md)}.invite-card--skeleton{display:flex;flex-direction:column;gap:12px}.invite-card--skeleton .home-skeleton__item{flex:0 0 auto;width:100%;height:20px}.invite-card__label{color:var(--color-text-secondary);font-size:12px}.invite-card__code{margin:4px 0 12px;color:var(--color-gold);font-size:24px;font-weight:700;letter-spacing:2px}.invite-card__link{margin:4px 0 0;color:var(--color-text);font-size:13px;word-break:break-all}.invite-card__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.invite-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.invite-stat{padding:12px;background-color:var(--color-surface);border-radius:var(--radius-md)}.invite-stat__label{color:var(--color-text-secondary);font-size:12px}.invite-stat__value{margin-top:4px;color:var(--color-text);font-size:18px;font-weight:700}.invite-stat__unit{margin-left:4px;font-size:12px;font-weight:400}.invite-rule{margin-bottom:12px;color:var(--color-text-secondary);font-size:12px;line-height:1.6}.invite-bind{padding:14px 16px;margin-bottom:12px;background-color:var(--color-surface);border-radius:var(--radius-md)}.invite-bind__title{color:var(--color-text);font-size:14px;font-weight:600}.invite-bind__hint{margin:4px 0 10px;color:var(--color-text-secondary);font-size:12px}.invite-bind .auth-submit{margin-top:12px}.invite-bind__done{padding:12px 16px;margin-bottom:12px;background-color:var(--color-surface);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:13px}.guest-bind{padding:14px 16px;margin-bottom:12px;background-color:var(--color-surface);border-radius:var(--radius-md)}.guest-bind__title{color:var(--color-text);font-size:14px;font-weight:600}.guest-bind__hint{margin:4px 0 12px;color:var(--color-text-secondary);font-size:12px;line-height:1.6}.guest-bind .auth-field__input{background-color:var(--color-bg-elevated)}.guest-bind .auth-field+.auth-field{margin-top:10px}.guest-bind .auth-submit{margin-top:12px}.invite-detail__title{margin:4px 0 10px;color:var(--color-text);font-size:16px;font-weight:600}.invite-list{display:flex;flex-direction:column;gap:10px}.invite-item{padding:12px;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md)}.invite-item__nickname{color:var(--color-text);font-size:15px;font-weight:600}.invite-item__meta{margin-top:4px;color:var(--color-text-secondary);font-size:12px}.invite-item__reward{margin-top:6px;color:var(--color-gold);font-size:12px}.offline-notice{position:fixed;top:0;right:0;left:0;z-index:150;display:flex;align-items:center;justify-content:center;gap:6px;padding:calc(6px + var(--safe-area-top)) 16px 6px;background-color:#ef444429;border-bottom:1px solid rgba(239,68,68,.4);color:#ffd7d7;font-size:12px;pointer-events:none}.offline-notice__dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-danger)}.install-prompt{position:fixed;right:12px;bottom:calc(var(--tabbar-height) + var(--safe-area-bottom) + 12px);left:12px;z-index:150;display:flex;align-items:center;gap:12px;padding:12px;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000073;animation:install-prompt-in .2s ease-out}.install-prompt__body{flex:1;min-width:0}.install-prompt__title{color:var(--color-text);font-size:13px;font-weight:600}.install-prompt__hint{margin-top:2px;color:var(--color-text-secondary);font-size:12px}.install-prompt__action{flex:0 0 auto;padding:8px 14px;background-color:var(--color-primary);border:none;border-radius:var(--radius-lg);color:#fff;font-size:13px;font-weight:600}.install-prompt__action:disabled{opacity:.6}.install-prompt__dismiss{flex:0 0 auto;padding:4px;background:none;border:none;color:var(--color-text-tertiary);font-size:12px}@keyframes install-prompt-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.records-page{padding-bottom:calc(24px + var(--safe-area-bottom))}.page-back{display:inline-flex;align-items:center;gap:4px;margin-bottom:12px;color:var(--color-text-secondary);font-size:14px}.ledger-card{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px;margin-bottom:14px;background:linear-gradient(135deg,var(--color-primary-soft),var(--color-surface));border-radius:var(--radius-md)}.ledger-card__label{grid-column:1;color:var(--color-text-secondary);font-size:12px}.ledger-card__value{grid-column:1;color:var(--color-gold);font-size:26px;font-weight:700}.ledger-card__unit{margin-left:4px;font-size:12px;font-weight:400}.ledger-card__stats{display:flex;grid-column:1 / -1;gap:24px}.ledger-card__stat{display:flex;flex-direction:column;gap:2px}.ledger-card__stat-label{color:var(--color-text-secondary);font-size:12px}.ledger-card__stat-value{font-size:15px;font-weight:600}.ledger-card__stat-value--in{color:var(--color-gold)}.ledger-card__stat-value--out{color:var(--color-text-secondary)}.ledger-card__action{grid-row:1 / span 2;grid-column:2;align-self:center;padding:8px 16px;background-color:var(--color-primary);border-radius:var(--radius-lg);color:#fff;font-size:13px}.filter-chips{display:flex;gap:8px;padding-bottom:4px;margin-bottom:14px;overflow-x:auto;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{flex:0 0 auto;padding:6px 14px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:13px;white-space:nowrap}.filter-chip--active{background-color:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.records-list{display:flex;flex-direction:column;gap:10px;list-style:none}.ledger-item{display:flex;gap:12px;padding:12px;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md)}.ledger-item__main{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.ledger-item__main>.home-skeleton__item{width:60%;height:12px}.ledger-item__title{color:var(--color-text);font-size:15px;font-weight:600}.ledger-item__meta{color:var(--color-text-secondary);font-size:13px;word-break:break-all}.ledger-item__sub{color:var(--color-text-tertiary);font-size:12px}.ledger-item__side{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:4px}.ledger-item__amount{font-size:16px;font-weight:700}.ledger-item__amount--in{color:var(--color-gold)}.ledger-item__amount--out{color:var(--color-text)}.ledger-item__balance{color:var(--color-text-tertiary);font-size:12px}.order-item{display:flex;flex-direction:column;gap:10px;padding:12px;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md)}.order-item__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.order-item__name{color:var(--color-text);font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-badge{flex:0 0 auto;padding:3px 8px;background-color:#ffffff0f;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:12px}.order-badge--created,.order-badge--paying{background-color:var(--color-primary-soft);color:var(--color-primary)}.order-badge--paid{background-color:#22c55e29;color:var(--color-success)}.order-badge--failed{background-color:#ef444429;color:var(--color-danger)}.order-badge--refunding,.order-badge--refunded{background-color:#ffb40029;color:var(--color-gold)}.order-item__rows{display:flex;flex-direction:column;gap:6px;margin:0}.order-item__row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13px}.order-item__row dt{flex:0 0 auto;color:var(--color-text-secondary)}.order-item__row dd{margin:0;color:var(--color-text);text-align:right;word-break:break-all}.order-item__no{color:var(--color-text-tertiary)!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.order-item__foot{display:flex;justify-content:flex-end}.order-item__action.auth-submit{flex:0 0 auto;width:auto;margin-top:0;padding:7px 16px;font-size:13px}.pack-promo{position:fixed;left:12px;bottom:calc(var(--tabbar-height) + var(--safe-area-bottom) + 16px);z-index:155;display:flex;align-items:center;gap:4px;padding:8px 10px;background:linear-gradient(135deg,var(--color-gold),#ff8a3d);border-radius:var(--radius-lg);box-shadow:0 6px 18px #00000059;touch-action:none;user-select:none;-webkit-user-select:none;will-change:transform}.pack-promo__entry{display:flex;align-items:center;gap:6px;color:#1a1a1a;font-size:13px;font-weight:600}.pack-promo__icon{display:flex;line-height:1}.pack-promo__label{min-width:5.5em;text-align:center;white-space:nowrap;animation:pack-promo-label-in .32s ease-out}@keyframes pack-promo-label-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.pack-promo__dismiss{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:-6px -4px -6px 0;color:#1a1a1aa6;line-height:1}.pack-promo-sheet{position:fixed;inset:0;z-index:160;display:flex;align-items:flex-end}.pack-promo-sheet__backdrop{position:absolute;inset:0;background-color:#000000b8}.pack-promo-sheet__panel{position:relative;z-index:1;width:100%;max-height:88vh;padding:20px;padding-bottom:calc(20px + var(--safe-area-bottom));overflow-y:auto;background-color:var(--color-bg-elevated);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.pack-promo-sheet__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.pack-promo-sheet__title{font-size:17px;font-weight:600}.pack-promo-sheet__close{color:var(--color-text-tertiary);font-size:13px}.pack-promo-sheet__section{margin-top:18px}.pack-promo-sheet__section-title{margin-bottom:10px;font-size:15px;font-weight:600}.pack-promo-sheet__submit{margin-top:18px}.legal-page{padding-bottom:calc(24px + var(--safe-area-bottom))}.markdown-body{color:var(--color-text-secondary);font-size:14px;line-height:1.75;word-break:break-word}.markdown-body>*:first-child{margin-top:0}.markdown-body>*:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin:20px 0 10px;color:var(--color-text);font-weight:600;line-height:1.4}.markdown-body h1{font-size:20px}.markdown-body h2{font-size:17px}.markdown-body h3{font-size:15px}.markdown-body h4,.markdown-body h5,.markdown-body h6{font-size:14px}.markdown-body p{margin:10px 0}.markdown-body ul,.markdown-body ol{margin:10px 0;padding-left:22px}.markdown-body li{margin:4px 0}.markdown-body li>ul,.markdown-body li>ol{margin:4px 0}.markdown-body a{color:var(--color-primary);text-decoration:underline;word-break:break-all}.markdown-body strong{color:var(--color-text)}.markdown-body blockquote{margin:12px 0;padding:8px 12px;background-color:var(--color-surface);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm)}.markdown-body code{padding:2px 5px;background-color:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.markdown-body pre{margin:12px 0;padding:12px;overflow-x:auto;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.markdown-body pre code{padding:0;background:none}.markdown-body hr{margin:20px 0;border:none;border-top:1px solid var(--color-border)}.markdown-body table{display:block;width:100%;margin:12px 0;overflow-x:auto;border-collapse:collapse;font-size:13px}.markdown-body th,.markdown-body td{padding:6px 10px;border:1px solid var(--color-border);text-align:left;white-space:nowrap}.markdown-body th{background-color:var(--color-surface);color:var(--color-text);font-weight:600}.markdown-body img{max-width:100%;height:auto;border-radius:var(--radius-md)}