:root{color-scheme:dark;--bg:#171413;--panel:#231e1c;--line:#3b312c;--ink:#fff4e8;--muted:#c3aea2;--accent:#ff875f;--accent2:#ffba9b;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:#231b18;border:1px solid #4e382e;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:#e0c9bc;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:#211610;font-weight:850;padding:12px 17px;border-radius:10px}.primary:hover{background:#ffa281}
.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:#4e3429}.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,#15100f41,transparent 40%,#1b100ed9);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:#1f1816b0;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:#221715d9;border:1px solid #fff4;border-radius:13px}.feature-play:hover{background:#342018}.feature-play small{display:block;color:#ead3c8;margin-top:3px}.playmark{display:grid;place-items:center;color:#231611;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:#b9a59a}.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:#211510;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:#382924;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.thumb::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#120c0bbf)}.duration,.card .playmark{position:absolute;bottom:9px;z-index:1}.duration{right:9px;border-radius:4px;padding:2px 5px;background:#15100ee8;color:#fff5ec;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:#211a17;color:var(--ink);padding:17px;border:1px solid #654639;border-radius:16px}dialog::backdrop{background:#0a0807db}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:#100b09;border-radius:8px}.player-nav{margin-top:13px;color:var(--muted);font-size:13px}.player-nav button:disabled{opacity:.46}#media-error{color:#ffb9a4}.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}
dialog.register-mode{width:min(430px,calc(100% - 32px));padding:24px}
.register-mode .player-head{align-items:start}.register-mode .player-head h2{font-size:25px;line-height:1.4;margin:6px 0 0;overflow-wrap:anywhere}
#register-view{padding-top:24px}#register-form{display:grid;gap:12px;text-align:left}#register-form label{color:var(--muted);font-size:14px;font-weight:650}#register-email{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;padding:13px 14px;background:var(--bg);color:var(--ink);font-size:16px}#register-email::placeholder{color:#b9a59a}#register-email[aria-invalid=true]{border-color:var(--accent)}#register-message{margin:0;color:var(--accent2);font-size:14px;line-height:1.5}#register-submit{justify-content:center;width:100%;min-height:48px;margin-top:8px;border:0}
.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:#211a17;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}