*{margin:0;padding:0;box-sizing:border-box;}
html,body{
    font-family:"Microsoft Yahei",sans-serif;
    color:#333;
    line-height:1.7;
    height:100vh;
    overflow:hidden;
    display:flex;
    flex-direction:column;
}
.header{background:#1f2937;color:#fff;padding:1rem 5%;flex-shrink:0;}
.nav{
    max-width:1200px;
    margin:0 auto;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content: space-between;
    gap: 1rem;
}
.nav-links{
    display:flex;
    gap:2.4rem;
    align-items:center;
    flex-wrap:wrap;
}
.nav a{color:#fff;text-decoration:none;white-space:nowrap;}
.nav a:hover{color:#60a5fa;}
/* 右侧账号区域，和中间导航拉开距离 */
.nav-account{
    display:flex;
    gap:12px;
    align-items:center;
    margin-left: 30px;
}
/* 注册按钮 边框样式 */
.btn-register{
    padding:6px 14px;
    border:1px solid #ffffff;
    border-radius:6px;
    transition: 0.2s;
}
/* 登录按钮 填充蓝色，和截图风格对齐 */
.btn-login{
    padding:6px 14px;
    background:#3b82f6;
    border-radius:6px;
    transition: 0.2s;
}
.btn-register:hover{
    background:rgba(255,255,255,0.15);
    color:#fff;
}
.btn-login:hover{
    background:#2563eb;
    color:#fff;
}
/* 退出登录按钮 */
.logout-link{
    padding:6px 12px;
    border:1px solid #fff;
    border-radius:6px;
    transition:0.2s;
    cursor:pointer;
}
.logout-link:hover{
    background:rgba(255,255,255,0.15);
}
.container{
    max-width:1200px;
    margin:0 auto;
    padding:2rem 5%;
    width:100%;
    flex-grow:1;
    overflow-y:auto;
}
.footer{
    background:#1f2937;
    color:#ccc;
    font-size:14px;
    padding:2rem 5%;
    flex-shrink:0;
    text-align:center;
}
.footer a{color:#93c5fd;text-decoration:none;}
/* 社区页面通用组件样式 */
.post-item{border:1px solid #e5e7eb;padding:16px;margin-bottom:16px;border-radius:8px;}
.post-item a{color:#222;text-decoration:none;}
.post-item a:hover{color:#2563eb;}
.post-meta{font-size:13px;color:#666;margin-top:6px;}
.btn-post{display:inline-block;background:#1f2937;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;margin-bottom:20px;}
.btn-post:hover{background:#374151;}
.form-item{margin-bottom:18px;}
label{display:block;margin-bottom:6px;font-weight:bold;}
input,textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:16px;}
textarea{min-height:180px;resize:vertical;}
button{background:#1f2937;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:16px;}
button:hover{background:#374151;}
.tip{color:#dc2626;font-size:14px;}
.comment-box{margin-top:40px;border-top:1px solid #e5e7eb;padding-top:20px;}
.comment-item{padding:12px 0;border-bottom:1px solid #f3f4f6;}
.comment-meta{font-size:13px;color:#666;}
.back-link{display:inline-block;margin-bottom:16px;color:#2563eb;text-decoration:none;}
/* 新增：置灰不可用按钮样式 */
.btn-disabled {
    background: #9ca3af !important;
    color: #fff;
    cursor: not-allowed !important;
    opacity:0.65;
    pointer-events: none !important;
}
/* 顶部维护提示块 ICP截图可见 */
.maintain-notice{
    background:#fff2f2;
    color:#dc2626;
    border-radius:8px;
    padding:14px 16px;
    margin-bottom:24px;
    font-size:15px;
}
/* Toast飘字弹窗 */
.toast-box{
    position:fixed;
    left:50%;
    top:40%;
    transform:translate(-50%,-50%);
    background:rgba(0,0,0,0.72);
    color:#fff;
    padding:10px 22px;
    border-radius:6px;
    z-index:99999;
}