*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei",Arial,sans-serif;color:#172033;background:#f6f8fb;line-height:1.7}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 18px}.site-header{background:#fff;border-bottom:1px solid #e8edf5;position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 18px}.logo{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800;color:#d51f35}.logo img{width:46px;height:46px}.nav{display:flex;gap:18px;flex-wrap:wrap}.nav a{font-weight:700;color:#26324a}.search-bar{display:flex;align-items:center;gap:10px;padding:0 18px 14px}.search-bar label{font-weight:700}.search-bar input{flex:1;padding:12px 14px;border:1px solid #ccd6e4;border-radius:14px}.search-bar button,.btn{background:#d51f35;color:#fff;border:0;border-radius:14px;padding:12px 18px;font-weight:800;cursor:pointer}.hero{padding:34px 0}.hero-card{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;background:#fff;border-radius:28px;padding:28px;box-shadow:0 14px 40px rgba(20,33,61,.08)}.eyebrow{color:#d51f35;font-weight:800}.hero h1{font-size:40px;line-height:1.2;margin:8px 0 12px}.meta,.stats,.tags{display:flex;gap:12px;flex-wrap:wrap;color:#667085;font-size:14px}.hero-img,.card img,.author img{width:100%;border-radius:22px;display:block}.section{padding:22px 0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:16px}.section-title h2{font-size:28px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid #e8edf5;border-radius:24px;padding:18px;box-shadow:0 10px 24px rgba(20,33,61,.05)}.card h3{margin:12px 0 8px;font-size:21px}.video-card{position:relative;overflow:hidden}.video-thumb{position:relative}.play{position:absolute;inset:auto auto 14px 14px;background:rgba(0,0,0,.68);color:#fff;border-radius:999px;padding:8px 12px;opacity:0;transform:translateY(8px);transition:.2s}.video-card:hover .play{opacity:1;transform:none}.topic-list{display:grid;gap:12px}.topic-item{background:#fff;border-radius:20px;padding:18px;border-left:5px solid #d51f35}.author{display:flex;gap:14px;align-items:center}.author img{width:76px;height:76px;object-fit:cover}.faq details{background:#fff;border-radius:18px;padding:16px 18px;margin-bottom:12px;border:1px solid #e8edf5}.comments{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.comment{background:#fff;border-radius:20px;padding:16px;border:1px solid #e8edf5}.json-box{white-space:pre-wrap;background:#101827;color:#d6e4ff;border-radius:18px;padding:18px;overflow:auto}.breadcrumb{font-size:14px;color:#667085;margin:18px 0}.article-body{background:#fff;border-radius:28px;padding:26px}.site-footer{background:#101827;color:#d6e4ff;margin-top:34px;padding:34px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:22px}.footer-logo{width:48px;vertical-align:middle;margin-right:8px}.site-footer a{display:block;color:#fff;margin:6px 0}.copyright{border-top:1px solid rgba(255,255,255,.14);margin-top:20px;padding-top:18px;font-size:14px}@media(max-width:820px){.hero-card,.grid,.grid.two,.comments,.footer-grid{grid-template-columns:1fr}.header-inner{align-items:flex-start;gap:10px;flex-direction:column}.search-bar{flex-direction:column;align-items:stretch}.hero h1{font-size:30px}.nav{gap:10px}}