/* 鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲 鍘嗗彶璁板綍 鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲 */
.history-list { padding:4px 0; }
.history-tabs{display:flex;gap:6px;margin-bottom:10px;}
.history-tab{flex:1;padding:8px;border:1px solid rgba(255,255,255,0.15);border-radius:8px;background:transparent;color:rgba(255,255,255,0.5);font-size:0.82rem;cursor:pointer;transition:all 0.2s;}
.history-tab.active{border-color:var(--gold);background:rgba(255,215,0,0.12);color:var(--gold);}
.history-item { padding:10px 12px; background:rgba(255,255,255,0.04); border-radius:8px; margin-bottom:6px; display:flex; justify-content:space-between; align-items:center; font-size:0.82rem; }
.history-item .h-name { color:var(--gold); font-weight:bold; }
.history-item .h-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px;}
.history-item .h-time { color:var(--text-muted); font-size:0.7rem; }
.history-item .h-sid{color:rgba(78,205,196,0.7);font-size:0.7rem;}
.overview-summary{display:flex;gap:8px;justify-content:center;margin-bottom:14px;flex-wrap:wrap;}
.overview-badge{padding:6px 14px;border-radius:20px;background:rgba(255,215,0,0.1);border:1px solid rgba(255,215,0,0.3);font-size:0.78rem;color:var(--gold);}
.overview-badge strong{font-size:0.9rem;}
.overview-bar-container{margin-bottom:10px;}
.overview-bar-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:rgba(255,255,255,0.03);border-radius:8px;margin-bottom:4px;transition:background 0.15s;}
.overview-bar-row:hover{background:rgba(255,255,255,0.06);}
.overview-bar-name{width:80px;font-size:0.78rem;color:rgba(255,255,255,0.9);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;}
.overview-bar-track{flex:1;height:18px;background:rgba(255,255,255,0.06);border-radius:9px;overflow:hidden;position:relative;}
.overview-bar-fill{height:100%;border-radius:9px;transition:width 0.4s ease;min-width:2px;}
.overview-bar-count{width:40px;text-align:right;font-size:0.78rem;color:var(--success);font-weight:bold;flex-shrink:0;}
.overview-empty{text-align:center;padding:40px 10px;color:rgba(255,255,255,0.3);font-size:0.85rem;}
.btn-history-del{width:24px;height:24px;border-radius:5px;background:rgba(255,68,68,0.12);color:var(--danger-light);border:none;cursor:pointer;font-size:0.8rem;display:flex;align-items:center;justify-content:center;transition:all 0.2s;flex-shrink:0;margin-left:8px;}
.btn-history-del:hover{background:rgba(255,68,68,0.35);}
.stat-group{margin-bottom:12px;}
.stat-group-title{font-size:0.8rem;color:var(--gold);font-weight:bold;padding:8px 10px;background:rgba(255,215,0,0.06);border-radius:8px 8px 0 0;border:1px solid rgba(255,215,0,0.15);border-bottom:none;cursor:pointer;user-select:none;display:flex;justify-content:space-between;align-items:center;transition:background 0.2s;}
.stat-group-title:hover{background:rgba(255,215,0,0.12);}
.stat-group-title .arrow{transition:transform 0.2s;display:inline-block;margin-right:4px;font-size:0.7rem;}
.stat-group-title .arrow.expanded{transform:rotate(90deg);}
.stat-row{display:flex;justify-content:space-between;padding:6px 10px 6px 20px;background:rgba(255,255,255,0.03);border-left:1px solid rgba(255,215,0,0.1);font-size:0.8rem;}
.stat-row .s-name{color:rgba(255,255,255,0.8);}
.stat-row .s-count{color:var(--success);font-weight:bold;}
.stat-total{padding:6px 10px 6px 20px;background:rgba(78,205,196,0.06);font-size:0.78rem;color:rgba(255,255,255,0.5);border-radius:0 0 8px 8px;border:1px solid rgba(255,215,0,0.15);border-top:none;cursor:pointer;user-select:none;}
.stat-total:hover{background:rgba(78,205,196,0.12);}
.stat-detail-list{overflow:hidden;max-height:0;transition:max-height 0.3s ease;}
.stat-detail-list.expanded{max-height:2000px;}
.stat-detail-row{display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(255,255,255,0.02);border-bottom:1px solid rgba(255,215,0,0.06);font-size:0.77rem;transition:background 0.15s;}
.stat-detail-row:hover{background:rgba(255,255,255,0.05);}
.stat-detail-row .d-time{color:var(--text-muted);font-size:0.68rem;white-space:nowrap;min-width:52px;}
.stat-detail-row .d-id{color:rgba(78,205,196,0.6);font-size:0.7rem;white-space:nowrap;}
.stat-detail-row .d-name{flex:1;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
.prize-select{width:110px;padding:3px 6px;border:1px solid rgba(255,255,255,0.15);border-radius:5px;background:rgba(255,255,255,0.08);color:var(--gold);font-size:0.72rem;appearance:none;cursor:pointer;}
.prize-select:focus{outline:none;border-color:var(--gold);}
.prize-select option{background:var(--bg-panel);color:#fff;}
.btn-stat-del{width:22px;height:22px;border-radius:4px;background:rgba(255,68,68,0.1);color:var(--danger-light);border:none;cursor:pointer;font-size:0.75rem;display:flex;align-items:center;justify-content:center;transition:all 0.2s;flex-shrink:0;}
.btn-stat-del:hover{background:rgba(255,68,68,0.35);}
.history-empty { text-align:center; padding:40px 10px; color:rgba(255,255,255,0.3); font-size:0.85rem; }
.clear-history { margin:10px 0; padding:10px; background:rgba(255,68,68,0.15); border:1px solid rgba(255,68,68,0.3); border-radius:8px; color:var(--danger-light); cursor:pointer; font-size:0.82rem; width:100%; }
.clear-history:hover { background:rgba(255,68,68,0.3); }