:root{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-tertiary: #eef1f5;--text-primary: #1a1a2e;--text-secondary: #4a4a68;--text-muted: #8888a0;--accent-primary: #6366f1;--accent-secondary: #818cf8;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--border-color: rgba(0, 0, 0, .08);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--sidebar-bg: linear-gradient(180deg, #1e1e2f 0%, #2d2d44 100%);--sidebar-text: #e0e0e8;--sidebar-active: rgba(99, 102, 241, .2);--card-bg: #ffffff;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--sidebar-width: 200px;--sidebar-collapsed: 64px;--header-height: 70px;--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.6}#app{display:flex;min-height:100vh}.background-layer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:var(--bg-primary);overflow:hidden}.background-layer.has-image{background-size:cover;background-position:center;background-attachment:fixed}.background-layer.has-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:var(--accent-primary);border-radius:50%;opacity:.4;animation:float 15s infinite}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:.4}25%{transform:translateY(-100px) translate(50px);opacity:.8}50%{transform:translateY(-200px) translate(-30px);opacity:.4}75%{transform:translateY(-100px) translate(-50px);opacity:.6}}.sidebar{position:fixed;left:0;top:0;width:var(--sidebar-width);height:100vh;background:var(--sidebar-bg);display:flex;flex-direction:column;z-index:100;transition:width var(--transition-normal);box-shadow:4px 0 20px #00000026}.sidebar-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.logo{display:flex;align-items:center;gap:12px;color:#fff;font-size:1.25rem;font-weight:600}.logo i{font-size:1.5rem;color:var(--accent-secondary)}.nav-list{flex:1;list-style:none;padding:16px 0;overflow-y:auto}.nav-list::-webkit-scrollbar{width:4px}.nav-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.nav-item{display:flex;align-items:center;gap:12px;padding:14px 20px;color:var(--sidebar-text);cursor:pointer;transition:all var(--transition-fast);position:relative;font-size:.95rem}.nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--accent-primary);border-radius:0 3px 3px 0;transition:height var(--transition-fast)}.nav-item:hover{background:#ffffff0d}.nav-item:hover:before{height:50%}.nav-item.active{background:var(--sidebar-active);color:#fff}.nav-item.active:before{height:70%;background:var(--accent-secondary)}.nav-item i{width:24px;text-align:center;font-size:1.1rem;opacity:.9}.settings-item{margin-top:auto;border-top:1px solid rgba(255,255,255,.1)}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:transparent;position:sticky;top:0;z-index:50}.search-container{flex:1;max-width:70%;margin:0 auto;position:relative}.search-box{display:flex;align-items:center;background:var(--bg-secondary);border-radius:50px;box-shadow:var(--shadow-md);overflow:hidden;border:2px solid transparent;transition:all var(--transition-fast)}.search-box:focus-within{border-color:var(--accent-primary);box-shadow:var(--shadow-lg),0 0 0 4px #6366f11a}.search-engine-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:12px;transition:background var(--transition-fast)}.search-engine-btn:hover{background:var(--bg-tertiary)}.search-engine-btn img{width:24px;height:24px;object-fit:contain}.search-input{flex:1;border:none;outline:none;padding:14px 0;font-size:1rem;background:transparent;color:var(--text-primary)}.search-input::placeholder{color:var(--text-muted)}.search-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);border:none;cursor:pointer;color:#fff;font-size:1rem;margin:4px;border-radius:50%;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.search-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #6366f166}.search-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:var(--bg-secondary);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);display:none;overflow:hidden;z-index:100}.search-suggestions.visible{display:block;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.suggestions-header{padding:12px 16px;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.suggestions-list{list-style:none;max-height:320px;overflow-y:auto}.suggestion-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:default;transition:background var(--transition-fast)}.suggestion-item:hover,.suggestion-item.selected{background:var(--bg-tertiary)}.suggestion-item .suggestion-icon,.suggestion-item .suggestion-info{cursor:pointer}.suggestion-item .suggestion-info:hover .suggestion-name{color:var(--accent-primary)}.suggestion-icon{width:32px;height:32px;border-radius:8px;object-fit:contain;background:var(--bg-tertiary);padding:4px}.suggestion-info{flex:1;min-width:0}.suggestion-name{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-name mark{background:#6366f133;color:var(--accent-primary);padding:0 2px;border-radius:2px}.suggestion-desc{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-category{font-size:.75rem;color:var(--text-muted);background:var(--bg-tertiary);padding:4px 8px;border-radius:12px;flex-shrink:0}.suggestion-actions{display:flex;gap:4px;opacity:0;transition:opacity var(--transition-fast);flex-shrink:0}.suggestion-item:hover .suggestion-actions{opacity:1}.suggestion-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:6px;cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast)}.suggestion-action-btn:hover{background:var(--accent-primary);color:#fff}.suggestion-action-btn.edit-btn:hover{background:#22c55e}.suggestion-action-btn.locate-btn:hover{background:#3b82f6}.suggestions-footer{padding:10px 16px;font-size:.8rem;color:var(--text-muted);border-top:1px solid var(--border-color);text-align:center}.engine-dropdown{position:absolute;top:60px;left:0;background:var(--bg-secondary);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-md);display:none;overflow:hidden;z-index:101;min-width:150px}.engine-dropdown.visible{display:block;animation:slideDown .15s ease}.engine-option{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:background var(--transition-fast)}.engine-option:hover{background:var(--bg-tertiary)}.engine-option img{width:20px;height:20px}.engine-option.active{background:#6366f11a;color:var(--accent-primary)}.user-area{position:absolute;right:32px}.login-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--accent-gradient);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:500;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.user-menu{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--bg-secondary);border-radius:25px;box-shadow:var(--shadow-sm)}.user-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--accent-primary)}.user-name{font-weight:500;color:var(--text-primary)}.logout-btn{background:transparent;border:none;cursor:pointer;color:var(--text-muted);padding:4px;transition:color var(--transition-fast)}.logout-btn:hover{color:#ef4444}.content-wrapper{display:flex;flex:1;padding:0 32px 32px;gap:24px}.content-area{flex:1;position:relative}.category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.category-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);position:relative;padding-left:16px}.category-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:var(--accent-gradient);border-radius:2px}.view-toggle{display:flex;gap:4px;background:var(--bg-tertiary);padding:4px;border-radius:8px}.view-btn{padding:8px 12px;background:transparent;border:none;cursor:pointer;color:var(--text-muted);border-radius:6px;transition:all var(--transition-fast)}.view-btn:hover{color:var(--text-primary)}.view-btn.active{background:var(--bg-secondary);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.sites-container{min-height:200px}.sites-container.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px}.site-card{display:flex;flex-direction:column;align-items:center;padding:20px 16px;background:var(--card-bg);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;position:relative;border:1px solid var(--border-color)}.site-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-primary)}.site-card.highlight-locate{animation:highlightPulse 1s ease-in-out 3;border-color:var(--accent-primary);box-shadow:0 0 0 4px #6366f14d,var(--shadow-lg)}@keyframes highlightPulse{0%,to{box-shadow:0 0 0 4px #6366f14d,var(--shadow-lg)}50%{box-shadow:0 0 0 8px #6366f133,var(--shadow-lg)}}.site-card.removing{animation:shake .5s ease-in-out infinite}.site-card.removing .remove-btn{display:flex}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.site-icon{width:48px;height:48px;border-radius:12px;object-fit:contain;margin-bottom:12px;background:var(--bg-tertiary);padding:8px}.site-name{font-size:.9rem;font-weight:500;color:var(--text-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.remove-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#ef4444;color:#fff;border:none;border-radius:50%;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:.75rem;box-shadow:0 2px 8px #ef444466;transition:transform var(--transition-fast)}.remove-btn:hover{transform:scale(1.1)}.sites-container.list-view{display:flex;flex-direction:column;gap:8px}.sites-container.list-view .site-card{flex-direction:row;padding:12px 16px;gap:16px}.sites-container.list-view .site-icon{width:36px;height:36px;margin-bottom:0;padding:6px}.sites-container.list-view .site-name{text-align:left;flex:1}.sites-container.list-view .site-card:hover{transform:translate(4px)}.add-site-btn{position:fixed;bottom:32px;right:32px;width:56px;height:56px;background:var(--accent-gradient);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:1.5rem;box-shadow:var(--shadow-lg);transition:transform var(--transition-fast),box-shadow var(--transition-fast);z-index:50}.add-site-btn:hover{transform:scale(1.1);box-shadow:0 8px 24px #6366f166}.recent-visits{width:280px;flex-shrink:0;background:var(--bg-secondary);border-radius:var(--border-radius);padding:20px;height:fit-content;position:sticky;top:calc(var(--header-height) + 16px);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.recent-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.recent-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.recent-title i{color:var(--accent-primary)}.clear-recent-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast)}.clear-recent-btn:hover{background:#ef44441a;color:#ef4444}.recent-list{list-style:none;display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.recent-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--border-radius-sm);cursor:pointer;transition:background var(--transition-fast)}.recent-item:hover{background:var(--bg-tertiary)}.recent-item-icon{width:28px;height:28px;border-radius:6px;object-fit:contain;background:var(--bg-tertiary);padding:4px}.recent-item-info{flex:1;min-width:0}.recent-item-name{font-size:.9rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-item-time{font-size:.75rem;color:var(--text-muted)}.context-menu{position:fixed;background:var(--bg-secondary);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-lg);min-width:180px;display:none;z-index:1000;overflow:hidden;border:1px solid var(--border-color)}.context-menu.visible{display:block;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.menu-item{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:background var(--transition-fast);font-size:.9rem}.menu-item:hover{background:var(--bg-tertiary)}.menu-item.danger:hover{background:#ef44441a;color:#ef4444}.menu-item i:first-child{width:18px;text-align:center;color:var(--text-muted)}.menu-item i:last-child{margin-left:auto;font-size:.75rem;color:var(--text-muted)}.submenu{position:fixed;background:var(--bg-secondary);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-lg);min-width:160px;max-height:300px;overflow-y:auto;display:none;border:1px solid var(--border-color);z-index:1001}.menu-item[data-action=moveTo]:hover~.submenu,.submenu:hover{display:block}.submenu-item{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;transition:background var(--transition-fast);font-size:.85rem;color:var(--text-primary)}.submenu-item:hover{background:var(--bg-tertiary)}.submenu-item.empty{color:var(--text-muted);cursor:default}.submenu-item.empty:hover{background:transparent}.submenu-item i{width:18px;text-align:center;color:var(--accent-primary)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:1000}.modal.visible{display:flex}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:32px;max-width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalIn .25s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:50%;cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast)}.modal-close:hover{background:#ef4444;color:#fff}.modal-title{font-size:1.25rem;font-weight:600;margin-bottom:24px;color:var(--text-primary)}.auth-modal{width:400px}.auth-tabs{display:flex;gap:4px;margin-bottom:24px;background:var(--bg-tertiary);padding:4px;border-radius:8px}.auth-tab{flex:1;padding:10px;background:transparent;border:none;cursor:pointer;font-size:.95rem;color:var(--text-muted);border-radius:6px;transition:all var(--transition-fast)}.auth-tab.active{background:var(--bg-secondary);color:var(--accent-primary);font-weight:500;box-shadow:var(--shadow-sm)}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:.95rem;background:var(--bg-primary);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.auth-submit{padding:14px;background:var(--accent-gradient);color:#fff;border:none;border-radius:var(--border-radius-sm);font-size:1rem;font-weight:500;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);margin-top:8px}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.auth-message{text-align:center;font-size:.9rem;margin-top:12px;padding:10px;border-radius:var(--border-radius-sm)}.auth-message.error{background:#ef44441a;color:#ef4444}.auth-message.success{background:#22c55e1a;color:#22c55e}.site-modal{width:480px}.url-input-group,.icon-input-group{display:flex;gap:8px;align-items:center}.url-input-group input,.icon-input-group input{flex:1}.fetch-btn,.upload-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);color:#fff;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:transform var(--transition-fast)}.fetch-btn:hover,.upload-btn:hover{transform:scale(1.05)}.icon-preview{width:42px;height:42px;border-radius:var(--border-radius-sm);object-fit:contain;background:var(--bg-tertiary);padding:6px}.form-actions{display:flex;gap:12px;margin-top:16px}.cancel-btn{flex:1;padding:12px;background:var(--bg-tertiary);color:var(--text-secondary);border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:background var(--transition-fast)}.cancel-btn:hover{background:var(--border-color)}.submit-btn{flex:2;padding:12px;background:var(--accent-gradient);color:#fff;border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:500;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.settings-panel{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);z-index:200;overflow-y:auto}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10}.settings-header h2{display:flex;align-items:center;gap:12px;font-size:1.25rem}.settings-header h2 i{color:var(--accent-primary)}.close-settings{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:50%;cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast)}.close-settings:hover{background:#ef4444;color:#fff}.settings-content{max-width:800px;margin:0 auto;padding:32px}.settings-section{background:var(--bg-secondary);border-radius:var(--border-radius);padding:24px;margin-bottom:24px;border:1px solid var(--border-color)}.settings-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border-color)}.setting-item:last-child{border-bottom:none;padding-bottom:0}.setting-item label{font-weight:500;color:var(--text-secondary)}.setting-control{display:flex;align-items:center;gap:8px}.setting-control select{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-primary);color:var(--text-primary)}.setting-control input[type=text]{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-primary);color:var(--text-primary);width:200px}.theme-options{display:flex;gap:8px;flex-wrap:wrap}.theme-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);min-width:80px}.theme-btn:hover{border-color:var(--accent-primary)}.theme-btn.active{border-color:var(--accent-primary);background:#6366f11a}.theme-btn i{font-size:1.25rem;color:var(--accent-primary)}.theme-btn span{font-size:.8rem;color:var(--text-secondary)}.switch{position:relative;width:48px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--bg-tertiary);border-radius:26px;transition:background var(--transition-fast)}.slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform var(--transition-fast);box-shadow:0 2px 4px #0003}.switch input:checked+.slider{background:var(--accent-primary)}.switch input:checked+.slider:before{transform:translate(22px)}.import-btn,.export-btn,.upload-bg-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}.import-btn:hover,.export-btn:hover,.upload-bg-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.category-manager{display:flex;flex-direction:column;gap:12px}.category-list{list-style:none;display:flex;flex-direction:column;gap:8px}.category-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-primary);border-radius:var(--border-radius-sm);border:1px solid var(--border-color)}.category-item i:first-child{color:var(--accent-primary);width:24px;text-align:center}.category-item span{flex:1}.category-item-actions{display:flex;gap:4px}.category-item-actions button{padding:6px 8px;background:transparent;border:none;cursor:pointer;color:var(--text-muted);border-radius:4px;transition:all var(--transition-fast)}.category-item-actions button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.category-item-actions button.delete:hover{background:#ef44441a;color:#ef4444}.add-category-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:transparent;border:2px dashed var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast)}.add-category-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.category-modal{width:400px}.password-toggle{display:flex;align-items:center;gap:12px}.password-toggle-label{font-size:.9rem;color:var(--text-secondary)}.password-fields{animation:slideDown .2s ease}.password-input-group{display:flex;align-items:center;gap:8px;position:relative}.password-input-group input{flex:1;padding-right:42px}.toggle-password-btn{position:absolute;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--text-muted);border-radius:4px;transition:color var(--transition-fast)}.toggle-password-btn:hover{color:var(--accent-primary)}.password-hint{font-size:.8rem;color:var(--text-muted);margin-top:8px;display:flex;align-items:center;gap:4px}.password-hint:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900}.password-modal{width:380px;text-align:center}.password-modal-icon{width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:#6366f11a;border-radius:50%}.password-modal-icon i{font-size:1.75rem;color:var(--accent-primary)}.password-modal .modal-title{margin-bottom:8px}.password-modal-desc{font-size:.9rem;color:var(--text-muted);margin-bottom:20px}.password-verify-form .form-group{margin-bottom:16px}.password-verify-form .form-actions{margin-top:20px}.forgot-password-link{margin-top:16px}.forgot-password-link a{font-size:.85rem;color:var(--accent-primary);text-decoration:none}.forgot-password-link a:hover{text-decoration:underline}.password-error{color:#ef4444;font-size:.85rem;margin-top:12px;min-height:20px}.forgot-password-modal{width:400px;text-align:center}.forgot-password-content{margin-top:20px}.full-width{width:100%}.forgot-password-hint{font-size:.85rem;color:var(--text-muted);margin:16px 0;position:relative}.forgot-password-hint:before,.forgot-password-hint:after{content:"";position:absolute;top:50%;width:25%;height:1px;background:var(--border-color)}.forgot-password-hint:before{left:0}.forgot-password-hint:after{right:0}.nav-item .lock-icon{margin-left:auto;font-size:.75rem;color:var(--text-muted);opacity:.6}.category-item .lock-badge{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:10px}.category-item .lock-badge i{font-size:.65rem}.icon-picker{position:relative}.icon-picker input{width:100%;cursor:pointer}.icon-grid{display:none;position:absolute;top:100%;left:0;right:0;margin-top:8px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-md);grid-template-columns:repeat(8,1fr);gap:8px;max-height:200px;overflow-y:auto;z-index:10}.icon-picker:focus-within .icon-grid{display:grid}.icon-option{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:6px;cursor:pointer;transition:all var(--transition-fast)}.icon-option:hover{background:var(--accent-primary);color:#fff}.toast-container{position:fixed;bottom:32px;left:50%;transform:translate(-50%);z-index:2000;display:flex;flex-direction:column;gap:8px}.toast{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--bg-secondary);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-lg);animation:toastIn .3s ease;border-left:4px solid var(--accent-primary)}.toast.success{border-left-color:#22c55e}.toast.error{border-left-color:#ef4444}.toast.warning{border-left-color:#f59e0b}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-out{animation:toastOut .3s ease forwards}@keyframes toastOut{to{opacity:0;transform:translateY(-20px)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sortable-ghost{opacity:.4}.sortable-chosen{box-shadow:var(--shadow-lg)}.sortable-drag{opacity:1!important}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted)}.empty-state i{font-size:4rem;margin-bottom:16px;opacity:.5}.empty-state p{font-size:1rem;margin-bottom:20px}.empty-state button{padding:10px 20px;background:var(--accent-gradient);color:#fff;border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:500}@media (max-width: 1200px){.recent-visits{display:none}}@media (max-width: 900px){.sidebar{width:var(--sidebar-collapsed)}.sidebar .logo span,.sidebar .nav-item span,.sidebar .settings-item span{display:none}.main-content{margin-left:var(--sidebar-collapsed)}.search-container{max-width:90%}}@media (max-width: 600px){.top-bar{padding:12px 16px}.content-wrapper{padding:0 16px 16px}.sites-container.grid-view{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.site-card{padding:16px 12px}.site-icon{width:40px;height:40px}.add-site-btn{bottom:16px;right:16px;width:48px;height:48px;font-size:1.25rem}}[data-theme=dark]{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-tertiary: #252542;--text-primary: #e8e8f0;--text-secondary: #b8b8c8;--text-muted: #6a6a80;--border-color: rgba(255, 255, 255, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--card-bg: #1a1a2e;--glass-bg: rgba(26, 26, 46, .7);--glass-border: rgba(255, 255, 255, .1)}[data-theme=dark] .search-box{background:var(--bg-secondary)}[data-theme=dark] .search-input::placeholder{color:var(--text-muted)}[data-theme=glass]{--bg-primary: transparent;--bg-secondary: rgba(255, 255, 255, .1);--bg-tertiary: rgba(255, 255, 255, .15);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-muted: rgba(255, 255, 255, .5);--border-color: rgba(255, 255, 255, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--card-bg: rgba(255, 255, 255, .1);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--sidebar-bg: linear-gradient(180deg, rgba(30, 30, 47, .95) 0%, rgba(45, 45, 68, .95) 100%)}[data-theme=glass] .background-layer{background:linear-gradient(135deg,#667eea,#764ba2,#6b8dd6)}[data-theme=glass] .sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--sidebar-bg)}[data-theme=glass] .search-box{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border)}[data-theme=glass] .search-suggestions,[data-theme=glass] .engine-dropdown{background:#1e1e2ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border)}[data-theme=glass] .site-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border)}[data-theme=glass] .site-card:hover{background:#ffffff26;border-color:#ffffff4d}[data-theme=glass] .recent-visits{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border)}[data-theme=glass] .context-menu,[data-theme=glass] .modal-content{background:#1e1e2ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border)}[data-theme=glass] .settings-panel{background:#0f0f1af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=glass] .settings-header{background:#1a1a2ee6}[data-theme=glass] .settings-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border)}[data-theme=glass] .toast{background:#1e1e2ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=glass] .user-menu{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border)}[data-theme=glass] .form-group input,[data-theme=glass] .form-group select,[data-theme=glass] .form-group textarea{background:#ffffff1a;border-color:var(--glass-border)}.bg-gradient-purple{background:linear-gradient(135deg,#667eea,#764ba2)}.bg-gradient-blue{background:linear-gradient(135deg,#2193b0,#6dd5ed)}.bg-gradient-green{background:linear-gradient(135deg,#11998e,#38ef7d)}.bg-gradient-orange{background:linear-gradient(135deg,#f093fb,#f5576c)}.bg-gradient-dark{background:linear-gradient(135deg,#232526,#414345)}.bg-gradient-sunset{background:linear-gradient(135deg,#fa709a,#fee140)}.bg-gradient-ocean{background:linear-gradient(135deg,#0575e6,#021b79)}.bg-gradient-forest{background:linear-gradient(135deg,#134e5e,#71b280)}body{transition:background-color .3s ease,color .3s ease}.sidebar,.search-box,.site-card,.recent-visits,.modal-content,.context-menu,.settings-panel,.settings-section{transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}[data-accent=blue]{--accent-primary: #3b82f6;--accent-secondary: #60a5fa;--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%)}[data-accent=green]{--accent-primary: #22c55e;--accent-secondary: #4ade80;--accent-gradient: linear-gradient(135deg, #22c55e 0%, #16a34a 100%)}[data-accent=red]{--accent-primary: #ef4444;--accent-secondary: #f87171;--accent-gradient: linear-gradient(135deg, #ef4444 0%, #dc2626 100%)}[data-accent=orange]{--accent-primary: #f97316;--accent-secondary: #fb923c;--accent-gradient: linear-gradient(135deg, #f97316 0%, #ea580c 100%)}[data-accent=pink]{--accent-primary: #ec4899;--accent-secondary: #f472b6;--accent-gradient: linear-gradient(135deg, #ec4899 0%, #db2777 100%)}[data-accent=teal]{--accent-primary: #14b8a6;--accent-secondary: #2dd4bf;--accent-gradient: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%)}.background-layer.custom-bg{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.background-layer.custom-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0006}[data-theme=light] .background-layer.custom-bg:before{background:#ffffff80}[data-theme=dark] .background-layer.custom-bg:before{background:#0009}[data-theme=glass] .background-layer.custom-bg:before{background:#0000004d}