.search-container[data-v-7c87c06c]{padding:24px 0;background-color:var(--bg-secondary)}.search-wrapper[data-v-7c87c06c]{max-width:680px;margin:0 auto;position:relative}.search-mode-selector[data-v-7c87c06c]{display:flex;margin-bottom:12px;justify-content:center}.mode-btn[data-v-7c87c06c]{background:transparent;border:none;color:var(--text-secondary);font-size:14px;padding:8px 16px;cursor:pointer;position:relative;transition:color .2s}.mode-btn.active[data-v-7c87c06c]{color:var(--accent-primary);font-weight:500}.mode-btn.active[data-v-7c87c06c]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--accent-primary)}.search-engine-selector[data-v-7c87c06c]{display:flex;margin-bottom:12px;justify-content:center}.engine-btn[data-v-7c87c06c]{background:transparent;border:none;color:var(--text-secondary);font-size:14px;padding:8px 16px;cursor:pointer;position:relative;transition:color .2s}.engine-btn.active[data-v-7c87c06c]{color:var(--accent-primary);font-weight:500}.engine-btn.active[data-v-7c87c06c]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--accent-primary)}.search-form[data-v-7c87c06c]{position:relative;display:flex;align-items:center;background-color:var(--bg-primary);border-radius:24px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000d;transition:box-shadow .2s}.search-form[data-v-7c87c06c]:focus-within{box-shadow:0 4px 12px #0000001a}.search-input[data-v-7c87c06c]{flex:1;padding:12px 20px;background:transparent;border:none;outline:none;font-size:16px;color:var(--text-primary)}.search-input[data-v-7c87c06c]::placeholder{color:var(--text-tertiary)}.search-btn[data-v-7c87c06c]{background:transparent;border:none;padding:8px 16px;cursor:pointer;font-size:16px;color:var(--text-secondary);transition:color .2s;font-weight:500}.search-btn[data-v-7c87c06c]:hover{color:var(--accent-primary)}.starry-theme{color:#a0a8ff;text-shadow:0 0 5px rgba(160,168,255,.5);background:linear-gradient(135deg,#6478ff1a,#a0a8ff0d);border-radius:0 24px 24px 0;border-left:1px solid rgba(160,168,255,.2)}.starry-theme{color:#c0d0ff;text-shadow:0 0 8px rgba(192,208,255,.7);background:linear-gradient(135deg,#6478ff33,#a0a8ff1a)}.starry-theme{color:#a0a8ff}.starry-theme{color:#c0d0ff}.starry-theme{background-color:#c0d0ff}.search-suggestions[data-v-7c87c06c]{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-primary);border-radius:12px;box-shadow:0 4px 16px #0000001a;z-index:50;margin-top:8px;overflow:hidden}.search-suggestions ul[data-v-7c87c06c]{list-style:none;padding:0;margin:0}.search-suggestions li[data-v-7c87c06c]{padding:12px 20px;cursor:pointer;transition:background-color .2s}.search-suggestions li[data-v-7c87c06c]:hover{background-color:var(--bg-hover)}@media(max-width:768px){.search-container[data-v-7c87c06c]{padding:16px 0}.search-wrapper[data-v-7c87c06c]{max-width:100%;padding:0 16px}.search-input[data-v-7c87c06c]{padding:10px 16px;font-size:14px}.search-btn[data-v-7c87c06c]{padding:6px 12px;font-size:16px}.mode-btn[data-v-7c87c06c],.engine-btn[data-v-7c87c06c]{padding:6px 12px;font-size:13px}}.recent-visits[data-v-1616d697]{margin:0 20px 20px;padding:16px;background-color:var(--bg-secondary, #fff);border-radius:8px;box-shadow:0 2px 8px #0000000d;border:1px solid var(--border-color, #e0e0e0);width:calc(100% - 40px)}.container[data-v-1616d697]{width:100%}.section-header[data-v-1616d697]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title[data-v-1616d697]{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;margin:0;color:var(--text-primary)}.title-icon[data-v-1616d697]{font-size:18px}.header-actions[data-v-1616d697]{display:flex;gap:8px;align-items:center}.clear-btn[data-v-1616d697],.view-more-btn[data-v-1616d697],.view-less-btn[data-v-1616d697]{color:var(--text-tertiary);font-size:12px;padding:4px 8px;background-color:transparent;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .2s}.clear-btn[data-v-1616d697]:hover{color:var(--danger-color);border-color:var(--danger-color)}.view-more-btn[data-v-1616d697]:hover,.view-less-btn[data-v-1616d697]:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.visits-container[data-v-1616d697]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding-bottom:8px}.visits-container.show-all[data-v-1616d697]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));overflow-x:visible;padding-bottom:0}.visits-container[data-v-1616d697]::-webkit-scrollbar{height:6px}.visits-container[data-v-1616d697]::-webkit-scrollbar-track{background:transparent}.visits-container[data-v-1616d697]::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.visit-item[data-v-1616d697]{background-color:var(--bg-secondary);border-radius:8px;padding:16px;border:1px solid var(--border-color);display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s;height:100%}.visits-container.show-all .visit-item[data-v-1616d697]{max-width:none;min-width:auto}.visit-item[data-v-1616d697]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--accent-primary)}.visit-icon[data-v-1616d697]{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:var(--accent-primary);color:#fff;font-weight:700;transition:background-color .2s}[data-theme=starry] .visit-icon[data-v-1616d697]{background-color:#000;border:2px solid rgba(255,255,255,.5)}.visit-icon img[data-v-1616d697]{width:100%;height:100%;object-fit:cover;border-radius:50%}.default-icon[data-v-1616d697]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff;background-color:var(--accent-primary)}[data-theme=starry] .default-icon[data-v-1616d697]{color:#fff;background-color:#000}.visit-info[data-v-1616d697]{flex:1;min-width:0}.visit-name[data-v-1616d697]{font-size:14px;font-weight:600;margin:0 0 4px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visit-meta[data-v-1616d697]{font-size:11px;color:var(--text-secondary);margin:0;display:flex;gap:6px}.visit-actions[data-v-1616d697]{opacity:0;transition:opacity .2s}.visit-item:hover .visit-actions[data-v-1616d697]{opacity:1}.action-btn[data-v-1616d697]{background:transparent;border:none;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;transition:all .2s;color:var(--text-tertiary)}.action-btn[data-v-1616d697]:hover{background-color:var(--bg-hover);color:var(--danger-color)}.empty-state[data-v-1616d697]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-icon[data-v-1616d697]{font-size:36px;margin-bottom:12px;opacity:.5}.empty-title[data-v-1616d697]{font-size:16px;font-weight:600;margin:0 0 8px;color:var(--text-secondary)}.empty-description[data-v-1616d697]{font-size:13px;color:var(--text-tertiary);margin:0;max-width:400px}@media(max-width:768px){.section-header[data-v-1616d697]{margin-bottom:12px}.section-title[data-v-1616d697]{font-size:16px}.visits-container[data-v-1616d697]{gap:8px}.visit-item[data-v-1616d697]{padding:10px;gap:8px;min-width:180px;max-width:220px}.visit-icon[data-v-1616d697]{width:32px;height:32px}.visit-name[data-v-1616d697]{font-size:13px}.visit-meta[data-v-1616d697]{font-size:10px}.visit-actions[data-v-1616d697]{opacity:1}.action-btn[data-v-1616d697]{width:18px;height:18px;font-size:9px}.empty-state[data-v-1616d697]{padding:30px 20px}.empty-icon[data-v-1616d697]{font-size:30px;margin-bottom:10px}.empty-title[data-v-1616d697]{font-size:15px}.empty-description[data-v-1616d697]{font-size:12px}}@media(max-width:768px){.visits-container[data-v-1616d697]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px}.visits-container.show-all[data-v-1616d697]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.settings-overlay[data-v-5790fd55]{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.settings-panel[data-v-5790fd55]{background-color:var(--bg-primary);border-radius:12px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #0003;overflow:hidden}.panel-header[data-v-5790fd55]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.panel-title[data-v-5790fd55]{font-size:20px;font-weight:600;margin:0;color:var(--text-primary)}.close-btn[data-v-5790fd55]{background:transparent;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:var(--text-secondary);transition:all .2s}.close-btn[data-v-5790fd55]:hover{background-color:var(--bg-hover);color:var(--text-primary)}.panel-content[data-v-5790fd55]{flex:1;overflow-y:auto;padding:20px}.settings-section[data-v-5790fd55]{margin-bottom:32px}.section-title[data-v-5790fd55]{font-size:16px;font-weight:600;margin:0 0 16px;color:var(--text-primary)}.setting-item[data-v-5790fd55]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.setting-item[data-v-5790fd55]:last-child{border-bottom:none}.setting-item.danger[data-v-5790fd55]{color:var(--danger-color)}.setting-label[data-v-5790fd55]{font-size:14px;color:var(--text-primary)}.setting-control[data-v-5790fd55]{display:flex;align-items:center}.radio-group[data-v-5790fd55]{display:flex;gap:16px}.radio-option[data-v-5790fd55]{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;color:var(--text-primary)}.select-input[data-v-5790fd55]{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:14px;min-width:100px}.switch[data-v-5790fd55]{position:relative;display:inline-block;width:44px;height:24px}.switch input[data-v-5790fd55]{opacity:0;width:0;height:0}.slider[data-v-5790fd55]{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-secondary);transition:.3s;border-radius:24px}.slider[data-v-5790fd55]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider[data-v-5790fd55]{background-color:var(--accent-primary)}input:checked+.slider[data-v-5790fd55]:before{transform:translate(20px)}.panel-footer[data-v-5790fd55]{padding:20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}@media(max-width:768px){.settings-overlay[data-v-5790fd55]{padding:0}.settings-panel[data-v-5790fd55]{max-width:100%;max-height:100vh;border-radius:0}.panel-header[data-v-5790fd55],.panel-content[data-v-5790fd55],.panel-footer[data-v-5790fd55]{padding:16px}.setting-item[data-v-5790fd55]{flex-direction:column;align-items:flex-start;gap:12px}.radio-group[data-v-5790fd55]{flex-wrap:wrap;gap:12px}}.app{min-height:100vh;background-color:var(--bg-primary);transition:background-color .3s,color .3s}.main-content{flex:1;padding-bottom:40px}.recent-visits-container{margin-bottom:20px}.categories-container{padding:20px}.category-section{margin-bottom:40px}.category-header{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color, #e0e0e0)}.category-title{font-size:24px;font-weight:600;margin:0;display:flex;align-items:center;gap:10px}.category-icon{font-size:20px}.category-count{font-size:14px;color:var(--text-secondary, #666);font-weight:400}.sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.sites-grid.list{grid-template-columns:1fr;gap:10px}.site-item{height:100%}.site-card{display:flex;align-items:center;padding:16px;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;background-color:var(--bg-secondary, #fff);transition:transform .2s,box-shadow .2s;cursor:pointer}.site-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.site-icon{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color, #3498db);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:12px;overflow:hidden;position:relative;transition:background-color .2s}[data-theme=starry] .site-icon{background-color:#000;border:2px solid rgba(255,255,255,.5)}.site-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}.site-icon .default-icon{width:100%;height:100%;display:none;align-items:center;justify-content:center;font-weight:700;background-color:var(--accent-primary, #3498db);color:#fff}[data-theme=starry] .site-icon .default-icon{color:#fff;background-color:#000}.site-info{flex:1}.site-name{font-size:1rem;font-weight:500;margin:0;color:var(--text-primary, #333)}.site-url{font-size:.8rem;color:var(--text-secondary, #666);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-actions button{padding:6px 12px;background-color:var(--primary-color, #3498db);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem}.site-actions button:hover{background-color:var(--primary-color-dark, #2980b9)}.empty-state{grid-column:1 / -1;text-align:center;padding:40px 20px;color:var(--text-secondary, #666)}.empty-icon{font-size:48px;margin-bottom:16px}.empty-title{font-size:18px;margin-bottom:8px;color:var(--text-primary, #333)}.empty-description{font-size:14px;margin:0}.light-theme{color-scheme:light}.dark-theme{color-scheme:dark}@media(max-width:768px){.main-content{padding-bottom:20px}.categories-container{padding:10px}.sites-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px}}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #eeeeee;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #999999;--accent-primary: #3498db;--accent-secondary: #2980b9;--border-color: #e0e0e0;--shadow-light: 0 2px 4px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 8px rgba(0, 0, 0, .15);--shadow-heavy: 0 8px 16px rgba(0, 0, 0, .2);--card-bg: #ffffff;--card-hover-bg: #f9f9f9;--transition-speed: .3s}[data-theme=dark]{--bg-primary: #0a0a0f;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--text-primary: #eaeaea;--text-secondary: #b8b8b8;--text-tertiary: #888888;--accent-primary: #7c3aed;--accent-secondary: #6d28d9;--border-color: #2a2a3e;--shadow-light: 0 2px 4px rgba(0, 0, 0, .3);--shadow-medium: 0 4px 8px rgba(0, 0, 0, .4);--shadow-heavy: 0 8px 16px rgba(0, 0, 0, .5);--card-bg: rgba(26, 26, 46, .7);--card-hover-bg: rgba(26, 26, 46, .9)}[data-theme=starry]{--bg-primary: #000000;--bg-secondary: rgba(30, 30, 30, .8);--bg-tertiary: rgba(50, 50, 50, .9);--text-primary: #ffffff;--text-secondary: #cccccc;--text-tertiary: #999999;--accent-primary: #ffffff;--accent-secondary: #e0e0e0;--border-color: rgba(255, 255, 255, .2);--shadow-light: 0 2px 8px rgba(255, 255, 255, .1);--shadow-medium: 0 4px 12px rgba(255, 255, 255, .15);--shadow-heavy: 0 8px 24px rgba(255, 255, 255, .2);--card-bg: rgba(30, 30, 30, .6);--card-hover-bg: rgba(50, 50, 50, .8);--glow-color: rgba(255, 255, 255, .6)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color var(--transition-speed),color var(--transition-speed);overflow-x:hidden}[data-theme=starry] body{position:relative;background:#000;overflow-x:hidden;will-change:background}[data-theme=starry] body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,rgba(30,30,60,.4) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(60,30,90,.3) 0%,transparent 50%),radial-gradient(ellipse at 50% 20%,rgba(40,40,80,.3) 0%,transparent 60%),radial-gradient(ellipse at 30% 80%,rgba(50,20,70,.2) 0%,transparent 50%),radial-gradient(ellipse at 70% 50%,rgba(40,40,80,.1) 0%,transparent 70%);z-index:-2;animation:nebula 20s infinite alternate;will-change:transform,opacity}[data-theme=starry] body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1px 1px at 20px 30px,#ffffff,transparent),radial-gradient(1px 1px at 50px 50px,#ffffff,transparent),radial-gradient(1px 1px at 80px 10px,#ffffff,transparent),radial-gradient(1px 1px at 110px 120px,#ffffff,transparent),radial-gradient(.8px .8px at 25px 35px,#ffffff,transparent),radial-gradient(.8px .8px at 55px 55px,#ffffff,transparent),radial-gradient(.8px .8px at 85px 15px,#ffffff,transparent),radial-gradient(.8px .8px at 115px 125px,#ffffff,transparent),radial-gradient(.5px .5px at 30px 40px,#ffffff,transparent),radial-gradient(.5px .5px at 60px 60px,#ffffff,transparent),radial-gradient(.5px .5px at 90px 20px,#ffffff,transparent),radial-gradient(.5px .5px at 120px 130px,#ffffff,transparent);background-repeat:repeat;background-size:200px 200px;animation:twinkle 5s infinite alternate;opacity:.9;z-index:-1;will-change:opacity,transform}[data-theme=starry][data-performance-level=low] body:after{background-image:radial-gradient(1px 1px at 20px 30px,#ffffff,transparent),radial-gradient(1px 1px at 80px 10px,#ffffff,transparent),radial-gradient(.8px .8px at 55px 55px,#ffffff,transparent),radial-gradient(.5px .5px at 30px 40px,#ffffff,transparent),radial-gradient(.5px .5px at 120px 130px,#ffffff,transparent);background-size:250px 250px}[data-theme=starry][data-performance-level=low] body:before{animation:nebula 30s infinite alternate}[data-theme=starry][data-performance-level=low] body:after{animation:twinkle 8s infinite alternate}[data-theme=starry][data-performance-level=low] .constellation:before{animation:constellation 40s infinite alternate}[data-theme=starry][data-performance-level=low] .milky-way:before{animation:milkyway 50s infinite alternate}[data-theme=starry][data-performance-level=medium] body:after{background-image:radial-gradient(1px 1px at 20px 30px,#ffffff,transparent),radial-gradient(1px 1px at 50px 50px,#ffffff,transparent),radial-gradient(1px 1px at 80px 10px,#ffffff,transparent),radial-gradient(.8px .8px at 25px 35px,#ffffff,transparent),radial-gradient(.8px .8px at 55px 55px,#ffffff,transparent),radial-gradient(.8px .8px at 85px 15px,#ffffff,transparent),radial-gradient(.5px .5px at 30px 40px,#ffffff,transparent),radial-gradient(.5px .5px at 60px 60px,#ffffff,transparent);background-size:200px 200px}[data-theme=starry][data-performance-level=medium] body:before{animation:nebula 20s infinite alternate}[data-theme=starry][data-performance-level=medium] body:after{animation:twinkle 5s infinite alternate}[data-theme=starry][data-performance-level=medium] .constellation:before{animation:constellation 30s infinite alternate}[data-theme=starry][data-performance-level=medium] .milky-way:before{animation:milkyway 40s infinite alternate}[data-theme=starry][data-performance-level=high] body:after{background-image:radial-gradient(1px 1px at 20px 30px,#ffffff,transparent),radial-gradient(1px 1px at 50px 50px,#ffffff,transparent),radial-gradient(1px 1px at 80px 10px,#ffffff,transparent),radial-gradient(1px 1px at 110px 120px,#ffffff,transparent),radial-gradient(.8px .8px at 25px 35px,#ffffff,transparent),radial-gradient(.8px .8px at 55px 55px,#ffffff,transparent),radial-gradient(.8px .8px at 85px 15px,#ffffff,transparent),radial-gradient(.8px .8px at 115px 125px,#ffffff,transparent),radial-gradient(.5px .5px at 30px 40px,#ffffff,transparent),radial-gradient(.5px .5px at 60px 60px,#ffffff,transparent),radial-gradient(.5px .5px at 90px 20px,#ffffff,transparent),radial-gradient(.5px .5px at 120px 130px,#ffffff,transparent);background-size:200px 200px}[data-theme=starry][data-performance-level=high] body:before{animation:nebula 15s infinite alternate}[data-theme=starry][data-performance-level=high] body:after{animation:twinkle 3s infinite alternate}[data-theme=starry][data-performance-level=high] .constellation:before{animation:constellation 20s infinite alternate}[data-theme=starry][data-performance-level=high] .milky-way:before{animation:milkyway 30s infinite alternate}[data-theme=starry][data-performance-level=low] .mouse-trail,[data-theme=starry][data-performance-level=low] .mouse-sparkle{display:none}[data-theme=starry][data-performance-level=medium] .mouse-trail{opacity:.6}[data-theme=starry][data-performance-level=medium] .mouse-sparkle{opacity:.7}[data-theme=starry][data-performance-level=high] .mouse-trail{opacity:.8}[data-theme=starry][data-performance-level=high] .mouse-sparkle{opacity:1}.mobile-device [data-theme=starry] .mouse-trail,.mobile-device [data-theme=starry] .mouse-sparkle,.mobile-device [data-theme=starry] .custom-cursor{display:none!important}[data-theme=starry] .constellation{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}[data-theme=starry] .constellation:before{content:"";position:absolute;top:20%;left:10%;width:300px;height:200px;background-image:radial-gradient(2px 2px at 50px 50px,#ffffff,transparent),radial-gradient(1.5px 1.5px at 100px 30px,#ffffff,transparent),radial-gradient(1.5px 1.5px at 150px 80px,#ffffff,transparent),radial-gradient(2px 2px at 200px 40px,#ffffff,transparent),radial-gradient(1px 1px at 250px 100px,#ffffff,transparent),radial-gradient(1.5px 1.5px at 80px 150px,#ffffff,transparent),radial-gradient(1px 1px at 180px 170px,#ffffff,transparent);animation:constellation 30s infinite alternate}[data-theme=starry] .milky-way{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}[data-theme=starry] .milky-way:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 40%,rgba(255,255,255,.05) 0%,transparent 40%),radial-gradient(ellipse at 70% 60%,rgba(255,255,255,.03) 0%,transparent 50%),radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.04) 0%,transparent 45%),radial-gradient(ellipse at 40% 70%,rgba(255,255,255,.03) 0%,transparent 40%);transform:rotate(-15deg);animation:milkyway 40s infinite alternate}@keyframes twinkle{0%{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.05)}to{opacity:.3;transform:scale(.95)}}@keyframes nebula{0%{opacity:.2;transform:rotate(0) scale(1)}50%{opacity:.3;transform:rotate(1deg) scale(1.1)}to{opacity:.25;transform:rotate(-1deg) scale(1)}}[data-theme=starry] .shooting-stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}[data-theme=starry] .shooting-star{position:absolute;top:-10px;width:2px;height:2px;background-color:#fff;box-shadow:0 0 10px 5px #fffc;animation:shooting 3s linear infinite;z-index:1}[data-theme=starry] .shooting-star:before{content:"";position:absolute;top:0;left:0;width:100px;height:2px;background:linear-gradient(to left,transparent,rgba(255,255,255,.8));transform:translate(2px)}[data-theme=starry] .shooting-star:nth-child(2n){background-color:#fff;box-shadow:0 0 8px 4px #fff9;animation-duration:4s;animation-delay:1s}[data-theme=starry] .shooting-star:nth-child(2n):before{width:80px;background:linear-gradient(to left,transparent,rgba(255,255,255,.6))}[data-theme=starry] .shooting-star:nth-child(3n){background-color:#fff;box-shadow:0 0 6px 3px #fff6;animation-duration:5s;animation-delay:2s}[data-theme=starry] .shooting-star:nth-child(3n):before{width:120px;background:linear-gradient(to left,transparent,rgba(255,255,255,.4))}[data-theme=starry] .shooting-star:nth-child(4n){background-color:#fff;box-shadow:0 0 12px 6px #ffffffb3;animation-duration:3.5s;animation-delay:.5s}[data-theme=starry] .shooting-star:nth-child(4n):before{width:150px;background:linear-gradient(to left,transparent,rgba(255,255,255,.7))}[data-theme=starry] .shooting-star:nth-child(5n){background-color:#fff;box-shadow:0 0 5px 2px #ffffff80;animation-duration:6s;animation-delay:1.5s}[data-theme=starry] .shooting-star:nth-child(5n):before{width:60px;background:linear-gradient(to left,transparent,rgba(255,255,255,.5))}@keyframes shooting{0%{transform:translate(0) translateY(0) rotate(-45deg);opacity:1}70%{opacity:1}to{transform:translate(-500px) translateY(500px) rotate(-45deg);opacity:0}}[data-theme=starry] .mouse-cursor{position:fixed;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,#fffc,#fff0 70%);pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:opacity .3s ease}[data-theme=starry] .mouse-cursor:before{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,#fff6,#fff0 70%);transform:translate(-50%,-50%)}[data-theme=starry] .mouse-cursor:after{content:"";position:absolute;top:50%;left:50%;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,#fff3,#fff0 70%);transform:translate(-50%,-50%)}[data-theme=starry] .mouse-trail{position:fixed;width:4px;height:4px;border-radius:50%;background:#fff;pointer-events:none;z-index:9998;animation:fadeOut 2s forwards}@keyframes fadeOut{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(.2)}}@keyframes comet{0%{top:10%;left:10%;opacity:0}5%{opacity:1}95%{opacity:1}to{top:80%;left:90%;opacity:0}}[data-theme=starry] .mouse-trail{position:fixed;width:10px;height:10px;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,rgba(255,255,255,.4) 50%,transparent 70%);border-radius:50%;pointer-events:none;z-index:9996;transform:translate(-50%,-50%);animation:fadeOut 2s forwards;will-change:opacity,transform}[data-theme=starry] .mouse-sparkle{position:fixed;width:2px;height:2px;background:#fff;border-radius:50%;pointer-events:none;z-index:9997;box-shadow:0 0 6px 2px #fffc;animation:sparkle 1s forwards;will-change:opacity,transform}@keyframes sparkle{0%{opacity:1;transform:scale(0) rotate(0)}50%{opacity:.8;transform:scale(1.5) rotate(180deg)}to{opacity:0;transform:scale(0) rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}.rounded{border-radius:8px}.shadow{box-shadow:var(--shadow-light)}.shadow-medium{box-shadow:var(--shadow-medium)}.shadow-heavy{box-shadow:var(--shadow-heavy)}.transition{transition:all var(--transition-speed) ease}.category-title{font-size:24px;font-weight:600;margin:0;display:flex;align-items:center;gap:10px;color:var(--text-primary)}[data-theme=starry] .category-title{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);position:relative}[data-theme=starry] .category-title:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#ffffff,transparent);border-radius:1px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-speed);text-decoration:none;outline:none}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover{background-color:var(--accent-secondary);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--border-color)}.btn-icon{padding:8px;background-color:transparent;color:var(--text-secondary)}.btn-icon:hover{color:var(--text-primary);background-color:var(--bg-secondary)}[data-theme=starry] .btn{border-radius:20px;box-shadow:0 0 10px #ffffff4d;transition:all .3s}[data-theme=starry] .btn-primary{background:linear-gradient(45deg,#fff,#e0e0e0);box-shadow:0 0 15px #ffffff80;color:#000}[data-theme=starry] .btn-primary:hover{background:linear-gradient(45deg,#f0f0f0,#d0d0d0);box-shadow:0 0 20px #ffffffb3;transform:translateY(-2px)}[data-theme=starry] .btn-secondary{border:1px solid rgba(255,255,255,.5);background-color:#ffffff1a;color:#fff}[data-theme=starry] .btn-secondary:hover{background-color:#fff3;border-color:#fffc;box-shadow:0 0 10px #ffffff80}[data-theme=starry] .btn-icon{color:#fffc}[data-theme=starry] .btn-icon:hover{color:#fff;background-color:#ffffff1a;box-shadow:0 0 8px #fff6}.input{padding:10px 16px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;background-color:var(--bg-primary);color:var(--text-primary);transition:border-color var(--transition-speed)}.input:focus{outline:none;border-color:var(--accent-primary)}[data-theme=starry] .input{background:#1e1e1eb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff}[data-theme=starry] .input:focus{border-color:#ffffffb3;box-shadow:0 0 10px #fff6}.select-input{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:14px;outline:none;cursor:pointer}[data-theme=starry] .select-input{background:#1e1e1eb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--accent-primary)}input:checked+.slider:before{transform:translate(26px)}[data-theme=starry] .slider{background-color:#ffffff4d}[data-theme=starry] input:checked+.slider{background-color:#fff;box-shadow:0 0 10px #ffffff80}.radio-group{display:flex;flex-wrap:wrap;gap:12px}.radio-option{display:flex;align-items:center;cursor:pointer}.radio-option input[type=radio]{margin-right:6px}.radio-label{font-size:14px}[data-theme=starry] .radio-label{color:#fff}[data-theme=starry] .radio-option input[type=radio]:checked+.radio-label{color:#fff;font-weight:500}.recent-visits{margin-bottom:20px}.recent-visits-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.recent-visits-title{font-size:18px;font-weight:600;color:var(--text-primary)}.recent-visits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.recent-visits-list{display:flex;flex-direction:column;gap:8px}[data-theme=starry] .recent-visits-title{color:#fff}[data-theme=starry] .recent-visit-item{background:#1e1e1eb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #fff3}[data-theme=starry] .recent-visit-item:hover{background:#282828cc;border-color:#ffffff80;box-shadow:0 8px 25px #fff6}.search-bar{position:relative;width:100%;max-width:600px;margin:0 auto 20px}.search-input{width:100%;padding:12px 45px 12px 16px;border:1px solid var(--border-color);border-radius:24px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:16px;outline:none;transition:all .2s}.search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #3498db33}.search-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s}.search-button:hover{background-color:var(--bg-tertiary);color:var(--accent-primary)}[data-theme=starry] .search-input{background:#1e1e1eb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;box-shadow:0 4px 15px #fff3}[data-theme=starry] .search-input:focus{border-color:#ffffffb3;box-shadow:0 0 15px #fff6}[data-theme=starry] .search-button{color:#ffffffb3}[data-theme=starry] .search-button:hover{background-color:#fff3;color:#fff}.settings-panel{background-color:var(--bg-secondary);border-radius:8px;box-shadow:var(--shadow-light);width:90%;max-width:500px;max-height:80vh;overflow-y:auto;position:relative}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.panel-title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:4px;transition:all .2s}.close-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}[data-theme=starry] .settings-panel{background:#1e1e1ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #ffffff4d}[data-theme=starry] .panel-header{border-bottom-color:#ffffff4d}[data-theme=starry] .panel-title{color:#fff}[data-theme=starry] .close-btn{color:#ffffffb3}[data-theme=starry] .close-btn:hover{background-color:#fff3;color:#fff}.card{background-color:var(--card-bg);border-radius:8px;padding:16px;box-shadow:var(--shadow-light);transition:all var(--transition-speed)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}[data-theme=starry] .card{background:#1e1e1eb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #fff3;transition:all .3s}[data-theme=starry] .card:hover{background:#282828cc;border-color:#ffffff80;box-shadow:0 8px 25px #fff6;transform:translateY(-3px)}[data-theme=starry] .site-card{background:#1e1e1eb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #fff3;transition:all .3s;position:relative;overflow:hidden}[data-theme=starry] .site-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .6s}[data-theme=starry] .site-card:hover:before{transform:translate(100%)}[data-theme=starry] .site-card:hover{background:#282828cc;border-color:#ffffff80;box-shadow:0 8px 25px #fff6;transform:translateY(-3px)}[data-theme=starry] .site-icon{background:linear-gradient(135deg,#4a4a4a,#2a2a2a);box-shadow:0 0 10px #ffffff80}.grid{display:grid;gap:16px}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}@media(max-width:768px){.container{padding:0 16px}.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(1,1fr)}}@media(min-width:769px)and (max-width:1024px){.grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px)and (max-width:1280px){.grid-cols-4,.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(3,1fr)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn var(--transition-speed) ease-in-out}.slide-up{animation:slideUp var(--transition-speed) ease-in-out}