:root{--target-frame-bg: #07080d;--target-page-bg: #08090e;--target-page-glow: #17203a;--target-panel-bg: #11141c;--target-panel-soft: #171b25;--target-panel-pill: #141923;--target-nav-bg: rgba(18, 19, 25, .94);--target-overlay: rgba(0, 0, 0, .62);--target-text-main: #f7f7fa;--target-text-secondary: #b8bcc8;--target-text-muted: #777985;--target-text-chip: #a2a6b0;--target-accent: #fec928;--target-accent-strong: #ffd34d;--target-accent-warm: #ffb52b;--target-accent-orange: #ff8a1f;--target-coin-bg: #3c3019;--target-coin-border: #6a5622;--target-coin-text: #ffcf37;--target-border: #292f3c;--target-border-soft: #303747;--target-border-nav: #282b34;--target-radius-card: 11px;--target-radius-hero: 13px;--target-radius-pill: 24px;--target-radius-chip: 4px;--target-radius-panel: 14px;--target-content-max: 440px;--target-bottom-nav-height: 72px;--target-page-padding-x: 16px;--target-page-padding-top: 12px;--target-page-padding-bottom: 28px;--target-safe-bottom: env(safe-area-inset-bottom, 0px);--target-logo-size: 42px;--target-hero-height: 225px;--target-poster-height: 250px;--target-grid-gap-y: 18px;--target-grid-gap-x: 14px;--target-font-family: Inter, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--target-font-title: 14px;--target-font-body: 13px;--target-font-small: 12px;--target-font-chip: 10px;--target-ease: cubic-bezier(.22, .61, .36, 1)}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;padding:0;font-family:var(--target-font-family);color:var(--target-text-main);background:var(--target-page-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-synthesis:none;overscroll-behavior-y:none}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}input,textarea,select{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}p,h1,h2,h3,h4,h5{margin:0;font-weight:inherit;font-size:inherit}::-webkit-scrollbar{width:0;height:0;background:transparent}.app-root{position:relative;min-height:100vh;background-color:var(--target-page-bg);background-image:radial-gradient(circle at 50% -20%,var(--target-page-glow) 0,var(--target-frame-bg) 42%);background-repeat:no-repeat;background-attachment:fixed;background-size:100% 100%}.page{position:relative;z-index:1;width:min(100%,var(--target-content-max));margin:0 auto;padding:var(--target-page-padding-top) var(--target-page-padding-x) var(--target-page-padding-bottom)}.page--with-nav{padding-bottom:calc(var(--target-bottom-nav-height) + var(--target-safe-bottom) + 24px)}.page--plain{padding-bottom:calc(var(--target-safe-bottom) + 28px)}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.row--between{display:flex;align-items:center;justify-content:space-between}.grow{flex:1;min-width:0}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.safe-bottom{height:var(--target-safe-bottom)}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translate(-50%);width:min(100%,var(--target-content-max));height:calc(var(--target-bottom-nav-height) + var(--target-safe-bottom));padding-bottom:var(--target-safe-bottom);display:flex;justify-content:space-around;align-items:stretch;background:var(--target-nav-bg);border-top:1px solid var(--target-border-nav);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#9296a3;font-size:var(--target-font-small);transition:color .18s var(--target-ease)}.bottom-nav__item.is-active{color:var(--target-accent)}.bottom-nav__icon{width:25px;height:25px;display:grid;place-items:center}.bottom-nav__icon svg{width:25px;height:25px}.top-nav{position:sticky;top:0;z-index:12;width:min(100%,var(--target-content-max));margin:0 auto;display:flex;align-items:center;justify-content:center;height:52px;padding:0 16px;background:#08090eeb;border-bottom:1px solid var(--target-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.top-nav__title{font-size:16px;font-weight:700;letter-spacing:.02em}.top-nav__back{position:absolute;left:10px;top:0;bottom:0;width:40px;display:grid;place-items:center;color:var(--target-text-main)}.top-nav__back svg{width:20px;height:20px}.top-nav__action{position:absolute;right:14px;top:0;bottom:0;display:flex;align-items:center;gap:12px;color:var(--target-text-secondary);font-size:13px}.topbar{display:flex;align-items:center;gap:10px;padding:4px 0 14px}.logo-mark{width:var(--target-logo-size);height:var(--target-logo-size);border-radius:14px;background:linear-gradient(145deg,#f7bf25,#8e3b0b);display:grid;place-items:center;color:#fff;font-size:12px;font-weight:900;overflow:hidden;box-shadow:0 0 20px #f0a41d54;flex:0 0 auto}.logo-mark img{width:100%;height:100%;object-fit:cover}.logo-mark__text{line-height:1.05;text-align:center;font-size:11px;letter-spacing:-.02em}.search-pill{flex:1;min-width:0;display:flex;align-items:center;gap:8px;text-align:left;color:var(--target-text-secondary);background:var(--target-panel-pill);border:1px solid var(--target-border-soft);border-radius:var(--target-radius-pill);padding:11px 13px;font-size:13px}.search-pill svg{width:15px;height:15px;flex:0 0 auto;color:#8f95a3}.search-pill__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lang-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(254,201,40,.55);background:radial-gradient(circle at 30% 25%,#ffe9a747,#fec9281f 60%,#fec9280f);color:var(--target-accent);box-shadow:0 0 10px #fec92838;flex:0 0 auto}.lang-btn svg{width:20px;height:20px}.lang-btn:active{transform:scale(.94)}.trophy-btn{width:30px;height:30px;display:grid;place-items:center;color:var(--target-accent);flex:0 0 auto}.trophy-btn svg{width:24px;height:24px}.coin-button{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--target-coin-border);border-radius:22px;background:var(--target-coin-bg);color:var(--target-coin-text);padding:9px 13px;white-space:nowrap;font-size:13px;font-weight:600;flex:0 0 auto}.coin-button svg{width:15px;height:15px}.category-row{display:flex;gap:9px;overflow-x:auto;padding:4px 0 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.category-row::-webkit-scrollbar{display:none}.category{color:#aeb3c0;background:var(--target-panel-pill);border:1px solid #2d3442;border-radius:20px;padding:9px 15px;white-space:nowrap;font-size:13px;flex:0 0 auto;transition:background .16s var(--target-ease),color .16s var(--target-ease)}.category.is-active{background:var(--target-accent);border-color:var(--target-accent);color:#17130a;font-weight:700}.category--sub{padding:6px 12px;font-size:12px;border-radius:16px}.section-title{display:flex;gap:22px;align-items:center;padding:2px 0 14px;font-size:var(--target-font-title)}.section-title strong{position:relative;font-weight:700}.section-title strong:after{content:"";position:absolute;left:0;bottom:-7px;width:28px;height:3px;background:var(--target-accent);border-radius:3px}.section-title span{color:#747a88;font-size:13px}.hero-card{position:relative;height:var(--target-hero-height);overflow:hidden;border-radius:var(--target-radius-hero);background:var(--target-panel-soft);margin-bottom:18px}.hero-card img{width:100%;height:100%;object-fit:cover;object-position:center 41%;opacity:.72}.hero-copy{position:absolute;inset:auto 18px 22px;color:#fff;text-shadow:0 2px 12px #000}.hero-copy span{color:var(--target-accent);font-size:12px}.hero-copy h1{font-size:23px;font-weight:700;margin:5px 0}.hero-copy p{font-size:12px;color:#ddd}.hero-dots{position:absolute;right:16px;bottom:12px;display:flex;gap:4px}.hero-dots i{display:block;width:8px;height:4px;background:#777;border-radius:4px;transition:width .2s var(--target-ease),background .2s var(--target-ease)}.hero-dots i.on{width:18px;background:var(--target-accent)}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--target-grid-gap-y) var(--target-grid-gap-x)}.video-card{min-width:0;display:block;text-align:left;width:100%}.poster{position:relative;height:var(--target-poster-height);border-radius:var(--target-radius-card);background-color:#222;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.poster:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#000000b0);pointer-events:none}.poster__badge{position:absolute;z-index:1;top:0;left:0;background:var(--target-accent-warm);color:#17130a;padding:6px 11px;border-radius:0 0 9px;font-size:12px;font-weight:700}.poster__heat{position:absolute;z-index:1;bottom:10px;left:12px;display:flex;align-items:center;gap:4px;font-size:12px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.7)}.poster__heat svg{width:12px;height:12px;color:var(--target-accent-warm)}.poster__duration{position:absolute;z-index:1;right:8px;bottom:9px;padding:2px 6px;border-radius:4px;background:#0000009e;font-size:11px;color:#fff}.video-card h3{font-size:var(--target-font-title);font-weight:600;margin:9px 2px 7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--target-text-main)}.meta{display:flex;gap:6px;flex-wrap:wrap}.meta span{color:var(--target-text-chip);background:var(--target-panel-soft);border:1px solid var(--target-border);border-radius:var(--target-radius-chip);padding:4px 6px;font-size:var(--target-font-chip);white-space:nowrap}.panel{background:var(--target-panel-bg);border:1px solid var(--target-border);border-radius:var(--target-radius-panel);padding:14px}.panel+.panel{margin-top:12px}.panel__title{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;margin-bottom:12px}.panel__title small{font-size:12px;font-weight:400;color:var(--target-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--target-radius-pill);font-size:14px;font-weight:600;padding:11px 20px;border:1px solid transparent;transition:opacity .16s var(--target-ease),transform .16s var(--target-ease)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5}.btn--primary{background:var(--target-accent);color:#17130a}.btn--ghost{background:transparent;border-color:var(--target-border-soft);color:var(--target-text-secondary)}.btn--soft{background:var(--target-panel-soft);border-color:var(--target-border);color:var(--target-text-main)}.btn--block{width:100%}.btn--sm{padding:7px 14px;font-size:12px}.btn--gold{background:linear-gradient(135deg,#ffe9b0,#f2c14e);color:#2b2107}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:56px 20px;color:var(--target-text-muted);font-size:13px;text-align:center}.state__icon{width:44px;height:44px;border-radius:50%;background:var(--target-panel-soft);border:1px solid var(--target-border);display:grid;place-items:center;color:var(--target-text-muted)}.state__icon svg{width:20px;height:20px}.state__action{margin-top:4px}.skeleton{background:linear-gradient(90deg,#151a24 25%,#1d232f 37%,#151a24 63%);background-size:400% 100%;animation:skeleton-shine 1.4s ease infinite;border-radius:8px}@keyframes skeleton-shine{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton-poster{height:var(--target-poster-height);border-radius:var(--target-radius-card)}.skeleton-hero{height:var(--target-hero-height);border-radius:var(--target-radius-hero);margin-bottom:18px}.list-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid rgba(41,47,60,.7);width:100%;text-align:left}.list-row:last-child{border-bottom:0}.list-row__label{flex:1;min-width:0;font-size:14px;color:var(--target-text-main)}.list-row__value{font-size:13px;color:var(--target-text-muted)}.toast-layer{position:fixed;z-index:120;left:50%;bottom:96px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:min(100%,var(--target-content-max));padding:0 32px}.toast{max-width:100%;background:#14161ef5;border:1px solid var(--target-border-soft);color:var(--target-text-main);border-radius:10px;padding:10px 16px;font-size:13px;line-height:1.4;box-shadow:0 8px 24px #00000073;animation:toast-in .18s var(--target-ease)}.toast--error{border-color:#ff686880;color:#ffd7d7}.toast--success{border-color:#fec92880;color:#ffeeb4}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.modal-layer{position:fixed;inset:0;z-index:110;background:#000000a8;display:flex;align-items:center;justify-content:center;padding:28px;animation:fade-in .16s var(--target-ease)}.modal-card{width:min(100%,340px);background:#12151d;border:1px solid var(--target-border-soft);border-radius:16px;padding:20px;box-shadow:0 18px 48px #0000008c}.modal-card h3{font-size:16px;font-weight:700;margin-bottom:10px}.modal-card p{font-size:13px;color:var(--target-text-secondary);line-height:1.6;margin-bottom:18px;word-break:break-word}.modal-actions{display:flex;gap:10px}.modal-actions .btn{flex:1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sheet-layer{position:fixed;inset:0;z-index:110;background:#0009;display:flex;align-items:flex-end;justify-content:center}.sheet-card{width:min(100%,var(--target-content-max));max-height:82vh;overflow-y:auto;background:#12151d;border-radius:18px 18px 0 0;border-top:1px solid var(--target-border-soft);padding:18px 16px calc(18px + var(--target-safe-bottom));animation:sheet-up .22s var(--target-ease)}@keyframes sheet-up{0%{transform:translateY(24px);opacity:.6}to{transform:translateY(0);opacity:1}}.field{display:block;margin-bottom:16px}.field__label{display:block;font-size:12px;color:var(--target-text-muted);margin-bottom:8px}.field__input{width:100%;padding:14px 16px;border:1px solid var(--target-border-soft);border-radius:12px;background:var(--target-panel-soft);color:var(--target-text-main);outline:none;font-size:14px;transition:border-color .16s var(--target-ease)}.field__input:focus{border-color:#fec92899}.field__input::placeholder{color:#6d7383}.seg-tabs{display:flex;gap:22px;border-bottom:1px solid var(--target-border);padding-bottom:10px;margin-bottom:16px}.seg-tab{position:relative;font-size:15px;color:var(--target-text-secondary);padding-bottom:6px}.seg-tab.is-active{color:var(--target-text-main);font-weight:700}.seg-tab.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;background:var(--target-accent);border-radius:2px}.price{color:var(--target-accent);font-weight:700}.tag-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:11px;border:1px solid var(--target-border);background:var(--target-panel-soft);color:var(--target-text-chip)}.tag-chip--hot{border-color:#ff8a1f73;color:var(--target-accent-warm);background:#ff8a1f1a}.tag-chip--vip{border-color:#fec92880;color:var(--target-accent);background:#fec9281f}