@charset "utf-8";
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body{margin:0;background:#eef4fb;color:#1c2f43;font:15px/1.7 Arial,"Microsoft YaHei",sans-serif}
a{color:inherit;text-decoration:none}
a:hover{color:#1168b7}
img{display:block;max-width:100%;height:auto;border:0}
ul,li,h1,h2,h3,p{margin:0;padding:0}
li{list-style:none}
.blue-wrap{width:min(1180px,calc(100% - 32px));max-width:100%;margin:0 auto}
.blue-header{position:sticky;top:0;z-index:30;background:#0d5f9e;color:#fff;box-shadow:0 10px 24px rgba(19,87,142,.14)}
.blue-header__inner{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:24px;min-height:70px}
.blue-logo img{max-width:200px;max-height:52px;object-fit:contain}
.blue-text-logo{font-size:26px;font-weight:800;color:#fff;line-height:1.2}
.blue-nav{display:flex;justify-content:flex-end;gap:6px;overflow:auto}
.blue-nav a{flex:0 0 auto;color:#fff;padding:9px 12px;border-radius:4px}
.blue-nav a:hover,.blue-nav a.is-active{background:#083f73;text-decoration:none}
.blue-menu-button{display:none;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:#fff;border-radius:4px;padding:7px 12px}
.blue-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;margin-top:22px;min-width:0}
.blue-lead{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}
.lead-card{position:relative;min-height:210px;overflow:hidden;border-radius:6px;background:#d9e8f4}
.lead-card img{width:100%;height:100%;min-height:210px;object-fit:cover}
.blue-img-fallback{display:grid;place-items:center;width:100%;height:100%;min-height:120px;background:linear-gradient(135deg,#1c78bd,#083f73);color:#fff;font-weight:700}
.lead-card h1{position:absolute;left:0;right:0;bottom:0;padding:16px;background:linear-gradient(transparent,rgba(3,25,47,.82));font-size:18px;line-height:1.35;color:#fff}
.blue-rank,.blue-column,.blue-section,.blue-list,.blue-article,.blue-side section{background:#fff;border:1px solid #d8e4ee;border-radius:6px;padding:16px;overflow:hidden;min-width:0}
.blue-rank h2,.blue-side h2,.blue-section-title h2{font-size:20px;color:#0d5f9e;margin-bottom:10px}
.blue-rank li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;height:36px;align-items:center;border-bottom:1px dashed #e0e9f0}
.blue-rank span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e7f1f8;color:#0d5f9e;font-weight:700}
.blue-rank a,.blue-side a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.blue-triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.blue-cover{display:block;position:relative;border-radius:6px;overflow:hidden;margin-bottom:12px}
.blue-cover img{width:100%;aspect-ratio:16/9;object-fit:cover}
.blue-cover strong{position:absolute;left:0;right:0;bottom:0;padding:10px;background:rgba(8,42,72,.72);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blue-column,.blue-column li,.blue-column li a{min-width:0}
.blue-column li a{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;align-items:center;padding:8px 0;border-bottom:1px dashed #e0e9f0}
.blue-column li img{width:88px;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
.blue-column li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blue-section{margin-top:18px}
.blue-feature{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;margin-bottom:16px;min-width:0}
.blue-summary,.blue-picture{min-width:0}
.blue-summary li{padding:10px 0;border-bottom:1px dashed #e0e9f0}
.blue-summary a{display:block;font-size:18px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.blue-summary p{color:#66798a;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.blue-picture{display:grid;gap:12px}
.blue-picture a{position:relative;overflow:hidden;border-radius:6px}
.blue-picture img{width:100%;aspect-ratio:16/9;object-fit:cover}
.blue-picture span{position:absolute;left:0;right:0;bottom:0;padding:9px;background:rgba(8,42,72,.7);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blue-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-width:0}
.blue-card-grid li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:12px;border:1px solid #e0e9f0;border-radius:6px;min-width:0}
.blue-card-grid li>a,.blue-card-grid li>div{min-width:0}
.blue-card-grid img{width:120px;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
.blue-card-grid h3{font-size:16px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blue-card-grid p{color:#66798a;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.blue-card-grid time{color:#8a9aa8;font-size:13px}
.blue-page{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;margin-top:22px;min-width:0}
.blue-crumb{color:#6e7f8e;font-size:13px;margin-bottom:12px}
.blue-list>h1,.blue-article header h1{font-size:28px;line-height:1.25;margin-bottom:16px}
.blue-list,.blue-list-item,.blue-list-item>a,.blue-list-item>div{min-width:0;max-width:100%}
.blue-list-item{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:1px solid #e2ebf2}
.blue-list-item img{width:190px;aspect-ratio:4/3;object-fit:cover;border-radius:5px}
.blue-list-item h2{font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.blue-list-item p{color:#66798a;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.blue-list-item time,.blue-side span{color:#8a9aa8;font-size:13px}
.blue-side{display:grid;gap:16px;align-self:start;min-width:0}
.blue-side li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;height:34px;align-items:center;border-bottom:1px dashed #e0e9f0;min-width:0}
.blue-side span{white-space:nowrap}
.blue-pages{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:20px}
.blue-pages a{display:inline-flex;min-width:36px;max-width:100%;height:34px;align-items:center;justify-content:center;border:1px solid #bdd3e4;border-radius:4px;color:#0d5f9e;background:#fff}
.blue-pages a:hover,.blue-pages .now-page{background:#0d5f9e;color:#fff;text-decoration:none}
.blue-article header{padding-bottom:14px;border-bottom:1px solid #e2ebf2}
.blue-article header p{color:#6e7f8e}
.blue-article header span{margin-left:12px}
.blue-tip{margin:16px 0;padding:14px;background:#f1f7fc;border-left:4px solid #0d5f9e;border-radius:4px;color:#516575}
.textBody{font-size:17px;line-height:2;color:#24384a}
.textBody p{margin:0 0 16px}
.textBody img{margin:16px auto;border-radius:6px}
.blue-prevnext{display:grid;gap:10px;margin-top:24px;padding:14px;background:#f4f8fb;border-radius:6px}
.blue-prevnext a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0d5f9e}
.blue-comment{margin-top:26px;padding-top:20px;border-top:1px solid #d9e5f2}
.blue-comment h2{font-size:20px;margin-bottom:14px;color:#12345d}
.blue-comment-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.blue-comment-grid p{display:grid;gap:6px;margin:0}
.blue-comment-grid .wide{grid-column:1/-1}
.blue-comment label{font-size:13px;color:#55708f}
.blue-comment input.text,.blue-comment textarea{width:100%;border:1px solid #cbd9ea;border-radius:8px;padding:10px 12px;font:inherit;color:#10233d;background:#fff}
.blue-comment textarea{resize:vertical}
.blue-comment .button{margin-top:12px;border:0;border-radius:8px;background:#1b66b1;color:#fff;padding:10px 20px;cursor:pointer}
.blue-comment .button:hover{background:#0f4d8c}
.blue-related{margin-top:24px;padding-top:18px;border-top:1px solid #d9e5f2}
.blue-related h2{font-size:20px;margin-bottom:12px;color:#12345d}
.blue-related ul{display:grid;gap:8px;padding-left:18px}
.blue-list-desc{margin-bottom:12px;color:#66798a}
.blue-footer{margin-top:28px;background:#102b44;color:#d7e4ee;padding:24px 0}
.blue-links{border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:14px;margin-bottom:14px}
.blue-links h2{font-size:18px;margin-bottom:8px}
.blue-links div{display:flex;flex-wrap:wrap;gap:8px 14px;min-width:0}
.blue-links a{max-width:100%;overflow-wrap:anywhere}
.blue-copy{font-size:13px;color:#aebfcb}
.blue-copy a,.blue-links a{color:#fff}
.blue-header > :where(area,map,bdo,dfn,font,ins,small,sup,time,tt,var),
.blue-header__inner > :where(area,map,bdo,dfn,font,ins,small,sup,time,tt,var),
.blue-nav > :where(area,map,bdo,dfn,font,ins,small,sup,time,tt,var),
.blue-hero > :where(area,map,bdo,dfn,font,ins,small,sup,time,tt,var),
.blue-lead > :where(area,map,bdo,dfn,font,ins,small,sup,time,tt,var),
.blue-triple > :where(area,map,bdo,dfn,font,ins,small,sup,time,tt,var),
.blue-column > :where(area,map,bdo,dfn,font,ins,small,sup,time,tt,var),
.blue-section > :where(area,map,bdo,dfn,font,ins,small,sup,time,tt,var),
.blue-feature > :where(area,map,bdo,dfn,font,ins,small,sup,time,tt,var),
.blue-summary > :where(area,map,bdo,dfn,font,ins,small,sup,time,tt,var),
.blue-picture > :where(area,map,bdo,dfn,font,ins,small,sup,time,tt,var),
.blue-card-grid > :where(area,map,bdo,dfn,font,ins,small,sup,time,tt,var),
.blue-page > :where(area,map,bdo,dfn,font,ins,small,sup,time,tt,var),
.blue-list > :where(area,map,bdo,dfn,font,ins,small,sup,time,tt,var),
.blue-list-item > :where(area,map,bdo,dfn,font,ins,small,sup,time,tt,var),
.blue-pages > :where(area,map,bdo,dfn,font,ins,small,sup,time,tt,var),
.blue-side > :where(area,map,bdo,dfn,font,ins,small,sup,time,tt,var),
.blue-footer > :where(area,map,bdo,dfn,font,ins,small,sup,time,tt,var),
.blue-footer .blue-wrap > :where(area,map,bdo,dfn,font,ins,small,sup,time,tt,var),
.blue-links > :where(area,map,bdo,dfn,font,ins,small,sup,time,tt,var),
.blue-links div > :where(area,map,bdo,dfn,font,ins,small,sup,time,tt,var){display:none!important}
@media (max-width:980px){
	.blue-header__inner{grid-template-columns:1fr;gap:8px;min-height:62px;padding:8px 0}
	.blue-menu-button{display:none}
	.blue-nav{grid-column:1;display:flex;justify-content:flex-start;gap:6px;overflow-x:auto;overflow-y:hidden;padding:0 0 10px;-webkit-overflow-scrolling:touch}
	.blue-nav a{background:rgba(255,255,255,.1);text-align:center;white-space:nowrap}
	.blue-hero,.blue-feature,.blue-page{grid-template-columns:1fr}
	.blue-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.blue-triple{grid-template-columns:1fr}
}
@media (max-width:760px){
	.blue-card-grid{grid-template-columns:1fr}
}
@media (max-width:620px){
	.blue-wrap{width:min(100% - 20px,1180px)}
	.blue-lead,.blue-card-grid{grid-template-columns:1fr}
	.blue-card-grid li,.blue-list-item,.blue-comment-grid{grid-template-columns:1fr}
	.blue-card-grid img,.blue-list-item img{width:100%}
}