:root{color:#f6f1e8;background:#121210;font-family:Inter,ui-sans-serif,system-ui,-apple-system,PingFang SC,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 0%,#342d24 0,#121210 34rem)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#5a382a 0,#211914 28%,#0d0d0c 70%)}.login-panel{width:min(420px,100%);padding:clamp(28px,6vw,46px);border:1px solid #ffffff1c;border-radius:24px;background:#171614e8;box-shadow:0 28px 90px #0009;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-panel h1{margin:8px 0 6px;font-family:Georgia,Songti SC,serif;font-size:44px}.login-intro{margin:0 0 28px;color:#a9a198}.login-panel form,.login-panel label{display:grid}.login-panel form{gap:17px}.login-panel label{gap:7px;color:#d4cec5;font-size:13px;font-weight:700}.login-panel input{width:100%;padding:13px 14px;border:1px solid #ffffff20;border-radius:10px;color:#fff;background:#ffffff0b;outline:none}.login-panel input:focus{border-color:#e7a077;box-shadow:0 0 0 3px #e7a07720}.login-button{margin-top:5px;padding:13px;border:0;border-radius:10px;color:#17120f;background:#e7a077;font-weight:800;cursor:pointer}.login-button:disabled{opacity:.6;cursor:wait}.login-error{margin:-5px 0;color:#ff9d84;font-size:13px}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,72px);background:#121210d6;border-bottom:1px solid #ffffff16;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{font-family:Georgia,serif;font-size:22px;font-weight:700;letter-spacing:.08em}.settings{position:relative}.settings-card{position:absolute;top:48px;right:0;width:min(390px,calc(100vw - 32px));padding:18px;display:grid;gap:13px;color:#29251f;background:#f6f1e8;border-radius:16px;box-shadow:0 18px 70px #000a}.settings-card label{display:grid;gap:6px;font-size:12px;font-weight:700}.settings-card input{width:100%;padding:10px 11px;border:1px solid #c9c0b4;border-radius:8px;background:#fff}.ghost-button,.primary-button,.error-card button{border:0;border-radius:999px;cursor:pointer}.ghost-button{padding:9px 15px;color:#f6f1e8;background:#ffffff12;border:1px solid #ffffff24}.primary-button,.error-card button{padding:10px 18px;color:#fff;background:#cb5d38}.page-section,.detail-page{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:58px 0 88px}.hero{max-width:680px;margin-bottom:35px}.hero h1,.detail-head h1{margin:5px 0 12px;font-family:Georgia,Songti SC,serif;font-size:clamp(42px,7vw,76px);line-height:.98}.hero p:last-child,.summary{color:#bcb5aa;line-height:1.7}.eyebrow{margin:0;color:#d77853;font-size:12px;font-weight:800;letter-spacing:.22em}.tab-list{display:flex;gap:8px;padding-bottom:20px;overflow-x:auto}.tab-list button,.episode-grid button{border:1px solid #ffffff20;color:#cfc8bd;background:#1d1c19;cursor:pointer}.tab-list button{flex:none;padding:10px 17px;border-radius:999px}.tab-list button.active,.episode-grid button.active{color:#171410;background:#e7a077;border-color:#e7a077}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:clamp(18px,2.5vw,28px);align-items:start}.item-card{min-width:0;overflow:hidden;border:1px solid #ffffff12;border-radius:18px;background:linear-gradient(155deg,#211f1b,#171613);box-shadow:0 12px 32px #0003;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.item-card:hover{transform:translateY(-6px);border-color:#e7a07773;box-shadow:0 20px 46px #0008}.cover{position:relative;display:grid;place-items:center;aspect-ratio:9 / 16;overflow:hidden;color:#342820;background:#0a0a09;font-family:Georgia,serif;font-size:58px}.cover img{width:100%;height:100%;object-fit:contain;background:#0a0a09;transition:transform .35s ease,filter .35s ease}.poster img{width:100%;height:100%;object-fit:contain;background:#0a0a09}.item-card:hover .cover img{transform:scale(1.015);filter:brightness(1.05)}.cover-fallback{display:grid;width:100%;height:100%;place-items:center}.cover-shade{position:absolute;inset:55% 0 0;pointer-events:none;background:linear-gradient(transparent,#000b)}.episode-badge,.original-badge{position:absolute;z-index:2;padding:6px 9px;color:#fff;border-radius:999px;font:700 11px/1 system-ui;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.episode-badge{right:10px;bottom:10px;background:#000a}.original-badge{top:10px;left:10px;background:#c75d3ce6}.item-copy{padding:16px 16px 17px}.item-copy h2{margin:5px 0 8px;overflow:hidden;font-size:19px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.item-copy p{min-height:42px;margin:0;overflow:hidden;color:#9e978c;font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-tags{min-height:22px;display:flex;gap:6px;overflow:hidden}.card-tags span{flex:none;padding:4px 7px;color:#dda184;background:#d7785317;border:1px solid #d7785338;border-radius:6px;font-size:10px;line-height:1}.metrics,.detail-meta{display:flex;flex-wrap:wrap;gap:11px;color:#c8a18a;font-size:11px}.metrics{margin-top:14px;padding-top:12px;border-top:1px solid #ffffff0d}.load-sentinel{min-height:110px;display:grid;place-items:center;color:#8f887e;font-size:14px}.load-sentinel button{padding:10px 16px;border:1px solid #ffffff22;border-radius:999px;color:#f1ddd1;background:#ffffff0d;cursor:pointer}.status{padding:50px 0;color:#aaa398;text-align:center}.error-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;color:#ffd3c3;background:#612c2480;border:1px solid #d66b5055;border-radius:12px}.back-link{display:inline-block;margin-bottom:28px;color:#d8a183}.detail-head{display:grid;grid-template-columns:180px 1fr;align-items:end;gap:32px;margin-bottom:42px}.poster{display:grid;place-items:center;aspect-ratio:9 / 14;overflow:hidden;background:linear-gradient(145deg,#e7a077,#492c22);border-radius:14px;font-family:Georgia,serif;font-size:72px}.detail-head h1{font-size:clamp(38px,6vw,68px)}.detail-meta{margin-top:20px}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:26px}.player-wrap,.empty-player{overflow:hidden;aspect-ratio:16 / 9;background:#050505;border-radius:16px;box-shadow:0 22px 70px #0008}.player-wrap,.player-wrap *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.player-wrap video{display:block;width:100%;height:100%;background:#000}.empty-player{display:grid;place-items:center;color:#777}.error-message{margin:10px 0;color:#ff9b82}.now-playing{margin:18px 2px;font-size:19px}.episode-panel{padding:20px;background:#1a1916;border:1px solid #ffffff14;border-radius:16px}.episode-panel h2{margin:0 0 16px;font:500 16px system-ui}.episode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-height:430px;overflow:auto}.episode-grid button{aspect-ratio:1;border-radius:9px}.short-detail{position:relative;height:100vh;overflow:hidden;background:#090909}.short-feed{height:100%;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none}.short-feed::-webkit-scrollbar{display:none}.short-slide{position:relative;min-height:100%;height:100%;display:grid;place-items:center;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background:#090909}.short-media{position:absolute;inset:0;display:grid;place-items:center;background:#090909}.short-media>img,.short-media>.cover-fallback{width:100%;height:100%;object-fit:cover;filter:brightness(.42) blur(14px);transform:scale(1.06)}.short-media .player-wrap{position:relative;width:min(100%,56.25vh);height:100%;max-height:100%;overflow:hidden;aspect-ratio:9 / 16;border-radius:0;background:#000;box-shadow:none}.short-media .player-wrap video{width:100%;height:100%;object-fit:contain;background:#000;cursor:pointer}.short-media .empty-player{position:relative;z-index:3;width:min(100%,56.25vh);height:100%;border-radius:0}.short-gradient{position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(rgba(0,0,0,.45),transparent 18%,transparent 54%,rgba(0,0,0,.96))}.video-topbar{position:absolute;z-index:7;top:0;left:max(0px,calc(50% - 28.125vh));width:min(100%,56.25vh);height:78px;padding:16px 18px;display:grid;grid-template-columns:38px 1fr auto 30px;align-items:center;gap:8px;text-shadow:0 2px 12px #000;transition:opacity .18s ease}.video-topbar button{border:0;color:#fff;background:transparent;cursor:pointer}.video-back{font:300 48px/32px system-ui}.video-topbar strong{font-size:22px}.rate-button{font-size:17px}.more-button{font-size:32px;line-height:1}.center-play{position:absolute;z-index:8;top:50%;left:50%;width:82px;height:82px;padding-left:7px;transform:translate(-50%,-50%);border:0;border-radius:50%;color:#fff;background:#1b2838a8;font-size:38px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sound-toggle{position:absolute;z-index:8;top:82px;right:12px;padding:6px 9px;border:1px solid #ffffff30;border-radius:999px;color:#fff;background:#0007;cursor:pointer}.fullscreen-toggle{position:absolute;z-index:8;top:122px;right:12px;padding:6px 9px;border:1px solid #ffffff30;border-radius:999px;color:#fff;background:#0007;cursor:pointer}.seek-tip{position:absolute;z-index:9;top:50%;left:50%;padding:10px 16px;transform:translate(-50%,-50%);border-radius:999px;color:#fff;background:#000a;font-size:14px;pointer-events:none}.rate-tip{position:absolute;z-index:9;top:50%;left:50%;padding:14px 20px;transform:translate(-50%,-50%);border-radius:999px;color:#fff;background:#000a;font-size:22px;font-weight:800;pointer-events:none}.video-progress{position:absolute;z-index:8;left:16px;right:16px;bottom:76px;width:calc(100% - 32px);height:18px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.video-progress{-webkit-touch-callout:default}.video-progress::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to right,#fff 0 var(--progress),rgba(255,255,255,.4) var(--progress) 100%);box-shadow:0 1px 6px #000b}.video-progress::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px;appearance:none;-webkit-appearance:none;border:2px solid #fff;border-radius:50%;background:#fff;box-shadow:0 1px 8px #000c}.video-progress::-moz-range-track{height:6px;border-radius:999px;background:#fff6;box-shadow:0 1px 6px #000b}.video-progress::-moz-range-progress{height:6px;border-radius:999px;background:#fff}.video-progress::-moz-range-thumb{width:16px;height:16px;border:2px solid #fff;border-radius:50%;background:#fff;box-shadow:0 1px 8px #000c}.video-progress:focus,.video-progress:focus-visible{outline:none}.player-wrap .error-message{position:absolute;z-index:9;top:100px;left:20px;right:20px;padding:10px;color:#ffd2c5;background:#7f241fc4;border-radius:8px}.social-rail{position:absolute;z-index:6;right:max(10px,calc(50% - 28.125vh + 10px));bottom:130px;display:grid;gap:20px;transition:opacity .18s ease}.social-rail button{width:58px;padding:0;display:grid;justify-items:center;gap:4px;border:0;color:#fff;background:transparent;text-shadow:0 2px 10px #000;cursor:pointer}.social-rail span{display:grid;min-height:39px;place-items:center;font-size:34px;line-height:1}.social-rail button:nth-child(2) span{font-size:16px;letter-spacing:-2px}.social-rail small{font-size:13px}.short-caption{position:absolute;z-index:5;left:max(18px,calc(50% - 28.125vh + 18px));right:max(82px,calc(50% - 28.125vh + 82px));bottom:102px;color:#fff;text-shadow:0 2px 14px #000;transition:opacity .18s ease}.drama-name{display:block;max-width:100%;overflow:hidden;padding:0;border:0;color:#fff;background:transparent;font-size:22px;font-weight:800;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.drama-name span{padding-left:7px;font-size:30px}.short-caption p{max-width:100%;margin:8px 42px 0 0;overflow:hidden;color:#dedede;font-size:15px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.short-caption p.expanded{overflow:visible;white-space:normal}.expand-copy{position:absolute;right:0;bottom:0;padding:0;border:0;color:#fff;background:transparent;cursor:pointer}.episode-dock{position:absolute;z-index:7;left:max(0px,calc(50% - 28.125vh));bottom:0;width:min(100%,56.25vh);height:64px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:20px 20px 0 0;color:#fff;background:#1e1e1ef2;font-size:18px;cursor:pointer;transition:opacity .18s ease}.episode-dock b{font-size:24px}.controls-hidden .video-topbar,.controls-hidden .social-rail,.controls-hidden .short-caption,.controls-hidden .episode-dock{opacity:0;pointer-events:none}.episode-mask{position:absolute;z-index:30;inset:0;display:flex;align-items:end;justify-content:center;visibility:hidden;background:transparent;transition:background .22s}.episode-mask.open{visibility:visible;background:#0008}.episode-sheet{width:min(100%,56.25vh);max-height:62%;padding:22px;overflow-y:auto;color:#fff;background:#202020;border-radius:24px 24px 0 0;transform:translateY(100%);transition:transform .25s ease}.episode-mask.open .episode-sheet{transform:translateY(0)}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.sheet-head div{display:flex;align-items:baseline;gap:10px}.sheet-head strong{font-size:22px}.sheet-head small{color:#aaa}.sheet-head button{border:0;color:#fff;background:transparent;font-size:30px;cursor:pointer}.sheet-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.sheet-grid button{aspect-ratio:1;border:1px solid #ffffff15;border-radius:10px;color:#ddd;background:#303030;cursor:pointer}.sheet-grid button.active{color:#161616;background:#fff}.detail-error{width:min(680px,calc(100% - 40px));margin:50px auto}.player-wrap:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0}.player-wrap:fullscreen video{object-fit:contain}.player-wrap.player-wrap--immersive{position:fixed!important;z-index:100;inset:0;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;aspect-ratio:auto;border-radius:0}.player-wrap.player-wrap--immersive video{object-fit:contain}@media(max-width:760px){.site-header{padding:14px 20px}.page-section,.detail-page{width:min(100% - 28px,1180px);padding-top:36px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.item-card{border-radius:14px}.item-copy{padding:12px}.item-copy h2{font-size:16px}.card-tags span{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metrics{gap:8px;font-size:10px}.detail-head{grid-template-columns:95px 1fr;gap:18px;align-items:center}.detail-head .summary{grid-column:1 / -1}.watch-layout{grid-template-columns:1fr}.episode-grid{grid-template-columns:repeat(6,1fr);max-height:none}.short-detail{height:100vh}.short-media .player-wrap,.short-media .empty-player{width:100%}.video-topbar,.episode-dock{left:0;width:100%}.social-rail{right:8px}.short-caption{left:16px;right:76px}.short-caption p{font-size:14px}}@media(orientation:landscape)and (pointer:coarse){.short-media .player-wrap{width:100vw;max-width:none;aspect-ratio:auto}.short-media .player-wrap video{object-fit:contain}.video-topbar,.episode-dock{width:100vw;left:0}}