.top-bar[data-v-5a69162f]{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);position:sticky;top:0;z-index:200;transition:background-color .3s,border-color .3s}.top-bar.dark[data-v-5a69162f]{background:#0a0a0ff2;border-bottom-color:#ffffff0d}.top-bar-left[data-v-5a69162f]{display:flex;align-items:center}.top-bar-right[data-v-5a69162f]{display:flex;align-items:center;gap:8px}.logo[data-v-5a69162f]{display:flex;align-items:center;gap:10px}.logo-icon[data-v-5a69162f]{width:36px;height:36px;border-radius:50%;object-fit:cover}.logo-text[data-v-5a69162f]{font-size:18px;font-weight:600;background:linear-gradient(135deg,#4a90d9,#6a5acd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.top-bar-btn[data-v-5a69162f]{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;background:transparent;color:#333;font-size:14px;transition:all .2s}.top-bar.dark .top-bar-btn[data-v-5a69162f]{color:#fff}.top-bar-btn[data-v-5a69162f]:hover{background:#4a90d91a}.top-bar-btn svg[data-v-5a69162f]{width:20px;height:20px}.dropdown-arrow[data-v-5a69162f]{width:14px;height:14px}.language-dropdown[data-v-5a69162f]{position:relative}.language-btn[data-v-5a69162f]{padding:8px 12px;gap:6px}.language-btn span[data-v-5a69162f]{font-weight:500}.lang-menu[data-v-5a69162f]{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border-radius:8px;padding:4px;min-width:120px;box-shadow:0 4px 20px #00000026;z-index:300}.lang-menu.dark[data-v-5a69162f]{background:#2d2d44}.lang-item[data-v-5a69162f]{width:100%;padding:8px 12px;background:transparent;border:none;border-radius:4px;text-align:left;font-size:14px;color:#333;cursor:pointer;transition:background .2s}.lang-menu.dark .lang-item[data-v-5a69162f]{color:#fff}.lang-item[data-v-5a69162f]:hover{background:#4a90d91a}.lang-item.active[data-v-5a69162f]{background:#4a90d933;color:#4a90d9}.delete-btn.active[data-v-5a69162f]{background:#dc35451a;color:#dc3545;animation:pulse-5a69162f 1s infinite}@keyframes pulse-5a69162f{0%,to{opacity:1}50%{opacity:.7}}.top-bar.dark .delete-btn.active[data-v-5a69162f]{background:#dc354533}@media (max-width: 768px){.logo-text[data-v-5a69162f]{display:none}.language-btn span[data-v-5a69162f]{font-size:12px}}.search-box-container[data-v-b003f558]{display:flex;justify-content:center;padding:20px 0}.search-box[data-v-b003f558]{display:flex;align-items:center;width:100%;max-width:500px;padding:12px 16px;background:#f5f5f5;border-radius:12px;transition:all .3s}.search-box.dark[data-v-b003f558]{background:#1a1a24}.search-input[data-v-b003f558]{flex:1;background:transparent;border:none;font-size:16px;color:#333}.search-input.dark[data-v-b003f558]{color:#fff}.search-input[data-v-b003f558]::placeholder{color:#999}.dark .search-input[data-v-b003f558]::placeholder{color:#666}.clear-btn[data-v-b003f558]{background:transparent;color:#999;padding:4px;border-radius:4px;transition:color .2s;margin-right:8px}.clear-btn[data-v-b003f558]:hover{color:#666}.clear-btn svg[data-v-b003f558]{width:16px;height:16px}.search-btn[data-v-b003f558]{background:transparent;color:#999;padding:6px;border-radius:8px;transition:all .2s;flex-shrink:0}.search-btn[data-v-b003f558]:hover{background:#4a90d91a;color:#4a90d9}.search-btn.active[data-v-b003f558]{color:#4a90d9}.search-btn.active[data-v-b003f558]:hover{background:#4a90d933}.search-btn svg[data-v-b003f558]{width:18px;height:18px}.website-grid[data-v-ca9dd285]{display:grid;grid-template-columns:repeat(10,1fr);gap:16px;padding:20px 0;max-width:100%}.website-card[data-v-ca9dd285]{display:flex;flex-direction:column;align-items:center;padding:16px 8px;background:#fffc;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.website-card.dark[data-v-ca9dd285]{background:#1a1a24e6}.website-card[data-v-ca9dd285]:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000026}.website-card.dark[data-v-ca9dd285]:hover{box-shadow:0 8px 30px #0000004d}.website-card.selected[data-v-ca9dd285]{background:#4a90d933;border:2px solid #4a90d9}.website-card.delete-mode[data-v-ca9dd285]:hover{transform:none}.website-icon[data-v-ca9dd285]{width:48px;height:48px;border-radius:12px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;margin-bottom:8px;overflow:hidden}.dark .website-icon[data-v-ca9dd285]{background:#252530}.icon-img[data-v-ca9dd285]{width:100%;height:100%;object-fit:contain;padding:6px}.fallback-icon[data-v-ca9dd285]{display:none;width:100%;height:100%;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#666}.dark .fallback-icon[data-v-ca9dd285]{color:#aaa}.website-name[data-v-ca9dd285]{font-size:12px;color:#333;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .website-name[data-v-ca9dd285]{color:#fff}.delete-checkbox[data-v-ca9dd285]{position:absolute;top:6px;right:6px;width:18px;height:18px;color:#4a90d9}.add-card[data-v-ca9dd285]{border:2px dashed #ddd;background:transparent}.dark .add-card[data-v-ca9dd285]{border-color:#444}.add-card[data-v-ca9dd285]:hover{background:#4a90d91a;border-color:#4a90d9}.add-icon[data-v-ca9dd285]{width:48px;height:48px;border-radius:12px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;margin-bottom:8px;color:#4a90d9}.dark .add-icon[data-v-ca9dd285]{background:#252530}.add-icon svg[data-v-ca9dd285]{width:20px;height:20px}.add-text[data-v-ca9dd285]{font-size:12px;color:#666}.dark .add-text[data-v-ca9dd285]{color:#aaa}@media (max-width: 1200px){.website-grid[data-v-ca9dd285]{grid-template-columns:repeat(8,1fr)}}@media (max-width: 900px){.website-grid[data-v-ca9dd285]{grid-template-columns:repeat(6,1fr)}}@media (max-width: 600px){.website-grid[data-v-ca9dd285]{grid-template-columns:repeat(4,1fr);gap:12px}.website-icon[data-v-ca9dd285],.add-icon[data-v-ca9dd285]{width:40px;height:40px}}@media (max-width: 400px){.website-grid[data-v-ca9dd285]{grid-template-columns:repeat(3,1fr)}}.add-modal[data-v-63478dfc]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;padding:24px;width:90%;max-width:480px;z-index:200;box-shadow:0 20px 60px #0000004d}.add-modal.dark[data-v-63478dfc]{background:#1a1a24}.modal-header[data-v-63478dfc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #eee}.dark .modal-header[data-v-63478dfc]{border-color:#444}.modal-header h2[data-v-63478dfc]{font-size:20px;color:#333;margin:0}.dark .modal-header h2[data-v-63478dfc]{color:#fff}.close-btn[data-v-63478dfc]{background:transparent;color:#999;padding:8px;border-radius:8px;transition:all .2s}.close-btn[data-v-63478dfc]:hover{background:#f0f0f0;color:#666}.dark .close-btn[data-v-63478dfc]:hover{background:#444}.close-btn svg[data-v-63478dfc]{width:20px;height:20px}.form-group[data-v-63478dfc]{margin-bottom:20px}.form-group label[data-v-63478dfc]{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.dark .form-group label[data-v-63478dfc]{color:#fff}.form-input[data-v-63478dfc]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;color:#333;transition:border-color .2s}.form-input.dark[data-v-63478dfc]{background:#252530;border-color:#35354a;color:#e0e0e0}.form-input[data-v-63478dfc]:focus{border-color:#4a90d9}.form-input[data-v-63478dfc]::placeholder{color:#999}.icon-preview-label[data-v-63478dfc]{font-size:12px;color:#666;margin:8px 0 4px}.dark .icon-preview-label[data-v-63478dfc]{color:#aaa}.icon-preview[data-v-63478dfc]{width:48px;height:48px;border-radius:8px;background:#f5f5f5;padding:4px}.dark .icon-preview[data-v-63478dfc]{background:#3d3d5c}.modal-footer[data-v-63478dfc]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #eee}.dark .modal-footer[data-v-63478dfc]{border-color:#444}.btn[data-v-63478dfc]{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s}.btn-secondary[data-v-63478dfc]{background:#f5f5f5;color:#666}.btn-secondary[data-v-63478dfc]:hover{background:#e8e8e8}.dark .btn-secondary[data-v-63478dfc]{background:#444;color:#aaa}.dark .btn-secondary[data-v-63478dfc]:hover{background:#555}.btn-primary[data-v-63478dfc]{background:#4a90d9;color:#fff}.btn-primary[data-v-63478dfc]:hover{background:#3d7fc4}.settings-menu[data-v-86cab5e2]{position:fixed;top:70px;right:20px;background:#fff;border-radius:12px;padding:16px;width:280px;z-index:300;box-shadow:0 8px 30px #00000026}.settings-menu.dark[data-v-86cab5e2]{background:#1a1a24}.settings-header[data-v-86cab5e2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee}.dark .settings-header[data-v-86cab5e2]{border-color:#444}.settings-header h3[data-v-86cab5e2]{font-size:16px;color:#333;margin:0}.dark .settings-header h3[data-v-86cab5e2]{color:#fff}.close-btn[data-v-86cab5e2]{background:transparent;color:#999;padding:4px;border-radius:4px;transition:all .2s}.close-btn[data-v-86cab5e2]:hover{background:#f0f0f0;color:#666}.dark .close-btn[data-v-86cab5e2]:hover{background:#252530}.close-btn svg[data-v-86cab5e2]{width:18px;height:18px}.setting-item[data-v-86cab5e2]{margin-bottom:20px}.setting-item[data-v-86cab5e2]:last-child{margin-bottom:0}.setting-label[data-v-86cab5e2]{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#333;margin-bottom:12px}.dark .setting-label[data-v-86cab5e2]{color:#fff}.toggle-btn[data-v-86cab5e2]{width:44px;height:24px;background:#ddd;border-radius:12px;position:relative;transition:background .2s}.toggle-btn.active[data-v-86cab5e2]{background:#4a90d9}.toggle-thumb[data-v-86cab5e2]{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:left .2s}.toggle-btn.active .toggle-thumb[data-v-86cab5e2]{left:22px}.search-engine-options[data-v-86cab5e2]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.search-engine-item[data-v-86cab5e2]{padding:8px 12px;background:#f5f5f5;border:none;border-radius:8px;font-size:13px;color:#333;cursor:pointer;transition:all .2s}.dark .search-engine-item[data-v-86cab5e2]{background:#252530;color:#e0e0e0}.search-engine-item[data-v-86cab5e2]:hover{background:#4a90d91a}.search-engine-item.active[data-v-86cab5e2]{background:#4a90d933;color:#4a90d9}.wallpaper-options[data-v-86cab5e2]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wallpaper-item[data-v-86cab5e2]{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.wallpaper-item[data-v-86cab5e2]:hover{background:#4a90d91a}.wallpaper-item.active[data-v-86cab5e2]{background:#4a90d933;border:2px solid #4a90d9}.wallpaper-preview[data-v-86cab5e2]{width:64px;height:64px;border-radius:8px;background-size:cover;background-position:center;margin-bottom:6px}.default-preview[data-v-86cab5e2]{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border:2px dashed #ddd}.dark .default-preview[data-v-86cab5e2]{background:#3d3d5c;border-color:#555}.upload-preview[data-v-86cab5e2]{display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#666}.dark .upload-preview[data-v-86cab5e2]{background:#3d3d5c;color:#888}.upload-preview svg[data-v-86cab5e2]{width:24px;height:24px}.wallpaper-item span[data-v-86cab5e2],.search-engine-options span[data-v-86cab5e2]{font-size:11px;color:#666}.dark .wallpaper-item span[data-v-86cab5e2]{color:#aaa}.upload-input[data-v-86cab5e2]{display:none}.app[data-v-fc085958]{min-height:100vh;transition:background-color .3s,background-image .3s}.app.dark[data-v-fc085958]{background-color:#0a0a0f}.main-content[data-v-fc085958]{padding:20px;max-width:1200px;margin:0 auto}.modal-overlay[data-v-fc085958]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:100}.dark .modal-overlay[data-v-fc085958]{background:#000000d9}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #4a90d9;--secondary-color: #6c757d;--bg-color: #ffffff;--bg-dark-color: #0a0a0f;--text-color: #333333;--text-dark-color: #e0e0e0;--text-dark-muted: #888888;--card-bg: #f8f9fa;--card-dark-bg: #1a1a24;--card-dark-hover: #252530;--hover-color: rgba(74, 144, 217, .1);--border-radius: 12px;--shadow: 0 4px 20px rgba(0, 0, 0, .1);--shadow-dark: 0 4px 20px rgba(0, 0, 0, .3)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;transition:background-color .3s,color .3s}#app{min-height:100vh}button{cursor:pointer;border:none;outline:none}input{outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.dark ::-webkit-scrollbar-thumb{background:#ffffff26}