*{box-sizing:border-box} :root{color-scheme:dark;--bg:#102621;--panel:#1c382f;--line:#446357;--text:#f4efe2;--muted:#bfd0c5;--gold:#ebc57f} body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 'Microsoft YaHei',system-ui,sans-serif} main,nav{width:min(1120px,calc(100% - 32px));margin:auto} nav{display:flex;justify-content:space-between;gap:12px;padding:20px 0;border-bottom:1px solid var(--line)} h1{font-size:clamp(2.5rem,8vw,5rem);line-height:1.12;margin:.2em 0} h2{line-height:1.25} p{color:var(--muted)} .tag{color:var(--gold);letter-spacing:.1em;font-weight:700}.hero{padding:52px 0 32px}.hero p{max-width:560px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card,details{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.button{display:inline-block;padding:8px 14px;background:var(--gold);color:var(--bg);border-radius:8px;text-decoration:none;font-weight:700} a{color:var(--gold)} video{display:block;width:100%;max-height:450px;background:#091b15;border-radius:8px;margin-bottom:12px} details{margin:12px 0} summary{cursor:pointer;font-weight:700} .table{overflow:auto} table{width:100%;border-collapse:collapse;margin-top:12px;font-size:.9rem} td,th{padding:10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);min-width:100px} td:nth-child(2){min-width:200px} footer{margin:40px 0;color:var(--muted)} article li{margin:16px 0} a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}@media(max-width:720px){.grid{grid-template-columns:1fr}.hero{padding-top:35px}}