/***
 *	Powered By Duanwen 2026.6.16
***/

html{ font-size:16px;}
body{ font-family:Microsoft Yahei,Arial; font-size:16px; background:#fff; color:#333;}
body,h1,h2,h3,form,button,input,textarea,ul,li,p{ margin:0; padding:0;}
ul,li{ list-style:none;}
img{ border:0; vertical-align:middle; max-width:100%;}
a,a:visited{ color:#333; text-decoration:none;}

header{ width:94%; margin:0 auto; overflow:hidden;}
.logo-wrap{ display:flex; align-items:center; gap:12px; margin:12px auto;}
.logo-wrap .logo a{ display:flex; align-items:center; gap:8px;}
.logo-wrap .logo a img{ width:26px; border-radius:50%;}
.logo-wrap .logo a h2{ font-size:1.125rem; font-weight:500;}
.logo-wrap .nav-tips{ flex-shrink:0; margin-left:auto;}
.logo-wrap .nav-tips a{ display:block; color:#2280ee; background:#f2f2f2; border-radius:9px; font-size:0.8125rem; padding:4.5px 9px; white-space:nowrap;}

nav{ display:grid; grid-template-columns:repeat(6,1fr); gap:6px 0; padding:8px 0; border-radius:4px; background:#008ccc; overflow:hidden;}
nav a{ color:#fff; font-size:0.9375rem; text-align:center; position:relative;}
nav a:visited{ color:#fff;}
nav a::after{ content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background-color:#ddd;}
nav a:last-child::after{ display:none;}

article{ width:94%; margin:0 auto; overflow:hidden;}
article.category h1,article.list h1{ font-size:1.25rem; font-weight:600; margin:18px 12px 0;}
section{ margin:16px auto 0; padding:3.5% 4% 4%; border-radius:8px; border:1px solid #ddd; overflow:hidden;}
.list section{ padding:4%;}
section h2{ margin-bottom:15px; padding-bottom:9px; font-size:1.0625rem; font-weight:600; border-bottom:1px dashed #ddd; overflow:hidden;}
section ul{ display:grid; grid-template-columns:repeat(1,1fr); gap:9px;}
section ul li{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
section ul li b{ font-weight:normal;}

.main{ margin:16px auto 0; border:1px solid #ddd; padding-bottom:26px; border-radius:8px;}
.main h1{ padding:24px 4% 0; font-size:1.25rem; line-height:1.4; overflow:hidden;}
.publish{ padding:15px 4% 0; font-size:0.875rem; color:#888; display:flex; align-items:center; gap:12px;}
.publish a,.publish a:visited{ color:#007cdc;}
.content{ margin:26px auto 0; padding:0 4%; line-height:1.8; text-align:justify;}
.content p{ margin-bottom:18px;}
.content p:last-child{ margin-bottom:0;}
.content h2{ font-size:1rem; margin-bottom:18px; color:#0083c0;}

footer{ margin:0 auto; padding:18px 0 20px; display:flex; align-items:center; flex-direction:column; gap:8px; overflow:hidden;}
footer p{ display:flex; align-items:center; gap:9px;}
footer p.contact a{ font-size:0.875rem; color:#999;}

@media (min-width:768px){
header,article,footer{ width:960px; margin:0 auto; padding:0;}
.logo-wrap{ gap:15px; margin:18px auto;}
.logo-wrap .logo a img{ width:30px;}
.logo-wrap .logo a h2{ font-size:1.375rem;}
.logo-wrap .nav-tips a{ padding:5px 15px;}

nav{ grid-template-columns:repeat(9,1fr);}
article.category h1,article.list h1{ font-size:1.25rem; margin:18px 15px 0;}
section{ padding:9px 16px 16px;}
section h2{ margin-bottom:14px; padding-bottom:8px;}
section ul{ grid-template-columns:repeat(3,1fr);}
.list section{ padding:16px;}
.list section ul{ grid-template-columns:repeat(1,1fr);}

.content-wrap{ display:flex; gap:16px;}
.main{ margin:16px auto 0; padding-bottom:26px;}
.main h1{ padding:30px 3% 0; font-size:1.5rem;}
.publish{ padding:20px 3% 0;}
.content{ margin:32px auto 0; padding:0 3%; line-height:1.8; text-align:justify;}

aside{ flex-shrink:0; width:280px;}
aside section ul{ grid-template-columns:repeat(1,1fr);}

footer{ padding:15px 0 18px; justify-content:center; flex-direction:row; gap:9px;}
}