:root{color-scheme:dark;--bg:#0c0d10;--panel:#17191f;--panel2:#22252d;--gold:#ffda45;--muted:#90949e;--line:#2b2c31;--cream:#f5dba6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f5f5f7;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}button,input,select,textarea{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.3}h2{font-size:23px}small,.muted{color:var(--muted)}input,select,textarea{width:100%;border:1px solid transparent;border-radius:16px;background:var(--panel);color:white;padding:17px 19px;outline:none}input:focus,select:focus,textarea:focus{border-color:#a68b37}textarea{min-height:100px;resize:vertical}label{display:block;margin-bottom:16px}label>span{display:block;color:var(--muted);font-size:13px;margin-bottom:7px}.row{display:flex;align-items:center;justify-content:space-between;gap:16px}.stack{display:grid;gap:14px}.page{max-width:1280px;margin:auto;padding:34px 44px 80px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}.topbar h1{margin:0}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--gold);font-weight:700;margin-bottom:12px}.logo{display:grid;place-items:center;background:linear-gradient(135deg,#fff0a7,#ffda45 60%,#f7b821);width:48px;height:48px;border-radius:17px;color:#15150d;box-shadow:0 6px 28px #ffd94a15;font-size:24px}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:750}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:2px;color:#b8a774}.gold{background:linear-gradient(105deg,#ffe79b,#ffdb45 55%,#ffbf24);color:#231c09;border-radius:999px;padding:13px 25px;font-weight:750}.outline{border:1px solid #393b42;border-radius:999px;padding:12px 24px}.full{width:100%}.text-gold{color:var(--gold)}.chip{padding:8px 19px;border-radius:999px;background:var(--panel2);color:var(--muted);white-space:nowrap}.chip.active{color:var(--gold);background:#302919;box-shadow:inset 0 0 0 1px #8b7535}.tabs{display:flex;gap:12px;overflow:auto;scrollbar-width:none;margin:25px 0}.tabs button{flex-shrink:0}.section-head{margin:34px 0 20px}.section-head h2{margin:0}.search{max-width:340px;display:flex;gap:8px}.search input{padding:12px 16px;border-radius:999px}.hero{border:1px solid #6c5b35;border-radius:25px;background:radial-gradient(ellipse at 85% 30%,#9b782b39,transparent 60%),linear-gradient(115deg,#242017,#111215);padding:48px;position:relative;overflow:hidden}.hero h1{font-size:44px;max-width:650px}.hero p{color:#b8ac96;max-width:560px}.hero-mark{position:absolute;right:7%;top:20%;font-size:145px;color:#fadd8d12;transform:rotate(-12deg);line-height:1;pointer-events:none}.hero .gold{display:inline-block;margin-top:10px}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:23px 18px}.poster{aspect-ratio:3/4;border-radius:13px;overflow:hidden;position:relative;background:linear-gradient(145deg,#383425,#222632 60%,#16171c);display:grid;place-items:center}.poster img{width:100%;height:100%;object-fit:cover}.poster .poster-letter{font-size:40px;color:#e9d59570}.poster .badge{position:absolute;bottom:9px;left:9px;background:#0009;font-size:11px;padding:3px 9px;border-radius:5px}.card h3{font-size:16px;margin:11px 0 3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card p{font-size:12px;color:var(--muted)}.empty{padding:60px 20px;text-align:center;color:var(--muted);border:1px dashed #34312a;border-radius:24px;background:radial-gradient(circle at 50% 10%,#ffda4507,transparent 60%)}.empty .empty-icon{width:76px;height:76px;margin:0 auto 22px;border-radius:24px;border:1px solid #685b38;color:var(--cream);display:grid;place-items:center;font-size:32px;background:#242015;transform:rotate(-7deg)}.empty h3{color:#e4dccb;font-size:20px;margin-bottom:9px}.empty p{max-width:430px;margin:0 auto 20px;font-size:14px}.panel{border-radius:21px;padding:24px;background:var(--panel)}.membership{max-width:760px}.plan{width:100%;text-align:left;position:relative;border:1px solid #514936;border-radius:19px;padding:27px 24px;display:flex;align-items:center;gap:20px;background:linear-gradient(115deg,#211e16,#111214);min-height:112px;overflow:hidden}.plan.active{border:2px solid #ecd09a;box-shadow:0 0 24px #efd69b13;padding:26px 23px}.plan .symbol{width:48px;height:48px;border:1px solid #887453;border-radius:50%;display:grid;place-items:center;font-size:24px;color:var(--gold)}.plan h3{font-size:23px;margin:0 0 3px}.plan .price{margin-left:auto;color:var(--cream);font-size:32px}.plan .ribbon{position:absolute;right:0;top:0;background:#edcb92;color:#211c14;border-radius:0 0 0 12px;padding:2px 13px;font-size:11px}.privileges{display:grid;grid-template-columns:repeat(3,1fr);gap:25px 12px;text-align:center;color:var(--cream);border:1px solid #554935;background:linear-gradient(120deg,#211d16,#111216);padding:27px 15px;border-radius:22px}.privileges b{font-size:25px;display:grid;width:50px;height:50px;border:1px solid #7b6846;border-radius:50%;place-items:center;margin:0 auto 10px}.privileges small{display:block;color:#a99e8a;margin-top:3px}.checkout{position:sticky;bottom:16px;margin-top:30px;background:#0c0d10eb;padding:16px 0;z-index:5}.checkout button{font-size:19px;padding:16px}.auth{max-width:540px;padding-top:65px}.auth .logo{width:76px;height:76px;border-radius:23px;margin:35px 0 23px;font-size:36px}.auth h1{margin-bottom:14px}.auth-switch{display:flex;gap:32px;margin:35px 0 28px;font-size:24px;font-weight:750}.auth-switch .active{color:white;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:12px;text-decoration-thickness:4px}.auth-switch button{color:var(--muted)}.auth input{padding:19px}.auth .gold{margin-top:20px;padding:17px}.auth-other{text-align:center;margin:28px 0}.auth-other button{margin-bottom:16px}.auth-other p{font-size:12px;color:var(--muted)}.profile-head{display:flex;gap:20px;align-items:center;margin-bottom:27px}.avatar{display:grid;place-items:center;background:linear-gradient(135deg,#f5dca1,#826631);border:2px solid #c8a85d;border-radius:50%;width:80px;height:80px;color:#292317;font-size:31px}.profile-head h2{margin:0 0 3px}.profile-head .outline{margin-left:auto;font-size:12px}.vip-banner{padding:25px 29px;border:1px solid #8c7955;border-radius:19px;display:flex;align-items:center;justify-content:space-between;background:radial-gradient(ellipse at 60% 20%,#e3b14e35,transparent 60%),linear-gradient(115deg,#2b241b,#16151a);gap:12px}.vip-banner h2{color:var(--cream);margin:0 0 4px;font-size:20px}.vip-banner p{font-size:12px;color:#b3a78e;margin:0}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:center}.services a,.services button{padding:15px 3px;font-size:13px}.services b{display:block;font-size:26px;color:var(--cream);margin-bottom:6px}.auth-note{padding:15px;color:#dac58c;background:#312818;border-radius:14px;font-size:13px;margin-bottom:22px}.watch-page{height:calc(100dvh - 45px);padding:20px 30px;display:grid;grid-template-columns:minmax(300px,440px) minmax(280px,440px);gap:40px;justify-content:center}.video-stage{position:relative;background:black;border-radius:20px;overflow:hidden;height:100%;min-height:500px}.video-stage iframe{width:100%;height:100%;border:0}.video-stage .cover{width:100%;height:100%;object-fit:cover;opacity:.4}.video-empty{height:100%;display:grid;place-content:center;text-align:center;padding:30px;background:radial-gradient(ellipse,#342c1f,#111216 70%)}.play-head{position:absolute;top:16px;left:16px;right:16px;z-index:2;display:flex;justify-content:space-between;text-shadow:0 1px 8px #000}.play-head button{border-radius:50%;background:#0008;width:38px;height:38px}.video-info{position:absolute;bottom:0;left:0;right:0;padding:100px 20px 22px;background:linear-gradient(transparent,#000d);pointer-events:none}.video-info button{pointer-events:auto}.video-info h2{font-size:23px;margin-bottom:10px}.video-info p{font-size:13px;color:#ccc;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.watch-side{padding-top:35px}.watch-side h1{font-size:27px}.actions{display:flex;gap:12px;margin:23px 0}.actions button{background:var(--panel2);border-radius:12px;padding:9px 15px}.episode-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.episode{background:#272932;border-radius:13px;min-height:62px;position:relative;font-size:20px;color:#aaaeb8}.episode.active{background:var(--gold);color:#201b0d}.episode small{position:absolute;right:4px;top:2px;background:#ffda45;color:#332700;font-size:9px;border-radius:8px;padding:0 5px}.episode.active small{background:#0002}.mobile-only{display:none}dialog{border:0;max-width:650px;width:calc(100% - 30px);background:#17191f;color:white;border-radius:25px;padding:30px}dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}dialog .row{margin-bottom:25px}dialog h2{margin:0;font-size:21px}#toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);max-width:90vw;background:#f1dc9b;color:#231f14;padding:12px 23px;border-radius:12px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:100}#toast.show{opacity:1}.loading{padding:80px;text-align:center;color:var(--muted)}#sidebar{width:230px;position:fixed;inset:0 auto 0 0;border-right:1px solid #242426;padding:36px 23px;z-index:10;background:#0d0e11}#sidebar nav{display:grid;gap:10px;margin-top:57px}#sidebar nav a{display:flex;align-items:center;gap:15px;padding:14px 22px;border-radius:12px;color:#9b9da5}#sidebar nav a.active{background:#302a19;color:var(--gold)}#sidebar .side-note{position:absolute;bottom:34px;color:#696b73;font-size:13px;line-height:2}.side-note span{display:block;margin-top:16px;font-size:10px;letter-spacing:1px}#app{margin-left:230px}#bottom{display:none}.nav-icon{font-size:23px;line-height:1}.table-list{display:grid;gap:10px}.table-list>div{padding:17px;background:var(--panel);border-radius:14px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.check{display:flex;gap:10px;align-items:center}.check input{width:20px}.footer-note{font-size:11px;color:#666a73;text-align:center;margin-top:45px}.auth .back{font-size:25px}.narrow{max-width:850px}
@media(min-width:1600px){.page{padding-top:50px}.hero{padding:65px}.hero h1{font-size:55px}}
@media(max-width:1100px){#sidebar{width:190px;padding:30px 15px}#app{margin-left:190px}.page{padding:30px 28px 80px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h1{font-size:34px}.watch-page{gap:20px;padding:16px}.watch-side{padding-top:15px}.episode-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){#sidebar{display:none}#app{margin-left:0}.page{padding:22px 18px 105px}.topbar{margin-bottom:22px;gap:10px}.topbar h1{font-size:25px}.topbar .brand{font-size:20px}.topbar .logo{width:39px;height:39px;border-radius:12px;font-size:20px}.topbar .brand small{font-size:7px}.search{max-width:none}.topbar .search{width:135px}.search input{font-size:12px;padding:10px 13px}.hero{padding:28px 23px;border-radius:20px;min-height:230px}.hero h1{font-size:31px;max-width:260px}.hero p{font-size:13px;max-width:240px}.hero .gold{padding:9px 18px;font-size:13px}.hero-mark{font-size:110px;right:12px;top:70px}.eyebrow{font-size:9px;letter-spacing:2px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}.card h3{font-size:13px;margin-top:8px}.card p{font-size:10px}.poster{border-radius:10px}.poster .badge{font-size:9px;padding:2px 5px;bottom:6px;left:5px}.section-head{margin:26px 0 17px}.section-head h2{font-size:20px}.tabs{margin:22px 0;gap:9px}.chip{font-size:12px;padding:6px 16px}.empty{padding:45px 20px}.empty h3{font-size:18px}.empty p{font-size:12px}#bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:#08090bf5;border-top:1px solid #202125;justify-content:space-around;padding:11px 8px calc(10px + env(safe-area-inset-bottom));z-index:20;backdrop-filter:blur(15px)}#bottom a{display:grid;justify-items:center;gap:6px;color:#82858e;font-size:11px;width:25%}#bottom a.active{color:var(--gold)}.nav-icon{font-size:25px}.membership .topbar{justify-content:center;position:relative}.membership .topbar>a{position:absolute;left:0}.membership .topbar h1{color:var(--cream);font-size:23px}.plan{padding:25px 16px;gap:14px;min-height:112px;border-radius:18px}.plan.active{padding:24px 15px}.plan h3{font-size:21px}.plan .symbol{width:42px;height:42px;font-size:22px;flex-shrink:0}.plan small{font-size:12px}.plan .price{font-size:29px}.plan .ribbon{font-size:10px}.privileges{gap:23px 5px;font-size:12px}.privileges small{font-size:10px}.privileges b{font-size:22px;width:45px;height:45px}.checkout{bottom:68px;margin-bottom:0;padding:12px 0}.checkout button{font-size:18px;padding:15px}.auth{max-width:500px;padding:25px 23px 100px}.auth h1{font-size:27px}.auth .logo{margin-top:40px}.auth input{font-size:16px;padding:18px}.auth-switch{font-size:23px;margin-top:35px}.profile-head{gap:15px}.avatar{width:65px;height:65px;font-size:28px}.profile-head h2{font-size:22px}.profile-head small{font-size:11px}.profile-head .outline{padding:7px 10px}.vip-banner{padding:23px 17px}.vip-banner h2{font-size:16px}.vip-banner p{font-size:10px}.vip-banner .gold{font-size:12px;padding:9px 16px;white-space:nowrap}.panel{padding:20px 15px;border-radius:18px}.services{gap:4px}.services a,.services button{font-size:11px}.services b{font-size:25px}.watch-page{height:calc(100dvh - 76px - env(safe-area-inset-bottom));display:block;padding:0}.video-stage{height:100%;border-radius:0;min-height:300px}.watch-side{display:none}.mobile-only{display:block}.video-info{padding-bottom:20px}.video-info h2{font-size:22px}.video-info .full{border-radius:0;padding:14px 0 0;text-align:left;border-top:1px solid #ffffff30;margin-top:5px}.video-info .actions{position:absolute;right:10px;bottom:195px;display:grid;gap:17px;pointer-events:auto}.video-info .actions button{padding:5px;background:transparent;display:grid;gap:1px;font-size:25px}.video-info .actions small{font-size:11px;color:white}.episode-grid{grid-template-columns:repeat(6,1fr);gap:10px}.episode{min-height:55px;font-size:17px}dialog{position:fixed;bottom:0;top:auto;margin:0;max-width:none;width:100%;padding:25px 18px calc(28px + env(safe-area-inset-bottom));border-radius:23px 23px 0 0;max-height:85dvh}.admin-grid{grid-template-columns:1fr}.footer-note{margin-top:30px}.profile-head .outline{margin-left:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.feed-page{height:100dvh;display:flex;align-items:center;justify-content:center;gap:80px;padding:25px}.feed-desktop-title h1{font-size:56px;margin-bottom:25px;color:var(--gold)}.feed-desktop-title p{font-size:27px;color:#b0a99a;line-height:1.8}.feed-desktop-title small{color:var(--muted)}.feed-scroll{width:min(440px,100%);height:100%;max-height:850px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;border-radius:22px;background:#030405;overscroll-behavior:contain}.feed-card{height:100%;width:100%;position:relative;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}.feed-media{position:absolute;inset:0;pointer-events:none}.feed-media iframe{width:100%;height:100%;border:0;pointer-events:none}.feed-gesture{position:absolute;inset:0;z-index:1;touch-action:pan-y}.feed-header{position:absolute;top:0;left:0;right:0;padding:20px;display:flex;justify-content:space-between;align-items:center;z-index:3;background:linear-gradient(#0008,transparent);font-size:20px;font-weight:700}.feed-header small{font-size:11px;color:#ddd;margin-left:10px}.feed-header button{font-size:12px;border-radius:20px;background:#0006;padding:7px 12px}.feed-caption{position:absolute;bottom:0;left:0;right:0;padding:100px 19px 18px;background:linear-gradient(transparent,#000d);z-index:2;pointer-events:none}.feed-caption h2{font-size:23px;margin-bottom:10px;max-width:85%}.feed-caption p{font-size:13px;color:#bbb;max-width:85%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feed-caption .chip{font-size:11px;background:#ffffff25;color:#eee;padding:4px 10px}.feed-full{pointer-events:auto;display:block;padding:12px 0;border-top:1px solid #ffffff30;font-weight:700}.swipe-hint{display:block;text-align:center;font-size:10px;color:#b9b6af;margin-top:8px}.feed-actions{position:absolute;bottom:210px;right:12px;display:grid;gap:20px;z-index:3}.feed-actions button{display:grid;justify-items:center;font-size:30px;text-shadow:0 2px 8px #000}.feed-actions small{font-size:11px;color:inherit}.feed-actions button.text-gold{color:var(--gold)}
@media(max-width:1100px){.feed-page{gap:30px}.feed-desktop-title h1{font-size:38px}.feed-desktop-title p{font-size:20px}}
@media(max-width:700px){.feed-page{height:calc(100dvh - 76px - env(safe-area-inset-bottom));padding:0;display:block}.feed-desktop-title{display:none}.feed-scroll{width:100%;max-height:none;border-radius:0}.feed-header{padding:18px}.feed-caption{padding-bottom:12px}#bottom a{width:20%}}