/*
 Theme Name: 仿子比 全局UI修复终极版
 Version: 3.2
*/
html,body{margin:0;padding:0;}
*{margin:0;padding:0;box-sizing:border-box;}
body {
    background:#f5f7fa;
    font-family:"Microsoft Yahei",sans-serif;
    font-size:14px;
    color:#333;
    line-height:1.8;
}
a{color:#2d8cf0;text-decoration:none;}
a:hover{color:#1976d2;}
ul,ol{list-style:none;}
img{max-width:100%;height:auto;display:block;}
h1,h2,h3,h4,h5{font-weight:600;}

/* 容器固定 */
.container{width:1200px;margin:0 auto;padding:0 15px;}

/* 头部导航 */
.site-header{background:#fff;box-shadow:0 1px 8px rgba(0,0,0,0.06);position:sticky;top:0;z-index:999;}
.nav-wrap{height:70px;display:flex;align-items:center;justify-content:space-between;}
.logo{font-size:24px;font-weight:bold;color:#222;}
.logo img{height:40px;width:auto;}
.nav-menu{display:flex;gap:30px;}
.nav-menu li a{color:#333;font-size:15px;}
.nav-menu li a:hover,.nav-menu li.current-menu-item a{color:#2d8cf0;}

/* 主布局 固定双栏 */
.layout-wrap{display:grid;grid-template-columns:880px 280px;gap:20px;margin:30px 0;}
.main-content{width:100%;}

/* 文章卡片 */
.feed-list{display:grid;gap:20px;}
.feed-item{background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.05);}
.feed-title{font-size:20px;margin-bottom:12px;}
.feed-meta{font-size:13px;color:#999;margin:8px 0;}
.feed-desc{color:#666;margin:10px 0;}

/* 按钮通用 */
.download-btn{display:inline-block;background:#2d8cf0;color:#fff!important;padding:6px 16px;border-radius:4px;border:none;cursor:pointer;}
.download-btn:hover{background:#1976d2;}
.btn-green{background:#67c23a;}
.btn-red{background:#f56c6c;}

/* 侧边栏 */
.sidebar-widget{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,0.05);}
.widget-title{font-size:16px;border-left:4px solid #2d8cf0;padding-left:10px;margin-bottom:15px;}

/* 底部 */
.site-footer{background:#222;color:#aaa;padding:40px 0;text-align:center;margin-top:50px;}

/* 暗黑模式全局适配 */
body.darkmode--activated{background:#121212;color:#ccc;}
body.darkmode--activated .site-header,
body.darkmode--activated .feed-item,
body.darkmode--activated .sidebar-widget{background:#1e1e1e;}
body.darkmode--activated .logo,
body.darkmode--activated .feed-title{color:#eee;}

/* 自适应 手机端自动单列 */
@media (max-width:1199px){
    .container{width:100%;}
    .layout-wrap{grid-template-columns:100%;}
    .nav-menu{gap:15px;}
}