:root{--navy:#061724;--blue:#1679aa;--ice:#73c8ec}*{box-sizing:border-box}body{margin:0;background:#071724;color:#fff;font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif}.video-header{height:78px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;gap:2rem;border-bottom:1px solid rgba(255,255,255,.12);position:sticky;top:0;z-index:10;background:rgba(6,23,36,.96);backdrop-filter:blur(10px)}.video-brand{width:170px;height:48px;display:grid;place-items:center;background:#fff}.video-brand img{width:150px;height:42px;object-fit:contain}.video-header nav{display:flex;gap:.8rem}.video-header a{color:#b8c7d1;text-decoration:none;font-size:.72rem;font-weight:750}.video-header nav a:hover{color:var(--ice)}.back{margin-left:auto}.video-hero{min-height:520px;padding:7rem clamp(20px,8vw,130px);display:grid;grid-template-columns:1fr auto;align-content:center;background:radial-gradient(circle at 75% 40%,#24516d,#0b293c 35%,#061724 70%);position:relative;overflow:hidden}.video-hero:after{content:"";position:absolute;width:540px;height:540px;border-radius:50%;border:1px solid rgba(115,200,236,.24);right:8%;top:0}.video-hero p{grid-column:1/-1;color:var(--ice);font-size:.68rem;letter-spacing:.16em;font-weight:800}.video-hero h1{font:500 clamp(4rem,7vw,7.8rem)/.9 Georgia,serif;letter-spacing:-.05em;margin:1rem 0;position:relative;z-index:2}.video-hero h1 span{font-family:"Microsoft YaHei",sans-serif;font-size:.48em;color:#b8c7d1}.video-hero>div{align-self:end;display:flex;align-items:center;gap:1rem;position:relative;z-index:2}.video-hero b{font:italic 5rem Georgia;color:var(--ice)}.video-hero small{color:#afbdc8}.video-intro{padding:6rem clamp(20px,8vw,130px);display:grid;grid-template-columns:1fr 1fr 1fr;gap:4rem;background:#f1f4f6;color:#0a2034}.video-intro h2{font:500 3rem/1 Georgia,serif;margin:0}.video-intro p{color:#62717e;margin:0}.video-grid{padding:2rem clamp(20px,5vw,76px) 7rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#18374b}.video-card{background:#0b2639;padding:1rem;min-width:0}.video-card:nth-child(6n+2),.video-card:nth-child(6n+4),.video-card:nth-child(6n+6){background:#0e2d42}.video-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:radial-gradient(circle,#263f50,#04111b);border:1px solid rgba(255,255,255,.1)}.video-card header{display:flex;justify-content:space-between;gap:1rem;padding:.9rem .2rem .3rem}.video-card h2{font:500 1rem Georgia,"Microsoft YaHei",serif;margin:0}.video-card span{color:var(--ice);font-size:.66rem;font-weight:800}footer{display:flex;align-items:center;gap:1.5rem;padding:2rem clamp(20px,5vw,76px);background:#04111b;color:#8fa2b1;font-size:.68rem}footer img{width:130px;height:38px;object-fit:contain;background:#fff}footer span:last-child{margin-left:auto}@media(max-width:900px){.video-grid{grid-template-columns:1fr 1fr}.video-intro{grid-template-columns:1fr}.video-hero{grid-template-columns:1fr}.video-header nav{display:none}}@media(max-width:560px){.video-header{padding:0 15px;gap:1rem}.video-brand{width:125px}.video-brand img{width:112px}.back{font-size:.62rem!important}.video-hero{min-height:450px;padding:5rem 20px}.video-hero:after{width:330px;height:330px;right:-20%}.video-hero h1{font-size:3.5rem}.video-grid{grid-template-columns:1fr;padding:1rem 15px 5rem}.video-intro{padding:4rem 20px;gap:1.5rem}footer{flex-wrap:wrap}footer span:last-child{margin:0}}
.video-preview{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:1px solid rgba(255,255,255,.2);background:#04111b;cursor:pointer;font:inherit;color:#fff;overflow:hidden}.video-preview img{display:block;width:100%;height:100%;object-fit:contain}.video-preview .video-play-label{position:absolute;bottom:12px;left:12px;padding:12px 16px;background:#061724;color:#fff;font:600 14px/1.4 "Segoe UI","Microsoft YaHei",sans-serif;border:1px solid #73c8ec}.video-preview:hover .video-play-label{background:#16425a}.video-preview:focus-visible{outline:3px solid #73c8ec;outline-offset:4px}.video-status{font-size:14px;line-height:1.6;color:#fff}.video-status[hidden]{display:none}
