:root{color-scheme:dark;--bg:#170d13;--panel:#291820;--line:#51303e;--ink:#fff6eb;--muted:#c6aab5;--accent:#e6c495;--accent2:#f2d9b7;font-family:system-ui,"Microsoft YaHei","Noto Sans",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent2);outline-offset:4px}img{display:block;max-width:100%}.wrap{max-width:1220px;margin-inline:auto;padding-inline:32px}.top{border-bottom:1px solid var(--line)}.bar{height:76px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;gap:11px;align-items:center;font-size:22px;font-weight:850;letter-spacing:-.055em;white-space:nowrap}.brand-accent{color:var(--accent2)}.nav{margin-left:auto;color:var(--muted);font-size:14px}.nav:hover,.footer>a:hover{color:var(--accent2)}.language{display:flex;align-items:center;gap:7px;padding:0 8px 0 11px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.language svg,.search svg{width:19px;height:19px;fill:none;stroke:var(--muted);stroke-width:1.65;flex:none}.language select{color:var(--ink);background:var(--panel);border:0;padding:9px 0;font-size:13px}
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;margin:35px 0 72px;background:#2b1520;border:1px solid #68404c;border-radius:26px;overflow:hidden;min-height:440px}.intro{padding:53px 7% 46px 9%;align-self:center}.eyebrow{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--accent2);margin:0 0 12px}.eyebrow>span:first-child:empty{height:7px;width:7px;border-radius:50%;background:var(--accent);flex:none}.hero h1{font-weight:850;font-size:clamp(2.5rem,5.25vw,5rem);line-height:1.04;letter-spacing:-.055em;margin:0 0 20px}.hero h1 em{font-style:normal;color:var(--accent)}.lede{max-width:38ch;color:#d5bac5;font-size:16px;line-height:1.65;margin:0 0 24px}.hero-actions{display:flex;gap:10px}.primary{display:inline-flex;align-items:center;background:var(--accent);color:#2e1720;font-weight:850;padding:12px 17px;border-radius:10px}.primary:hover{background:#f5dcb8}
.feature{position:relative;width:min(320px,calc(100% - 40px));min-height:0;aspect-ratio:9/16;justify-self:center;align-self:center;margin:24px 0;border-radius:18px;overflow:hidden;isolation:isolate;background:#371d29}.feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.feature::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#17060d20,transparent 40%,#170a13ed);z-index:0;pointer-events:none}.feature-tag{position:absolute;z-index:1;top:20px;right:20px;padding:7px 10px;border:1px solid #fff6;border-radius:999px;background:#33121ed9;font-size:12px;font-weight:800}.feature-play{position:absolute;z-index:2;bottom:22px;left:22px;right:22px;display:flex;align-items:center;gap:13px;padding:13px 14px;background:#301720eb;border:1px solid #fff4;border-radius:13px}.feature-play:hover{background:#462132}.feature-play small{display:block;color:#efddcf;margin-top:3px}.playmark{display:grid;place-items:center;color:#331c22;background:var(--accent);width:38px;height:38px;border-radius:50%;font-size:14px;flex:none}
.library{scroll-margin-top:20px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-top h2{margin:0;font-size:clamp(2rem,5vw,3rem);letter-spacing:-.045em;line-height:1}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--panel)}.search input{color:var(--ink);min-width:0;width:min(24vw,245px);border:0;background:transparent}.search input::placeholder{color:#c4a9b4}.library-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:24px 0 18px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button,.player-nav button,.icon{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:9px;padding:8px 12px}.filters button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#331c22;font-weight:800}.filters button:hover:not([aria-pressed=true]),.player-nav button:hover:not(:disabled),.icon:hover{border-color:var(--accent2)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.card{display:flex;flex-direction:column;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:13px;overflow:hidden}.card:hover{border-color:var(--accent2)}.thumb{position:relative;display:block;aspect-ratio:4/5;background:#321b27;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.thumb::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#1a0712bf)}.duration,.card .playmark{position:absolute;bottom:9px;z-index:1}.duration{right:9px;border-radius:4px;padding:2px 5px;background:#160c13e8;color:#fff8f0;font-size:11px;font-variant-numeric:tabular-nums}.card .playmark{left:9px;width:27px;height:27px;font-size:10px}.card-text{padding:10px 11px 13px}.card-text strong{display:block;font-size:14px;overflow-wrap:anywhere}.card-text small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.empty{grid-column:1/-1;padding:24px;border:1px dashed var(--line);border-radius:13px;color:var(--muted)}.footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:54px auto 0;padding-block:20px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.footer .brand{font-size:18px;color:var(--ink)}
dialog{width:min(710px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;background:#29151f;color:var(--ink);padding:17px;border:1px solid #714653;border-radius:16px}dialog::backdrop{background:#120710eb}body.playing{overflow:hidden}.player-head,.player-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.player-head h2{margin:0 0 12px;font-size:21px}.player-head .eyebrow{margin-bottom:5px}.icon{font-size:23px;line-height:1;padding:7px 11px;flex:none;align-self:start}video{display:block;width:100%;height:min(65dvh,555px);background:#0b0709;border-radius:8px}.player-nav{margin-top:13px;color:var(--muted);font-size:13px}.player-nav button:disabled{opacity:.46}#media-error{color:#f2d9b7}.sr{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
@media(max-width:920px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{min-height:400px}.intro{padding:32px 7%}.hero h1{font-size:clamp(2.3rem,6.1vw,4rem)}}
@media(max-width:650px){.wrap{padding-inline:16px}.bar{height:62px;gap:10px;justify-content:space-between}.brand{font-size:20px;gap:8px}.brand img{width:32px;height:32px}.nav{display:none}.language{padding-inline:7px}.language select{font-size:12px;max-width:117px}.hero{grid-template-columns:1fr;margin:17px 0 45px;border-radius:18px}.intro{padding:27px 19px 24px}.hero h1{font-size:clamp(2.3rem,11vw,3.7rem);margin-bottom:12px}.lede{font-size:14px;margin-bottom:16px}.feature{min-height:0;margin:0 auto 20px;width:min(320px,calc(100% - 32px))}.feature-tag{top:12px;right:12px}.feature-play{bottom:12px;left:12px;right:12px;padding:8px}.feature-play .playmark{width:32px;height:32px}.section-top{align-items:stretch;flex-direction:column;gap:13px}.search input{width:100%}.library-tools{margin:12px 0 13px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.filters button{font-size:12px;padding:7px 9px}.footer{margin-top:36px}.footer .brand img{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
[hidden]{display:none!important}
.footer{flex-wrap:wrap}.footer-links{display:flex;flex-wrap:wrap;gap:12px 24px;flex-basis:100%;padding-top:16px;margin-top:6px;border-top:1px solid var(--line)}.footer-links a{line-height:1.6}.footer-links a:hover{color:var(--accent2)}.info-dialog{width:min(720px,calc(100% - 24px))}.info-dialog .player-head{position:sticky;top:-17px;background:#29151f;z-index:1;padding-top:4px;padding-bottom:12px;align-items:start}.info-dialog .player-head h2{line-height:1.4;overflow-wrap:anywhere}.info-content{display:grid;gap:22px;line-height:1.8;font-size:15px;color:var(--muted);padding-bottom:8px}.info-content h3{margin:0 0 7px;font-size:17px;line-height:1.4;color:var(--ink)}.info-content p{margin:0;overflow-wrap:anywhere}.info-content p+p{margin-top:10px}
@media(max-width:650px){.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.info-content{font-size:14px}}

dialog.portrait-mode{width:min(420px,calc(100% - 24px))}dialog.portrait-mode video{width:min(100%,36.5625dvh,360px);height:auto;aspect-ratio:9/16;margin-inline:auto;object-fit:contain}

#watch-view{position:relative}#load-video{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0;white-space:nowrap;min-height:48px;box-shadow:0 4px 24px #0008}

.hero{background:radial-gradient(ellipse at 15% 0%,#653044 0%,transparent 65%),#2b1520}.brand{letter-spacing:-.045em}.feature{box-shadow:0 12px 50px #0d02074d}.primary:hover{box-shadow:0 5px 25px #e6c49522}

.hero{background:radial-gradient(ellipse at 15% 0%,#653044 0%,transparent 68%),#2b1520}.brand{font-size:21px;letter-spacing:-.035em}.brand-accent{font-weight:450;margin-left:5px}.hero h1{font-family:Georgia,"Microsoft YaHei",serif;font-weight:600;font-size:clamp(2.6rem,4.6vw,4.8rem);line-height:1.15;letter-spacing:-.045em}.series-name{font:italic 17px/1.5 Georgia,serif;color:var(--accent2);margin:0 0 25px;max-width:32ch}.feature{width:min(350px,calc(100% - 40px));aspect-ratio:auto;border:1px solid #b88b6570;background:#29151f}.feature>img{position:relative;inset:auto;object-fit:contain;height:auto;aspect-ratio:890/1280}.feature::after{display:none}.feature-tag{top:12px;right:12px;font-size:11px}.feature-play{position:relative;inset:auto;border:0;border-radius:0;background:#321b27;min-height:65px;padding:12px 17px}.feature-play strong{font-size:15px}.feature-play small{font-size:12px}.thumb{aspect-ratio:3/4}.card-text strong{font-size:14px;line-height:1.5}.primary{border:0}.primary:hover{box-shadow:0 5px 25px #e6c49522}dialog.portrait-mode video{aspect-ratio:384/848;width:min(100%,29.5dvh,340px)}
@media(max-width:650px){.brand{font-size:17px;gap:7px}.brand-accent{margin-left:3px}.brand img{width:30px;height:30px}.language svg{display:none}.language select{max-width:105px}.hero h1{font-size:clamp(2rem,9vw,3.3rem)}.intro{padding:26px 21px 24px}.feature{width:min(320px,calc(100% - 32px))}.series-name{font-size:15px;margin-bottom:18px}.feature-play{padding:11px 13px}.footer .brand{font-size:16px}}

.telegram-contact{display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:14px;padding:17px;margin-top:18px;background:#371e2c;color:var(--ink);max-width:360px;line-height:1.4}.telegram-contact:hover{border-color:var(--accent)}.telegram-contact svg{width:29px;height:29px;fill:var(--accent);flex:none}.telegram-contact span{font-size:13px;color:var(--muted)}.telegram-contact strong{display:block;margin-top:3px;font-size:19px;color:var(--accent2)}