@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:#f5f3f0}
a{color:#b85c1e;text-decoration:none}
a:hover{color:#e07b2a}
img{max-width:100%;height:auto;border:0}
.container{width:1200px;margin:0 auto;overflow:hidden}
.header{background:#2a1f3d;border-bottom:3px solid #e07b2a}
.header .container{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.logo{font-size:26px;font-weight:bold;color:#e07b2a;letter-spacing:2px}
.logo span{color:#aaa;font-size:14px;margin-left:10px;font-weight:normal}
.nav{background:#3d2d54}
.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:#e07b2a;color:#2a1f3d}
.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:#2a1f3d;border-left:4px solid #e07b2a;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:#e07b2a}
h1{font-size:24px;color:#2a1f3d;margin-bottom:15px;line-height:1.4}
h2{font-size:19px;color:#2a1f3d;margin:25px 0 12px;padding-left:10px;border-left:4px solid #e07b2a}
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:#fdf6f0}
.faq-q{padding:12px 15px;background:#f5e0cc;font-weight:bold;color:#2a1f3d}
.faq-q:before{content:"Q: ";color:#b85c1e;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:#2a1f3d}
.news-list li h4 a:hover{color:#e07b2a}
.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:#fdf6f0;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:#f5e0cc;color:#2a1f3d}
.version-table tr:nth-child(even){background:#fdf6f0}
.footer{background:#2a1f3d;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:#f5e0cc;color:#b85c1e;padding:3px 10px;margin:0 5px 5px 0;font-size:12px}
.notice-box{background:#fdf0e6;border:1px solid #e8c8a8;padding:15px;margin:15px 0}
.notice-box strong{color:#b85c1e}
.server-table{width:100%;border-collapse:collapse;margin:15px 0;font-size:13px}
.server-table th,.server-table td{border:1px solid #ddd;padding:8px;text-align:center}
.server-table th{background:#3d2d54;color:#e07b2a}
.server-table tr:nth-child(even){background:#fdf6f0}
.tag-new{display:inline-block;background:#e74c3c;color:#fff;padding:1px 6px;font-size:11px;border-radius:3px}
.tag-hot{display:inline-block;background:#e07b2a;color:#fff;padding:1px 6px;font-size:11px;border-radius:3px}
@media(max-width:1200px){.container{width:100%;padding:0 10px}.content,.sidebar{width:100%;float:none}}