/* leaderboard */
/* 页面卡片：与 dev_docs / like_coin 等插件页面同一语言——
   var(--panel) 白底 + 14px 圆角，内部保持原有布局。
   已有白底分层，不再画外边框。 */
.leaderboard-page{overflow:clip;border-radius:14px;background:var(--panel)}
.leaderboard-header{padding:20px 20px 14px}
.leaderboard-title{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--text);line-height:1.3}
.leaderboard-subtitle{margin:4px 0 0;font-size:var(--font-size-sm);color:var(--text-subtle)}
.leaderboard-tabs{display:inline-flex;align-items:center;gap:4px;padding:4px;margin:0 20px 16px;background:var(--bg);border:1px solid var(--line-soft);border-radius:10px}
.leaderboard-tab{padding:7px 16px;border-radius:7px;font-size:var(--font-size-sm);font-weight:600;color:var(--text-muted);text-decoration:none;transition:all .2s ease;white-space:nowrap}
.leaderboard-tab:hover{color:var(--brand)}
.leaderboard-tab.active{background:var(--brand);color:var(--inverse-text);box-shadow:var(--shadow-base)}
.leaderboard-podium{display:flex;justify-content:center;align-items:flex-end;gap:12px;padding:0 20px 20px}
.leaderboard-podium-col{display:flex;flex-direction:column;align-items:center;flex:0 1 200px;min-width:0;text-decoration:none}
.leaderboard-podium-col-1{flex-basis:220px}
.leaderboard-podium-col-2{flex-basis:190px}
.leaderboard-podium-col-3{flex-basis:170px}
.leaderboard-podium-profile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px 12px;border-radius:16px 16px 0 0;width:100%;text-decoration:none;transition:all .2s ease;position:relative}
.leaderboard-podium-col-1 .leaderboard-podium-profile{background:linear-gradient(180deg,#fffbeb,#fef3c7);padding-top:24px}
.leaderboard-podium-col-2 .leaderboard-podium-profile{background:linear-gradient(180deg,#f8fafc,#f1f5f9);padding-top:16px}
.leaderboard-podium-col-3 .leaderboard-podium-profile{background:linear-gradient(180deg,#fff7ed,#fed7aa);padding-top:12px}
.leaderboard-podium-profile:hover{filter:brightness(.97)}
.leaderboard-podium-avatar{flex:0 0 56px;width:56px;height:56px;border-radius:50%;overflow:hidden;border:3px solid var(--line);display:block}
.leaderboard-podium-col-1 .leaderboard-podium-avatar{border-color:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.2);flex:0 0 64px;width:64px;height:64px}
.leaderboard-podium-col-2 .leaderboard-podium-avatar{border-color:#94a3b8;box-shadow:0 0 0 4px rgba(148,163,184,.2);flex:0 0 52px;width:52px;height:52px}
.leaderboard-podium-col-3 .leaderboard-podium-avatar{border-color:#d97706;box-shadow:0 0 0 4px rgba(217,119,6,.15);flex:0 0 48px;width:48px;height:48px}
.leaderboard-podium-avatar .avatar-img{width:100%;height:100%}
.leaderboard-podium-name{font-size:var(--font-size-sm);font-weight:700;color:var(--text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;text-align:center}
.leaderboard-podium-col-1 .leaderboard-podium-name{font-size:var(--font-size-lg);color:#92400e}
.leaderboard-podium-col-2 .leaderboard-podium-name{color:#334155}
.leaderboard-podium-col-3 .leaderboard-podium-name{color:#78350f}
.leaderboard-podium-group{color:var(--text-subtle);font-size:10px;line-height:1.2;display:block;text-align:center}
.leaderboard-podium-count{font-size:var(--font-size-sm);font-weight:700;white-space:nowrap;line-height:1;padding:5px 14px;border-radius:999px;display:inline-block}
.leaderboard-podium-col-1 .leaderboard-podium-count{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;box-shadow:0 2px 8px rgba(245,158,11,.35);font-size:var(--font-size-md)}
.leaderboard-podium-col-2 .leaderboard-podium-count{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff;box-shadow:0 2px 8px rgba(100,116,139,.25)}
.leaderboard-podium-col-3 .leaderboard-podium-count{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;box-shadow:0 2px 8px rgba(180,83,9,.25)}
.leaderboard-podium-step{display:flex;align-items:center;justify-content:center;width:100%;font-size:var(--font-size-sm);font-weight:800;color:rgba(255,255,255,.8)}
.leaderboard-podium-col-1 .leaderboard-podium-step{height:60px;background:linear-gradient(135deg,#f59e0b,#ef4444);font-size:var(--font-size-lg)}
.leaderboard-podium-col-2 .leaderboard-podium-step{height:44px;background:linear-gradient(135deg,#94a3b8,#64748b)}
.leaderboard-podium-col-3 .leaderboard-podium-step{height:32px;background:linear-gradient(135deg,#d97706,#b45309)}
.leaderboard-list{display:grid;gap:6px;padding:0 20px 20px}
.leaderboard-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid transparent;border-radius:10px;background:var(--bg);text-decoration:none;transition:all .2s ease}
.leaderboard-item:hover{background:var(--panel);border-color:var(--brand-soft);box-shadow:var(--shadow-medium)}
.leaderboard-rank-badge{flex:0 0 auto;min-width:30px;height:30px;padding:0 8px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:var(--font-size-sm);font-weight:700;line-height:1;transition:all .2s ease}
.leaderboard-rank-1{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;box-shadow:0 2px 8px rgba(245,158,11,.35)}
.leaderboard-rank-2{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff;box-shadow:0 2px 8px rgba(100,116,139,.25)}
.leaderboard-rank-3{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;box-shadow:0 2px 8px rgba(180,83,9,.25)}
.leaderboard-rank-other{background:var(--bg);color:var(--text-muted);font-size:var(--font-size-xs)}
.leaderboard-self-item .leaderboard-rank-badge:not(.leaderboard-rank-1):not(.leaderboard-rank-2):not(.leaderboard-rank-3){background:var(--brand);color:var(--inverse-text)}
.leaderboard-avatar{flex:0 0 36px;width:36px;height:36px;border-radius:50%;overflow:hidden}
.leaderboard-avatar .avatar-img{width:36px;height:36px}
.leaderboard-body{min-width:0;flex:1;display:grid;gap:2px}
.leaderboard-name{font-size:var(--font-size-md);font-weight:600;color:var(--text);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.leaderboard-item:hover .leaderboard-name{color:var(--brand)}
.leaderboard-group{color:var(--text-subtle);font-size:10px;line-height:1.3}
.leaderboard-count{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:8px;font-size:var(--font-size-sm);font-weight:700;white-space:nowrap;line-height:1;min-height:32px;background:var(--brand-soft);color:var(--brand)}
.leaderboard-empty{padding:40px 20px;text-align:center;color:var(--text-subtle);font-size:var(--font-size-sm)}
.leaderboard-card .leaderboard-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.leaderboard-card .leaderboard-card-more{color:var(--text-subtle);font-size:var(--font-size-xs);white-space:nowrap;text-decoration:none}
.leaderboard-card .leaderboard-card-more:hover{color:var(--brand)}
.leaderboard-card .leaderboard-card-list .leaderboard-item{padding:6px 0;border:0;border-radius:0;background:transparent;gap:8px;min-height:44px}
.leaderboard-card .leaderboard-card-list .leaderboard-item:before{display:none}
.leaderboard-card .leaderboard-card-list .leaderboard-item:hover{background:transparent}
.leaderboard-card .leaderboard-card-list .leaderboard-rank-badge{flex:0 0 auto;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:5px;font-size:11px}
.leaderboard-card .leaderboard-card-list .leaderboard-rank-1,.leaderboard-card .leaderboard-card-list .leaderboard-rank-2,.leaderboard-card .leaderboard-card-list .leaderboard-rank-3{background:var(--brand-soft);color:var(--brand);box-shadow:none}
.leaderboard-card .leaderboard-card-list .leaderboard-avatar{flex:0 0 28px;width:28px;height:28px}
.leaderboard-card .leaderboard-card-list .leaderboard-avatar .avatar-img{width:28px;height:28px}
.leaderboard-card .leaderboard-card-list .leaderboard-name{font-size:var(--font-size-sm)}
.leaderboard-card .leaderboard-card-list .leaderboard-count{padding:3px 8px;font-size:11px;min-height:auto;border-radius:5px}
.leaderboard-card .leaderboard-card-list .leaderboard-group{display:none}
@media(max-width:600px){
.leaderboard-header{padding:14px 14px 12px}
.leaderboard-title{font-size:var(--font-size-lg)}
.leaderboard-tabs{padding:4px;margin:0 14px 12px}
.leaderboard-tab{padding:6px 12px;font-size:12px}
.leaderboard-podium{gap:8px;padding:0 10px 14px}
.leaderboard-podium-col{flex-basis:1px;flex:1}
.leaderboard-podium-col-1 .leaderboard-podium-profile{padding-top:16px}
.leaderboard-podium-col-2 .leaderboard-podium-profile{padding-top:10px}
.leaderboard-podium-col-3 .leaderboard-podium-profile{padding-top:8px}
.leaderboard-podium-avatar{flex:0 0 40px;width:40px;height:40px;border-width:2px}
.leaderboard-podium-col-1 .leaderboard-podium-avatar{flex:0 0 48px;width:48px;height:48px;border-width:3px}
.leaderboard-podium-col-2 .leaderboard-podium-avatar{flex:0 0 38px;width:38px;height:38px}
.leaderboard-podium-col-3 .leaderboard-podium-avatar{flex:0 0 34px;width:34px;height:34px}
.leaderboard-podium-name{font-size:12px}
.leaderboard-podium-col-1 .leaderboard-podium-name{font-size:var(--font-size-sm)}
.leaderboard-podium-count{font-size:11px;padding:3px 10px}
.leaderboard-podium-col-1 .leaderboard-podium-count{font-size:12px}
.leaderboard-podium-col-1 .leaderboard-podium-step{height:44px;font-size:var(--font-size-md)}
.leaderboard-podium-col-2 .leaderboard-podium-step{height:34px}
.leaderboard-podium-col-3 .leaderboard-podium-step{height:26px}
.leaderboard-list{gap:5px;padding:0 10px 16px}
.leaderboard-item{padding:10px 12px;gap:10px}
.leaderboard-rank-badge{flex:0 0 auto;min-width:26px;height:26px;padding:0 6px;box-sizing:border-box;font-size:12px}
.leaderboard-name{font-size:var(--font-size-sm)}
.leaderboard-count{padding:5px 10px;font-size:12px;min-height:28px;display:inline-flex;align-items:center;justify-content:center}
}