*{box-sizing:border-box}body{margin:0;font-family:Arial,"Microsoft YaHei",sans-serif;background:#f3f6f8;color:#1f2933;line-height:1.7}a{color:#0c5f8f;text-decoration:none}a:hover{text-decoration:underline}img{display:block;max-width:100%}.wrap{max-width:1200px;margin:0 auto;padding:0 18px}.top{position:sticky;top:0;z-index:20;background:#12372a;color:#fff}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px}.brand{font-weight:800;font-size:24px;color:#fff}.top nav{display:flex;flex-wrap:wrap;gap:11px}.top nav a{color:#eafff6;font-size:14px}.hero{background:#eaf5ef;border-bottom:1px solid #d5e6dd}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:center;padding-top:34px;padding-bottom:34px}.hero h1{font-size:42px;margin:0 0 12px;color:#0f3326}.hero img,.channel img,.article img,.card img,.article-card img{border-radius:8px;aspect-ratio:16/9;object-fit:cover;width:100%}.actions,.quick{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}.link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.actions a,.quick a,.link-grid a,.tool-card{background:#fff;border:1px solid #dfe8ee;border-radius:6px;padding:8px 10px}.link-grid a{font-size:14px;line-height:1.35;text-align:center;min-height:36px;display:flex;align-items:center;justify-content:center}.actions a{background:#126a4a;color:#fff}.quick{display:grid;grid-template-columns:repeat(4,1fr)}.quick a strong,.quick a span,.tool-card strong,.tool-card span{display:block}.quick a span,.tool-card span,.card em,.article-card span,.meta,.crumb{color:#657582;font-size:14px}.page,.panel,section{margin:18px 0}.panel,.card,.article-card{background:#fff;border:1px solid #e0e8ee;border-radius:8px;padding:16px}.card-grid,.article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.article-grid{grid-template-columns:repeat(3,1fr)}.card{display:block}.card strong,.article-card strong{display:block;color:#173d63;font-size:18px;margin-top:10px}.card span{display:block;color:#657582}.balls{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.ball{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 7px;border-radius:999px;background:#dc2f2f;color:#fff;font-weight:800;font-size:13px}.ball.blue{background:#2367c9}.table{width:100%;border-collapse:collapse;margin-top:12px;background:#fff}.table th,.table td{border:1px solid #e2e9ef;padding:9px;text-align:left}.table th{background:#edf6f1;color:#17372b}.split{display:grid;grid-template-columns:1.35fr .85fr;gap:20px;align-items:start}.spark{height:96px;display:flex;align-items:end;gap:4px;border-bottom:1px solid #d8e2ea;margin:16px 0}.spark i{display:block;flex:1;background:linear-gradient(180deg,#2fa36b,#166b4d);border-radius:4px 4px 0 0}.channel{background:#fff;border:1px solid #e0e8ee;border-radius:8px;padding:18px;display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:center}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tags span{background:#edf7f1;color:#17563b;border:1px solid #cfe7d9;border-radius:999px;padding:5px 10px;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metrics div{background:#f7fbff;border:1px solid #dce8f1;border-radius:8px;padding:14px}.metrics strong,.metrics span{display:block}.article-list{display:grid;gap:8px}.article-list-two{grid-template-columns:repeat(2,1fr)}.article-list .article-card{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center;padding:10px}.article-list .article-card img{height:96px;aspect-ratio:16/9}.article-list .article-card strong{font-size:14px;margin:0;padding:0}.article-list .article-card span{display:none}.article-card{display:block;padding:0;overflow:hidden}.article-card strong{padding:0 14px}.article-card span{display:block;padding:0 14px 14px}.article p{font-size:16px}.note{background:#fff7df;border:1px solid #edd58a;color:#665318;border-radius:8px;padding:12px}.spider-links{display:grid;gap:10px;margin:16px 0 0;padding-left:20px}.friendly-links a{color:#52606b}.footer{padding:26px 0;text-align:center;color:#667784;font-size:13px}@media(max-width:920px){.hero-grid,.split,.channel,.article-list-two{grid-template-columns:1fr}.card-grid,.quick,.metrics,.link-grid{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column;padding:12px 18px}}@media(max-width:560px){.card-grid,.quick,.metrics,.link-grid{grid-template-columns:1fr}.hero h1{font-size:32px}.table{font-size:13px}.table th,.table td{padding:7px}}