:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,"Microsoft YaHei",sans-serif;background:#07121b;color:#e9f0f3}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#173132 0,transparent 40%);line-height:1.7}a{color:#a5e8d4;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #e7c991;outline-offset:4px}header,main,footer{width:min(1240px,calc(100% - 48px));margin:auto}header{display:flex;gap:28px;align-items:center;min-height:96px;border-bottom:1px solid #29404d}header .brand{font-weight:700;font-size:28px;margin-inline-end:auto;color:#f3f7f6}header a{font-size:14px}main{padding-top:64px}h1{font-size:clamp(36px,5vw,68px);line-height:1.12;letter-spacing:-.035em;max-width:960px;margin:20px 0}h2{line-height:1.3}p.intro{max-width:820px;color:#b3c5ce;font-size:20px}.eyebrow{font-size:12px;letter-spacing:.16em;color:#8fe8d2}.languages{display:flex;flex-wrap:wrap;gap:10px;margin:36px 0}.languages a{font-size:13px;border:1px solid #294550;padding:6px 12px;border-radius:30px}.languages [aria-current]{background:#a5e8d4;color:#081620}.format{font-size:14px;color:#a6bcc5;max-width:900px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:36px 0 80px}.card{display:block;background:#0e202b;border:1px solid #294550;border-radius:20px;overflow:hidden;color:inherit;transition:transform .2s}.card:hover{transform:translateY(-3px);text-decoration:none;border-color:#8fe8d2}.poster{position:relative;aspect-ratio:16/9;background:#061018}.poster img{width:100%;height:100%;display:block;object-fit:cover}.poster span{position:absolute;bottom:15px;right:18px;border-radius:20px;background:#0b1923e8;padding:4px 12px;color:#a5e8d4}.card-copy{padding:26px}.card-copy small{font-size:11px;letter-spacing:.06em;color:#8faab8}.card h2{font-size:27px;margin:12px 0}.card p{color:#a6bcc5}.card strong{color:#a5e8d4;font-size:14px}.player{background:#0e202b;border:1px solid #294550;border-radius:20px;overflow:hidden;margin-top:36px}.player video{display:block;width:100%;aspect-ratio:16/9;background:#050a0f}.player p,.downloads{margin:20px 24px;color:#a6bcc5;font-size:14px}.downloads{display:flex;flex-wrap:wrap;gap:22px}.section-title{margin-top:72px;font-size:32px}.chapter{padding:30px;margin:24px 0;background:#0e202b;border:1px solid #294550;border-radius:20px;scroll-margin-top:24px}.chapter-head{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.step{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#a5e8d4;color:#081620;font-weight:700}.chapter-head h2{flex:1;font-size:24px;min-width:200px;margin:0}.chapter-head button{border:1px solid #40606c;border-radius:25px;background:transparent;color:#a5e8d4;cursor:pointer;padding:10px 15px;font:inherit;font-size:13px}.diagram{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0;padding:0}.diagram li{background:#142d39;border:1px solid #294550;border-radius:14px;padding:20px;overflow-wrap:anywhere}.diagram span{display:block;color:#8fe8d2;font-size:12px;letter-spacing:.08em;margin-bottom:8px}.chapter>p{max-width:1020px;color:#b7c8d1;font-size:17px}.live{display:inline-block;font-size:14px;margin-top:10px}footer{margin-top:80px;padding:30px 0 50px;border-top:1px solid #29404d;color:#849da9;font-size:12px}@media(max-width:700px){header,main,footer{width:calc(100% - 32px)}header{gap:14px;min-height:80px;flex-wrap:wrap;padding:15px 0}header .brand{font-size:23px}header a{font-size:12px}main{padding-top:38px}.grid{grid-template-columns:1fr;gap:20px}.card-copy{padding:22px}.languages{gap:8px;margin:28px 0}.chapter{padding:20px}.diagram{grid-template-columns:1fr}.chapter-head{gap:12px}.chapter-head h2{font-size:22px;min-width:160px}.chapter-head button{width:100%}.player p,.downloads{margin:16px}.intro{font-size:17px!important}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
