:root{color-scheme:dark;--bg:#091421;--panel:#102638;--line:#294350;--ink:#edf9f7;--muted:#a7bec8;--accent:#7be4d6;--accent2:#b5f4e9;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:#102532;border:1px solid #294957;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:#b9d0d5;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:#092a2c;font-weight:850;padding:12px 17px;border-radius:10px}.primary:hover{background:#a4f3e5}
.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:#163e4a}.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,#07172041,transparent 40%,#071722ed);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:#092430d9;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:#0a2632eb;border:1px solid #fff4;border-radius:13px}.feature-play:hover{background:#143b48}.feature-play small{display:block;color:#c2e4e1;margin-top:3px}.playmark{display:grid;place-items:center;color:#082b2d;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:#95b3c1}.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:#082b2d;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:#102936;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.thumb::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#04101bbf)}.duration,.card .playmark{position:absolute;bottom:9px;z-index:1}.duration{right:9px;border-radius:4px;padding:2px 5px;background:#051321e8;color:#effffc;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:#0c2232;color:var(--ink);padding:17px;border:1px solid #2c5866;border-radius:16px}dialog::backdrop{background:#030d18e6}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:#030b12;border-radius:8px}.player-nav{margin-top:13px;color:var(--muted);font-size:13px}.player-nav button:disabled{opacity:.46}#media-error{color:#b5f4e9}.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:#0c2232;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%,#154453 0%,transparent 65%),#102532}.brand{letter-spacing:-.045em}.feature{box-shadow:0 12px 50px #020c164d}.primary:hover{box-shadow:0 5px 25px #7be4d622}