:root{--bg-primary:#35101d;--bg-secondary:#452133;--bg-tertiary:#3e1f3a;--bg-hover:#ffffff14;--bg-glass:#452133d9;--bg-glass-hover:#452133f2;--text-primary:#eff2ef;--text-secondary:#a89ec2;--text-muted:#6b6280;--text-gradient:linear-gradient(180deg, #b8a0c8 0%, #eff2ef 50%, #b8a0c8 100%);--accent:#e066ff;--accent-dim:#e066ff26;--accent-hover:#f0a0ff;--accent-secondary:#8b5cf6;--border-color:#e066ff26;--border-light:#e066ff40;--blur:20px;--blur-heavy:30px;--shadow-sm:0 2px 4px #0006;--shadow-md:0 4px 8px #00000080;--shadow-lg:0 8px 16px #0009;--shadow-glow:0 0 30px #e066ff4d;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--sidebar-width:240px;--sidebar-collapsed:70px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--gradient-sidebar:linear-gradient(180deg, #512b45 0%, #49233a 33%, #3d1b36 66%, #3c1b3d 100%);--gradient-panel:linear-gradient(180deg, #512b45 0%, #49233a 33%, #3d1b36 66%, #3c1b3d 100%);--gradient-card:linear-gradient(180deg, #512b45 0%, #49233a 33%, #3d1b36 66%, #3c1b3d 100%);color:var(--text-primary);background:var(--bg-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}[data-theme=light]{--bg-primary:#f5f0f7;--bg-secondary:#fff;--bg-tertiary:#ebe5ed;--bg-hover:#0000000d;--bg-glass:#ffffffe6;--bg-glass-hover:#fffffff2;--text-primary:#1a1a2e;--text-secondary:#5a4a6a;--text-muted:#8a7a9a;--text-gradient:linear-gradient(180deg, #6a4a8a 0%, #1a1a2e 50%, #6a4a8a 100%);--accent:#a855f7;--accent-dim:#a855f726;--accent-hover:#c084fc;--accent-secondary:#7c3aed;--border-color:#a855f759;--border-light:#a855f780;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 8px #00000026;--shadow-lg:0 8px 16px #0003;--shadow-glow:0 0 30px #a855f733;--gradient-sidebar:linear-gradient(180deg, #fff 0%, #f8f5fa 50%, #f0ebf5 100%);--gradient-panel:linear-gradient(180deg, #fff 0%, #f8f5fa 50%, #f0ebf5 100%);--gradient-card:linear-gradient(180deg, #fff 0%, #f8f5fa 50%, #f0ebf5 100%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);min-height:100vh;overflow:hidden}#app{min-height:100vh}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea{font-family:inherit;font-size:inherit;color:inherit;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast);outline:none;padding:8px 12px}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--blur)) saturate(150%);border:1px solid var(--border-color);box-shadow:inset 0 1px 0 #ffffff0d, var(--shadow-md)}.glass-hover:hover{background:var(--bg-glass-hover)}.text-gradient{background:var(--text-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-normal)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform var(--transition-normal)}.slide-enter-from,.slide-leave-to{transform:translate(100%)}.sidebar[data-v-415dda98]{width:var(--sidebar-width);transition:width var(--transition-normal);z-index:10;background:var(--gradient-sidebar);border-radius:var(--radius-xl);flex-direction:column;padding:16px;display:flex;position:fixed;top:16px;bottom:48px;left:16px;box-shadow:inset 0 1px #ffffff1a,0 8px 32px #0006}.sidebar.collapsed[data-v-415dda98]{width:var(--sidebar-collapsed)}.toggle-btn[data-v-415dda98]{border-radius:var(--radius-md);width:100%;height:48px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.toggle-btn[data-v-415dda98]:hover{background:var(--bg-hover);color:var(--text-primary)}.menu[data-v-415dda98]{flex-direction:column;flex:1;justify-content:flex-start;gap:8px;margin-top:16px;display:flex}.menu-item[data-v-415dda98]{border-radius:var(--radius-md);width:100%;height:48px;color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:12px;padding:0 12px;display:flex}.menu-item[data-v-415dda98]:hover{background:var(--bg-hover);color:var(--text-primary)}.menu-item.active[data-v-415dda98]{background:linear-gradient(180deg, #ffffff0a 0%, transparent 50%), var(--bg-primary);color:var(--accent);box-shadow:inset 0 1px #ffffff14,0 2px 8px #0000004d}.icon[data-v-415dda98]{width:24px;height:24px;color:var(--text-primary);flex-shrink:0}.label[data-v-415dda98]{white-space:nowrap;background:var(--text-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:500}.chevron[data-v-415dda98]{width:16px;height:16px;transition:transform var(--transition-fast);color:var(--text-secondary);margin-left:auto}.chevron.expanded[data-v-415dda98]{transform:rotate(90deg)}.collapsed .menu-item[data-v-415dda98]{justify-content:center;padding:0}.collapsed .label[data-v-415dda98]{display:none}.tools-section[data-v-415dda98]{flex-direction:column;gap:4px;display:flex;position:relative}.tools-dropdown[data-v-415dda98]{background:var(--gradient-sidebar);border-radius:var(--radius-lg);z-index:20;flex-direction:column;gap:4px;min-width:140px;margin-left:4px;padding:12px 8px;display:flex;position:absolute;top:-4px;left:100%;box-shadow:inset 0 1px #ffffff1a,0 8px 32px #0006}.tool-item[data-v-415dda98]{border-radius:var(--radius-md);width:100%;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:12px;padding:0 12px;display:flex}.tool-item[data-v-415dda98]:hover{background:var(--bg-hover);color:var(--text-primary)}.tool-item.active[data-v-415dda98]{background:var(--bg-hover);color:var(--accent)}.tool-icon[data-v-415dda98]{flex-shrink:0;width:20px;height:20px}.tool-icon-img[data-v-415dda98]{object-fit:contain;flex-shrink:0;width:24px;height:24px}.tool-label[data-v-415dda98]{font-size:13px;font-weight:500}.quick-links[data-v-415dda98]{border-top:1px solid #ffffff1a;margin-top:24px;padding:16px 0}.quick-links-title[data-v-415dda98]{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding:0 12px;font-size:12px;font-weight:500}.quick-links-list[data-v-415dda98]{flex-direction:column;gap:6px;display:flex}.quick-link-item[data-v-415dda98]{border-radius:var(--radius-md);width:100%;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:12px;padding:0 12px;text-decoration:none;display:flex}.quick-link-item[data-v-415dda98]:hover{background:var(--bg-hover);color:var(--text-primary)}.link-icon[data-v-415dda98]{object-fit:contain;border-radius:4px;flex-shrink:0;width:24px;height:24px}.link-label[data-v-415dda98]{white-space:nowrap;font-size:14px;font-weight:500}.tag-filter-popup[data-v-3e8c8d79]{background:var(--gradient-panel);border-radius:var(--radius-lg);z-index:200;width:320px;margin-top:8px;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 8px 32px #0006}.popup-content[data-v-3e8c8d79]{flex-direction:column;gap:12px;max-height:400px;padding:16px;display:flex;overflow-y:auto}.tag-list[data-v-3e8c8d79]{flex-wrap:wrap;gap:6px;display:flex}.tag-btn[data-v-3e8c8d79]{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;padding:4px 10px;font-size:12px}.tag-btn[data-v-3e8c8d79]:hover{color:var(--text-primary);background:#ffffff1a;border-color:#fff3}.tag-btn.active[data-v-3e8c8d79]{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.popup-footer[data-v-3e8c8d79]{background:#0003;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.selected-info[data-v-3e8c8d79]{color:var(--text-secondary);font-size:12px}.clear-btn[data-v-3e8c8d79]{border-radius:var(--radius-sm);color:#ef4444;cursor:pointer;transition:all var(--transition-fast);background:#ef444433;border:1px solid #ef44444d;padding:4px 12px;font-size:12px}.clear-btn[data-v-3e8c8d79]:hover{background:#ef44444d}.search-results[data-v-0c6d9fbb]{background:var(--gradient-panel);border-radius:var(--radius-lg);z-index:1000;border:1px solid #ffffff1a;max-height:500px;margin-top:8px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 32px #0006}.results-container[data-v-0c6d9fbb]{padding:12px}.result-section[data-v-0c6d9fbb]{margin-bottom:16px}.result-section[data-v-0c6d9fbb]:last-child{margin-bottom:0}.section-header[data-v-0c6d9fbb]{border-radius:var(--radius-md);background:#ffffff0d;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 12px;display:flex}.section-title[data-v-0c6d9fbb]{color:var(--text-primary);font-size:14px;font-weight:600}.section-count[data-v-0c6d9fbb]{color:var(--text-muted);background:#ffffff1a;border-radius:10px;padding:2px 8px;font-size:12px}.result-items[data-v-0c6d9fbb]{flex-direction:column;gap:4px;display:flex}.result-item[data-v-0c6d9fbb]{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:12px;padding:8px 12px;display:flex}.result-item[data-v-0c6d9fbb]:hover{background:#ffffff1a}.item-cover[data-v-0c6d9fbb]{border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;width:48px;height:48px}.item-cover.placeholder[data-v-0c6d9fbb]{color:var(--text-muted);background:#ffffff1a;justify-content:center;align-items:center;font-size:10px;display:flex}.item-cover.moment-cover[data-v-0c6d9fbb]{width:48px;height:48px}.item-cover.note-icon[data-v-0c6d9fbb]{background:#8b5cf633;justify-content:center;align-items:center;font-size:24px;display:flex}.item-info[data-v-0c6d9fbb]{flex:1;min-width:0}.item-name[data-v-0c6d9fbb]{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.item-alias[data-v-0c6d9fbb]{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.fade-enter-active[data-v-0c6d9fbb],.fade-leave-active[data-v-0c6d9fbb]{transition:opacity var(--transition-fast)}.fade-enter-from[data-v-0c6d9fbb],.fade-leave-to[data-v-0c6d9fbb]{opacity:0}.top-bar[data-v-3d1765d0]{top:16px;right:16px;left:calc(16px + var(--sidebar-width) + 16px);background:var(--gradient-panel);border-radius:var(--radius-xl);z-index:90;height:62px;transition:left var(--transition-normal);justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:fixed;box-shadow:inset 0 1px #ffffff1a,0 8px 32px #0006}.top-bar.collapsed[data-v-3d1765d0]{left:calc(16px + var(--sidebar-collapsed) + 16px)}.left-section[data-v-3d1765d0]{flex:1;align-items:center;gap:12px;display:flex}.search-box[data-v-3d1765d0]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:18px;flex:1;align-items:center;gap:12px;max-width:420px;height:40px;padding:0 12px;display:flex;position:relative;box-shadow:inset 0 2px 4px #0000004d,inset 0 1px 2px #0003}.search-icon[data-v-3d1765d0]{width:20px;height:20px;color:var(--text-secondary);flex-shrink:0}.search-box input[data-v-3d1765d0]{color:var(--text-primary);box-shadow:none;background:0 0;border:none;outline:none;flex:1;font-size:14px}.search-box input[data-v-3d1765d0]::placeholder{color:var(--text-muted)}.clear-btn[data-v-3d1765d0]{width:20px;height:20px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.clear-btn[data-v-3d1765d0]:hover{color:var(--text-primary);background:#ffffff1a}.clear-icon[data-v-3d1765d0]{width:14px;height:14px}.filters[data-v-3d1765d0]{align-items:center;gap:4px;display:flex}.filter-wrapper[data-v-3d1765d0]{position:relative}.icon-btn[data-v-3d1765d0]{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.icon-btn[data-v-3d1765d0]:hover{background:var(--bg-hover);color:var(--text-primary)}.icon-btn.active[data-v-3d1765d0]{color:var(--accent)}.icon-btn .icon[data-v-3d1765d0]{width:22px;height:22px}.filter-popup[data-v-3d1765d0]{background:var(--bg-secondary);border-radius:var(--radius-lg);z-index:100;border:1px solid #ffffff1a;min-width:140px;margin-top:8px;padding:8px;position:absolute;top:100%;left:0;box-shadow:0 8px 32px #0006}.popup-item[data-v-3d1765d0]{border-radius:var(--radius-md);width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:8px 12px;font-size:13px;display:block}.popup-item[data-v-3d1765d0]:hover{background:var(--bg-hover);color:var(--text-primary)}.popup-item.active[data-v-3d1765d0]{background:var(--accent-dim);color:var(--accent)}.popup-item.clear[data-v-3d1765d0]{color:var(--text-muted);border-top:1px solid #ffffff1a;margin-top:4px}.date-input[data-v-3d1765d0]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);margin-bottom:8px;padding:8px 12px;font-size:14px}.date-input[data-v-3d1765d0]:focus{border-color:var(--accent);outline:none}.date-input.half[data-v-3d1765d0]{width:100%;margin-bottom:0}.date-range-popup[data-v-3d1765d0]{min-width:200px;padding:12px}.date-range-label[data-v-3d1765d0]{color:var(--text-muted);text-align:center;margin-bottom:12px;font-size:13px}.date-range-inputs[data-v-3d1765d0]{align-items:center;gap:8px;margin-bottom:12px;display:flex}.date-separator[data-v-3d1765d0]{color:var(--text-muted);font-size:12px}.popup-item.apply[data-v-3d1765d0]{background:var(--accent);color:#fff;margin-top:4px}.popup-item.apply[data-v-3d1765d0]:hover{filter:brightness(1.1)}.popup-message[data-v-3d1765d0]{color:var(--text-muted);text-align:center;padding:12px 16px;font-size:13px}.rarity-popup[data-v-3d1765d0]{min-width:120px}.rarity-item[data-v-3d1765d0]{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:8px 12px;display:flex}.rarity-item[data-v-3d1765d0]:hover{background:var(--bg-hover)}.rarity-item.active[data-v-3d1765d0]{background:var(--accent-dim)}.rarity-stars[data-v-3d1765d0]{font-size:16px;font-weight:600}.rarity-icon[data-v-3d1765d0]{color:var(--text-secondary)}.icon-btn.active .rarity-icon[data-v-3d1765d0]{color:#ffd93d}.year-popup[data-v-3d1765d0]{min-width:200px;padding:12px}.year-grid[data-v-3d1765d0]{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.year-item[data-v-3d1765d0]{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #ffffff1a;justify-content:center;align-items:center;padding:8px 4px;font-size:13px;font-weight:500;display:flex}.year-item[data-v-3d1765d0]:hover{background:var(--bg-hover);color:var(--text-primary);border-color:#fff3}.year-item.active[data-v-3d1765d0]{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.right-section[data-v-3d1765d0]{align-items:center;gap:8px;display:flex}.stats-display[data-v-3d1765d0]{align-items:center;gap:12px;margin-left:8px;display:flex}.stat-text[data-v-3d1765d0]{color:var(--text-muted);font-size:12px;font-weight:500}.icon.spinning[data-v-3d1765d0]{animation:1s linear infinite spin-3d1765d0}@keyframes spin-3d1765d0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon.liked[data-v-3d1765d0]{color:#ef4444}.confirm-overlay[data-v-3d1765d0]{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog[data-v-3d1765d0]{background:var(--gradient-panel);border-radius:var(--radius-xl);border:1px solid #ffffff1a;min-width:400px;max-width:500px;padding:24px;box-shadow:0 12px 48px #0009}.confirm-content h3[data-v-3d1765d0]{color:var(--text-primary);margin:0 0 12px;font-size:18px;font-weight:600}.confirm-content p[data-v-3d1765d0]{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;margin:0 0 24px;font-size:14px}.confirm-actions[data-v-3d1765d0]{justify-content:flex-end;gap:12px;display:flex}.confirm-btn[data-v-3d1765d0]{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:8px 20px;font-size:14px;font-weight:500}.confirm-btn.cancel[data-v-3d1765d0]{color:var(--text-secondary);background:#ffffff1a}.confirm-btn.cancel[data-v-3d1765d0]:hover{color:var(--text-primary);background:#ffffff26}.confirm-btn.confirm[data-v-3d1765d0]{background:var(--accent);color:#fff}.confirm-btn.confirm[data-v-3d1765d0]:hover{background:var(--accent-dark)}.fade-enter-active[data-v-3d1765d0],.fade-leave-active[data-v-3d1765d0]{transition:opacity var(--transition-normal)}.fade-enter-from[data-v-3d1765d0],.fade-leave-to[data-v-3d1765d0]{opacity:0}.progress-container[data-v-3d1765d0]{margin:16px 0}.progress-bar[data-v-3d1765d0]{background:#ffffff1a;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill[data-v-3d1765d0]{background:var(--accent);border-radius:4px;height:100%;transition:width .3s}.progress-text[data-v-3d1765d0]{text-align:center;color:var(--text-secondary);margin:8px 0 0;font-size:14px}.user-module[data-v-3d1765d0]{cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:24px;align-items:center;gap:10px;padding:6px 16px;display:flex;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff1a}.user-module[data-v-3d1765d0]:hover{background:#ffffff1f;transform:translateY(-1px);box-shadow:0 6px 20px #00000040,inset 0 1px #ffffff26}.user-module .icon[data-v-3d1765d0]{width:22px;height:22px;color:var(--text-secondary)}.user-avatar[data-v-3d1765d0]{border:2px solid #fff3;border-radius:50%;flex-shrink:0;width:32px;height:32px;overflow:hidden}.user-avatar img[data-v-3d1765d0]{object-fit:cover;width:100%;height:100%}.user-name-display[data-v-3d1765d0]{color:var(--text-primary);text-transform:capitalize;font-size:14px;font-weight:500}.dropdown-arrow[data-v-3d1765d0]{width:16px;height:16px;color:var(--text-secondary);transition:transform var(--transition-fast);flex-shrink:0}.dropdown-arrow.rotated[data-v-3d1765d0]{transform:rotate(180deg)}.user-panel[data-v-3d1765d0]{background:var(--gradient-panel);border-radius:var(--radius-xl);z-index:100;border:1px solid #ffffff1a;width:240px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #0006}.panel-header[data-v-3d1765d0]{flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.panel-avatar[data-v-3d1765d0]{border:3px solid var(--accent);cursor:pointer;border-radius:50%;width:64px;height:64px;position:relative;overflow:hidden}.panel-avatar img[data-v-3d1765d0]{object-fit:cover;width:100%;height:100%}.avatar-upload-hint[data-v-3d1765d0]{opacity:0;transition:opacity var(--transition-fast);background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.panel-avatar:hover .avatar-upload-hint[data-v-3d1765d0]{opacity:1}.camera-icon[data-v-3d1765d0]{color:#fff;width:24px;height:24px}.user-info[data-v-3d1765d0]{text-align:center}.user-name[data-v-3d1765d0]{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600}.user-id[data-v-3d1765d0]{color:var(--text-muted);font-size:12px}.panel-divider[data-v-3d1765d0]{background:#ffffff1a;height:1px;margin:0 16px}.panel-actions[data-v-3d1765d0]{padding:8px}.panel-action-btn[data-v-3d1765d0]{border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}.panel-action-btn[data-v-3d1765d0]:hover{color:var(--text-primary);background:#ffffff1a}.action-icon[data-v-3d1765d0]{width:18px;height:18px}.lazy-image[data-v-def46f5c]{object-fit:cover;width:100%;height:100%;transition:opacity var(--transition-normal);opacity:.8}.lazy-image.is-loaded[data-v-def46f5c]{opacity:1}.lazy-image.has-error[data-v-def46f5c]{opacity:.5;filter:grayscale()}.game-card[data-v-ecf37d1c]{border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;background:#0003;overflow:hidden}.game-card[data-v-ecf37d1c]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006}.game-cover[data-v-ecf37d1c]{width:100%;padding-top:46.67%;position:relative;overflow:hidden}.cover-image[data-v-ecf37d1c]{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal);position:absolute;top:0;left:0}.game-card:hover .cover-image[data-v-ecf37d1c]{transform:scale(1.05)}.no-cover[data-v-ecf37d1c]{width:100%;height:100%;color:var(--text-muted);background:#ffffff0d;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;top:0;left:0}.game-overlay[data-v-ecf37d1c]{opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(#0000,#000000d9);padding:10px;position:absolute;bottom:0;left:0;right:0}.game-card:hover .game-overlay[data-v-ecf37d1c]{opacity:1}.game-name[data-v-ecf37d1c]{color:#fff;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #00000080;margin:0 0 3px;font-size:13px;font-weight:500;overflow:hidden}.game-release[data-v-ecf37d1c]{color:#ffffffb3;text-shadow:0 1px 2px #00000080;margin:0 0 3px;font-size:11px}.game-meta[data-v-ecf37d1c]{align-items:center;gap:6px;display:flex}.game-rating[data-v-ecf37d1c]{color:#ef4444;border-radius:var(--radius-sm);background:#ef444433;align-items:center;gap:3px;padding:2px 6px;font-size:11px;font-weight:600;display:flex}.rating-heart-icon[data-v-ecf37d1c]{color:#ef4444;fill:#ef4444;width:10px;height:10px}.game-status[data-v-ecf37d1c]{color:#fffc;font-size:10px}.game-tags[data-v-ecf37d1c]{flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:absolute;bottom:10px;right:10px}.game-tag[data-v-ecf37d1c]{color:#ffffffb3;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;padding:1px 6px;font-size:9px}.tag-selector[data-v-d162e6d9]{flex-direction:column;gap:12px;display:flex}.tag-section[data-v-d162e6d9]{flex-direction:column;gap:6px;display:flex}.section-title[data-v-d162e6d9]{color:var(--text-secondary);margin:0;font-size:12px;font-weight:500}.tag-list[data-v-d162e6d9]{flex-wrap:wrap;gap:6px;display:flex}.tag-btn[data-v-d162e6d9]{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);pointer-events:auto;background:#ffffff0d;border:1px solid #ffffff1a;padding:4px 10px;font-size:12px}.tag-btn[data-v-d162e6d9]:hover{color:var(--text-primary);background:#ffffff1a;border-color:#fff3}.tag-btn.tag-selected[data-v-d162e6d9]{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.selected-info[data-v-d162e6d9]{color:var(--text-muted);border-top:1px solid #ffffff1a;padding-top:4px;font-size:11px}.add-panel[data-v-2f2605de]{will-change:transform;background:var(--gradient-panel);border-radius:var(--radius-xl) 0 0 var(--radius-xl);z-index:300;flex-direction:column;width:400px;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:inset 0 1px #ffffff1a,-8px 0 32px #0006}.panel-header[data-v-2f2605de]{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.panel-header h2[data-v-2f2605de]{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.close-btn[data-v-2f2605de]{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.close-btn[data-v-2f2605de]:hover{background:var(--bg-hover);color:var(--text-primary)}.close-btn .icon[data-v-2f2605de]{width:20px;height:20px}.toast[data-v-2f2605de]{border-radius:var(--radius-md);color:#fff;z-index:10;background:#000c;padding:12px 24px;font-size:14px;position:absolute;top:80px;left:50%;transform:translate(-50%)}.tab-header[data-v-2f2605de]{border-bottom:1px solid #ffffff1a;display:flex}.tab-btn[data-v-2f2605de]{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px;font-size:14px;font-weight:500}.tab-btn[data-v-2f2605de]:hover{color:var(--text-primary)}.tab-btn.active[data-v-2f2605de]{color:var(--accent);border-bottom-color:var(--accent)}.panel-content[data-v-2f2605de]{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:24px;overflow-y:auto}.panel-content[data-v-2f2605de]::-webkit-scrollbar{display:none}.steam-search .search-box[data-v-2f2605de]{gap:8px;margin-bottom:16px;display:flex}.steam-search .search-box input[data-v-2f2605de]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);height:40px;color:var(--text-primary);flex:1;padding:0 12px;font-size:14px}.search-btn[data-v-2f2605de],.confirm-btn[data-v-2f2605de]{background:var(--accent-dim);border-radius:var(--radius-md);width:40px;height:40px;color:var(--accent);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.search-btn[data-v-2f2605de]:hover,.confirm-btn[data-v-2f2605de]:hover{background:#e066ff40}.search-btn[data-v-2f2605de]:disabled,.confirm-btn[data-v-2f2605de]:disabled{opacity:.5;cursor:not-allowed}.search-btn .icon[data-v-2f2605de],.confirm-btn .icon[data-v-2f2605de]{width:20px;height:20px}.loading[data-v-2f2605de]{text-align:center;color:var(--text-secondary);padding:40px}.results[data-v-2f2605de]{flex-direction:column;gap:12px;display:flex}.result-item[data-v-2f2605de]{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;gap:12px;padding:12px;display:flex}.result-item[data-v-2f2605de]:hover{background:#ffffff14;border-color:#ffffff26}.result-item.selected[data-v-2f2605de]{background:var(--accent-dim);border-color:var(--accent)}.result-cover[data-v-2f2605de]{object-fit:cover;border-radius:var(--radius-sm);width:80px;height:60px}.result-no-cover[data-v-2f2605de]{border-radius:var(--radius-sm);width:80px;height:60px;color:var(--text-muted);background:#ffffff0d;justify-content:center;align-items:center;font-size:11px;display:flex}.result-info[data-v-2f2605de]{flex:1}.result-info h4[data-v-2f2605de]{color:var(--text-primary);margin:0 0 4px;font-size:14px;font-weight:500}.result-info p[data-v-2f2605de]{color:var(--text-secondary);margin:0;font-size:12px}.game-form[data-v-2f2605de]{flex-direction:column;gap:16px;display:flex}.form-group[data-v-2f2605de]{flex-direction:column;gap:6px;display:flex}.form-group label[data-v-2f2605de]{color:var(--text-secondary);font-size:13px;font-weight:500}.form-group input[data-v-2f2605de],.form-group select[data-v-2f2605de]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);height:40px;color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:0 12px;font-size:14px}.form-group input[data-v-2f2605de]:focus,.form-group select[data-v-2f2605de]:focus{background:var(--bg-hover);border-color:var(--accent)}.form-row[data-v-2f2605de]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-row .form-group input[data-v-2f2605de]{width:100%}.cover-upload-container[data-v-2f2605de]{align-items:flex-start;gap:20px;display:flex}.cover-upload[data-v-2f2605de]{flex-direction:column;flex:1;gap:12px;display:flex}.cover-tips[data-v-2f2605de]{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff14;flex:0 0 200px;padding:12px}.cover-tips h4[data-v-2f2605de]{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:12px;font-weight:600}.cover-tips ul[data-v-2f2605de]{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cover-tips li[data-v-2f2605de]{color:var(--text-muted);font-size:12px;line-height:1.4}.cover-tips strong[data-v-2f2605de]{color:var(--text-secondary)}.cover-upload input[type=file][data-v-2f2605de]{display:none}.upload-btn[data-v-2f2605de]{border:2px solid var(--border-color);border-radius:var(--radius-md);height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;justify-content:center;align-items:center;padding:0 16px;font-size:14px;display:inline-flex}.upload-btn[data-v-2f2605de]:hover{border-color:var(--accent);color:var(--text-primary);background:#ffffff14}.cover-preview[data-v-2f2605de]{border-radius:var(--radius-md);width:100%;overflow:hidden}.cover-preview img[data-v-2f2605de]{width:100%;height:auto;display:block}.submit-btn[data-v-2f2605de]{background:var(--accent);border-radius:var(--radius-md);color:#fff;cursor:pointer;width:100%;height:44px;transition:all var(--transition-fast);border:none;margin-top:8px;font-size:14px;font-weight:500}.rating-container[data-v-2f2605de]{align-items:center;gap:16px;display:flex}.rating-hearts[data-v-2f2605de]{flex-direction:column;gap:4px;display:flex}.rating-row[data-v-2f2605de]{gap:4px;display:flex}.rating-heart[data-v-2f2605de]{cursor:pointer;transition:all var(--transition-fast);padding:2px}.rating-heart[data-v-2f2605de]:hover{transform:scale(1.1)}.rating-heart .heart-icon[data-v-2f2605de]{color:#ef4444;fill:#0000;stroke:#ef4444;stroke-width:2px;width:14px;height:14px;transition:all var(--transition-fast)}.rating-heart:hover .heart-icon[data-v-2f2605de]{color:#ef4444;fill:#ef44444d}.rating-heart .heart-icon.filled[data-v-2f2605de]{color:#ef4444;fill:#ef4444;stroke:#ef4444}.rating-text[data-v-2f2605de]{color:var(--text-primary);min-width:40px;font-size:14px;font-weight:500}.submit-btn[data-v-2f2605de]:hover{background:var(--accent-hover)}.fade-enter-active[data-v-2f2605de],.fade-leave-active[data-v-2f2605de]{transition:opacity .5s}.fade-enter-from[data-v-2f2605de],.fade-leave-to[data-v-2f2605de]{opacity:0}.edit-panel[data-v-cf3badd1]{will-change:transform;background:var(--gradient-panel);border-radius:var(--radius-xl) 0 0 var(--radius-xl);z-index:300;flex-direction:column;width:400px;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:inset 0 1px #ffffff1a,-8px 0 32px #0006}.panel-header[data-v-cf3badd1]{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.panel-header h2[data-v-cf3badd1]{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.header-right[data-v-cf3badd1]{align-items:center;gap:12px;display:flex}.saving-indicator[data-v-cf3badd1]{color:var(--accent);opacity:.8;font-size:12px}.close-btn[data-v-cf3badd1]{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.close-btn[data-v-cf3badd1]:hover{background:var(--bg-hover);color:var(--text-primary)}.close-btn .icon[data-v-cf3badd1]{width:20px;height:20px}.toast[data-v-cf3badd1]{border-radius:var(--radius-md);color:#fff;z-index:10;background:#4ade80e6;padding:12px 24px;font-size:14px;font-weight:500;position:absolute;top:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.panel-content[data-v-cf3badd1]{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:24px;overflow-y:auto}.panel-content[data-v-cf3badd1]::-webkit-scrollbar{display:none}.game-form[data-v-cf3badd1]{flex-direction:column;gap:16px;display:flex}.form-group[data-v-cf3badd1]{flex-direction:column;gap:6px;display:flex}.form-group label[data-v-cf3badd1]{color:var(--text-secondary);font-size:13px;font-weight:500}.form-group input[data-v-cf3badd1],.form-group select[data-v-cf3badd1]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);height:40px;color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:0 12px;font-size:14px}.form-group input[data-v-cf3badd1]:focus,.form-group select[data-v-cf3badd1]:focus{background:var(--bg-hover);border-color:var(--accent)}.form-row[data-v-cf3badd1]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-row .form-group input[data-v-cf3badd1]{width:100%}.cover-upload[data-v-cf3badd1]{flex-direction:column;gap:12px;display:flex}.cover-upload input[type=file][data-v-cf3badd1]{display:none}.upload-btn[data-v-cf3badd1]{border:2px solid var(--border-color);border-radius:var(--radius-md);height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;justify-content:center;align-items:center;padding:0 16px;font-size:14px;display:inline-flex}.upload-btn[data-v-cf3badd1]:hover{border-color:var(--accent);color:var(--text-primary);background:#ffffff14}.cover-preview[data-v-cf3badd1]{border-radius:var(--radius-md);width:100%;overflow:hidden}.cover-preview img[data-v-cf3badd1]{width:100%;height:auto;display:block}.rating-container[data-v-cf3badd1]{align-items:center;gap:16px;display:flex}.rating-hearts[data-v-cf3badd1]{flex-direction:column;gap:4px;display:flex}.rating-row[data-v-cf3badd1]{gap:4px;display:flex}.rating-heart[data-v-cf3badd1]{cursor:pointer;transition:all var(--transition-fast);padding:2px}.rating-heart[data-v-cf3badd1]:hover{transform:scale(1.1)}.rating-heart .heart-icon[data-v-cf3badd1]{color:#ef4444;fill:#0000;stroke:#ef4444;stroke-width:2px;width:14px;height:14px;transition:all var(--transition-fast)}.rating-heart:hover .heart-icon[data-v-cf3badd1]{color:#ef4444;fill:#ef44444d}.rating-heart .heart-icon.filled[data-v-cf3badd1]{color:#ef4444;fill:#ef4444;stroke:#ef4444}.rating-text[data-v-cf3badd1]{color:var(--text-primary);min-width:40px;font-size:14px;font-weight:500}.fade-enter-active[data-v-cf3badd1],.fade-leave-active[data-v-cf3badd1]{transition:opacity .5s}.fade-enter-from[data-v-cf3badd1],.fade-leave-to[data-v-cf3badd1]{opacity:0}.games-section[data-v-f0afc17d]{flex-direction:column;width:100%;display:flex}.games-grid[data-v-f0afc17d]{background:var(--gradient-card);border-radius:var(--radius-xl);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;height:calc(100vh - 142px);display:flex;overflow:hidden auto;box-shadow:inset 0 1px #ffffff1a,0 8px 32px #0006}.games-grid[data-v-f0afc17d]::-webkit-scrollbar{display:none}.cards-container[data-v-f0afc17d]{grid-template-columns:repeat(4,1fr);gap:16px;padding:16px;display:grid}.no-games[data-v-f0afc17d]{border-radius:var(--radius-lg);height:200px;color:var(--text-muted);background:#ffffff0d;grid-column:1/-1;justify-content:center;align-items:center;font-size:14px;display:flex}.overlay[data-v-f0afc17d]{z-index:100;background:#00000080;position:fixed;inset:0 400px 0 0}.fade-enter-active[data-v-f0afc17d],.fade-leave-active[data-v-f0afc17d]{transition:opacity var(--transition-normal)}.fade-enter-from[data-v-f0afc17d],.fade-leave-to[data-v-f0afc17d]{opacity:0}.slide-enter-active[data-v-f0afc17d],.slide-leave-active[data-v-f0afc17d]{transition:transform .3s!important}.slide-enter-from[data-v-f0afc17d],.slide-leave-to[data-v-f0afc17d]{transform:translate(100%)!important}.slide-enter-to[data-v-f0afc17d],.slide-leave-from[data-v-f0afc17d]{transform:translate(0)!important}.game-card-wrapper[data-v-f0afc17d]{cursor:pointer;transition:all var(--transition-fast);position:relative}.game-card-wrapper.selected[data-v-f0afc17d]{outline:3px solid var(--accent);outline-offset:-3px}.selected-mark[data-v-f0afc17d]{z-index:15;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.check-icon[data-v-f0afc17d]{width:48px;height:48px;color:var(--accent)}.confirm-overlay[data-v-f0afc17d]{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog[data-v-f0afc17d]{background:var(--bg-secondary);border-radius:var(--radius-xl);width:90%;max-width:400px;padding:24px;box-shadow:0 8px 32px #0006}.confirm-content[data-v-f0afc17d]{margin-bottom:20px}.confirm-content p[data-v-f0afc17d]{color:var(--text-primary);margin:0;font-size:16px;line-height:1.5}.confirm-actions[data-v-f0afc17d]{justify-content:flex-end;gap:12px;display:flex}.btn-cancel[data-v-f0afc17d],.btn-confirm[data-v-f0afc17d]{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);padding:8px 16px;font-size:14px;font-weight:500}.btn-cancel[data-v-f0afc17d]{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-cancel[data-v-f0afc17d]:hover{background:var(--bg-hover)}.btn-confirm[data-v-f0afc17d]{color:#fff;background:#ef4444;border:none}.btn-confirm[data-v-f0afc17d]:hover{background:#dc2626}.add-panel[data-v-2d0f794b]{will-change:transform;background:var(--gradient-panel);border-radius:var(--radius-xl) 0 0 var(--radius-xl);z-index:300;flex-direction:column;width:400px;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:inset 0 1px #ffffff1a,-8px 0 32px #0006}.panel-header[data-v-2d0f794b]{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.panel-header h2[data-v-2d0f794b]{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.close-btn[data-v-2d0f794b]{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.close-btn[data-v-2d0f794b]:hover{background:var(--bg-hover);color:var(--text-primary)}.close-btn .icon[data-v-2d0f794b]{width:20px;height:20px}.toast[data-v-2d0f794b]{border-radius:var(--radius-md);color:#fff;z-index:10;background:#000c;padding:12px 24px;font-size:14px;position:absolute;top:80px;left:50%;transform:translate(-50%)}.panel-content[data-v-2d0f794b]{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:24px;overflow-y:auto}.panel-content[data-v-2d0f794b]::-webkit-scrollbar{display:none}.form-group[data-v-2d0f794b]{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-group label[data-v-2d0f794b]{color:var(--text-secondary);font-size:13px;font-weight:500}.game-search[data-v-2d0f794b]{flex-direction:column;gap:12px;display:flex}.search-row[data-v-2d0f794b]{gap:8px;display:flex}.search-row input[data-v-2d0f794b]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);height:40px;color:var(--text-primary);flex:1;padding:0 12px;font-size:14px}.search-btn[data-v-2d0f794b],.confirm-btn[data-v-2d0f794b]{background:var(--accent-dim);border-radius:var(--radius-md);width:40px;height:40px;color:var(--accent);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.search-btn[data-v-2d0f794b]:hover,.confirm-btn[data-v-2d0f794b]:hover{background:#e066ff40}.search-btn[data-v-2d0f794b]:disabled,.confirm-btn[data-v-2d0f794b]:disabled{opacity:.5;cursor:not-allowed}.btn-icon[data-v-2d0f794b]{width:20px;height:20px}.selected-game[data-v-2d0f794b]{background:var(--accent-dim);border:1px solid var(--accent);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.game-name[data-v-2d0f794b]{color:var(--accent);font-size:14px}.clear-game-btn[data-v-2d0f794b]{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.clear-game-btn[data-v-2d0f794b]:hover{background:var(--bg-hover);color:var(--text-primary)}.clear-icon[data-v-2d0f794b]{width:16px;height:16px}.loading[data-v-2d0f794b]{text-align:center;color:var(--text-secondary);padding:20px}.results[data-v-2d0f794b]{flex-direction:column;gap:8px;max-height:200px;display:flex;overflow-y:auto}.result-item[data-v-2d0f794b]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);gap:12px;padding:8px;display:flex}.result-item[data-v-2d0f794b]:hover{background:var(--bg-hover);border-color:var(--accent)}.result-cover[data-v-2d0f794b]{object-fit:cover;border-radius:var(--radius-sm);width:60px;height:45px}.result-no-cover[data-v-2d0f794b]{border-radius:var(--radius-sm);width:60px;height:45px;color:var(--text-muted);background:#ffffff0d;justify-content:center;align-items:center;font-size:10px;display:flex}.result-info[data-v-2d0f794b]{flex:1;align-items:center;display:flex}.result-info h4[data-v-2d0f794b]{color:var(--text-primary);margin:0;font-size:13px;font-weight:500}.image-upload[data-v-2d0f794b]{flex-direction:column;gap:12px;display:flex}.image-upload input[type=file][data-v-2d0f794b]{display:none}.upload-btn[data-v-2d0f794b]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;display:flex}.upload-btn[data-v-2d0f794b]:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--text-primary)}.upload-icon[data-v-2d0f794b]{width:20px;height:20px}.image-previews[data-v-2d0f794b]{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.preview-item[data-v-2d0f794b]{aspect-ratio:1;border-radius:var(--radius-md);position:relative;overflow:hidden}.preview-item img[data-v-2d0f794b]{object-fit:cover;width:100%;height:100%}.remove-btn[data-v-2d0f794b]{color:#fff;cursor:pointer;width:20px;height:20px;transition:all var(--transition-fast);background:#0009;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;right:4px}.remove-btn[data-v-2d0f794b]:hover{background:#ef4444}.remove-icon[data-v-2d0f794b]{width:12px;height:12px}.image-count[data-v-2d0f794b]{color:var(--text-muted);font-size:12px}.fade-enter-active[data-v-2d0f794b],.fade-leave-active[data-v-2d0f794b]{transition:opacity .5s}.fade-enter-from[data-v-2d0f794b],.fade-leave-to[data-v-2d0f794b]{opacity:0}.moments-section[data-v-e4ba230a]{flex-direction:column;width:100%;display:flex}.moments-grid[data-v-e4ba230a]{background:var(--gradient-card);border-radius:var(--radius-xl);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;height:calc(100vh - 142px);display:flex;overflow:hidden auto;box-shadow:inset 0 1px #ffffff1a,0 8px 32px #0006}.moments-grid[data-v-e4ba230a]::-webkit-scrollbar{display:none}.moments-container[data-v-e4ba230a]{grid-template-columns:repeat(4,1fr);gap:16px;padding:16px;display:grid}.moment-card[data-v-e4ba230a]{border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;background:#0003;position:relative;overflow:hidden}.moment-card[data-v-e4ba230a]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006}.moment-images[data-v-e4ba230a]{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:2px;width:100%;display:grid}.moment-images img[data-v-e4ba230a]:first-child:last-child{aspect-ratio:16/9;object-fit:cover;grid-column:1/-1;width:100%}.moment-images img[data-v-e4ba230a]:first-child:nth-last-child(2),.moment-images img:first-child:nth-last-child(2)~img[data-v-e4ba230a],.moment-images img[data-v-e4ba230a]:first-child:nth-last-child(n+3),.moment-images img:first-child:nth-last-child(n+3)~img[data-v-e4ba230a]{aspect-ratio:1;object-fit:cover;width:100%}.moment-image[data-v-e4ba230a]{object-fit:cover;width:100%}.moment-info[data-v-e4ba230a]{opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(#0000,#000000d9);padding:10px;position:absolute;bottom:0;left:0;right:0}.moment-card:hover .moment-info[data-v-e4ba230a]{opacity:1}.moment-game[data-v-e4ba230a]{color:#fff;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #00000080;margin:0 0 3px;font-size:13px;font-weight:500;overflow:hidden}.moment-date[data-v-e4ba230a]{color:#ffffffb3;text-shadow:0 1px 2px #00000080;margin:0;font-size:11px}.moment-card.selected[data-v-e4ba230a]{outline:3px solid var(--accent);outline-offset:-3px}.selected-mark[data-v-e4ba230a]{z-index:15;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.check-icon[data-v-e4ba230a]{width:48px;height:48px;color:var(--accent)}.no-moments[data-v-e4ba230a]{border-radius:var(--radius-lg);height:200px;color:var(--text-muted);background:#ffffff0d;grid-column:1/-1;justify-content:center;align-items:center;font-size:14px;display:flex}.overlay[data-v-e4ba230a]{z-index:100;background:#00000080;position:fixed;inset:0 400px 0 0}.fade-enter-active[data-v-e4ba230a],.fade-leave-active[data-v-e4ba230a]{transition:opacity var(--transition-normal)}.fade-enter-from[data-v-e4ba230a],.fade-leave-to[data-v-e4ba230a]{opacity:0}.preview-overlay[data-v-e4ba230a]{z-index:1000;cursor:pointer;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preview-image[data-v-e4ba230a]{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:var(--radius-lg);width:auto;max-width:80vw;height:auto;max-height:80vh;box-shadow:0 8px 32px #00000080}.confirm-overlay[data-v-e4ba230a]{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog[data-v-e4ba230a]{background:var(--gradient-panel);border-radius:var(--radius-xl);border:1px solid #ffffff1a;min-width:400px;max-width:500px;padding:24px;box-shadow:0 12px 48px #0009}.confirm-content h3[data-v-e4ba230a]{color:var(--text-primary);margin:0 0 12px;font-size:18px;font-weight:600}.confirm-content p[data-v-e4ba230a]{color:var(--text-secondary);margin:0 0 24px;font-size:14px}.confirm-actions[data-v-e4ba230a]{justify-content:flex-end;gap:12px;display:flex}.confirm-btn[data-v-e4ba230a]{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:8px 20px;font-size:14px;font-weight:500}.confirm-btn.cancel[data-v-e4ba230a]{color:var(--text-secondary);background:#ffffff1a}.confirm-btn.cancel[data-v-e4ba230a]:hover{color:var(--text-primary);background:#ffffff26}.confirm-btn.delete[data-v-e4ba230a]{color:#fff;background:#ef4444}.confirm-btn.delete[data-v-e4ba230a]:hover{background:#dc2626}.confirm-btn.export[data-v-e4ba230a]{background:var(--accent);color:#fff}.confirm-btn.export[data-v-e4ba230a]:hover{background:var(--accent-dark)}.like-button-container[data-v-e4ba230a]{z-index:20;position:absolute;top:8px;right:8px}.like-button[data-v-e4ba230a]{cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);pointer-events:auto;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.like-button[data-v-e4ba230a]:hover{background:#000c;transform:scale(1.1)}.like-icon[data-v-e4ba230a]{color:#fff;width:16px;height:16px}.like-icon.liked[data-v-e4ba230a]{color:#ef4444}.add-panel[data-v-1e7b1f0a]{will-change:transform;background:var(--gradient-panel);border-radius:var(--radius-xl) 0 0 var(--radius-xl);z-index:300;flex-direction:column;width:400px;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:inset 0 1px #ffffff1a,-8px 0 32px #0006}.panel-header[data-v-1e7b1f0a]{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.panel-header h2[data-v-1e7b1f0a]{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.close-btn[data-v-1e7b1f0a]{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.close-btn[data-v-1e7b1f0a]:hover{background:var(--bg-hover);color:var(--text-primary)}.close-btn .icon[data-v-1e7b1f0a]{width:20px;height:20px}.toast[data-v-1e7b1f0a]{border-radius:var(--radius-md);color:#fff;z-index:10;background:#000c;padding:12px 24px;font-size:14px;position:absolute;top:80px;left:50%;transform:translate(-50%)}.panel-content[data-v-1e7b1f0a]{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:24px;overflow-y:auto}.panel-content[data-v-1e7b1f0a]::-webkit-scrollbar{display:none}.form-group[data-v-1e7b1f0a]{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-group label[data-v-1e7b1f0a]{color:var(--text-secondary);font-size:13px;font-weight:500}.game-search[data-v-1e7b1f0a]{flex-direction:column;gap:12px;display:flex}.search-row[data-v-1e7b1f0a]{gap:8px;display:flex}.search-row input[data-v-1e7b1f0a]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);height:40px;color:var(--text-primary);flex:1;padding:0 12px;font-size:14px}.search-btn[data-v-1e7b1f0a]{background:var(--accent-dim);border-radius:var(--radius-md);width:40px;height:40px;color:var(--accent);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.search-btn[data-v-1e7b1f0a]:hover{background:#e066ff40}.search-btn[data-v-1e7b1f0a]:disabled{opacity:.5;cursor:not-allowed}.btn-icon[data-v-1e7b1f0a]{width:20px;height:20px}.selected-game[data-v-1e7b1f0a]{background:var(--accent-dim);border:1px solid var(--accent);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.game-name[data-v-1e7b1f0a]{color:var(--accent);font-size:14px}.clear-game-btn[data-v-1e7b1f0a]{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.clear-game-btn[data-v-1e7b1f0a]:hover{background:var(--bg-hover);color:var(--text-primary)}.clear-icon[data-v-1e7b1f0a]{width:16px;height:16px}.loading[data-v-1e7b1f0a]{text-align:center;color:var(--text-secondary);padding:20px}.results[data-v-1e7b1f0a]{flex-direction:column;gap:8px;max-height:200px;display:flex;overflow-y:auto}.result-item[data-v-1e7b1f0a]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);gap:12px;padding:8px;display:flex}.result-item[data-v-1e7b1f0a]:hover{background:var(--bg-hover);border-color:var(--accent)}.result-cover[data-v-1e7b1f0a]{object-fit:cover;border-radius:var(--radius-sm);width:60px;height:45px}.result-no-cover[data-v-1e7b1f0a]{border-radius:var(--radius-sm);width:60px;height:45px;color:var(--text-muted);background:#ffffff0d;justify-content:center;align-items:center;font-size:10px;display:flex}.result-info[data-v-1e7b1f0a]{flex:1;align-items:center;display:flex}.result-info h4[data-v-1e7b1f0a]{color:var(--text-primary);margin:0;font-size:13px;font-weight:500}.file-upload[data-v-1e7b1f0a]{flex-direction:column;gap:12px;display:flex}.file-upload input[type=file][data-v-1e7b1f0a]{display:none}.upload-btn[data-v-1e7b1f0a]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;display:flex}.upload-btn[data-v-1e7b1f0a]:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--text-primary)}.upload-icon[data-v-1e7b1f0a]{width:20px;height:20px}.file-list[data-v-1e7b1f0a]{flex-direction:column;gap:8px;display:flex}.file-item[data-v-1e7b1f0a]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.file-name[data-v-1e7b1f0a]{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.file-item .remove-btn[data-v-1e7b1f0a]{color:#fff;cursor:pointer;width:20px;height:20px;transition:all var(--transition-fast);background:#0009;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-item .remove-btn[data-v-1e7b1f0a]:hover{background:#ef4444}.file-item .remove-icon[data-v-1e7b1f0a]{width:12px;height:12px}.file-count[data-v-1e7b1f0a]{color:var(--text-muted);font-size:12px}.action-buttons[data-v-1e7b1f0a]{gap:12px;margin-top:24px;display:flex}.upload-action-btn[data-v-1e7b1f0a],.blank-action-btn[data-v-1e7b1f0a]{border-radius:var(--radius-md);cursor:pointer;height:44px;transition:all var(--transition-fast);flex:1;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.upload-action-btn[data-v-1e7b1f0a]{background:var(--accent-dim);border:1px solid var(--accent);color:var(--accent)}.upload-action-btn[data-v-1e7b1f0a]:hover:not(:disabled){background:#e066ff40}.upload-action-btn[data-v-1e7b1f0a]:disabled{opacity:.5;cursor:not-allowed}.blank-action-btn[data-v-1e7b1f0a]{border:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff0d}.blank-action-btn[data-v-1e7b1f0a]:hover:not(.disabled){border-color:var(--accent);color:var(--text-primary);background:#ffffff1a}.blank-action-btn.disabled[data-v-1e7b1f0a]{opacity:.5;cursor:not-allowed}.action-icon[data-v-1e7b1f0a]{width:18px;height:18px}.fade-enter-active[data-v-1e7b1f0a],.fade-leave-active[data-v-1e7b1f0a]{transition:opacity .5s}.fade-enter-from[data-v-1e7b1f0a],.fade-leave-to[data-v-1e7b1f0a]{opacity:0}.note-card[data-v-2e5a07a5]{border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;background:#0003;overflow:hidden}.note-card[data-v-2e5a07a5]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006}.note-cover[data-v-2e5a07a5]{width:100%;padding-top:46.67%;position:relative;overflow:hidden}.cover-image[data-v-2e5a07a5]{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal);position:absolute;top:0;left:0}.note-card:hover .cover-image[data-v-2e5a07a5]{transform:scale(1.05)}.no-cover[data-v-2e5a07a5]{width:100%;height:100%;color:var(--text-muted);background:#ffffff0d;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;top:0;left:0}.note-overlay[data-v-2e5a07a5]{opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(#0000,#000000d9);padding:10px;position:absolute;bottom:0;left:0;right:0}.note-card:hover .note-overlay[data-v-2e5a07a5]{opacity:1}.note-title[data-v-2e5a07a5]{color:#fff;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #00000080;margin:0 0 3px;font-size:13px;font-weight:500;overflow:hidden}.note-game-name[data-v-2e5a07a5]{color:#ffffffb3;text-shadow:0 1px 2px #00000080;margin:0 0 3px;font-size:11px}.note-date[data-v-2e5a07a5]{color:#fff9;text-shadow:0 1px 2px #00000080;margin:0;font-size:10px}.note-preview[data-v-b48b1d2d]{background:var(--gradient-card);border-radius:var(--radius-xl);flex-direction:column;height:100%;display:flex;overflow:hidden}.preview-header[data-v-b48b1d2d]{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.note-title[data-v-b48b1d2d]{color:var(--text-primary);margin:0;font-size:24px;font-weight:600}.header-actions[data-v-b48b1d2d]{gap:8px;display:flex}.edit-btn[data-v-b48b1d2d],.close-btn[data-v-b48b1d2d],.fullscreen-btn[data-v-b48b1d2d]{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;justify-content:center;align-items:center;display:flex}.edit-btn[data-v-b48b1d2d]:hover,.close-btn[data-v-b48b1d2d]:hover,.fullscreen-btn[data-v-b48b1d2d]:hover{color:var(--text-primary);background:#ffffff1a}.edit-btn .icon[data-v-b48b1d2d],.close-btn .icon[data-v-b48b1d2d],.fullscreen-btn .icon[data-v-b48b1d2d]{width:20px;height:20px}.note-preview.fullscreen[data-v-b48b1d2d]{z-index:2000;border-radius:0;position:fixed;inset:0}.preview-content[data-v-b48b1d2d]{color:var(--text-primary);flex:1;padding:24px;line-height:1.6;overflow-y:auto}.preview-content[data-v-b48b1d2d] h1{color:var(--text-primary);margin:0 0 16px;font-size:28px;font-weight:700}.preview-content[data-v-b48b1d2d] h2{color:var(--text-primary);margin:0 0 12px;font-size:24px;font-weight:600}.preview-content[data-v-b48b1d2d] h3{color:var(--text-primary);margin:0 0 8px;font-size:20px;font-weight:600}.preview-content[data-v-b48b1d2d] p{margin:0 0 12px}.preview-content[data-v-b48b1d2d] ul,.preview-content[data-v-b48b1d2d] ol{margin:0 0 12px;padding-left:24px}.preview-content[data-v-b48b1d2d] li{margin:4px 0}.preview-content[data-v-b48b1d2d] code{border-radius:var(--radius-sm);background:#ffffff1a;padding:2px 6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px}.preview-content[data-v-b48b1d2d] pre{border-radius:var(--radius-md);background:#0000004d;margin:0 0 12px;padding:12px;overflow-x:auto}.preview-content[data-v-b48b1d2d] pre code{background:0 0;padding:0}.preview-content[data-v-b48b1d2d] a{color:var(--accent);text-decoration:none}.preview-content[data-v-b48b1d2d] a:hover{text-decoration:underline}.preview-content[data-v-b48b1d2d] blockquote{border-left:3px solid var(--accent);color:var(--text-secondary);margin:0 0 12px;padding-left:12px}.preview-content[data-v-b48b1d2d] table{border-collapse:collapse;width:100%;margin:0 0 12px}.preview-content[data-v-b48b1d2d] th,.preview-content[data-v-b48b1d2d] td{text-align:left;border:1px solid #ffffff1a;padding:8px 12px}.preview-content[data-v-b48b1d2d] th{background:#ffffff0d;font-weight:600}.confirm-overlay[data-v-d026ea76]{z-index:400;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog[data-v-d026ea76]{border-radius:var(--radius-xl);background:linear-gradient(#512b45 0%,#49233a 33%,#3d1b36 66%,#3c1b3d 100%);width:90%;max-width:360px;padding:24px;box-shadow:0 8px 32px #00000080}.confirm-header[data-v-d026ea76]{align-items:center;gap:12px;margin-bottom:16px;display:flex}.confirm-header .icon[data-v-d026ea76]{color:#fbbf24;width:24px;height:24px}.confirm-header h3[data-v-d026ea76]{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.confirm-message[data-v-d026ea76]{color:var(--text-secondary);margin:0 0 24px;font-size:14px;line-height:1.5}.confirm-actions[data-v-d026ea76]{gap:12px;display:flex}.cancel-btn[data-v-d026ea76],.confirm-btn[data-v-d026ea76]{border-radius:var(--radius-md);cursor:pointer;height:40px;transition:all var(--transition-fast);flex:1;font-size:14px;font-weight:500}.cancel-btn[data-v-d026ea76]{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a}.cancel-btn[data-v-d026ea76]:hover{color:var(--text-primary);background:#ffffff14}.confirm-btn[data-v-d026ea76]{color:#fff;background:#ef4444;border:none}.confirm-btn[data-v-d026ea76]:hover{background:#dc2626}.confirm-dialog.light-theme[data-v-d026ea76]{background:linear-gradient(#fff 0%,#f8f9fa 50%,#f0f1f2 100%);border:1px solid #0000001a}.confirm-dialog.light-theme .confirm-header h3[data-v-d026ea76]{color:#1f2937}.confirm-dialog.light-theme .confirm-message[data-v-d026ea76]{color:#6b7280}.confirm-dialog.light-theme .cancel-btn[data-v-d026ea76]{color:#6b7280;background:#0000000d;border:1px solid #0000001a}.confirm-dialog.light-theme .cancel-btn[data-v-d026ea76]:hover{color:#1f2937;background:#00000014}.fade-enter-active[data-v-d026ea76],.fade-leave-active[data-v-d026ea76]{transition:opacity var(--transition-fast)}.fade-enter-from[data-v-d026ea76],.fade-leave-to[data-v-d026ea76]{opacity:0}.note-editor[data-v-ffba42b2]{background:var(--gradient-card);border-radius:var(--radius-xl);flex-direction:column;height:100%;display:flex;overflow:hidden}.editor-header[data-v-ffba42b2]{border-bottom:1px solid #ffffff1a;align-items:center;gap:16px;padding:16px 24px;display:flex}.title-input[data-v-ffba42b2]{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:20px;font-weight:600}.title-input[data-v-ffba42b2]::placeholder{color:var(--text-muted)}.toolbar[data-v-ffba42b2]{gap:4px;display:flex}.tool-btn[data-v-ffba42b2]{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;justify-content:center;align-items:center;display:flex}.tool-btn[data-v-ffba42b2]:hover{color:var(--text-primary);background:#ffffff1a}.tool-btn .icon[data-v-ffba42b2]{width:16px;height:16px}.header-actions[data-v-ffba42b2]{gap:8px;display:flex}.save-btn[data-v-ffba42b2],.close-btn[data-v-ffba42b2]{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;justify-content:center;align-items:center;display:flex}.save-btn[data-v-ffba42b2]:hover:not(:disabled),.close-btn[data-v-ffba42b2]:hover{color:var(--text-primary);background:#ffffff1a}.save-btn[data-v-ffba42b2]:disabled{opacity:.5;cursor:not-allowed}.save-btn .icon[data-v-ffba42b2],.close-btn .icon[data-v-ffba42b2]{width:20px;height:20px}.save-toast[data-v-ffba42b2]{border-radius:var(--radius-md);color:#fff;z-index:1000;background:#4ade80e6;padding:12px 24px;font-size:14px;font-weight:500;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.editor-content[data-v-ffba42b2]{flex:1;display:flex;overflow:hidden}.editor-pane[data-v-ffba42b2],.preview-pane[data-v-ffba42b2]{flex-direction:column;flex:1;display:flex;overflow:hidden}.editor-pane[data-v-ffba42b2]{border-right:1px solid #ffffff1a}.editor-textarea[data-v-ffba42b2]{width:100%;height:100%;color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;padding:24px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6}.editor-textarea[data-v-ffba42b2]::placeholder{color:var(--text-muted)}.preview-pane[data-v-ffba42b2]{background:#0003}.preview-content[data-v-ffba42b2]{color:var(--text-primary);flex:1;padding:24px;line-height:1.6;overflow-y:auto}.preview-content[data-v-ffba42b2] h1{color:var(--text-primary);margin:0 0 16px;font-size:28px;font-weight:700}.preview-content[data-v-ffba42b2] h2{color:var(--text-primary);margin:0 0 12px;font-size:24px;font-weight:600}.preview-content[data-v-ffba42b2] h3{color:var(--text-primary);margin:0 0 8px;font-size:20px;font-weight:600}.preview-content[data-v-ffba42b2] p{margin:0 0 12px}.preview-content[data-v-ffba42b2] ul,.preview-content[data-v-ffba42b2] ol{margin:0 0 12px;padding-left:24px}.preview-content[data-v-ffba42b2] li{margin:4px 0}.preview-content[data-v-ffba42b2] code{border-radius:var(--radius-sm);background:#ffffff1a;padding:2px 6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px}.preview-content[data-v-ffba42b2] pre{border-radius:var(--radius-md);background:#0000004d;margin:0 0 12px;padding:12px;overflow-x:auto}.preview-content[data-v-ffba42b2] pre code{background:0 0;padding:0}.preview-content[data-v-ffba42b2] a{color:var(--accent);text-decoration:none}.preview-content[data-v-ffba42b2] a:hover{text-decoration:underline}.preview-content[data-v-ffba42b2] blockquote{border-left:3px solid var(--accent);color:var(--text-secondary);margin:0 0 12px;padding-left:12px}.preview-content[data-v-ffba42b2] table{border-collapse:collapse;width:100%;margin:0 0 12px}.preview-content[data-v-ffba42b2] th,.preview-content[data-v-ffba42b2] td{text-align:left;border:1px solid #ffffff1a;padding:8px 12px}.preview-content[data-v-ffba42b2] th{background:#ffffff0d;font-weight:600}.preview-content[data-v-ffba42b2] hr{background:linear-gradient(90deg, transparent, var(--accent), transparent);border:none;height:2px;margin:24px 0}.preview-content[data-v-ffba42b2] img{border-radius:var(--radius-md);max-width:100%;height:auto;margin:12px 0}.divider-btn[data-v-ffba42b2]{border-left:1px solid #ffffff1a;margin-left:8px;padding-left:12px}.fade-enter-from[data-v-ffba42b2],.fade-leave-to[data-v-ffba42b2]{opacity:0}.exit-without-save-btn[data-v-ffba42b2]{border-radius:var(--radius-md);cursor:pointer;height:40px;transition:all var(--transition-fast);color:#ef4444;background:#ef444433;border:1px solid #ef44444d;flex:1;font-size:14px;font-weight:500}.exit-without-save-btn[data-v-ffba42b2]:hover{background:#ef44444d}.notes-section[data-v-887945bc]{flex-direction:column;width:100%;height:100%;display:flex}.notes-grid[data-v-887945bc]{background:var(--gradient-card);border-radius:var(--radius-xl);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;height:calc(100vh - 142px);display:flex;overflow:hidden auto;box-shadow:inset 0 1px #ffffff1a,0 8px 32px #0006}.notes-grid[data-v-887945bc]::-webkit-scrollbar{display:none}.cards-container[data-v-887945bc]{grid-template-columns:repeat(4,1fr);gap:16px;padding:16px;display:grid}@media (width<=1400px){.cards-container[data-v-887945bc]{grid-template-columns:repeat(3,1fr)}}@media (width<=1000px){.cards-container[data-v-887945bc]{grid-template-columns:repeat(2,1fr)}}.note-card-wrapper[data-v-887945bc]{cursor:pointer;position:relative}.note-card-wrapper.selected[data-v-887945bc] .note-card{border:2px solid var(--accent);box-shadow:0 0 0 2px #8b5cf64d}.selected-mark[data-v-887945bc]{z-index:15;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.check-icon[data-v-887945bc]{width:48px;height:48px;color:var(--accent)}.no-notes[data-v-887945bc]{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:60px 20px}.no-notes p[data-v-887945bc]{margin:0;font-size:14px}.overlay[data-v-887945bc]{z-index:100;background:#00000080;position:fixed;inset:0 400px 0 0}.confirm-overlay[data-v-887945bc]{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog[data-v-887945bc]{background:var(--gradient-panel);border-radius:var(--radius-xl);border:1px solid #ffffff1a;min-width:400px;max-width:500px;padding:24px;box-shadow:0 12px 48px #0009}.confirm-content h3[data-v-887945bc]{color:var(--text-primary);margin:0 0 12px;font-size:18px;font-weight:600}.confirm-content p[data-v-887945bc]{color:var(--text-secondary);margin:0 0 24px;font-size:14px}.confirm-actions[data-v-887945bc]{justify-content:flex-end;gap:12px;display:flex}.confirm-btn[data-v-887945bc]{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:8px 20px;font-size:14px;font-weight:500}.confirm-btn.cancel[data-v-887945bc]{color:var(--text-secondary);background:#ffffff1a}.confirm-btn.cancel[data-v-887945bc]:hover{color:var(--text-primary);background:#ffffff26}.confirm-btn.export[data-v-887945bc]{background:var(--accent);color:#fff}.confirm-btn.export[data-v-887945bc]:hover{background:var(--accent-dark)}.confirm-btn.delete[data-v-887945bc]{color:#fff;background:#ef4444}.confirm-btn.delete[data-v-887945bc]:hover{background:#dc2626}.fade-enter-active[data-v-887945bc],.fade-leave-active[data-v-887945bc]{transition:opacity var(--transition-normal)}.fade-enter-from[data-v-887945bc],.fade-leave-to[data-v-887945bc]{opacity:0}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-content[data-v-76cd965b]{-webkit-user-select:none;user-select:none;flex-direction:column;gap:16px;height:100%;display:flex}.home-content img[data-v-76cd965b]{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.top-section[data-v-76cd965b]{flex:1;gap:16px;min-height:0;display:flex}.carousel-section[data-v-76cd965b]{background:var(--gradient-panel);border-radius:var(--radius-xl);border:1px solid #ffffff1a;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 8px 32px #0006}.notes-section[data-v-76cd965b]{background:var(--gradient-panel);border-radius:var(--radius-xl);border:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;width:240px;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 8px 32px #0006}.carousel-swiper[data-v-76cd965b]{width:100%;height:100%}.carousel-swiper img[data-v-76cd965b]{object-fit:cover;width:100%;height:100%}.carousel-nav[data-v-76cd965b]{z-index:10;gap:8px;display:flex;position:absolute;bottom:16px;left:16px}.nav-btn[data-v-76cd965b]{width:24px;height:24px;color:var(--accent);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;display:flex}.nav-btn[data-v-76cd965b]:hover{color:var(--accent-light)}.notes-header[data-v-76cd965b]{color:var(--text-primary);flex-shrink:0;padding:10px 16px 6px;font-size:14px;font-weight:600}.notes-list[data-v-76cd965b]{flex-direction:column;flex:1;min-height:0;padding:0 8px 8px;display:flex;overflow-y:auto}.note-item[data-v-76cd965b]{border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;flex:1;align-items:center;gap:12px;min-height:0;padding:8px;display:flex}.note-item[data-v-76cd965b]:hover{background:#ffffff1a;transform:translate(4px)}.note-item:hover .note-title[data-v-76cd965b]{color:var(--text-primary)}.note-item:hover .note-cover[data-v-76cd965b]{transform:scale(1.05)}.note-cover[data-v-76cd965b]{object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;width:100px;height:47px}.note-cover.placeholder[data-v-76cd965b]{border-radius:var(--radius-sm);background:#ffffff0d;justify-content:center;align-items:center;width:100px;height:47px;font-size:20px;display:flex}.note-title[data-v-76cd965b]{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.notes-placeholder[data-v-76cd965b]{color:var(--text-muted);flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.recommendation-label-section[data-v-76cd965b]{flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.recommendation-label[data-v-76cd965b]{color:var(--text-primary);font-size:14px;font-weight:600}.refresh-btn[data-v-76cd965b]{border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;justify-content:center;align-items:center;display:flex}.refresh-btn[data-v-76cd965b]:hover:not(.disabled){border-color:var(--accent);color:var(--accent);background:#ffffff1a}.refresh-btn.disabled[data-v-76cd965b]{opacity:.5;cursor:not-allowed}.refresh-icon[data-v-76cd965b]{width:16px;height:16px}.refresh-icon.spinning[data-v-76cd965b]{animation:.5s linear spin-76cd965b}@keyframes spin-76cd965b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.recommend-section[data-v-76cd965b]{border-radius:var(--radius-xl);height:180px;box-shadow:none;background:0 0;border:none;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.games-container[data-v-76cd965b]{flex:1;gap:10px;padding:0;display:flex}.game-card[data-v-76cd965b]{border-radius:var(--radius-lg);transition:transform var(--transition-fast);flex-direction:column;flex:1;display:flex;overflow:hidden}.game-card[data-v-76cd965b]:hover{transform:translateY(-4px)}.game-cover[data-v-76cd965b]{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.game-cover img[data-v-76cd965b]{object-fit:cover;width:100%;height:100%}.game-cover.placeholder[data-v-76cd965b]{color:var(--text-muted);background:#ffffff0d;font-size:12px}.games-placeholder[data-v-76cd965b]{color:var(--text-muted);flex:1;justify-content:center;align-items:center;display:flex}.login-overlay[data-v-e807c2ea]{z-index:9999;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-modal[data-v-e807c2ea]{background:var(--gradient-panel);border-radius:var(--radius-xl);border:1px solid #ffffff1a;width:400px;max-width:90%;padding:32px;position:relative;box-shadow:0 16px 48px #0009}.close-btn[data-v-e807c2ea]{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.close-btn[data-v-e807c2ea]:hover{color:var(--text-primary);background:#ffffff1a}.close-icon[data-v-e807c2ea]{width:20px;height:20px}.login-header[data-v-e807c2ea]{text-align:center;margin-bottom:32px}.login-header h2[data-v-e807c2ea]{color:var(--text-primary);margin:0 0 8px;font-size:24px;font-weight:600}.login-header p[data-v-e807c2ea]{color:var(--text-secondary);margin:0;font-size:14px}.login-form[data-v-e807c2ea]{flex-direction:column;gap:20px;display:flex}.form-group[data-v-e807c2ea]{flex-direction:column;gap:8px;display:flex}.form-group label[data-v-e807c2ea]{color:var(--text-primary);font-size:14px;font-weight:500}.form-group input[data-v-e807c2ea]{border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;outline:none;padding:12px 16px;font-size:14px}.form-group input[data-v-e807c2ea]:focus{border-color:var(--accent);background:#ffffff14}.form-group input[data-v-e807c2ea]::placeholder{color:var(--text-muted)}.error-message[data-v-e807c2ea]{border-radius:var(--radius-md);color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef44444d;padding:12px;font-size:14px}.login-btn[data-v-e807c2ea]{background:var(--accent);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;padding:14px;font-size:16px;font-weight:600}.login-btn[data-v-e807c2ea]:hover{background:var(--accent-hover);transform:translateY(-2px)}.detail-panel[data-v-c57f71e4]{background:var(--gradient-panel);border-radius:var(--radius-xl) 0 0 var(--radius-xl);z-index:300;flex-direction:column;width:600px;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:inset 0 1px #ffffff1a,-8px 0 32px #0006}.panel-header[data-v-c57f71e4]{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.header-left[data-v-c57f71e4]{align-items:center;gap:16px;display:flex}.name-info[data-v-c57f71e4]{flex-direction:column;gap:4px;display:flex}.name-row[data-v-c57f71e4]{align-items:center;gap:8px;display:flex}.panel-header h2[data-v-c57f71e4]{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.rating-container[data-v-c57f71e4]{align-items:center;display:flex;position:relative}.rating-badge[data-v-c57f71e4]{cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;display:flex}.rating-badge[data-v-c57f71e4]:hover{filter:brightness(1.15);transform:scale(1.1)translateY(-2px)}.rating-placeholder[data-v-c57f71e4]{width:48px;height:48px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);opacity:.5;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:24px;font-weight:600;display:flex}.rating-placeholder[data-v-c57f71e4]:hover{color:var(--accent);opacity:1;transform:scale(1.1)}.rating-menu[data-v-c57f71e4]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);z-index:100;flex-direction:column;gap:6px;min-width:100px;padding:10px;display:flex;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 12px 40px #0000004d}.rating-option[data-v-c57f71e4]{cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-align:center;background:0 0;border:none;border-radius:6px;padding:6px 12px}.rating-option[data-v-c57f71e4]:hover{filter:brightness(1.2);transform:scale(1.08)translate(3px)}.saving-indicator[data-v-c57f71e4]{color:var(--text-muted);font-size:12px;font-weight:400}.rarity[data-v-c57f71e4]{font-size:14px;font-weight:600}.recommend-icons[data-v-c57f71e4]{align-items:center;gap:12px;display:flex}.skill-recommend-container[data-v-c57f71e4],.module-recommend-container[data-v-c57f71e4]{position:relative}.skill-recommend-btn[data-v-c57f71e4],.module-recommend-btn[data-v-c57f71e4]{cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.skill-recommend-btn[data-v-c57f71e4]:hover,.module-recommend-btn[data-v-c57f71e4]:hover{filter:brightness(1.15);transform:scale(1.08)translateY(-1px)}.skill-recommend-btn.disabled[data-v-c57f71e4],.module-recommend-btn.disabled[data-v-c57f71e4]{color:var(--text-muted);opacity:.5;cursor:not-allowed;background:0 0}.skill-recommend-btn.disabled[data-v-c57f71e4]:hover,.module-recommend-btn.disabled[data-v-c57f71e4]:hover{filter:none;transform:none}.icon-label[data-v-c57f71e4]{opacity:.7;font-size:12px}.icon-value[data-v-c57f71e4]{font-size:13px}.skill-recommend-menu[data-v-c57f71e4],.module-recommend-menu[data-v-c57f71e4]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);z-index:100;flex-direction:column;gap:8px;min-width:180px;padding:12px;display:flex;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 12px 40px #0000004d}.menu-header[data-v-c57f71e4]{color:var(--text-muted);border-bottom:1px solid var(--border-color);padding-bottom:6px;font-size:12px}.skill-row[data-v-c57f71e4],.module-row[data-v-c57f71e4]{align-items:center;gap:12px;display:flex}.skill-label[data-v-c57f71e4],.module-label[data-v-c57f71e4]{color:var(--text-primary);min-width:30px;font-size:13px;font-weight:600}.skill-options[data-v-c57f71e4],.module-options[data-v-c57f71e4]{gap:6px;display:flex}.mastery-btn[data-v-c57f71e4],.level-btn[data-v-c57f71e4]{background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:6px;padding:4px 10px;font-size:12px}.mastery-btn[data-v-c57f71e4]:hover,.level-btn[data-v-c57f71e4]:hover{background:var(--bg-hover)}.mastery-btn.active[data-v-c57f71e4],.level-btn.active[data-v-c57f71e4]{color:#ff6b6b;background:#ff6b6b33;font-weight:600}.mastery-btn.clear[data-v-c57f71e4],.level-btn.clear[data-v-c57f71e4]{color:var(--text-muted)}.mastery-btn.clear.active[data-v-c57f71e4],.level-btn.clear.active[data-v-c57f71e4]{background:var(--bg-hover);color:var(--text-muted)}.close-btn[data-v-c57f71e4]{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.close-btn[data-v-c57f71e4]:hover{background:var(--bg-hover);color:var(--text-primary)}.close-btn .icon[data-v-c57f71e4]{width:20px;height:20px}.panel-content[data-v-c57f71e4]{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:24px;overflow-y:auto}.panel-content[data-v-c57f71e4]::-webkit-scrollbar{display:none}.large-image-section[data-v-c57f71e4]{margin-bottom:24px}.image-loading-overlay[data-v-c57f71e4]{background:var(--bg-tertiary);border-radius:var(--radius-lg);z-index:5;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-spinner[data-v-c57f71e4]{border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin-c57f71e4}@keyframes spin-c57f71e4{to{transform:rotate(360deg)}}.image-container[data-v-c57f71e4]{border-radius:var(--radius-lg);width:100%;position:relative;overflow:hidden}.large-image[data-v-c57f71e4]{border-radius:var(--radius-lg);object-fit:cover;width:100%;display:block}.image-hidden[data-v-c57f71e4]{opacity:0;visibility:hidden}.nav-btn[data-v-c57f71e4]{color:#fff;cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);z-index:10;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-btn[data-v-c57f71e4]:hover{background:#000c;transform:translateY(-50%)scale(1.1)}.prev-btn[data-v-c57f71e4]{left:8px}.next-btn[data-v-c57f71e4]{right:8px}.nav-icon[data-v-c57f71e4]{width:24px;height:24px}.image-placeholder[data-v-c57f71e4]{background:var(--bg-tertiary);border-radius:var(--radius-lg);width:100%;height:200px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.info-section[data-v-c57f71e4],.talents-section[data-v-c57f71e4],.skills-section[data-v-c57f71e4],.modules-section[data-v-c57f71e4]{margin-bottom:24px}.info-section h3[data-v-c57f71e4],.talents-section h3[data-v-c57f71e4],.skills-section h3[data-v-c57f71e4],.modules-section h3[data-v-c57f71e4]{color:var(--accent);margin-bottom:12px;font-size:14px;font-weight:600}.info-grid[data-v-c57f71e4]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.info-item[data-v-c57f71e4]{background:var(--bg-tertiary);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:12px;display:flex}.info-label[data-v-c57f71e4]{color:var(--text-muted);font-size:12px}.info-value[data-v-c57f71e4]{color:var(--text-primary);font-size:14px;font-weight:500}.talent-list[data-v-c57f71e4],.skill-list[data-v-c57f71e4],.module-list[data-v-c57f71e4]{flex-direction:column;gap:12px;display:flex}.talent-item[data-v-c57f71e4],.skill-item[data-v-c57f71e4],.module-item[data-v-c57f71e4]{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:12px}.talent-name[data-v-c57f71e4],.skill-name[data-v-c57f71e4]{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600}.talent-desc[data-v-c57f71e4]{color:var(--text-secondary);font-size:13px;line-height:1.5}.talent-line[data-v-c57f71e4]{margin-bottom:8px}.talent-line[data-v-c57f71e4]:last-child{margin-bottom:0}.highlight-text[data-v-c57f71e4]{color:var(--accent);font-weight:500}.skill-header[data-v-c57f71e4]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.skill-num[data-v-c57f71e4]{color:var(--text-muted);font-size:12px}.skill-levels[data-v-c57f71e4]{flex-direction:column;gap:8px;display:flex}.skill-level[data-v-c57f71e4],.module-level[data-v-c57f71e4]{flex-direction:column;gap:4px;display:flex}.level-label[data-v-c57f71e4]{color:var(--accent);font-size:12px;font-weight:500}.level-desc[data-v-c57f71e4]{color:var(--text-secondary);font-size:13px;line-height:1.4}.module-header[data-v-c57f71e4]{margin-bottom:8px}.module-type[data-v-c57f71e4]{color:var(--text-primary);font-size:14px;font-weight:600}.module-levels[data-v-c57f71e4]{flex-direction:column;gap:8px;display:flex}.fade-enter-active[data-v-c57f71e4],.fade-leave-active[data-v-c57f71e4]{transition:opacity var(--transition-fast)}.fade-enter-from[data-v-c57f71e4],.fade-leave-to[data-v-c57f71e4]{opacity:0}.ark-operators[data-v-4d5ea73a]{flex-direction:column;height:100%;display:flex}.content-area[data-v-4d5ea73a]{scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow-y:auto}.content-area[data-v-4d5ea73a]::-webkit-scrollbar{display:none}.loading-state[data-v-4d5ea73a]{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;display:flex}.loading-spinner[data-v-4d5ea73a]{border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin-4d5ea73a}@keyframes spin-4d5ea73a{to{transform:rotate(360deg)}}.loading-state p[data-v-4d5ea73a]{color:var(--text-secondary)}.empty-state[data-v-4d5ea73a]{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.empty-state h2[data-v-4d5ea73a]{color:var(--text-primary);margin-bottom:8px;font-size:18px}.empty-state p[data-v-4d5ea73a]{color:var(--text-secondary)}.operators-grid[data-v-4d5ea73a]{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;display:grid}.operator-card[data-v-4d5ea73a]{cursor:pointer;transition:transform var(--transition-fast);flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.operator-card[data-v-4d5ea73a]:hover{animation:.3s ease-in-out shake-4d5ea73a}@keyframes shake-4d5ea73a{0%,to{transform:translate(0)}25%{transform:translate(-3px)rotate(-2deg)}75%{transform:translate(3px)rotate(2deg)}}.avatar-wrapper[data-v-4d5ea73a]{background:var(--bg-tertiary);border-radius:8px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative;overflow:hidden}.operator-avatar[data-v-4d5ea73a]{object-fit:cover;width:100%;height:100%}.operator-name[data-v-4d5ea73a]{color:var(--text-primary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:11px;font-weight:500;overflow:hidden}.hover-tooltip[data-v-4d5ea73a]{color:#fff;white-space:nowrap;text-align:center;z-index:10;background:#000000bf;border-radius:4px;padding:4px 6px;font-size:10px;position:absolute;bottom:4px;left:4px;right:4px}.profession-branch[data-v-4d5ea73a]{font-weight:500}.overlay[data-v-4d5ea73a]{z-index:200;background:#00000080;position:fixed;inset:0}.fade-enter-active[data-v-4d5ea73a],.fade-leave-active[data-v-4d5ea73a]{transition:opacity var(--transition-fast)}.fade-enter-from[data-v-4d5ea73a],.fade-leave-to[data-v-4d5ea73a]{opacity:0}.slide-enter-active[data-v-4d5ea73a],.slide-leave-active[data-v-4d5ea73a]{transition:transform var(--transition-normal)}.slide-enter-from[data-v-4d5ea73a],.slide-leave-to[data-v-4d5ea73a]{transform:translate(100%)}.ark-container[data-v-8d4a8ae5]{flex-direction:column;height:100%;display:flex}.ark-content[data-v-8d4a8ae5]{flex:1;overflow:hidden}.settings-page[data-v-b19ac695]{flex-direction:column;height:100%;display:flex}.content-area[data-v-b19ac695]{background:var(--gradient-panel);border-radius:var(--radius-xl);scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:32px 32px 48px;overflow-y:auto;box-shadow:inset 0 1px #ffffff1a,0 8px 32px #0006}.content-area[data-v-b19ac695]::-webkit-scrollbar{display:none}.ark-section[data-v-b19ac695]{margin-bottom:32px}.section-title[data-v-b19ac695]{color:var(--text-primary);margin-bottom:20px;font-size:18px;font-weight:600}.setting-card[data-v-b19ac695]{background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:16px;padding:20px}.setting-header[data-v-b19ac695]{margin-bottom:16px}.setting-header h3[data-v-b19ac695]{color:var(--text-primary);margin-bottom:6px;font-size:16px;font-weight:600}.setting-desc[data-v-b19ac695]{color:var(--text-secondary);font-size:13px;line-height:1.4}.setting-body[data-v-b19ac695]{flex-direction:column;gap:12px;display:flex}.input-row[data-v-b19ac695]{gap:12px;display:flex}.operator-input[data-v-b19ac695]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);outline:none;flex:1;padding:12px 16px;font-size:14px}.operator-input[data-v-b19ac695]:focus{border-color:var(--accent)}.operator-input[data-v-b19ac695]::placeholder{color:var(--text-muted)}.action-btn[data-v-b19ac695]{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:12px 24px;font-size:14px;font-weight:500}.action-btn[data-v-b19ac695]:disabled{opacity:.5;cursor:not-allowed}.action-btn.primary[data-v-b19ac695]{background:var(--accent);color:#fff}.action-btn.primary[data-v-b19ac695]:hover:not(:disabled){background:var(--accent-hover)}.action-btn.warning[data-v-b19ac695]{color:#fff;background:#f59e0b}.action-btn.warning[data-v-b19ac695]:hover:not(:disabled){background:#d97706}.modal-overlay[data-v-b19ac695]{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-b19ac695]{background:var(--gradient-panel);border-radius:var(--radius-lg);width:90%;max-width:500px;padding:32px;box-shadow:inset 0 1px #ffffff1a,0 16px 48px #00000080}.modal-content h3[data-v-b19ac695]{color:var(--text-primary);margin-bottom:16px;font-size:18px;font-weight:600}.modal-warning[data-v-b19ac695]{color:var(--text-secondary);margin-bottom:12px;font-size:14px}.modal-list[data-v-b19ac695]{color:var(--text-secondary);margin-bottom:16px;padding-left:20px;font-size:13px}.modal-list li[data-v-b19ac695]{margin-bottom:8px}.modal-question[data-v-b19ac695]{color:var(--text-primary);margin-bottom:24px;font-size:14px;font-weight:500}.modal-actions[data-v-b19ac695]{justify-content:flex-end;gap:12px;display:flex}.modal-btn[data-v-b19ac695]{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:12px 24px;font-size:14px;font-weight:500}.modal-btn[data-v-b19ac695]:disabled{opacity:.5;cursor:not-allowed}.modal-btn.cancel[data-v-b19ac695]{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.modal-btn.cancel[data-v-b19ac695]:hover:not(:disabled){background:var(--bg-tertiary)}.modal-btn.confirm[data-v-b19ac695]{background:var(--accent);color:#fff}.modal-btn.confirm[data-v-b19ac695]:hover:not(:disabled){background:var(--accent-hover)}.result-modal[data-v-b19ac695]{max-width:600px}.success-title[data-v-b19ac695]{color:var(--accent);font-size:18px}.error-title[data-v-b19ac695]{color:#ff6b6b;font-size:18px}.result-summary[data-v-b19ac695]{color:var(--text-secondary);margin-bottom:16px;font-size:14px}.success-details[data-v-b19ac695]{border-radius:var(--radius-md);background:#00d4aa1a;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px;display:flex}.operator-item.success[data-v-b19ac695]{border-radius:var(--radius-sm);background:#00d4aa0d;flex-direction:column;gap:4px;padding:12px;display:flex}.op-name[data-v-b19ac695]{color:var(--text-primary);font-size:14px;font-weight:600}.op-info[data-v-b19ac695]{color:var(--accent);font-size:13px}.op-assets[data-v-b19ac695]{color:var(--text-muted);font-size:12px}.error-info[data-v-b19ac695]{margin-bottom:16px}.error-msg[data-v-b19ac695]{color:var(--text-secondary);margin-bottom:8px;font-size:14px}.error-solution[data-v-b19ac695]{color:var(--accent);font-size:13px}.failed-details[data-v-b19ac695]{border-radius:var(--radius-md);background:#ff6b6b1a;margin-bottom:24px;padding:16px}.failed-details h4[data-v-b19ac695]{color:#ff6b6b;margin-bottom:12px;font-size:14px;font-weight:600}.operator-item.error[data-v-b19ac695]{border-radius:var(--radius-sm);background:#ff6b6b0d;flex-direction:column;gap:4px;margin-bottom:8px;padding:12px;display:flex}.operator-item.error .op-name[data-v-b19ac695]{color:#ff6b6b}.op-error[data-v-b19ac695]{color:var(--text-secondary);font-size:13px}.op-solution[data-v-b19ac695]{color:var(--accent);font-size:12px}.settings-card[data-v-b19ac695]{flex-direction:column;gap:24px;display:flex}.setting-item[data-v-b19ac695]{background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px;display:flex}.setting-info h3[data-v-b19ac695]{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600}.setting-info p[data-v-b19ac695]{color:var(--text-secondary);font-size:13px}.setting-value[data-v-b19ac695]{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);align-items:center;gap:12px;padding:10px 20px;display:flex}.value-text[data-v-b19ac695]{color:var(--text-secondary);font-size:14px}.check-update-btn[data-v-b19ac695]{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;padding:6px 12px;font-size:12px;font-weight:500}.check-update-btn[data-v-b19ac695]:hover:not(:disabled){background:var(--accent-hover)}.check-update-btn[data-v-b19ac695]:disabled{opacity:.5;cursor:not-allowed}.version-info[data-v-b19ac695]{color:var(--text-secondary);margin-bottom:8px;font-size:14px}.success-text[data-v-b19ac695]{color:var(--accent);text-align:center;font-size:14px}.update-summary[data-v-b19ac695]{color:var(--text-secondary);font-size:14px;line-height:1.8}.update-summary p[data-v-b19ac695]{margin-bottom:8px}.update-summary strong[data-v-b19ac695]{color:var(--text-primary)}.progress-modal[data-v-b19ac695]{text-align:center;max-width:400px}.progress-info[data-v-b19ac695]{margin-bottom:16px}.progress-bar-container[data-v-b19ac695]{background:var(--bg-secondary);border-radius:4px;width:100%;height:8px;margin-bottom:16px;overflow:hidden}.progress-bar[data-v-b19ac695]{background:var(--accent);height:100%;transition:width .3s}.progress-status[data-v-b19ac695]{color:var(--text-secondary);margin-bottom:8px;font-size:14px}.progress-name[data-v-b19ac695]{color:var(--text-primary);margin-bottom:4px;font-size:13px}.progress-count[data-v-b19ac695]{color:var(--text-muted);font-size:12px}.progress-percent[data-v-b19ac695]{color:var(--text-secondary);font-size:14px}.sync-stats[data-v-b19ac695]{border-radius:var(--radius-md);background:#00d4aa1a;justify-content:center;gap:24px;margin-bottom:24px;padding:16px;display:flex}.stat-item[data-v-b19ac695]{flex-direction:column;gap:4px;display:flex}.stat-label[data-v-b19ac695]{color:var(--text-muted);font-size:12px}.stat-value[data-v-b19ac695]{color:var(--accent);font-size:18px;font-weight:600}.app-layout[data-v-7839b210]{min-height:100vh;display:flex;overflow:hidden}.main-content[data-v-7839b210]{padding:94px 16px 48px calc(16px + var(--sidebar-width) + 16px);transition:padding-left var(--transition-normal);box-sizing:border-box;flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.main-content.collapsed[data-v-7839b210]{padding-left:calc(16px + var(--sidebar-collapsed) + 16px)}.placeholder[data-v-7839b210]{justify-content:center;align-items:center;min-height:400px;display:flex}.update-dialog-overlay[data-v-7839b210]{z-index:3000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.update-dialog[data-v-7839b210]{background:var(--gradient-panel);border-radius:var(--radius-xl);text-align:center;border:1px solid #ffffff1a;min-width:400px;max-width:500px;padding:32px;box-shadow:0 12px 48px #0009}.dialog-icon[data-v-7839b210]{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.dialog-icon.success[data-v-7839b210]{background:#22c55e33}.dialog-icon.success .icon[data-v-7839b210]{color:#22c55e}.dialog-icon.error[data-v-7839b210]{background:#ef444433}.dialog-icon.error .icon[data-v-7839b210]{color:#ef4444}.dialog-icon .icon[data-v-7839b210]{width:32px;height:32px}.update-dialog h3[data-v-7839b210]{color:var(--text-primary);margin:0 0 8px;font-size:20px;font-weight:600}.update-dialog p[data-v-7839b210]{color:var(--text-secondary);margin:0 0 24px;font-size:14px;line-height:1.5}.dialog-btn[data-v-7839b210]{background:var(--accent);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;padding:10px 32px;font-size:14px;font-weight:500}.dialog-btn[data-v-7839b210]:hover{background:var(--accent-dark)}.fade-enter-active[data-v-7839b210],.fade-leave-active[data-v-7839b210]{transition:opacity var(--transition-fast)}.fade-enter-from[data-v-7839b210],.fade-leave-to[data-v-7839b210]{opacity:0}.placeholder h1[data-v-7839b210]{color:var(--accent);text-transform:capitalize;font-size:32px;font-weight:600}.icp-footer[data-v-7839b210]{background:var(--bg-primary);border-top:1px solid var(--border-color);z-index:100;justify-content:center;align-items:center;height:32px;display:flex;position:fixed;bottom:0;left:0;right:0}.icp-footer a[data-v-7839b210]{color:var(--text-muted);transition:color var(--transition-fast);font-size:12px;text-decoration:none}.icp-footer a[data-v-7839b210]:hover{color:var(--text-secondary)}