*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;background:#f6f8fb;color:#1d2636;line-height:1.72}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header,.site-footer,.container{max-width:1180px;margin:auto}.topbar{margin-top:14px;background:#0d1b2a;color:#fff;border-radius:18px;padding:10px 18px;display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap}.brand-row{display:flex;justify-content:space-between;align-items:center;padding:22px 0}.logo{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:900}.logo img,.footer-logo img{width:58px;height:58px;border-radius:16px}.logo small{font-size:14px;color:#687386}.header-meta{background:#fff;border-radius:18px;padding:14px 18px;box-shadow:0 8px 24px rgba(13,27,42,.08)}.header-meta span{display:block;color:#637083}.main-nav{display:flex;flex-wrap:wrap;gap:10px;background:#fff;border-radius:20px;padding:12px;box-shadow:0 8px 26px rgba(13,27,42,.08)}.main-nav a{padding:10px 14px;border-radius:14px;font-weight:700}.main-nav a:hover{background:#eef4ff;color:#0b63ce}.search-panel{display:flex;gap:10px;align-items:center;background:#fff;margin:14px auto 22px;padding:14px;border-radius:20px;box-shadow:0 8px 26px rgba(13,27,42,.08)}.search-panel input{flex:1;border:1px solid #dfe6ef;border-radius:14px;padding:12px 14px;font-size:15px}.search-panel button,.btn{border:0;border-radius:14px;background:#1473e6;color:#fff;padding:12px 18px;font-weight:800;cursor:pointer}.search-panel p{margin:0;color:#687386}.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:22px}.card,.panel{background:#fff;border-radius:24px;padding:22px;box-shadow:0 8px 26px rgba(13,27,42,.08)}.kicker{color:#1473e6;font-weight:900}.hero h1{font-size:42px;line-height:1.2;margin:8px 0}.meta{display:flex;gap:12px;flex-wrap:wrap;color:#687386;font-size:14px}.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.section{margin:26px 0}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px}.section-title h2{margin:0;font-size:28px}.section-title p{margin:0;color:#6a7586}.video-card{position:relative;overflow:hidden;border-radius:22px;background:#101828;color:#fff;min-height:235px}.video-card img{width:100%;height:170px;object-fit:cover;opacity:.88}.video-body{padding:14px}.play-btn{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%) scale(.8);width:62px;height:62px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;color:#1473e6;font-size:24px;opacity:0;transition:.25s}.video-card:hover .play-btn,.video-card.show-play .play-btn{opacity:1;transform:translate(-50%,-50%) scale(1)}.stats{display:flex;gap:12px;flex-wrap:wrap;color:#d8e5ff;font-size:13px}.tag{display:inline-block;background:#edf4ff;color:#0b63ce;border-radius:999px;padding:4px 10px;margin:4px;font-size:13px}.list{display:grid;gap:12px}.list a{display:flex;gap:12px;justify-content:space-between;border-bottom:1px solid #eef1f5;padding-bottom:10px}.author{display:flex;gap:14px;align-items:center}.avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#1473e6,#7aa7ff);display:grid;place-items:center;color:#fff;font-weight:900}.faq details{border-bottom:1px solid #edf1f7;padding:14px 0}.comments blockquote{margin:0;padding:16px;border-left:4px solid #1473e6;background:#f7faff;border-radius:14px}.article-body h1{font-size:36px}.breadcrumb{color:#687386;margin:6px 0 18px}.toc{background:#f4f8ff;border-radius:18px;padding:16px}.site-footer{margin-top:34px;margin-bottom:20px;background:#0d1b2a;color:#dbe7fb;border-radius:26px;padding:26px}.footer-logo{display:flex;gap:12px;align-items:center;color:#fff;font-size:22px}.footer-note{color:#9fb0ca}.sitemap-list li{margin:8px 0}@media(max-width:860px){.hero,.grid-3,.grid-2{grid-template-columns:1fr}.brand-row{align-items:flex-start;gap:14px;flex-direction:column}.search-panel{align-items:stretch;flex-direction:column}.hero h1{font-size:30px}.topbar{display:block}.topbar>*{display:block;margin:4px 0}.main-nav{overflow-x:auto;flex-wrap:nowrap}.main-nav a{white-space:nowrap}}