@charset "UTF-8";
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:14px;line-height:1.8;color:#333;background:#f0f4f8}
a{color:#1a5c8a;text-decoration:none}
a:hover{color:#2a8ec4}
img{max-width:100%;height:auto;border:0}
.container{width:1200px;margin:0 auto;overflow:hidden}
.header{background:#0d2a44;border-bottom:3px solid #2a8ec4}
.header .container{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.logo{font-size:26px;font-weight:bold;color:#2a8ec4;letter-spacing:2px}
.logo span{color:#aaa;font-size:14px;margin-left:10px;font-weight:normal}
.nav{background:#154066}
.nav ul{list-style:none;display:flex}
.nav li a{display:block;padding:12px 25px;color:#ddd;font-size:15px}
.nav li a:hover,.nav li a.active{background:#2a8ec4;color:#0d2a44}
.breadcrumb{background:#fff;border-bottom:1px solid #e5e5e5;padding:10px 0;font-size:13px;color:#888}
.breadcrumb a{color:#666;margin-right:5px}
.breadcrumb a:after{content:"»";margin-left:5px;color:#aaa}
.breadcrumb .current{color:#333}
.main{padding:20px 0}
.content{width:860px;float:left;background:#fff;padding:30px;border:1px solid #e5e5e5}
.sidebar{width:310px;float:right}
.widget{background:#fff;border:1px solid #e5e5e5;padding:20px;margin-bottom:20px}
.widget h3{font-size:16px;color:#0d2a44;border-left:4px solid #2a8ec4;padding-left:10px;margin-bottom:15px}
.widget ul{list-style:none}
.widget ul li{padding:6px 0;border-bottom:1px dashed #eee;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.widget ul li a{color:#444}
.widget ul li a:hover{color:#2a8ec4}
h1{font-size:24px;color:#0d2a44;margin-bottom:15px;line-height:1.4}
h2{font-size:19px;color:#0d2a44;margin:25px 0 12px;padding-left:10px;border-left:4px solid #2a8ec4}
h3{font-size:16px;color:#333;margin:18px 0 10px}
p{margin-bottom:12px;text-align:justify}
.article-meta{color:#999;font-size:13px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}
.article-meta span{margin-right:15px}
.article-img{margin:15px 0;text-align:center}
.article-img img{border:1px solid #ddd}
.article-img figcaption{font-size:12px;color:#888;margin-top:5px}
.faq-item{border:1px solid #e5e5e5;margin-bottom:10px;background:#eef5fb}
.faq-q{padding:12px 15px;background:#d0e4f2;font-weight:bold;color:#0d2a44}
.faq-q:before{content:"Q: ";color:#1a5c8a;font-weight:bold}
.faq-a{padding:12px 15px;color:#555}
.faq-a:before{content:"A: ";color:#2a7d3a;font-weight:bold}
.news-list{list-style:none}
.news-list li{padding:14px 0;border-bottom:1px dashed #ddd}
.news-list li h4{font-size:16px;margin-bottom:5px}
.news-list li h4 a{color:#0d2a44}
.news-list li h4 a:hover{color:#2a8ec4}
.news-date{color:#999;font-size:12px;margin-right:10px}
.guide-grid{display:flex;flex-wrap:wrap;gap:15px;margin-top:15px}
.guide-card{width:48%;background:#eef5fb;border:1px solid #e5e5e5;padding:15px}
.guide-card h4{font-size:15px;margin-bottom:8px}
.guide-card p{font-size:13px;color:#666;margin:0}
.version-table{width:100%;border-collapse:collapse;margin:15px 0}
.version-table th,.version-table td{border:1px solid #ddd;padding:10px;text-align:center}
.version-table th{background:#d0e4f2;color:#0d2a44}
.version-table tr:nth-child(even){background:#eef5fb}
.footer{background:#0d2a44;color:#888;padding:25px 0;margin-top:30px;text-align:center;font-size:13px;line-height:2}
.footer a{color:#aaa;margin:0 8px}
.clearfix:after{content:"";display:block;clear:both}
.tags{margin-top:20px;padding-top:15px;border-top:1px solid #eee}
.tags a{display:inline-block;background:#d0e4f2;color:#1a5c8a;padding:3px 10px;margin:0 5px 5px 0;font-size:12px}
.notice-box{background:#e0effa;border:1px solid #a8cde8;padding:15px;margin:15px 0}
.notice-box strong{color:#1a5c8a}
@media(max-width:1200px){.container{width:100%;padding:0 10px}.content,.sidebar{width:100%;float:none}}