/* ===== 用户模块样式 ===== */

/* 登录/注册弹窗 */
.user-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.45);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s}
.user-overlay.show{opacity:1;visibility:visible}
.user-modal{background:#fff;border-radius:12px;width:380px;max-width:90vw;padding:30px;box-shadow:0 10px 40px rgba(0,0,0,.15);position:relative;transform:translateY(20px);transition:transform .3s}
.user-overlay.show .user-modal{transform:translateY(0)}
.user-close{position:absolute;top:12px;right:16px;font-size:18px;color:#999;cursor:pointer;border:none;background:none;padding:4px}
.user-close:hover{color:#333}
.user-modal h2{font-size:20px;color:#015293;margin:0 0 6px;text-align:center}
.user-modal .user-tip{font-size:12px;color:#999;text-align:center;margin-bottom:20px}
.user-field{margin-bottom:14px}
.user-field label{display:block;font-size:13px;color:#555;margin-bottom:4px}
.user-field input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;transition:border .3s;box-sizing:border-box}
.user-field input:focus{border-color:#015293;box-shadow:0 0 0 2px rgba(1,82,147,.1)}
.user-btn{width:100%;padding:10px;border:none;border-radius:6px;font-size:15px;cursor:pointer;transition:all .3s;margin-top:4px}
.user-btn.primary{background:#015293;color:#fff}
.user-btn.primary:hover{background:#013e6e}
.user-btn.secondary{background:#f0f0f0;color:#555}
.user-btn.secondary:hover{background:#e0e0e0}
.user-switch{text-align:center;margin-top:12px;font-size:13px;color:#999}
.user-switch a{color:#015293;cursor:pointer;text-decoration:none}
.user-switch a:hover{text-decoration:underline}
.user-error{background:#fff0f0;color:#c9302c;font-size:12px;padding:6px 10px;border-radius:4px;margin-bottom:10px;display:none}
.user-error.show{display:block}
.user-success{background:#f0fff4;color:#2d8a4e;font-size:12px;padding:6px 10px;border-radius:4px;margin-bottom:10px;display:none}
.user-success.show{display:block}

/* 验证码 */
.captcha-row{display:flex;gap:8px;align-items:center}
.captcha-row input{flex:1}
.captcha-box{padding:6px 12px;background:#f5f3ef;border:1px solid #ddd;border-radius:6px;font-size:16px;font-weight:bold;color:#c9302c;letter-spacing:3px;cursor:pointer;user-select:none;white-space:nowrap}
.captcha-box:hover{background:#efece5}

/* ===== 个人中心页面（政府风格） ===== */
.user-page{max-width:720px;margin:0 auto;padding:0 0 30px}

.profile-card{background:#fff;border:1px solid #e0e0e0;font-size:14px;color:#333}
.profile-header{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:2px solid #015293;background:#fafafa}
.profile-avatar{width:48px;height:48px;border-radius:4px;background:#015293;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
.profile-title{flex:1}
.profile-title h2{margin:0 0 4px;font-size:18px;color:#333;font-weight:600}
.profile-id{font-size:12px;color:#888;margin:0}
.profile-actions{display:flex;gap:6px;flex-shrink:0}
.badge{display:inline-block;padding:4px 10px;font-size:12px;border:none;cursor:pointer;border-radius:3px}
.badge-done{background:#f0f9f0;color:#2d7a3e;border:1px solid #c8e6c8}
.badge-btn{background:#015293;color:#fff}
.badge-btn:hover{background:#013e6e}
.badge-edit{background:#fff;color:#015293;border:1px solid #015293}
.badge-edit:hover{background:#f0f5ff}

/* 经验条 */
.xp-section{padding:12px 24px;border-bottom:1px solid #eee;background:#fcfcfc}
.xp-label{font-size:12px;color:#888;margin-bottom:5px}
.xp-bar{height:6px;background:#eee;border-radius:3px;overflow:hidden}
.xp-bar-fill{height:100%;background:linear-gradient(90deg,#c9302c,#015293);border-radius:3px;transition:width .5s}

/* 签名 */
.bio-section{padding:10px 24px;border-bottom:1px solid #eee;font-size:13px;color:#555}
.bio-label{color:#888;font-weight:600}
.bio-text{color:#555}

/* 编辑表单 */
.edit-section{padding:16px 24px;border-bottom:1px solid #eee;background:#fafafa}
.edit-table{width:100%;border-collapse:collapse}
.edit-table td{padding:6px 0}
.edit-label{width:60px;font-size:13px;color:#888;vertical-align:top;padding-top:10px}
.edit-table input,.edit-table textarea{width:100%;padding:6px 10px;border:1px solid #ddd;font-size:13px;outline:none;box-sizing:border-box;font-family:inherit}
.edit-table input:focus,.edit-table textarea:focus{border-color:#015293}
.edit-table textarea{resize:vertical;min-height:50px}
.edit-msg{padding:6px 0;font-size:12px;display:block}
.edit-msg.success{color:#2d8a4e}
.edit-msg.error{color:#c9302c}
.edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}
.edit-actions .btn{padding:6px 18px;border:none;font-size:13px;cursor:pointer;border-radius:3px}
.btn-cancel{background:#f0f0f0;color:#555}
.btn-cancel:hover{background:#e0e0e0}
.btn-save{background:#015293;color:#fff}
.btn-save:hover{background:#013e6e}

/* 信息表格 */
.info-table{width:100%;border-collapse:collapse;margin:0}
.info-table tr{border-bottom:1px solid #f0f0f0}
.info-table tr:last-child{border:none}
.info-table td{padding:10px 24px;font-size:13px}
.info-label{width:90px;color:#888;background:#fafafa;border-right:1px solid #f0f0f0}
.info-value{color:#333}

/* 底部操作 */
.profile-footer-actions{padding:16px 24px;border-top:1px solid #eee;text-align:center}
.btn-logout{display:inline-block;padding:7px 24px;border:1px solid #ddd;background:#fff;color:#666;font-size:13px;cursor:pointer;border-radius:3px;transition:all .3s}
.btn-logout:hover{border-color:#c9302c;color:#c9302c}

/* 顶部登录链接 */
.header-login{position:relative}
.header-login a{font-size:13px;color:#666;text-decoration:none;cursor:pointer}
.header-login a:hover{color:#c9302c}
.header-login .uname{color:#015293;font-weight:600}

/* 即时通讯入口 */
.user-actions{padding:0 0 16px;text-align:center}
.ua-btn{display:inline-block;padding:12px 36px;border-radius:6px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;letter-spacing:.5px}
.ua-btn.primary{background:linear-gradient(135deg,#015293,#1d6fa5);color:#fff;box-shadow:0 2px 8px rgba(1,82,147,.2)}
.ua-btn.primary:hover{box-shadow:0 4px 16px rgba(1,82,147,.3);transform:translateY(-2px)}
.profile-coins{font-size:12px;color:#888;margin:2px 0 0}