:root{--bg1: #0d1530;--bg2: #1b2b5c;--gold: #ffc94a;--white: #ffffff;--dim: rgba(255, 255, 255, .62);--faint: rgba(255, 255, 255, .14);--card: rgba(255, 255, 255, .05);--card-hover: rgba(255, 255, 255, .09);--max: 1120px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html{background:var(--bg1);color:var(--white);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased}body{margin:0;min-height:100vh;background:linear-gradient(180deg,var(--bg1) 0%,var(--bg2) 100%) fixed}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--gold);color:#000;padding:8px 12px;border-radius:8px;z-index:10}.hdr{position:sticky;top:0;z-index:5;backdrop-filter:blur(14px);background:#0d1530bf;border-bottom:1px solid var(--faint)}.hdr .wrap{display:flex;align-items:center;gap:22px;height:64px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:18px;letter-spacing:.5px}.brand img{width:36px;height:36px;border-radius:50%;background:#fff}.nav{display:flex;gap:18px;margin-left:auto;font-size:15px;color:var(--dim)}.nav a:hover,.nav a[aria-current]{color:var(--white)}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:#0d1530;font-weight:800;padding:9px 16px;border-radius:999px;font-size:14px;white-space:nowrap}.btn:hover{filter:brightness(1.06)}.btn.ghost{background:transparent;color:var(--white);border:1.5px solid var(--faint)}.btn.ghost:hover{border-color:var(--gold);color:var(--gold)}.lang{font-size:14px;color:var(--dim);padding:6px 10px;border:1px solid var(--faint);border-radius:999px}.lang:hover{color:var(--white);border-color:var(--white)}.hero{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:64px 0 36px}.hero h1{font-size:clamp(36px,6vw,64px);line-height:1.08;margin:0 0 14px;font-weight:900;letter-spacing:-.5px}.hero .tag{font-size:clamp(18px,2.4vw,24px);color:var(--gold);font-weight:700;margin:0 0 16px}.hero p.intro{color:var(--dim);font-size:17px;max-width:620px;margin:0 0 26px}.hero .actions{display:flex;gap:12px;flex-wrap:wrap}.hero img{width:260px;height:260px;object-fit:cover;object-position:top;border-radius:50%;background:#fff;box-shadow:0 20px 60px #00000073}.kicker{font-family:var(--mono);font-size:13px;letter-spacing:2px;color:var(--dim);text-transform:uppercase}section.block{padding:36px 0}.block-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}.block-h h2{font-size:24px;margin:0;font-weight:800}.block-h p{margin:4px 0 0;color:var(--dim);font-size:15px}.block-h a.more{color:var(--gold);font-weight:700;font-size:15px;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px}.card{display:block;background:var(--card);border:1px solid var(--faint);border-radius:16px;overflow:hidden;transition:transform .15s,background .15s}.card:hover{transform:translateY(-3px);background:var(--card-hover)}.card .th{position:relative;aspect-ratio:16 / 9;background:#000;overflow:hidden}.card.short .th{aspect-ratio:9 / 16}.card .th img{width:100%;height:100%;object-fit:cover}.card .th .badge{position:absolute;left:10px;top:10px;background:#0009;color:var(--gold);font-family:var(--mono);font-size:11px;letter-spacing:1px;padding:3px 8px;border-radius:6px}.card .meta{padding:12px 14px 14px}.card .meta time{display:block;color:var(--dim);font-size:12px;font-family:var(--mono);margin-bottom:4px}.card .meta h3{margin:0;font-size:16px;line-height:1.35;font-weight:700}.card .meta p{margin:6px 0 0;color:var(--dim);font-size:13.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;background:var(--card);border:1px solid var(--faint);border-radius:20px;padding:24px}.feature .player{justify-self:center;width:100%;max-width:360px}.feature .player.long{max-width:none}.feature h3{font-size:26px;margin:8px 0 10px;line-height:1.25}.feature p{color:var(--dim);margin:0 0 18px}.yt{position:relative;aspect-ratio:16 / 9;background:#000;border-radius:14px;overflow:hidden;box-shadow:0 16px 40px #00000073}.yt.short{aspect-ratio:9 / 16}.yt img,.yt iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}.yt button{position:absolute;inset:0;width:100%;height:100%;background:transparent;border:0;cursor:pointer;display:grid;place-items:center}.yt button span{width:72px;height:72px;border-radius:50%;background:var(--gold);display:grid;place-items:center;box-shadow:0 8px 30px #00000080;transition:transform .15s}.yt button:hover span{transform:scale(1.08)}.yt button svg{margin-left:5px}.vp{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;padding:28px 0 60px}.vp .back{color:var(--dim);font-size:14px}.vp h1{font-size:clamp(26px,3.6vw,38px);line-height:1.2;margin:10px 0 8px}.vp .lead{color:var(--dim);font-size:17px;margin:0 0 22px}.vp .player-wrap{display:flex;justify-content:center;margin:0 0 26px}.vp .player-wrap .yt.short{width:min(100%,380px)}.vp .player-wrap .yt.long{width:100%}.vp article p{font-size:16.5px;margin:0 0 16px}.vp .cta{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0}.vp .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.vp .tags span{font-family:var(--mono);font-size:12px;color:var(--dim);border:1px solid var(--faint);border-radius:999px;padding:3px 10px}.side .box{background:var(--card);border:1px solid var(--faint);border-radius:16px;padding:18px;margin-bottom:20px}.side .box h4{margin:0 0 10px;font-size:14px;color:var(--dim);font-weight:700;letter-spacing:1px;text-transform:uppercase;font-family:var(--mono)}.side .author{display:flex;gap:12px;align-items:center}.side .author img{width:48px;height:48px;border-radius:50%;background:#fff}.side .author b{display:block}.side .author small{color:var(--dim)}.side .list a{display:grid;grid-template-columns:88px 1fr;gap:10px;padding:8px 0;border-top:1px solid var(--faint);font-size:14px;line-height:1.35;align-items:center}.side .list a:first-of-type{border-top:0}.side .list img{width:88px;aspect-ratio:16 / 9;object-fit:cover;border-radius:6px;background:#000}footer{border-top:1px solid var(--faint);margin-top:40px;padding:30px 0 48px;color:var(--dim);font-size:14px}footer .row{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between}footer .links{display:flex;gap:18px;flex-wrap:wrap}footer .links a:hover{color:var(--white)}footer p{margin:14px 0 0;max-width:720px}@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:36px}.hero img{width:160px;height:160px;order:-1}.feature,.vp{grid-template-columns:1fr}.nav{display:none}.hdr .wrap{gap:12px}}