*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;color:#1b2430;background:#f7f8fb;line-height:1.72}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid #e8edf3}.topbar{max-width:1180px;margin:auto;padding:16px 20px 10px;display:flex;align-items:center;justify-content:space-between;gap:16px}.logo,.footer-logo{display:inline-flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.04em}.logo-mark{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#163b5d;color:#fff;font-weight:900;box-shadow:0 10px 28px rgba(22,59,93,.22)}.logo-text{font-size:26px;color:#142034}.domain-pill{padding:8px 14px;border:1px solid #dfe7f0;border-radius:999px;background:#f4f8fc;color:#486276;font-size:14px}.main-nav{max-width:1180px;margin:auto;padding:0 20px 12px;display:flex;flex-wrap:wrap;gap:10px}.main-nav a{padding:8px 12px;border-radius:999px;color:#334155;background:#eef4f9;font-weight:700;font-size:14px}.main-nav a:hover{background:#163b5d;color:#fff}.search-panel{max-width:1180px;margin:0 auto 14px;padding:0 20px;display:grid;grid-template-columns:1fr auto;gap:10px}.search-panel input{border:1px solid #d9e3ec;border-radius:16px;padding:12px 16px;background:#fff;outline:none}.search-panel input:focus{border-color:#163b5d;box-shadow:0 0 0 4px rgba(22,59,93,.08)}.search-panel button,.btn{border:0;border-radius:16px;background:#163b5d;color:#fff;padding:12px 18px;font-weight:800;cursor:pointer}.search-hint{grid-column:1/-1;margin:0;color:#64748b;font-size:13px}.sr-only{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.container{max-width:1180px;margin:auto;padding:28px 20px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch}.hero-card,.panel,.article-card,.video-card,.author-card,.faq-item,.comment-card,.topic-card,.contact-card{background:#fff;border:1px solid #e6edf4;border-radius:28px;box-shadow:0 14px 40px rgba(18,35,58,.07);overflow:hidden}.hero-card{padding:28px}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border-radius:999px;background:#ecf6ff;color:#0b5d92;font-weight:800;font-size:13px}.hero h1{font-size:42px;line-height:1.18;margin:18px 0 14px;color:#121d2f}.hero p{color:#526273;margin:0 0 18px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.btn.secondary{background:#edf4f9;color:#163b5d}.meta-row{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;color:#66788a;font-size:14px}.meta-row span{background:#f5f7fa;border-radius:999px;padding:5px 10px}.video-hero{position:relative;min-height:430px}.video-hero img{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;inset:auto 22px 22px 22px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.98));border-radius:24px;padding:18px}.play-button{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#163b5d;color:#fff;font-size:24px;box-shadow:0 12px 24px rgba(22,59,93,.25);transition:.2s}.video-card:hover .play-button,.video-hero:hover .play-button{transform:scale(1.08)}.section{margin-top:34px}.section-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:16px}.section-title h2{font-size:28px;margin:0;color:#121d2f}.section-title p{margin:4px 0 0;color:#64748b}.grid{display:grid;gap:18px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.article-card{display:flex;flex-direction:column}.article-card .cover,.video-card .cover,.topic-card .cover{position:relative;aspect-ratio:16/9;background:#edf2f7;overflow:hidden}.article-card .cover img,.video-card .cover img,.video-card .cover video,.topic-card .cover img{width:100%;height:100%;object-fit:cover;display:block}.caption{font-size:12px;color:#64748b;padding:8px 14px;background:#f8fafc;border-top:1px solid #edf2f7}.article-body{padding:18px}.article-body h3{font-size:20px;line-height:1.35;margin:0 0 10px;color:#162033}.article-body p{color:#5b6b7b;margin:0 0 12px}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag{font-size:12px;border-radius:999px;background:#eef5fb;color:#27536f;padding:5px 9px;font-weight:700}.stats{display:flex;flex-wrap:wrap;gap:8px;color:#64748b;font-size:13px;margin-top:12px}.video-card .play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.92}.video-card:hover .play-button{transform:translate(-50%,-50%) scale(1.08)}.panel{padding:22px}.list-clean{list-style:none;padding:0;margin:0;display:grid;gap:12px}.list-clean li{padding-bottom:12px;border-bottom:1px solid #edf2f7}.list-clean li:last-child{border-bottom:0;padding-bottom:0}.rank{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#163b5d;color:#fff;font-weight:900;margin-right:8px}.author-card{padding:20px;display:grid;grid-template-columns:76px 1fr;gap:16px;align-items:center}.author-card img{width:76px;height:76px;border-radius:22px;object-fit:cover}.author-card h3,.faq-item h3,.comment-card h3{margin:0;color:#162033}.author-card p,.faq-item p,.comment-card p{margin:6px 0 0;color:#607083}.faq-item,.comment-card,.contact-card{padding:20px}.comment-score{font-weight:900;color:#0b5d92}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.article-main{background:#fff;border:1px solid #e6edf4;border-radius:30px;overflow:hidden;box-shadow:0 14px 40px rgba(18,35,58,.07)}.article-main header{padding:26px}.breadcrumb{color:#64748b;font-size:14px;margin-bottom:10px}.article-main h1{font-size:38px;line-height:1.22;margin:0 0 14px;color:#121d2f}.article-content{padding:0 26px 28px}.article-content p{font-size:18px;color:#344256}.article-content figure{margin:0 0 22px}.sidebar{position:sticky;top:190px;display:grid;gap:18px}.page-header{background:#fff;border:1px solid #e6edf4;border-radius:30px;padding:28px;box-shadow:0 14px 40px rgba(18,35,58,.07)}.page-header h1{font-size:36px;margin:0 0 10px;color:#121d2f}.page-header p{color:#5b6b7b;margin:0}.json-preview{background:#0f172a;color:#e5eefb;border-radius:22px;padding:18px;overflow:auto;font-size:13px;line-height:1.6}.site-footer{margin-top:44px;background:#101c2d;color:#dbe7f3}.footer-grid{max-width:1180px;margin:auto;padding:36px 20px;display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:26px}.site-footer a{color:#f8fbff}.site-footer p,.site-footer li{color:#b9c7d8}.site-footer ul{padding-left:18px}.copyright{border-top:1px solid rgba(255,255,255,.12);padding:16px 20px;text-align:center;color:#b9c7d8}.notice{border-left:4px solid #163b5d;background:#f1f6fb;padding:14px 16px;border-radius:16px;color:#334155}.share-row{display:flex;flex-wrap:wrap;gap:10px}.share-row button{border:1px solid #dce7f1;background:#fff;border-radius:999px;padding:9px 12px;cursor:pointer}.share-row button:hover{background:#163b5d;color:#fff}@media (max-width:900px){.hero,.article-layout,.grid.three,.grid.two,.footer-grid{grid-template-columns:1fr}.sidebar{position:static}.hero h1,.article-main h1{font-size:30px}.search-panel{grid-template-columns:1fr}.search-panel button{width:100%}.topbar{align-items:flex-start;flex-direction:column}.video-hero{min-height:320px}}@media (max-width:560px){.container{padding:20px 14px}.main-nav,.topbar,.search-panel{padding-left:14px;padding-right:14px}.hero-card,.page-header,.article-main header{padding:20px}.article-content{padding:0 20px 22px}.grid{gap:14px}.section-title{display:block}.section-title h2{font-size:24px}}