/* Fresh theme – 小清新三栏布局，升级视觉细节 */

/* 基础变量 */
:root {
    --primary:#8ED1FC;      /* 主色 – 浅蓝 */
    --accent:#5AB9FF;       /* 强调色 – 深蓝 */
    --bg:#f9fafb;           /* 页面背景 */
    --panel:#fff;           /* 卡片背景 */
    --text:#333;            /* 主要文字 */
    --muted:#777;           /* 次要文字 */
    --border:#eaeaea;      /* 边框色 */
    --radius:8px;           /* 圆角 */
    --shadow:0 2px 6px rgba(0,0,0,0.05);
}

/* 暗色主题变量（通过 .dark 类切换） */
.dark {
    --bg:#181a1b;
    --panel:#242526;
    --text:#e0e0e0;
    --muted:#b0b0b0;
    --border:#333;
    --shadow:0 2px 6px rgba(0,0,0,0.2);
}
/* 确保暗色模式下正文文字为浅色 */
.dark .article-detail, .dark .article-detail * {color: var(--text) !important;}


*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;}

/* 顶栏 */
.top-bar{display:flex;justify-content:space-between;align-items:center;background:var(--panel);border-bottom:1px solid var(--border);padding:10px 20px;box-shadow:var(--shadow);border-radius:0 0 var(--radius) var(--radius);} 
.top-bar .logo{display:flex;align-items:center;}
.top-bar .logo img{height:32px;margin-right:8px;}
.top-bar .site-name{font-size:1.5rem;color:var(--accent);text-decoration:none;}
.top-bar .nav-menu a{margin:0 8px;color:var(--text);text-decoration:none;transition:color .2s;}
.top-bar .nav-menu a:hover{color:var(--primary);}
.top-bar .nav-menu .separator{margin:0 4px;color:#ccc;}

/* 暗灯切换按钮 */
.theme-toggle{cursor:pointer;font-size:1.2rem;color:var(--muted);}
.read-toggle{cursor:pointer;font-size:1.2rem;color:var(--muted);margin-left:8px;}

/* 容器 */
.container{max-width:1200px;margin:20px auto;}

/* 内容主体 */
.content-wrapper{display:flex;gap:20px;}
.main-list{flex:2;}
.main-list .list-header h2{font-size:1.8rem;margin-bottom:15px;}
.article-list{list-style:none;}
.article-list li{padding:12px;border-bottom:1px solid var(--border);background:var(--panel);border-radius:var(--radius);margin-bottom:8px;transition:transform .2s,box-shadow .2s;}
.article-list li.top{background:#fff8e1;}
.article-list li.private{opacity:0.6;}
.article-list li:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.article-list .title{font-size:1.2rem;color:var(--primary);text-decoration:none;}
.article-list .meta{font-size:0.9rem;color:var(--muted);margin-top:4px;}
.article-list .meta span{margin-right:12px;}

/* 侧边栏 */
.sidebar{flex:1;}
.sidebar .box{background:var(--panel);padding:15px;margin-bottom:20px;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);}
.sidebar .box h3{margin-bottom:10px;font-size:1.1rem;color:var(--accent);}
.sidebar .list{list-style:none;}
.sidebar .list li{margin-bottom:6px;}
.sidebar .list li a{color:var(--text);text-decoration:none;}
.sidebar .list li a:hover{color:var(--primary);}
.sidebar .list li .count{color:#aaa;margin-left:4px;}

/* 用户信息 */
.user-info .avatar{width:60px;height:60px;border-radius:50%;margin-bottom:10px;}
.user-info .name{font-weight:bold;margin-bottom:8px;}
.user-info .stats div{display:flex;justify-content:space-between;margin-top:4px;}
.search input{width:calc(100% - 70px);padding:6px;}
.search .btn{padding:6px 12px;}

/* 文章详情 */
.article-detail{color:var(--text);}/* 确保正文卡片统一样式 */
.article-detail.box{background:var(--panel);color:var(--text);border-radius:var(--radius);box-shadow:var(--shadow);padding:15px;}

.article-detail .article-title{color:var(--text);font-size:2rem;margin-bottom:10px;}
.article-detail .article-meta span{color:var(--muted);}
.article-detail{flex:2;}
.article-title{font-size:2rem;margin-bottom:10px;}
.article-meta span{margin-right:12px;color:var(--muted);font-size:0.9rem;}
.article-content{margin-top:20px;color:var(--text);}

/* 标签云 */
.tag-cloud a{display:inline-block;margin:4px 6px;text-decoration:none;color:var(--primary);transition:transform .2s;}
.tag-cloud a:hover{transform:scale(1.2);color:var(--accent);}

/* 返回顶部按钮 */
#back-to-top{position:fixed;right:20px;bottom:30px;width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;font-size:24px;line-height:40px;text-align:center;cursor:pointer;display:none;z-index:999;box-shadow:var(--shadow);}

/* 页脚 */
.footer{display:flex;justify-content:space-between;align-items:center;background:var(--panel);border-top:1px solid var(--border);padding:15px 20px;font-size:0.85rem;color:var(--muted);box-shadow:var(--shadow);border-radius:var(--radius) var(--radius) 0 0;}
.footer a{color:var(--text);text-decoration:none;}
.footer .footer-right span{margin-left:15px;}

/* 响应式 */
/* 最近评论样式 */
.recent-comments .recent-item{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:4px 0;
    border-bottom:1px solid var(--border);
}
.recent-comments .recent-item a{font-weight:bold;}
.recent-comments .recent-item .comment-content{font-size:0.85rem;color:var(--muted);margin:4px 0;}
.recent-comments .recent-item .date{color:var(--muted);font-size:0.85rem;align-self:flex-end;}
    display:flex;
    justify-content:space-between;
    padding:4px 0;
    border-bottom:1px solid var(--border);
}
.recent-comments .recent-item:last-child{border-bottom:none;}
.recent-comments .recent-item a{color:var(--primary);text-decoration:none;}
.recent-comments .recent-item .date{color:var(--muted);font-size:0.85rem;}

/* 进度条 */
.progress-bar{position:fixed;top:0;left:0;height:3px;background:var(--primary);width:0;z-index:9999;}

/* 阅读模式 */
/* 保留顶部栏的阅读切换按钮 */
.read-mode .footer,
.read-mode .sidebar{display:none;}
.read-mode .container{max-width:800px;margin:auto;background:var(--bg-read, #fefbf5);padding:2rem;}
/* 确保阅读模式下阅读切换按钮仍显示 */
.read-mode .read-toggle{display:inline-block;}

/* 移动端抽屉 */
@media (max-width:768px){
    .sidebar{position:fixed;top:0;right:-260px;width:250px;height:100%;background:var(--panel);transition:right .3s;z-index:1000;}
    .sidebar.active{right:0;}
    .nav-menu .menu-toggle{display:inline-block;cursor:pointer;margin-left:10px;}
    .content-wrapper{margin-top:60px;}
}

/* 分页 */
.pagination a{display:inline-block;padding:4px 8px;margin:0 2px;background:var(--panel);border-radius:var(--radius);color:var(--text);text-decoration:none;}
.pagination a:hover{background:var(--primary);color:#fff;}

/* 图片预览 */
.article-content img{cursor:zoom-in;}

/* 评论区美化 */
.box.comment{background:var(--panel);border-radius:var(--radius);padding:15px;margin-bottom:20px;box-shadow:var(--shadow);} 
.comment-form textarea{width:100%;min-height:120px;padding:8px;border:1px solid var(--border);border-radius:var(--radius);margin-top:8px;resize:vertical;}
.comment-info{display:flex;gap:10px;}
.comment-info-item label{display:block;font-size:0.9rem;margin-bottom:4px;}
.comment-info-item input{width:100%;padding:6px;border:1px solid var(--border);border-radius:var(--radius);} 
.comment-submit .btn{background:var(--primary);color:#fff;border:none;padding:6px 12px;border-radius:var(--radius);cursor:pointer;}
.comment-submit .btn:hover{background:var(--accent);} 
.comment-submit .vcode-img{vertical-align:middle;margin-right:6px;}

/* 评论列表样式 */
.comment-list{list-style:none;margin:0;padding:0;}
.comment-list li{margin-bottom:15px;}
.comment-box{background:#fff; padding:10px;border-radius:var(--radius);box-shadow:var(--shadow);}
.comment-box.comment-admin{border-left:4px solid var(--primary);}
.comment-title{display:flex;justify-content:space-between;align-items:center;font-size:0.9rem;margin-bottom:6px;}
.comment-user{font-weight:bold;}
.comment-time{color:var(--muted);font-size:0.85rem;}
.comment-reply{color:var(--primary);cursor:pointer;margin-left:10px;}
.comment-reply:hover{text-decoration:underline;}
.comment-replys{margin-top:8px;color:var(--muted);font-size:0.85rem;}
.comment-content p{margin:0 0 0.5rem; line-height:1.6;}

@media (max-width: 768px){
    .content-wrapper{flex-direction:column;}
    .sidebar{order:2;}
    .main-list{order:1;}
}
.box.comment{background:var(--panel);border-radius:var(--radius);padding:15px;margin-bottom:20px;box-shadow:var(--shadow);} .comment-form textarea{width:100%;min-height:120px;padding:8px;border:1px solid var(--border);border-radius:var(--radius);margin-top:8px;resize:vertical;} .comment-info{display:flex;gap:10px;} .comment-info-item label{display:block;font-size:0.9rem;margin-bottom:4px;} .comment-info-item input{width:100%;padding:6px;border:1px solid var(--border);border-radius:var(--radius);} .comment-submit .btn{background:var(--primary);color:#fff;border:none;padding:6px 12px;border-radius:var(--radius);cursor:pointer;} .comment-submit .btn:hover{background:var(--accent);} .comment-submit .vcode-img{vertical-align:middle;margin-right:6px;}
@media (max-width: 768px){
    .content-wrapper{flex-direction:column;}
    .sidebar{order:2;}
    .main-list{order:1;}
}