.list-detail-page[data-v-47259cc1]{max-width:1100px;margin:0 auto;padding:24px;font-family:Inter,-apple-system,sans-serif}.detail-header[data-v-47259cc1]{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.back-btn[data-v-47259cc1]{flex-shrink:0}.list-title[data-v-47259cc1]{margin:0;font-size:26px;font-weight:800;color:#0f172a}.list-desc[data-v-47259cc1]{margin:4px 0 0;font-size:14px;color:#64748b}.detail-body[data-v-47259cc1]{display:flex;gap:24px}.main-col[data-v-47259cc1]{flex:1;min-width:0}.side-col[data-v-47259cc1]{width:260px;flex-shrink:0}.toolbar[data-v-47259cc1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.game-total[data-v-47259cc1]{font-size:14px;font-weight:600;color:#64748b}.toolbar-right[data-v-47259cc1]{display:flex;align-items:center;gap:12px}.view-toggle i[data-v-47259cc1]{font-size:18px;color:#94a3b8;cursor:pointer;padding:4px;transition:color .15s}.view-toggle i.active[data-v-47259cc1]{color:#0ea5e9}.view-toggle i[data-v-47259cc1]:hover{color:#1e293b}.games-grid[data-v-47259cc1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.grid-card[data-v-47259cc1]{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:1;cursor:pointer;transition:transform .2s}.grid-card[data-v-47259cc1]:hover{transform:scale(1.03)}.grid-cover[data-v-47259cc1]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.grid-overlay[data-v-47259cc1]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));padding:8px;display:flex;flex-direction:column;pointer-events:none}.grid-title[data-v-47259cc1]{font-size:11px;font-weight:600;color:#fff;line-height:1.3}.note-badge[data-v-47259cc1]{position:absolute;top:6px;left:6px;z-index:2;background:rgba(139,92,246,.85);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:3px;transition:background .15s}.note-badge[data-v-47259cc1]:hover{background:#8b5cf6}.grid-rating-badge[data-v-47259cc1]{position:absolute;top:6px;right:6px;background:rgba(0,0,0,.6);color:#fbbf24;font-size:11px;font-weight:700;padding:2px 6px;border-radius:6px}.grid-hover-bar[data-v-47259cc1]{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:12px;background:rgba(15,23,42,.85);padding:8px;transform:translateY(100%);transition:transform .2s;z-index:3}.grid-card:hover .grid-hover-bar[data-v-47259cc1]{transform:translateY(0)}.grid-hover-bar i[data-v-47259cc1]{color:#e2e8f0;font-size:18px;cursor:pointer;padding:4px;border-radius:6px;transition:all .15s}.grid-hover-bar i[data-v-47259cc1]:hover{color:#fff;background:hsla(0,0%,100%,.15)}.games-list[data-v-47259cc1]{display:flex;flex-direction:column;gap:4px}.list-row[data-v-47259cc1]{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:10px;background:#fff;border:1px solid #f1f5f9;transition:background .15s}.list-row[data-v-47259cc1]:hover{background:#f8fafc}.row-rank[data-v-47259cc1]{width:28px;font-size:14px;font-weight:700;color:#94a3b8;text-align:center;padding-top:4px}.row-cover[data-v-47259cc1]{width:56px;height:56px;border-radius:8px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.row-info[data-v-47259cc1]{flex:1;min-width:0}.row-top[data-v-47259cc1]{display:flex;justify-content:space-between;align-items:center}.row-title[data-v-47259cc1]{font-size:15px;font-weight:700;color:#1e293b}.row-actions[data-v-47259cc1]{display:flex;gap:4px;opacity:0;transition:opacity .15s}.list-row:hover .row-actions[data-v-47259cc1]{opacity:1}.row-meta[data-v-47259cc1]{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap}.meta-item[data-v-47259cc1]{font-size:12px;color:#64748b;display:flex;align-items:center;gap:3px}.status-tag[data-v-47259cc1]{padding:1px 6px;border-radius:4px;font-weight:600}.st-playing[data-v-47259cc1]{background:#eff6ff;color:#2563eb}.st-completed[data-v-47259cc1]{background:#f0fdf4;color:#16a34a}.st-shelved[data-v-47259cc1]{background:#fffbeb;color:#d97706}.st-abandoned[data-v-47259cc1]{background:#fef2f2;color:#dc2626}.st-backlog[data-v-47259cc1]{background:#f5f3ff;color:#7c3aed}.st-wishlist[data-v-47259cc1]{background:#fdf4ff;color:#a855f7}.rating[data-v-47259cc1]{color:#f59e0b;font-weight:600}.row-review[data-v-47259cc1]{margin-top:6px;padding:8px 10px;border-radius:6px;background:#f8fafc;border-left:3px solid #8b5cf6}.review-text[data-v-47259cc1]{font-size:13px;color:#475569;line-height:1.5;font-style:italic}.side-card[data-v-47259cc1]{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);border:1px solid #f1f5f9}.author-name[data-v-47259cc1]{font-size:15px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:6px}.author-actions[data-v-47259cc1]{margin-top:10px}.progress-title[data-v-47259cc1]{font-size:13px;font-weight:600;color:#64748b;margin-bottom:6px}.progress-big[data-v-47259cc1]{display:flex;align-items:baseline;gap:4px;margin-bottom:10px}.progress-played[data-v-47259cc1]{font-size:32px;font-weight:900;color:#10b981}.progress-sep[data-v-47259cc1]{font-size:20px;color:#94a3b8}.progress-total-num[data-v-47259cc1]{font-size:16px;font-weight:600;color:#64748b}.progress-pct[data-v-47259cc1]{margin-left:auto;font-size:14px;font-weight:700;background:#f0fdf4;color:#10b981;padding:2px 8px;border-radius:20px}.prog-track[data-v-47259cc1]{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.prog-fill[data-v-47259cc1]{height:100%;background:linear-gradient(90deg,#10b981,#06b6d4);border-radius:4px;transition:width .6s ease}.info-row[data-v-47259cc1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.info-row[data-v-47259cc1]:last-child{margin-bottom:0}.info-label[data-v-47259cc1]{font-size:13px;color:#64748b}.info-val[data-v-47259cc1]{font-size:13px;color:#1e293b}.visibility-badge[data-v-47259cc1]{font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px}.visibility-badge.pub[data-v-47259cc1]{background:#f0fdf4;color:#16a34a}.visibility-badge.pri[data-v-47259cc1]{background:#f8fafc;color:#94a3b8}.edit-log-modal[data-v-47259cc1]{padding:0}.el-game-header[data-v-47259cc1]{display:flex;gap:14px;margin-bottom:20px}.el-game-cover[data-v-47259cc1]{width:72px;height:72px;border-radius:10px;-o-object-fit:cover;object-fit:cover}.el-game-name[data-v-47259cc1]{font-size:18px;font-weight:800;color:#0f172a}.el-section[data-v-47259cc1]{margin-bottom:18px}.el-label[data-v-47259cc1]{display:block;font-size:13px;font-weight:700;color:#64748b;margin-bottom:8px}.status-buttons[data-v-47259cc1]{display:flex;flex-wrap:wrap;gap:8px}.status-btn[data-v-47259cc1]{padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;border:2px solid transparent;background:#f1f5f9;color:#64748b;display:flex;align-items:center;gap:5px}.status-btn[data-v-47259cc1]:hover{background:#e2e8f0}.status-btn.active[data-v-47259cc1]{border-color:currentColor}.status-btn.active.st-playing[data-v-47259cc1]{background:#dbeafe;color:#2563eb}.status-btn.active.st-completed[data-v-47259cc1]{background:#d1fae5;color:#059669}.status-btn.active.st-shelved[data-v-47259cc1]{background:#fef3c7;color:#d97706}.status-btn.active.st-abandoned[data-v-47259cc1]{background:#fee2e2;color:#dc2626}.status-btn.active.st-backlog[data-v-47259cc1]{background:#ede9fe;color:#7c3aed}.status-btn.active.st-wishlist[data-v-47259cc1]{background:#fce7f3;color:#db2777}.note-modal[data-v-47259cc1]{text-align:center}.note-date[data-v-47259cc1]{font-size:13px;color:#94a3b8;margin-bottom:4px}.note-rating[data-v-47259cc1]{font-size:16px;color:#f59e0b;font-weight:700;margin-bottom:12px}.note-content[data-v-47259cc1]{font-size:15px;color:#1e293b;line-height:1.6;text-align:left;white-space:pre-wrap}.empty-state[data-v-47259cc1],.loading-state[data-v-47259cc1]{text-align:center;padding:60px;color:#94a3b8;font-size:15px}@media (max-width:768px){.detail-body[data-v-47259cc1]{flex-direction:column}.side-col[data-v-47259cc1]{width:100%}.games-grid[data-v-47259cc1]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}