*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;background:#f6f8fb;color:#1f2937;line-height:1.72}a{color:#0f5bd7;text-decoration:none}img{max-width:100%;display:block}main{width:min(1180px,94vw);margin:auto}.topbar{display:flex;justify-content:center;gap:24px;background:#111827;color:#fff;padding:8px 12px;font-size:14px;flex-wrap:wrap}.brand-row{width:min(1180px,94vw);margin:0 auto;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo,.footer-logo{display:flex;align-items:center;gap:10px;font-size:30px;font-weight:900;color:#111827}.logo-mark{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#ff4d4f;color:#fff;font-size:20px}.site-header{background:#fff;border-bottom:1px solid #e5e7eb;position:relative;z-index:1}.nav{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;padding:0 10px 14px}.nav a{padding:10px 14px;border-radius:999px;color:#334155;font-weight:700}.nav a.active,.nav a:hover{background:#eaf2ff;color:#0f5bd7}.search-box{width:min(980px,94vw);margin:0 auto 18px;display:grid;grid-template-columns:1fr auto;gap:10px}.search-box input{padding:14px 16px;border:1px solid #d7deea;border-radius:14px;font-size:16px}.search-box button,.contact-entry a,.contact-form button{border:0;background:#0f5bd7;color:#fff;border-radius:14px;padding:12px 20px;font-weight:800;cursor:pointer}.search-box p{grid-column:1/-1;margin:0;color:#64748b}.hero{display:grid;grid-template-columns:2fr 1fr;gap:22px;margin:28px 0}.article-card,.update-panel,.topic-card,.observe,.page-title,.article-page,.contact-entry,.json-block,.comment-grid article,.author-grid article{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 10px 30px rgba(15,23,42,.06)}.article-card{overflow:hidden}.article-card.big{display:grid;grid-template-columns:1.2fr 1fr}.article-info{padding:18px}.article-card h3,.article-page h1,.page-title h1{line-height:1.25;margin:6px 0 12px}.thumb img{width:100%;height:220px;object-fit:cover}.big .thumb img{height:100%}.crumb{color:#0f5bd7;font-weight:800}.meta,.interaction,.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:13px;color:#64748b}.interaction span,.tags span{background:#f1f5f9;border-radius:999px;padding:5px 10px}.interaction.large span{font-size:18px;background:#eaf2ff;color:#0f5bd7}.update-panel{padding:22px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}section{margin:30px 0}section>h2{font-size:28px;margin-bottom:14px}.observe,.topic-card{display:grid;grid-template-columns:1fr 1fr;gap:20px;overflow:hidden;align-items:center;padding:18px}.observe img,.topic-card img{border-radius:18px}.rank-list{display:grid;gap:10px}.rank-list a{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:#fff;padding:14px 16px;border:1px solid #e5e7eb;border-radius:16px;color:#1f2937}.rank-list strong{background:#ff4d4f;color:#fff;border-radius:10px;padding:4px 9px}.author-grid,.comment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.author-grid article,.comment-grid article{padding:18px}.faq details{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px 18px;margin:10px 0}.faq summary{font-weight:800;cursor:pointer}.contact-entry{padding:24px}.json-block{padding:18px;overflow:auto;white-space:pre-wrap}.site-footer{margin-top:40px;background:#101827;color:#e5e7eb;text-align:center;padding:34px 16px}.site-footer .footer-logo{justify-content:center;color:#fff}.video-card{position:relative;display:block;overflow:hidden}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.94);opacity:0;background:rgba(17,24,39,.82);color:#fff;border-radius:999px;padding:12px 18px;font-weight:900;transition:.2s}.video-card:hover .play-button{opacity:1;transform:translate(-50%,-50%) scale(1)}.article-page{padding:26px}.article-page figure{margin:18px 0}.article-page figcaption{color:#64748b;font-size:14px;margin-top:8px}.contact-form{display:grid;gap:12px;max-width:620px}.contact-form input,.contact-form textarea{padding:13px;border:1px solid #d7deea;border-radius:14px}.contact-form textarea{min-height:130px}@media(max-width:820px){.hero,.article-card.big,.observe,.topic-card{grid-template-columns:1fr}.grid,.author-grid,.comment-grid{grid-template-columns:1fr}.brand-row{display:block}.search-box{grid-template-columns:1fr}.rank-list a{grid-template-columns:auto 1fr}.rank-list em{grid-column:2}}