/* 江湖帖 · 通用组件：弹层 / 详情 / 发布 / 个人主页 / 榜单 */

/* ========== ACTIVITIES PAGE (Req 7) ========== */
.activity-wrap{padding:16px}
.act-entry{margin-bottom:12px;background:var(--card);border-radius:12px}
.act-summary{font-size:13px;color:var(--ink3);margin-bottom:14px;text-align:center}
.act-timeline{position:relative}
.act-item{display:flex;gap:12px;background:var(--card);border-radius:12px;padding:14px;margin-bottom:12px;cursor:pointer;transition:transform .1s}
.act-item:active{transform:scale(.99)}
.act-av{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:18px;font-weight:700;color:#fff;flex-shrink:0}
.act-body{flex:1;min-width:0}
.act-line{font-size:14px;color:var(--ink);line-height:1.5}
.act-line b{color:var(--gold-d)}
.act-ic{margin-right:6px}
.act-time{font-size:12px;color:var(--ink3);margin-top:4px}

/* ========== REVIEWS MODAL (Req 8) ========== */
.reviews-modal{padding:0!important;max-height:80vh;display:flex;flex-direction:column}
.rv-header{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--border);font-family:var(--serif);font-size:17px;font-weight:600;color:var(--ink)}
.rv-back{font-size:22px;cursor:pointer;color:var(--ink3);line-height:1}
.rv-summary{padding:12px 16px;font-size:13px;color:var(--ink3);border-bottom:1px solid var(--border);background:var(--bg)}
.rv-list{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:12px}
.rv-item{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px}
.rv-stars{color:#f5a623;font-size:16px;letter-spacing:2px;margin-bottom:6px}
.rv-meta{font-size:12px;color:var(--ink3);margin-bottom:6px}
.rv-comment{font-size:14px;color:var(--ink);line-height:1.5}
.rv-type{display:inline-block;font-size:11px;padding:2px 8px;border-radius:10px;font-weight:600;margin-left:8px}
.rv-type.good{background:#e8f5e9;color:#2e7d32}
.rv-type.bad{background:#ffebee;color:#c62828}
.rv-type.neutral{background:#f5f5f0;color:#757575}
.rv-tabs{display:flex;gap:8px;margin-bottom:12px;padding:0 16px}
.rv-tab{flex:1;text-align:center;padding:8px 0;font-size:13px;color:var(--ink3);background:var(--bg);border-radius:10px;cursor:pointer}
.rv-tab.active{background:var(--gold);color:#fff;font-weight:600}

/* ========== RISK CONTROL (Req 9) ========== */
.report-types{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.report-types label{font-size:13px;color:var(--ink);display:flex;align-items:center;gap:8px;cursor:pointer}
.comment-report{font-size:11px;color:var(--ink3);align-self:flex-start;cursor:pointer;margin-top:2px}
.comment-report:active{color:var(--red)}
.up-report{position:absolute;top:14px;right:14px;font-size:11px;color:rgba(255,255,255,.6);background:rgba(0,0,0,.25);padding:4px 10px;border-radius:12px;cursor:pointer;z-index:2}
.up-report:active{background:var(--red);color:#fff}

/* ========== EDIT PROFILE MODAL ========== */
.edit-profile-card .ep-avatar-picker{display:flex;gap:8px;overflow-x:auto;padding:8px 0 16px;scrollbar-width:none}
.edit-profile-card .ep-avatar-picker::-webkit-scrollbar{display:none}
.ep-av-option{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:20px;font-weight:700;color:#fff;cursor:pointer;border:2px solid transparent;flex-shrink:0;transition:.2s}
.ep-av-option.selected{border-color:var(--gold);transform:scale(1.1)}

/* ========== SHARE MODAL ========== */
.share-modal{background:var(--card);border-radius:20px 20px 0 0;padding:24px 20px 32px;animation:slideUp .3s}
.share-modal h3{font-family:var(--serif);font-size:18px;font-weight:600;text-align:center;margin-bottom:16px;color:var(--ink)}
.share-preview{border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);margin-bottom:20px}
.share-preview canvas{display:block;width:100%}
.share-actions{display:flex;gap:12px}
.share-actions .share-btn{flex:1;height:48px;border-radius:24px;border:none;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:transform .15s}
.share-actions .share-btn:active{transform:scale(.97)}
.share-btn-wechat{background:#07c160;color:#fff}
.share-btn-moments{background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#fff}
.share-btn-save{background:var(--card);border:1px solid var(--border);color:var(--ink2)}

/* ========== TASK CONFIRM ========== */
.status-tag.st-pending{background:#fff3e0;color:#e65100}
.confirm-action{background:#fff8e1;border:1px solid var(--gold-l);border-radius:10px;padding:14px;margin-bottom:12px}
.confirm-action .ca-title{font-size:13px;font-weight:600;color:var(--gold-d);margin-bottom:6px;display:flex;align-items:center;gap:4px}
.confirm-action .ca-desc{font-size:12px;color:var(--ink2);line-height:1.5;margin-bottom:10px}
.confirm-action .ca-btn{width:100%;height:38px;border-radius:19px;border:none;background:var(--gold);color:#fff;font-size:13px;font-weight:600;cursor:pointer}

/* My posts action buttons */
.my-post-actions{display:flex;gap:8px;margin-top:8px}
.my-post-actions .mpa-btn{flex:1;height:30px;border-radius:15px;border:1px solid var(--border);background:var(--card);font-size:11px;color:var(--ink2);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:3px;transition:.2s}
.my-post-actions .mpa-btn:active{transform:scale(.95)}
.my-post-actions .mpa-btn.danger{border-color:var(--red);color:var(--red)}
.my-post-actions .mpa-btn.warn{border-color:var(--orange);color:var(--orange)}

/* Bottom Tab Bar */
.tabbar{height:56px;background:var(--card);border-top:0.5px solid var(--border);display:flex;position:relative;flex-shrink:0;z-index:30}
.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:var(--ink3);transition:.2s;position:relative}
.tab .tab-badge{position:absolute;top:4px;left:50%;margin-left:8px;background:var(--red);color:#fff;font-size:9px;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-weight:600;border:1.5px solid var(--card)}
.tab.active{color:var(--gold-d)}
.tab .icon{width:22px;height:22px;margin-bottom:2px}
.tab .label{font-size:10px}

/* ========== DETAIL PAGE ========== */
.detail-wrap{padding:16px 16px 80px}
.detail-card{background:var(--card);border-radius:12px;padding:20px;box-shadow:var(--shadow);margin-bottom:12px;border:0.5px solid var(--border)}
.detail-card .cat-row{display:flex;gap:8px;align-items:center;margin-bottom:12px}
.detail-card h2{font-size:18px;font-weight:600;color:var(--ink);line-height:1.4;margin-bottom:10px}
.detail-card .content{font-size:14px;color:var(--ink2);line-height:1.7;margin-bottom:16px}
.detail-card .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:12px;border-top:0.5px solid var(--border)}
.detail-card .info-item .label{font-size:11px;color:var(--ink3);margin-bottom:4px}
.detail-card .info-item .value{font-size:14px;color:var(--ink);font-weight:500}
.detail-card .info-item .value.reward{color:var(--gold-d);font-family:var(--serif);font-size:18px;font-weight:700}

.publisher-card{background:var(--card);border-radius:12px;padding:16px;box-shadow:var(--shadow);display:flex;align-items:center;gap:12px;margin-bottom:12px;border:0.5px solid var(--border);cursor:pointer;transition:transform .15s}
.publisher-card:active{transform:scale(.98)}
.publisher-card .avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#fff;flex-shrink:0}
.publisher-card .info{flex:1}
.publisher-card .info .name{font-size:14px;font-weight:600;color:var(--ink)}
.publisher-card .info .sub{font-size:12px;color:var(--ink3);margin-top:2px}
.publisher-card .info .sub .rep{color:var(--gold-d);font-weight:500}
.publisher-card .arrow{color:var(--ink3);font-size:18px}

.comment-section{background:var(--card);border-radius:12px;padding:16px;box-shadow:var(--shadow);border:0.5px solid var(--border)}
.comment-section h3{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:12px}
.comment-item{display:flex;gap:10px;margin-bottom:12px}
.comment-item .avatar-sm{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0;cursor:pointer;transition:transform .15s}
.comment-item .avatar-sm:active{transform:scale(.85)}
.comment-item .body{flex:1}
.comment-item .body .name{font-size:12px;font-weight:600;color:var(--ink2);cursor:pointer}
.comment-item .body .text{font-size:13px;color:var(--ink2);line-height:1.5;margin-top:2px}
.comment-item .body .time{font-size:11px;color:var(--ink3);margin-top:2px}

/* Action Button —— 详情页底部操作条
   ⚠️ 必须是 sticky，不能用 absolute：它的包含块是滚动容器 .pages，
   absolute+bottom:0 会把它钉在「第一屏底部」这个内容坐标上，页面一滚动
   它就跑到画面中间压住正文（2026-09-21 修，表现是盖住「状态」那一行）。
   sticky 才会真正粘在可视区底部；正文末尾由 .detail-wrap 的 80px 底 padding 让位。
   默认 display:none，由 post.js 的各分支设为 block。 */
.action-bar{position:sticky;bottom:0;padding:12px 16px;background:var(--card);border-top:0.5px solid var(--border);z-index:20;display:none}
.btn-primary{width:100%;height:44px;border-radius:22px;border:none;background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .15s}
.btn-primary:active{transform:scale(.97)}
.btn-primary:disabled{background:#ccc;cursor:not-allowed}
.btn-secondary{width:100%;height:44px;border-radius:22px;border:1px solid var(--border);background:var(--card);color:var(--ink2);font-size:15px;cursor:pointer}

/* ========== CREATE PAGE ========== */
.create-wrap{padding:16px 16px 80px}
.create-card{background:var(--card);border-radius:12px;padding:20px;box-shadow:var(--shadow);margin-bottom:12px;border:0.5px solid var(--border)}
.create-card label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:8px}
.create-card label .hint{font-size:11px;color:var(--ink3);font-weight:400;margin-left:4px}
.cat-selector{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.cat-option{padding:6px 14px;border-radius:20px;border:1px solid var(--border);font-size:12px;cursor:pointer;color:var(--ink2);transition:.2s}
.cat-option.selected{background:var(--ink);color:#fff;border-color:var(--ink)}
.create-card input,.create-card textarea,.create-card select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:var(--sans);outline:none;color:var(--ink);background:#fff;margin-bottom:16px}
.create-card textarea{resize:none;line-height:1.6}
.create-card input:focus,.create-card textarea:focus{border-color:var(--gold)}
.reward-input-wrap{position:relative}
.reward-input-wrap::after{content:"\4e24";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--ink3);font-size:14px}
.number-input-wrap{position:relative}
.number-input-wrap::after{content:"\4eba";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--ink3);font-size:14px}
/* .star-preview 已删（2026-09-21）：发帖页不再按金额预览星级（星级概念已废弃）
   —— 注意 .star-input（论功行赏的评价星级）不在此列，那个要留着 */

/* ===== 侠客令（张榜）双模式切换 ===== */
.create-mode-toggle{display:flex;background:var(--card);border-radius:12px;padding:4px;margin-bottom:12px;box-shadow:var(--shadow);border:0.5px solid var(--border)}
.create-mode-toggle .cmt{flex:1;padding:10px;text-align:center;font-size:14px;font-weight:600;color:var(--ink3);border-radius:8px;cursor:pointer;transition:.2s}
.create-mode-toggle .cmt.active{background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#fff;box-shadow:0 2px 6px rgba(180,140,60,.25)}
.create-mode-banner{font-size:12px;color:var(--ink3);padding:10px 14px;background:#faf6ed;border-radius:8px;border:0.5px solid var(--border);margin-bottom:16px;line-height:1.6}
.create-mode-banner b{color:var(--gold-d)}
.cw-count{font-size:11px;color:var(--ink3);text-align:right;margin-top:-12px;margin-bottom:12px}

/* ===== 江湖心愿轮播（原江湖日报） ===== */
.wish-ticker{display:flex;align-items:center;gap:10px;margin:8px 16px 0;padding:12px 14px;background:linear-gradient(135deg,#fff8e1,#fff3e0);border:0.5px solid #ffe082;border-radius:12px;cursor:pointer;box-shadow:0 2px 6px rgba(180,140,60,.08);transition:.2s}
.wish-ticker:active{transform:scale(.99)}
.wt-icon{font-size:24px;flex-shrink:0;animation:wtFlicker 1.6s ease-in-out infinite}
@keyframes wtFlicker{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}
.wt-body{flex:1;min-width:0;overflow:hidden}
.wt-label{font-size:11px;color:var(--gold-d);font-weight:600;letter-spacing:.5px;margin-bottom:2px;display:flex;align-items:center;gap:6px}
.wt-tip{font-size:9px;color:#fff;background:var(--gold-d);padding:1px 6px;border-radius:8px;font-weight:400;letter-spacing:0}
.wt-content{height:22px;overflow:hidden;position:relative}
.wt-text{font-size:13px;color:var(--ink);line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .4s}
.wt-text.fade{opacity:0}
.wt-text .wt-cat{margin-right:4px}
.wt-text .wt-by{color:var(--ink3);margin-left:6px;font-size:11px}
.wt-arrow{font-size:20px;color:var(--gold-d);flex-shrink:0}

/* ===== 愿望详情页 ===== */
.wd-wrap{padding:16px 16px 80px}
.wd-card{background:var(--card);border-radius:12px;padding:18px;box-shadow:var(--shadow);border:0.5px solid var(--border);margin-bottom:14px}
.wd-cat{display:inline-block;font-size:12px;color:var(--gold-d);background:#fff8e1;padding:3px 10px;border-radius:10px;margin-bottom:10px;font-weight:600}
.wd-content{font-size:16px;color:var(--ink);line-height:1.7;margin-bottom:14px;letter-spacing:.3px}
.wd-by{font-size:12px;color:var(--ink3);margin-bottom:14px}
.wd-by b{color:var(--ink);font-weight:600;margin-right:4px}
.wd-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.wd-bless{flex:1;min-width:120px;padding:10px;border:1px solid var(--gold);background:linear-gradient(135deg,#fff8e1,#fff3e0);color:var(--gold-d);border-radius:22px;font-size:14px;font-weight:600;cursor:pointer}
.wd-bless b{margin-left:4px}
.wd-fulbtn{padding:10px 18px;border:none;background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#fff;border-radius:22px;font-size:14px;font-weight:600;cursor:pointer}
.wd-fulfilled{background:#f0f8e8;border:0.5px solid #b8d890;padding:10px 14px;border-radius:10px;margin-top:12px;font-size:13px;color:#5a7a3a;line-height:1.6}
.wd-pm{padding:10px 18px;border:1px solid var(--border);background:var(--card);color:var(--ink3);border-radius:22px;font-size:14px;cursor:pointer}

.wd-comments-title{font-size:14px;font-weight:600;color:var(--ink);margin:6px 4px 10px;display:flex;align-items:center;gap:6px}
.wd-comments-title .badge{background:var(--gold-d);color:#fff;font-size:10px;padding:2px 7px;border-radius:8px;font-weight:500}
.wd-comment{display:flex;gap:10px;padding:10px 12px;background:var(--card);border-radius:10px;margin-bottom:8px;border:0.5px solid var(--border)}
.wd-c-av{width:32px;height:32px;border-radius:50%;background:var(--gold-l);color:var(--gold-d);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}
.wd-c-body{flex:1;min-width:0}
.wd-c-top{display:flex;align-items:center;gap:6px;margin-bottom:2px}
.wd-c-name{font-size:12px;font-weight:600;color:var(--ink)}
.wd-c-time{font-size:10px;color:var(--ink3)}
.wd-c-content{font-size:13px;color:var(--ink);line-height:1.6;word-break:break-word}

.wd-input-bar{position:fixed;left:0;right:0;bottom:60px;background:var(--card);border-top:0.5px solid var(--border);padding:10px 12px;display:flex;gap:8px;align-items:center;z-index:50}
.wd-input-bar input{flex:1;border:1px solid var(--border);border-radius:20px;padding:10px 14px;font-size:14px;outline:none;font-family:var(--sans)}
.wd-input-bar input:focus{border-color:var(--gold)}
.wd-input-bar button{padding:9px 16px;border:none;background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#fff;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;flex-shrink:0}
.wd-input-bar button:disabled{background:#ccc}
.wd-empty{text-align:center;color:var(--ink3);padding:30px 20px;font-size:13px}

/* ========== PROFILE PAGE - Enhanced ========== */
.profile-wrap{padding-bottom:80px}
.profile-hero{background:linear-gradient(135deg,#3a3020 0%,#2c2418 50%,#1a1410 100%);padding:28px 20px 20px;text-align:center;position:relative;overflow:hidden}
.profile-hero::before{content:"";position:absolute;top:-40px;right:-30px;width:120px;height:120px;background:radial-gradient(circle,rgba(200,169,81,.12),transparent 70%);border-radius:50%}
.profile-hero::after{content:"";position:absolute;bottom:-30px;left:-20px;width:80px;height:80px;background:radial-gradient(circle,rgba(196,74,58,.08),transparent 70%);border-radius:50%}
.profile-hero .edit-btn{position:absolute;top:16px;right:16px;font-size:12px;color:rgba(255,255,255,.5);cursor:pointer;padding:4px 10px;border:0.5px solid rgba(255,255,255,.2);border-radius:12px}
.profile-hero .avatar{width:68px;height:68px;border-radius:50%;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:30px;font-weight:700;color:#fff;position:relative;z-index:1;border:2px solid rgba(200,169,81,.3)}
.profile-hero .name{font-family:var(--serif);font-size:19px;font-weight:600;color:#fff;margin-bottom:4px;position:relative;z-index:1}
.profile-hero .title-tag{display:inline-block;font-size:11px;padding:2px 12px;border-radius:10px;background:rgba(200,169,81,.2);color:var(--gold);margin-bottom:6px;border:0.5px solid rgba(200,169,81,.3)}
.profile-hero .profession{font-size:12px;color:rgba(255,255,255,.5);position:relative;z-index:1;margin-bottom:12px}
.profile-hero .profession .badge{color:var(--gold);cursor:pointer}
.profile-hero .hero-actions{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;z-index:1;flex-wrap:wrap}
.profile-hero .hero-btn{display:flex;align-items:center;gap:5px;padding:7px 14px;border-radius:18px;background:rgba(255,255,255,.1);border:0.5px solid rgba(255,255,255,.2);color:rgba(255,255,255,.9);font-size:12px;cursor:pointer;transition:transform .15s,background .15s}
.profile-hero .hero-btn:active{transform:scale(.95);background:rgba(255,255,255,.2)}
.profile-hero .hero-btn .ico{font-size:14px}

/* Name Card */
.name-card{margin:16px;background:var(--card);border-radius:12px;padding:16px;box-shadow:var(--shadow);border:0.5px solid var(--border);position:relative;overflow:hidden}
.name-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold-l),var(--gold),var(--gold-d))}
.name-card .nc-title{font-family:var(--serif);font-size:13px;color:var(--gold-d);margin-bottom:10px;display:flex;align-items:center;gap:4px}
.name-card .nc-body{font-family:var(--serif);font-size:13px;color:var(--ink2);line-height:1.8;background:#faf6ed;padding:12px;border-radius:8px;border:0.5px solid var(--border)}

.rep-bar-wrap{padding:14px 20px;background:var(--card);border-bottom:0.5px solid var(--border)}
.rep-bar-wrap .rep-label{display:flex;justify-content:space-between;font-size:12px;color:var(--ink3);margin-bottom:6px}
.rep-bar-wrap .rep-label .val{color:var(--gold-d);font-weight:600}
.rep-bar{height:6px;border-radius:3px;background:#f0ebe0;overflow:hidden}
.rep-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--gold-l),var(--gold));transition:width .5s}

.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:14px 12px;background:var(--card);border-bottom:0.5px solid var(--border)}
.stat-item{text-align:center}
.stat-item .num{font-family:var(--serif);font-size:20px;font-weight:700;color:var(--ink)}
.stat-item .label{font-size:10px;color:var(--ink3);margin-top:2px}
.stat-item .num.gold{color:var(--gold-d)}
.stat-item .num.red{color:var(--red)}
.stat-item{cursor:pointer;position:relative;transition:transform .15s,background .15s;border-radius:8px;padding:4px 0}
.stat-item:active{transform:scale(.95);background:rgba(200,169,81,.08)}

.combo-banner{padding:10px 16px;background:linear-gradient(90deg,#fff8e1,#fff);display:flex;align-items:center;gap:10px;border-bottom:0.5px solid var(--border)}
.combo-banner .flame{font-size:20px}
.combo-banner .text{flex:1;font-size:13px;color:var(--ink2)}
.combo-banner .text strong{color:var(--red);font-size:15px}

/* Achievement Wall */
.ach-wall{padding:14px 16px;background:var(--card);border-bottom:0.5px solid var(--border);cursor:pointer;transition:background .15s}
.ach-wall:active{background:#f9f6f0}
.ach-wall .aw-title{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:10px;display:flex;align-items:center;gap:4px}
.ach-wall .aw-title .aw-more{margin-left:auto;font-size:11px;color:var(--ink3);font-weight:500}
.ach-wall .aw-grid{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ach-wall .aw-grid::-webkit-scrollbar{display:none}
.ach-item{min-width:64px;text-align:center;flex-shrink:0}
.ach-item .ach-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--gold-l),var(--gold));display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 4px;border:2px solid var(--gold);box-shadow:0 2px 8px rgba(200,169,81,.3)}
.ach-item.locked .ach-icon{background:#e8e4dc;border-color:var(--border);filter:grayscale(1);opacity:.4}
.ach-item .ach-name{font-size:10px;color:var(--ink2);font-weight:500}
.ach-item.locked .ach-name{color:var(--ink3)}

.profile-tabs{display:flex;background:var(--card);border-bottom:0.5px solid var(--border)}
.profile-tab{flex:1;text-align:center;padding:12px;font-size:13px;color:var(--ink3);cursor:pointer;border-bottom:2px solid transparent}
.profile-tab.active{color:var(--ink);border-bottom-color:var(--gold);font-weight:600}

.profile-list{padding:12px 16px}
.story-item{background:var(--card);border-radius:10px;padding:16px;margin-bottom:10px;box-shadow:var(--shadow);border:0.5px solid var(--border);position:relative;overflow:hidden}
.story-item::before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--gold)}
.story-item .story-text{font-family:var(--serif);font-size:13px;color:var(--ink2);line-height:1.8}
.story-item .story-meta{font-size:11px;color:var(--ink3);margin-top:8px;text-align:right}

/* ========== LEADERBOARD ========== */
.lb-wrap{padding:16px 16px 80px}
.lb-tabs{display:flex;gap:0;margin-bottom:16px;background:var(--card);border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}
.lb-tab{flex:1;text-align:center;padding:10px 4px;font-size:12px;color:var(--ink3);cursor:pointer;transition:.2s}
.lb-tab.active{color:var(--gold-d);font-weight:600;background:var(--gold-l)}
.lb-item{display:flex;align-items:center;gap:12px;background:var(--card);padding:14px 16px;border-radius:10px;margin-bottom:8px;box-shadow:var(--shadow);border:0.5px solid var(--border);cursor:pointer;transition:transform .15s}
.lb-item:active{transform:scale(.98)}
.lb-rank{width:28px;text-align:center;font-family:var(--serif);font-size:18px;font-weight:700}
.lb-rank.r1{color:var(--red)}
.lb-rank.r2{color:var(--orange)}
.lb-rank.r3{color:var(--gold-d)}
.lb-item .avatar-sm{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:transform .15s}
.lb-item .info{flex:1}
.lb-item .info .name{font-size:14px;font-weight:600;color:var(--ink)}
.lb-item .info .sub{font-size:11px;color:var(--ink3);margin-top:2px}