/* 全站基础样式 - 手机端优先 速度优化+样式优化 */
* {margin:0;padding:0;box-sizing:border-box;}
body{background:#f8fafc;padding:8px 0; font-size:14px;position: relative;}
.container{max-width:1200px;padding:0 10px;margin:0 auto;}
a{text-decoration:none;}
ul,li{list-style:none;}
img{max-width:100%;}

/* ========== 核心修改1：左侧滑出功能面板 (登录后点击头像弹出) 不遮挡页面 ========== */
.sidebar{position:fixed;top:0;left:-260px;width:250px;height:100%;background:#fff;z-index:9999;border-right:1px solid #e2e8f0;box-shadow:2px 0 8px rgba(0,0,0,0.05);padding-top:70px;transition:all 0.3s ease;}
.sidebar.show{left:0;}
.sidebar .sidebar-item{display:block;padding:12px 20px;color:#333;border-bottom:1px solid #f5f5f5;}
.sidebar .sidebar-item:hover{background:#f8fafc;color:#165DFF;}
.sidebar .sidebar-item i{margin-right:8px;}
.sidebar .msg-dot{display:inline-block;width:10px;height:10px;background:#ef4444;border-radius:50%;margin-left:5px;}
.mask{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);z-index:9998;display:none;}
.mask.show{display:block;}

/* ========== 核心修改2：导航栏样式 - 标题居中、左上角头像、极简布局 ========== */
.navbar{padding:8px 10px;margin-bottom:12px;border-radius:12px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.05);position:relative;}
.navbar .avatar-btn{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid #fff;cursor:pointer;}
.navbar .avatar-btn img{width:100%;height:100%;object-fit:cover;}
.navbar .navbar-title{text-align:center;font-size:18px;font-weight:600;color:#165DFF;margin:0;padding:0;}
@media (max-width:768px) {
    .navbar .navbar-title{font-size:16px;}
    .navbar .avatar-btn{width:32px;height:32px;}
}

/* 卡片样式 - 手机端适配核心 */
.card{border:none;border-radius:12px;margin-bottom:10px;transition:all 0.2s ease;box-shadow:0 2px 6px rgba(0,0,0,0.05);padding:15px;}
.card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.08);}
@media (max-width:768px) {
    .card{padding:12px;margin-bottom:8px;}
}

/* ========== 核心修改3：帖子卡片 点击跳转样式 - 去掉按钮，整卡可点 ========== */
.post-card{cursor:pointer;}
.post-card:hover{transform:translateY(-2px);}
.post-link{color:#333;text-decoration:none;display:block;width:100%;height:100%;}

/* 头像样式 */
.avatar-img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.avatar-big{width:80px;height:80px;border-radius:50%;object-fit:cover;margin:0 auto;display:block;}
@media (max-width:768px) {
    .avatar-img{width:36px;height:36px;}
    .avatar-big{width:70px;height:70px;}
}

/* 表单控件 - 手机端全屏宽度 按钮放大 易点击 速度优化 */
.form-control, .form-select{border-radius:8px;border:1px solid #e2e8f0;padding:10px 12px;font-size:14px;width:100%;margin-bottom:8px;}
.btn{border-radius:8px;padding:8px 16px;font-size:14px;border:none;cursor:pointer;}
.btn-sm{padding:4px 10px;font-size:12px;}
.btn-primary{background-color:#165DFF;color:#fff;}
.btn-outline-primary{border:1px solid #165DFF;color:#165DFF;background:#fff;}
.btn-outline-primary:hover{background:#165DFF;color:#fff;}
.btn-danger{background-color:#ef4444;color:#fff;}
.btn-success{background-color:#10b981;color:#fff;}
.btn-warning{background-color:#f59e0b;color:#fff;}
@media (max-width:768px) {
    .btn{width:100%;margin-bottom:8px;}
    .btn-sm{width:auto;}
}

/* 字体与间距 - 手机端适配 不拥挤 清晰可读 */
h1{font-size:20px;}h2{font-size:18px;}h3{font-size:16px;}h4{font-size:15px;}h5{font-size:14px;}
.content{line-height:1.7;font-size:14px;color:#333;margin:8px 0;white-space:pre-wrap;}
.text-muted{color:#94a3b8;font-size:12px;}
.badge{font-size:12px;padding:3px 6px;border-radius:4px;margin-right:4px;}

/* 审核状态标签样式 */
.audit-wait{color:#f59e0b;}
.audit-pass{color:#10b981;}
.audit-reject{color:#ef4444;}

/* 表格适配 - 手机端横向滚动 不挤压 */
.table{width:100%;border-collapse:collapse;font-size:13px;}
.table th,.table td{padding:8px;text-align:left;border-bottom:1px solid #e2e8f0;}
.table th{background:#f8fafc;font-weight:600;}
@media (max-width:768px) {
    .table-wrap{overflow-x:auto;}
}

/* 底部间距 */
.mb-1{margin-bottom:5px;}.mb-2{margin-bottom:10px;}.mb-3{margin-bottom:15px;}.mb-4{margin-bottom:20px;}
.py-1{padding:5px 0;}.py-2{padding:10px 0;}.py-3{padding:15px 0;}