/***
 *	Powered By Duanwen 2026.6.15
***/

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:90%; margin:20px auto 0; overflow:hidden;}
header h1{ font-size:1.5rem; line-height:1.4; margin-bottom:20px;}
.nav-wrap{ display:flex; align-items:center; gap:12px; overflow:hidden;}
.nav-wrap .logo{ width:40px; border-radius:50%; overflow:hidden;}
nav{ flex:1; display:flex; align-items:center; gap:12px; overflow:hidden;}
.nav-main{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px;}
.nav-main h3{ font-size:1rem; font-weight:500;}
.nav-main p{ font-size:0.8125rem; color:#888; display:flex; align-items:center; gap:8px; white-space:nowrap; text-overflow:ellipsis; margin:0; min-width:0; width:100%; overflow:hidden;}
.nav-main p a,.nav-main p a:visited{ color:#888;}
.nav-tips{ flex-shrink:0;}
.nav-tips a{ display:block; color:#2280ee; background:#f2f2f2; border-radius:9px; font-size:0.8125rem; padding:4.5px 9px; white-space:nowrap;}

.home-nav .logo{ width:50px;}
.home-nav .nav-main{ gap:5px;}
.home-nav h3{ font-size:1.0625rem;}
.home-nav p{ font-size:0.875rem;}

article{ width:90%; margin:0 auto; overflow:hidden;}
.content{ text-align:justify; line-height:1.7; font-size:1.0625rem; margin-top:26px;}
.content p{ margin-bottom:18px;}
.content p:last-child{ margin-bottom:0;}
.content h2{ font-size:1.0625rem; margin-bottom:18px; color:#ff3333;}

section{ margin:24px auto 0; overflow:hidden;}
section h2{ margin-bottom:15px; font-size:1.25rem; font-weight:600; overflow:hidden;}
section ul{ display:grid; grid-template-columns:repeat(1,1fr); gap:9px;}
section ul li{ font-size:1.0625rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
section ul li b{ font-weight:normal;}

footer{ border-top:5px solid #f5f5f5; margin:24px auto 0; 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){
body{ background:#f5f5f5;}
header,article,footer{ max-width:640px; background:#fff;}
header{ margin:0 auto; padding:28px 40px 0;}
header h1{ font-size:1.75rem; margin-bottom:24px;}

.nav-wrap .logo{ width:44px;}
.nav-main h3{ font-size:1.0625rem;}

.home-nav .logo{ width:56px;}
.home-nav h3{ font-size:1.25rem;}

article{ padding:0 40px 32px;}
.content{ margin-top:32px;}

section{ margin:32px auto 0;}
article.home-main section ul{ grid-template-columns:repeat(2,1fr);}

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