/* ===== 个人主页样式 v2 ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:#0a0a0a;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}

.user-container{max-width:680px;margin:0 auto}

/* 横幅 — 等级渐变色 */
.user-banner{height:160px;position:relative;display:flex;align-items:flex-end;justify-content:center}
.user-banner-inner{position:absolute;inset:0}
.banner-lv1{background:linear-gradient(135deg,#9E9E9E,#616161)}
.banner-lv2{background:linear-gradient(135deg,#66BB6A,#388E3C)}
.banner-lv3{background:linear-gradient(135deg,#42A5F5,#1565C0)}
.banner-lv4{background:linear-gradient(135deg,#FFD54F,#F9A825)}
.banner-lv5{background:linear-gradient(135deg,#AB47BC,#6A1B9A)}
.banner-lv6{background:linear-gradient(135deg,#EF5350,#B71C1C)}
.banner-lv7{background:linear-gradient(135deg,#26C6DA,#00838F)}
.banner-lv8{background:linear-gradient(135deg,#EC407A,#AD1457)}
.banner-lv9{background:linear-gradient(135deg,#FFD740,#F57F17)}
.banner-lv10{background:linear-gradient(135deg,#FFD700,#FF6D00)}

/* 头像区 */
.user-avatar-wrap{text-align:center;margin-top:-40px;position:relative;z-index:2}
.user-avatar{width:80px;height:80px;border-radius:50%;border:3px solid #fff;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;font-weight:700;background-size:cover;background-position:center}
.user-avatar.default-avatar{background:conic-gradient(#FE2C55,#FFD54F,#42A5F5,#AB47BC,#FE2C55)}

/* 用户信息 */
.user-info{text-align:center;padding:12px 20px 0}
.user-name-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:6px}
.user-name{font-size:20px;font-weight:700;color:#fff}
.user-level-badge{display:none;align-items:center;gap:2px;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;color:#fff}
.user-bio{font-size:14px;color:#999;margin:0 auto;max-width:360px;line-height:1.6}

/* 统计行 */
.user-stats{display:flex;justify-content:center;gap:40px;padding:20px 0}
.user-stat{text-align:center;cursor:pointer;transition:transform .2s}
.user-stat:hover{transform:translateY(-2px)}
.user-stat .stat-num{font-size:22px;font-weight:700;color:#fff}
.user-stat .stat-label{font-size:12px;color:#999;margin-top:2px}

/* 编辑按钮 */
.user-edit-btn{display:none;margin:0 auto 16px;padding:6px 20px;background:transparent;border:1px solid #444;border-radius:18px;color:#ccc;font-size:13px;cursor:pointer;transition:all .2s}
.user-edit-btn:hover{border-color:#FE2C55;color:#FE2C55}

/* 标签切换 */
.user-tabs{display:flex;justify-content:center;gap:0;border-bottom:1px solid #1a1a1a;margin-bottom:16px}
.user-tab{flex:1;max-width:160px;padding:12px 20px;font-size:15px;color:#888;cursor:pointer;text-align:center;position:relative;transition:color .2s;border:none;background:none}
.user-tab.active{color:#fff;font-weight:600}
.user-tab.active::after{content:'';position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:36px;height:2px;background:linear-gradient(90deg,#FE2C55,#8338EC,#3A86FF);border-radius:1px}

/* 帖子卡片 */
.user-posts{padding:0 8px}
.user-post-card{background:#0d0d0d;border-radius:10px;padding:14px;margin-bottom:10px;cursor:pointer;transition:background .2s}
.user-post-card:hover{background:#141414}
.user-post-card .post-content{font-size:14px;color:#ccc;line-height:1.6;margin-bottom:8px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.user-post-card .post-images{display:flex;gap:6px;flex-wrap:wrap}
.user-post-card .post-images img{width:calc(33.33% - 4px);aspect-ratio:1;object-fit:cover;border-radius:6px}

/* 编辑弹窗 */
.edit-modal{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.7);align-items:center;justify-content:center}
.edit-modal.show{display:flex}
.edit-panel{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:16px;padding:28px 24px;width:90%;max-width:400px}
.edit-panel h3{font-size:18px;font-weight:700;color:#fff;margin-bottom:20px;text-align:center}
.edit-panel label{display:block;font-size:13px;color:#888;margin-bottom:6px}
.edit-panel input,.edit-panel textarea{width:100%;padding:10px 14px;background:#111;border:1px solid #2a2a2a;border-radius:8px;color:#e0e0e0;font-size:14px;margin-bottom:16px;outline:none;transition:border .2s;resize:vertical;font-family:inherit}
.edit-panel input:focus,.edit-panel textarea:focus{border-color:#FE2C55}
.edit-panel .edit-actions{display:flex;gap:10px}
.edit-panel .btn-save{flex:1;padding:10px;background:#FE2C55;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}
.edit-panel .btn-save:hover{background:#ff4d6a}
.edit-panel .btn-cancel{flex:1;padding:10px;background:transparent;border:1px solid #333;border-radius:8px;color:#aaa;font-size:14px;cursor:pointer;transition:all .2s}
.edit-panel .btn-cancel:hover{background:#1a1a1a;color:#fff}

/* 空状态 */
.user-empty{text-align:center;padding:60px 20px;color:#666;font-size:14px}

/* ===== 顶部导航条 ===== */
.top-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:12px 16px;display:flex;align-items:center;background:linear-gradient(180deg,rgba(0,0,0,.9),transparent)}
.top-nav .page-title{flex:1;text-align:center;font-size:16px;font-weight:600;color:#fff}

@media(max-width:480px){
  .user-banner{height:120px}
  .user-avatar-wrap{margin-top:-32px}
  .user-avatar{width:64px;height:64px;font-size:22px}
  .user-name{font-size:18px}
  .user-stats{gap:24px}
}