*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:#182033;background:#f6f8fb;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{background:#fff;border-bottom:1px solid #e6ebf2;position:sticky;top:0;z-index:10}.topbar,.brand-row,.main-nav,.search-box,main,.site-footer{max-width:1180px;margin:auto}.topbar{display:flex;justify-content:space-between;font-size:13px;color:#64748b;padding:8px 16px}.brand-row{display:flex;align-items:center;justify-content:space-between;padding:16px}.logo{display:flex;align-items:center;gap:12px;font-size:28px}.logo img,.site-footer img{width:48px;height:48px}.domain-pill{background:#eef6ff;border:1px solid #cfe7ff;border-radius:999px;padding:8px 14px;color:#1d4ed8}.main-nav{display:flex;gap:8px;flex-wrap:wrap;padding:0 16px 12px}.main-nav a{padding:10px 14px;border-radius:999px;font-weight:700}.main-nav a.active,.main-nav a:hover{background:#15233d;color:#fff}.search-box{display:flex;gap:8px;padding:0 16px 18px}.search-box input{flex:1;border:1px solid #d8e1ec;border-radius:14px;padding:13px}.search-box button,.hero-actions a,.contact-cta a{border:0;background:#1769ff;color:#fff;border-radius:14px;padding:12px 18px;font-weight:700}.search-box span{align-self:center;color:#64748b;font-size:14px}main{padding:24px 16px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;background:#fff;border-radius:28px;padding:30px;box-shadow:0 14px 40px rgba(21,35,61,.08)}.eyebrow,.tag{color:#1769ff;font-weight:800}.hero h1{font-size:42px;line-height:1.18;margin:10px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.hero figure,.video-card,.section,.page-head,.article-main,.article-side{background:#fff;border:1px solid #e7edf5;border-radius:24px;overflow:hidden}.hero figcaption{font-size:13px;color:#64748b;padding:10px 14px}.section,.page-head{padding:24px;margin-top:22px}.section-title{display:flex;justify-content:space-between;align-items:center}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.video-card{transition:.2s}.video-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(21,35,61,.12)}.thumb{position:relative;aspect-ratio:16/10;display:block;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.play{position:absolute;inset:0;margin:auto;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.58);color:#fff;opacity:0;transition:.2s}.video-card:hover .play,.thumb:focus .play{opacity:1}.video-body{padding:16px}.video-body h3{font-size:18px;line-height:1.35;margin:8px 0}.metrics{display:flex;gap:10px;flex-wrap:wrap;color:#64748b;font-size:13px}.two-col{display:grid;grid-template-columns:1.4fr .6fr;gap:20px}.check-list li{margin:8px 0}.hot-box{background:#f8fbff;border-radius:20px;padding:18px}.topic-strip div,.author-grid,.comment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.topic-strip a,.author-grid article,.comment-grid blockquote,.faq details{background:#f8fbff;border:1px solid #e6edf6;border-radius:18px;padding:16px}.faq details{margin:10px 0}.faq summary{font-weight:800;cursor:pointer}.contact-cta{background:linear-gradient(135deg,#15233d,#1769ff);color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:22px}.site-footer{padding:30px 16px;color:#d9e6ff;background:#15233d}.site-footer a{display:block;margin:8px 0}.copyright{border-top:1px solid rgba(255,255,255,.16);padding-top:16px}.article-layout{display:grid;grid-template-columns:1fr 320px;gap:22px}.article-main,.article-side{padding:24px}.article-main h1{font-size:36px;line-height:1.25}.meta,.breadcrumb{color:#64748b}.article-side a{display:block;padding:12px;border-bottom:1px solid #e6edf6}.tags span{display:inline-block;background:#eef6ff;color:#1769ff;margin:4px;padding:6px 10px;border-radius:999px}.big{font-size:16px;font-weight:800}@media(max-width:900px){.hero,.two-col,.article-layout,.footer-grid{grid-template-columns:1fr}.card-grid,.topic-strip div,.author-grid,.comment-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:32px}.brand-row{align-items:flex-start;gap:12px;flex-direction:column}}@media(max-width:560px){.card-grid,.topic-strip div,.author-grid,.comment-grid{grid-template-columns:1fr}.search-box{flex-direction:column}.topbar{display:block}.hero{padding:20px}.hero h1{font-size:28px}}