:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}.dark{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100vh;margin:0;padding:0;font-weight:400}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header[data-v-0297db61]{line-height:1.5;max-height:100vh}.logo[data-v-0297db61]{display:block;margin:0 auto 2rem}nav[data-v-0297db61]{width:100%;font-size:12px;text-align:center;margin-top:2rem}nav a.router-link-exact-active[data-v-0297db61]{color:var(--color-text)}nav a.router-link-exact-active[data-v-0297db61]:hover{background-color:transparent}nav a[data-v-0297db61]{display:inline-block;padding:0 1rem;border-left:1px solid var(--color-border)}nav a[data-v-0297db61]:first-of-type{border:0}@media (min-width: 1024px){header[data-v-0297db61]{display:flex;place-items:center;padding-right:calc(var(--section-gap) / 2)}.logo[data-v-0297db61]{margin:0 2rem 0 0}header .wrapper[data-v-0297db61]{display:flex;place-items:flex-start;flex-wrap:wrap}nav[data-v-0297db61]{text-align:left;margin-left:-1rem;font-size:1rem;padding:1rem 0;margin-top:1rem}}.lock-container[data-v-dc00df4b]{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:#2c3e50;padding:20px;z-index:9999}.lock-box[data-v-dc00df4b]{background:#fff;padding:40px;border-radius:16px;box-shadow:0 20px 60px #0000001a;width:100%;max-width:400px;text-align:center}.lock-box h1[data-v-dc00df4b]{color:#2d3748;margin-bottom:8px;font-size:28px;font-weight:600}.lock-description[data-v-dc00df4b]{color:#718096;margin-bottom:30px;font-size:16px}.lock-box .form-group[data-v-dc00df4b]{margin-bottom:20px;text-align:left}.lock-box .form-group label[data-v-dc00df4b]{display:block;margin-bottom:8px;color:#4a5568;font-weight:500;font-size:14px}.lock-box .form-input[data-v-dc00df4b]{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:all .3s ease;background:#fff}.lock-box .form-input[data-v-dc00df4b]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.unlock-btn[data-v-dc00df4b]{width:100%;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.unlock-btn[data-v-dc00df4b]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #667eea4d}.unlock-btn[data-v-dc00df4b]:disabled{opacity:.6;cursor:not-allowed;transform:none}.lock-box .error-message[data-v-dc00df4b]{margin-top:15px;padding:12px;background:#fed7d7;color:#c53030;border-radius:8px;font-size:14px;border:1px solid #feb2b2}.nav-home[data-v-dc00df4b]{display:flex;min-height:100vh;background-color:#f5f7fa}.sidebar[data-v-dc00df4b]{width:280px;background-color:#2c3e50;color:#fff;padding:0;box-shadow:2px 0 10px #0000001a;height:100vh;overflow:hidden;flex-shrink:0}.logo-section[data-v-dc00df4b]{display:flex;align-items:center;padding-left:20px;padding-top:13px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.1)}.logo[data-v-dc00df4b]{width:55px;height:55px;border-radius:12px;margin-right:15px}.site-title[data-v-dc00df4b]{font-size:24px;font-weight:600;margin:0;color:#fff}.category-nav[data-v-dc00df4b]{padding:20px 0;height:calc(100vh - 180px);overflow-y:auto}.nav-title[data-v-dc00df4b]{font-size:16px;font-weight:600;margin:0 20px 15px;color:#bdc3c7;text-transform:uppercase;letter-spacing:1px}.category-list[data-v-dc00df4b]{list-style:none;padding:0;margin:0}.category-item[data-v-dc00df4b]{display:flex;align-items:center;padding:12px 20px;cursor:pointer;transition:all .3s ease;position:relative}.category-item[data-v-dc00df4b]:hover{background-color:#ffffff1a;box-shadow:inset 4px 0 #3498db}.category-icon[data-v-dc00df4b]{font-size:18px;margin-right:12px;width:20px;text-align:center}.category-name[data-v-dc00df4b]{font-size:15px;font-weight:500}.sidebar-footer[data-v-dc00df4b]{padding:20px;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.social-links[data-v-dc00df4b]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;justify-items:center}.social-link[data-v-dc00df4b]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#bdc3c7;text-decoration:none;background:#ffffff0d;border-radius:10px;transition:all .3s ease}.social-link[data-v-dc00df4b]:hover{background:#ffffff26;color:#fff;transform:translateY(-3px) scale(1.05)}.social-link svg[data-v-dc00df4b]{flex-shrink:0}.main-content[data-v-dc00df4b]{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden}.search-header[data-v-dc00df4b]{background:#fff;padding:20px;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:15px;justify-content:space-between}.header-toolbar[data-v-dc00df4b]{display:flex;align-items:center;gap:10px}.contact-btn[data-v-dc00df4b]{display:flex;align-items:center;justify-content:center;width:38px;height:38px;color:#64748b;background:#f8f9fa;border:none;border-radius:8px;transition:all .3s ease;cursor:pointer}.contact-btn[data-v-dc00df4b]:hover{background:#e9ecef;color:#2c3e50;transform:translateY(-2px)}.contact-btn[data-v-dc00df4b]:active{transform:translateY(0)}.contact-popup-overlay[data-v-dc00df4b]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.contact-popup[data-v-dc00df4b]{background:#fff;border-radius:16px;padding:30px;max-width:400px;width:90%;box-shadow:0 20px 60px #0000004d;position:relative;animation:popupSlideIn-dc00df4b .3s ease-out}@keyframes popupSlideIn-dc00df4b{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.contact-popup-close[data-v-dc00df4b]{position:absolute;top:15px;right:15px;background:none;border:none;font-size:28px;color:#94a3b8;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.contact-popup-close[data-v-dc00df4b]:hover{background:#f1f5f9;color:#475569}.contact-popup-title[data-v-dc00df4b]{margin:0 0 25px;font-size:22px;font-weight:600;color:#1e293b;text-align:center}.contact-links-grid[data-v-dc00df4b]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.contact-link-item[data-v-dc00df4b]{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 15px;background:#f8fafc;border-radius:12px;text-decoration:none;transition:all .3s ease;cursor:pointer}.contact-link-item[data-v-dc00df4b]:hover{background:#e2e8f0;transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.contact-link-icon[data-v-dc00df4b]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease}.contact-link-icon.bilibili[data-v-dc00df4b]{background:linear-gradient(135deg,#00a1d6,#00b5e5)}.contact-link-icon.qq[data-v-dc00df4b]{background:linear-gradient(135deg,#12b7f5,#1296db)}.contact-link-icon.email[data-v-dc00df4b]{background:linear-gradient(135deg,#ea4335,#d33b2c)}.contact-link-icon.linux[data-v-dc00df4b]{background:linear-gradient(135deg,#4ade80,#22c55e)}.contact-link-item:hover .contact-link-icon[data-v-dc00df4b]{transform:scale(1.1) rotate(5deg)}.contact-link-text[data-v-dc00df4b]{font-size:14px;font-weight:500;color:#475569;text-align:center}.search-container[data-v-dc00df4b]{display:flex;max-width:600px;margin:0 auto;gap:0;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a;flex:1}.search-engine-selector[data-v-dc00df4b]{position:relative;display:flex;align-items:center;background:#f8f9fa;border-right:1px solid #e9ecef;transition:background-color .2s ease}.search-engine-selector[data-v-dc00df4b]:hover{background:#e9ecef}.engine-logo[data-v-dc00df4b]{width:24px;height:24px;margin:8px;object-fit:contain;pointer-events:none;border-radius:4px}.engine-select[data-v-dc00df4b]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;outline:none;background:transparent}.search-input[data-v-dc00df4b]{flex:1;border:none;padding:12px 16px;font-size:16px;outline:none;background:#fff}.search-input[data-v-dc00df4b]::placeholder{color:#95a5a6}.inline-social[data-v-dc00df4b]{display:none;gap:4px;flex-shrink:0}.inline-social-link[data-v-dc00df4b]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:8px;color:#64748b;text-decoration:none;transition:all .2s ease;cursor:pointer}.inline-social-link[data-v-dc00df4b]:hover{background:#e2e8f0;color:#3b82f6;transform:translateY(-2px)}.inline-social-link[data-v-dc00df4b]:active{transform:scale(.95)}.mobile-menu-btn[data-v-dc00df4b]{display:none;background:none;border:none;color:#2c3e50;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s ease}.mobile-menu-btn[data-v-dc00df4b]:hover{background:#f8f9fa}.mobile-menu[data-v-dc00df4b]{position:fixed;top:0;right:-100%;width:240px;height:100vh;background:#fff;box-shadow:-2px 0 10px #0000001a;z-index:1001;transition:right .3s ease;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.mobile-menu.active[data-v-dc00df4b]{right:0}.mobile-menu-header[data-v-dc00df4b]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e9ecef;background:#2c3e50;color:#fff;flex-shrink:0}.mobile-menu-header h3[data-v-dc00df4b]{margin:0;font-size:18px;font-weight:600}.close-btn[data-v-dc00df4b]{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.close-btn[data-v-dc00df4b]:hover{background:#ffffff1a}.mobile-category-list[data-v-dc00df4b]{list-style:none;padding:0 0 160px;margin:0;flex:1;overflow-y:auto}.mobile-category-item[data-v-dc00df4b]{display:flex;align-items:center;padding:16px 20px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f8f9fa}.mobile-category-item[data-v-dc00df4b]:hover{background:#f8f9fa}.mobile-category-item .category-icon[data-v-dc00df4b]{font-size:20px;margin-right:12px;width:24px;text-align:center}.mobile-category-item .category-name[data-v-dc00df4b]{font-size:16px;font-weight:500;color:#2c3e50}.mobile-gift-section[data-v-dc00df4b]{padding:15px 20px;border-bottom:1px solid #e9ecef}.mobile-gift-btn[data-v-dc00df4b]{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;text-decoration:none;border-radius:12px;font-size:16px;font-weight:600;box-shadow:0 4px 20px #0003;transition:all .3s ease;border:1.5px solid rgba(255,255,255,.3)}.mobile-gift-btn[data-v-dc00df4b]:active{transform:scale(.98);background:#ffffff40;border-color:#ffffff80}.mobile-gift-btn .gift-icon[data-v-dc00df4b]{font-size:24px;animation:giftShake-dc00df4b 2s infinite}.mobile-gift-btn .gift-text[data-v-dc00df4b]{letter-spacing:1px}.mobile-social-footer[data-v-dc00df4b]{position:absolute;bottom:0;left:0;right:0;padding:20px;background:#fff;border-top:1px solid #e9ecef}.mobile-social-links[data-v-dc00df4b]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;justify-items:center}.mobile-social-link[data-v-dc00df4b]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#64748b;text-decoration:none;background:#f8f9fa;border-radius:12px;transition:all .3s ease}.mobile-social-link[data-v-dc00df4b]:hover{background:#3b82f6;color:#fff;transform:translateY(-3px) scale(1.05);box-shadow:0 4px 12px #3b82f64d}.mobile-social-link svg[data-v-dc00df4b]{flex-shrink:0}.mobile-menu-overlay[data-v-dc00df4b]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-menu-overlay.active[data-v-dc00df4b]{opacity:1;visibility:visible}.content-area[data-v-dc00df4b]{flex:1;padding:30px 30px 400px;overflow-y:auto}.loading[data-v-dc00df4b],.error[data-v-dc00df4b]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#7f8c8d}.loading-spinner[data-v-dc00df4b]{width:40px;height:40px;border:4px solid #ecf0f1;border-top:4px solid #3498db;border-radius:50%;animation:spin-dc00df4b 1s linear infinite}@keyframes spin-dc00df4b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.retry-btn[data-v-dc00df4b]{margin-top:10px;padding:8px 16px;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer}.categories-container[data-v-dc00df4b]{max-width:1200px;margin:0 auto}.category-section[data-v-dc00df4b]{margin-bottom:50px}.category-title[data-v-dc00df4b]{font-size:32px;font-weight:600;margin-bottom:25px;color:#2c3e50;display:flex;align-items:center}.category-title .category-icon[data-v-dc00df4b]{font-size:32px;margin-right:16px}.category-title .category-name[data-v-dc00df4b]{margin-left:10px;font-size:26px}.sites-grid[data-v-dc00df4b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.site-card[data-v-dc00df4b]{display:flex;align-items:center;background:#fff;border-radius:12px;padding:20px;text-decoration:none;color:inherit;transition:all .3s ease;border:1px solid #e9ecef;position:relative;overflow:hidden}.site-card[data-v-dc00df4b]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3498db1a,#9b59b61a);opacity:0;transition:opacity .3s ease}.site-card[data-v-dc00df4b]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.site-card[data-v-dc00df4b]:hover:before{opacity:1}.site-icon[data-v-dc00df4b]{width:48px;height:48px;margin-right:16px;border-radius:8px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.site-icon img[data-v-dc00df4b]{width:32px;height:32px;object-fit:contain}.site-info[data-v-dc00df4b]{flex:1;position:relative;z-index:1}.site-name[data-v-dc00df4b]{font-size:18px;font-weight:600;margin:0 0 5px;color:#2c3e50}.site-description[data-v-dc00df4b]{font-size:14px;color:#7f8c8d;margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-footer[data-v-dc00df4b]{margin-top:60px;padding:40px 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border-top:3px solid #3498db}.footer-content[data-v-dc00df4b]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;gap:30px}.footer-info h3[data-v-dc00df4b]{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 8px}.footer-info p[data-v-dc00df4b]{color:#7f8c8d;font-size:14px;margin:0;line-height:1.5}.footer-links[data-v-dc00df4b]{display:flex;gap:15px}.footer-link[data-v-dc00df4b]{display:flex;align-items:center;color:#3498db;text-decoration:none;padding:8px 16px;border-radius:20px;background:#fff;border:1px solid #e9ecef;transition:all .3s ease;font-size:14px;font-weight:500}.footer-link[data-v-dc00df4b]:hover{background:#3498db;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.footer-link svg[data-v-dc00df4b]{margin-right:6px;transition:transform .3s ease}.footer-link:hover svg[data-v-dc00df4b]{transform:scale(1.1)}.footer-bottom[data-v-dc00df4b]{border-top:1px solid #e9ecef;padding-top:20px;text-align:center}.footer-bottom p[data-v-dc00df4b]{color:#7f8c8d;font-size:13px;margin:5px 0;line-height:1.4}.footer-bottom a[data-v-dc00df4b]{color:#3498db;text-decoration:none;font-weight:500;transition:color .3s ease}.footer-bottom a[data-v-dc00df4b]:hover{color:#2980b9;text-decoration:underline}.footer-tech[data-v-dc00df4b]{font-size:12px!important;opacity:.8}@media (min-width: 1920px){.main-content[data-v-dc00df4b]{max-width:1600px;margin-left:auto;margin-right:auto}.sites-grid[data-v-dc00df4b]{grid-template-columns:repeat(5,1fr);gap:24px}.site-card[data-v-dc00df4b]{padding:20px}.category-title[data-v-dc00df4b]{font-size:36px}}@media (min-width: 1440px) and (max-width: 1919px){.sites-grid[data-v-dc00df4b]{grid-template-columns:repeat(4,1fr);gap:20px}.content-area[data-v-dc00df4b]{padding:40px 60px}}@media (min-width: 1024px) and (max-width: 1439px){.sites-grid[data-v-dc00df4b]{grid-template-columns:repeat(3,1fr);gap:18px}.content-area[data-v-dc00df4b]{padding:35px 40px}.sidebar[data-v-dc00df4b]{width:220px}.main-content[data-v-dc00df4b]{margin-left:220px}.contact-btn[data-v-dc00df4b]{width:34px;height:34px}.contact-btn svg[data-v-dc00df4b]{width:16px;height:16px}}@media (min-width: 769px) and (max-width: 1023px){.sidebar[data-v-dc00df4b]{width:200px}.main-content[data-v-dc00df4b]{margin-left:200px}.sites-grid[data-v-dc00df4b]{grid-template-columns:repeat(3,1fr);gap:16px}.content-area[data-v-dc00df4b]{padding:30px 25px}.site-card[data-v-dc00df4b]{padding:14px}.category-title[data-v-dc00df4b]{font-size:26px}.search-container[data-v-dc00df4b]{max-width:650px}}@media (min-width: 481px) and (max-width: 768px){.nav-home[data-v-dc00df4b]{flex-direction:column;height:100vh;height:100svh;overflow:hidden}.sidebar[data-v-dc00df4b]{display:none}.main-content[data-v-dc00df4b]{flex:1;height:100vh;height:100svh;margin-left:0;display:flex;flex-direction:column;overflow:hidden}.search-header[data-v-dc00df4b]{padding:15px 20px;position:fixed;top:0;left:0;right:0;z-index:500;background:#fff;box-shadow:0 2px 10px #0000001a}.contact-btn[data-v-dc00df4b]{width:34px;height:34px}.contact-btn svg[data-v-dc00df4b]{width:16px;height:16px}.content-area[data-v-dc00df4b]{flex:1;padding:100px 20px 300px;overflow-y:auto;-webkit-overflow-scrolling:touch}.inline-social[data-v-dc00df4b]{display:none}.mobile-menu-btn[data-v-dc00df4b]{display:block;flex-shrink:0}.sites-grid[data-v-dc00df4b]{grid-template-columns:repeat(3,1fr);gap:14px}.site-card[data-v-dc00df4b]{padding:14px}.site-card .site-name[data-v-dc00df4b]{font-size:15px}.site-card .site-description[data-v-dc00df4b]{font-size:12px}.category-title[data-v-dc00df4b]{font-size:26px;margin-bottom:20px}.search-container[data-v-dc00df4b]{max-width:100%}}@media (max-width: 480px){.nav-home[data-v-dc00df4b]{flex-direction:column;height:100vh;height:100svh;overflow:hidden}.sidebar[data-v-dc00df4b]{display:none}.main-content[data-v-dc00df4b]{flex:1;height:100vh;height:100svh;margin-left:0;display:flex;flex-direction:column;overflow:hidden}.search-header[data-v-dc00df4b]{padding:12px 15px;position:fixed;top:0;left:0;right:0;z-index:500;background:#fff;box-shadow:0 2px 10px #0000001a;gap:10px}.contact-btn[data-v-dc00df4b]{width:32px;height:32px}.contact-btn svg[data-v-dc00df4b]{width:15px;height:15px}.header-toolbar[data-v-dc00df4b]{gap:6px}.contact-popup[data-v-dc00df4b]{padding:25px 20px;max-width:340px}.contact-popup-title[data-v-dc00df4b]{font-size:20px;margin-bottom:20px}.contact-links-grid[data-v-dc00df4b]{gap:12px}.contact-link-item[data-v-dc00df4b]{padding:18px 12px}.contact-link-icon[data-v-dc00df4b]{width:44px;height:44px}.contact-link-text[data-v-dc00df4b]{font-size:13px}.content-area[data-v-dc00df4b]{flex:1;padding:95px 12px 300px;overflow-y:auto;-webkit-overflow-scrolling:touch}.inline-social[data-v-dc00df4b]{display:none}.mobile-menu-btn[data-v-dc00df4b]{display:block;flex-shrink:0}.sites-grid[data-v-dc00df4b]{grid-template-columns:1fr 1fr;gap:10px}.site-card[data-v-dc00df4b]{padding:10px;flex-direction:column;text-align:center}.site-card .site-icon[data-v-dc00df4b]{margin-right:0;margin-bottom:6px;width:36px;height:36px}.site-card .site-name[data-v-dc00df4b]{font-size:14px}.site-card .site-description[data-v-dc00df4b]{font-size:11px;display:none}.category-title[data-v-dc00df4b]{font-size:20px;margin-bottom:15px}.category-title .category-icon[data-v-dc00df4b]{font-size:24px;margin-right:8px}.category-title .category-name[data-v-dc00df4b]{font-size:18px}.page-footer[data-v-dc00df4b]{margin-top:30px;padding:25px 15px}.footer-content[data-v-dc00df4b]{flex-direction:column;gap:15px;text-align:center}.footer-links[data-v-dc00df4b]{justify-content:center}.footer-bottom[data-v-dc00df4b]{padding-top:12px}.footer-bottom p[data-v-dc00df4b]{font-size:11px}.search-container[data-v-dc00df4b]{margin:0;max-width:none}.search-engines[data-v-dc00df4b]{gap:8px}.engine-btn[data-v-dc00df4b]{padding:6px 10px;font-size:13px}.engine-btn img[data-v-dc00df4b]{width:16px;height:16px}.search-input-wrapper input[data-v-dc00df4b]{font-size:14px;padding:12px 45px 12px 15px}.search-btn[data-v-dc00df4b]{width:36px;height:36px}}@media (max-width: 359px){.sites-grid[data-v-dc00df4b]{grid-template-columns:1fr;gap:8px}.site-card[data-v-dc00df4b]{padding:12px;flex-direction:row;text-align:left}.site-card .site-icon[data-v-dc00df4b]{margin-right:10px;margin-bottom:0}.category-title[data-v-dc00df4b]{font-size:18px}.search-engines[data-v-dc00df4b]{flex-wrap:wrap;gap:6px}.engine-btn[data-v-dc00df4b]{padding:5px 8px;font-size:12px}.mobile-menu[data-v-dc00df4b]{width:100%}.mobile-social-links[data-v-dc00df4b]{grid-template-columns:repeat(4,1fr);gap:8px}.mobile-social-link[data-v-dc00df4b]{width:40px;height:40px}}@media (min-width: 481px) and (max-width: 768px){.mobile-menu[data-v-dc00df4b]{width:280px}.mobile-category-item[data-v-dc00df4b]{padding:18px 24px}.mobile-category-item .category-icon[data-v-dc00df4b]{font-size:22px}.mobile-category-item .category-name[data-v-dc00df4b]{font-size:17px}}@media (max-height: 600px) and (orientation: landscape){.content-area[data-v-dc00df4b]{padding-top:85px}.search-header[data-v-dc00df4b]{padding:10px 15px}.category-title[data-v-dc00df4b]{font-size:20px;margin-bottom:12px}.sites-grid[data-v-dc00df4b]{gap:10px}.site-card[data-v-dc00df4b]{padding:10px}.mobile-menu-header[data-v-dc00df4b],.mobile-category-item[data-v-dc00df4b]{padding:12px 20px}}@media (hover: none) and (pointer: coarse){.site-card[data-v-dc00df4b]{min-height:80px}.mobile-category-item[data-v-dc00df4b]{min-height:56px}.engine-btn[data-v-dc00df4b]{min-height:40px;min-width:60px}.site-card[data-v-dc00df4b]:hover{transform:none}.site-card[data-v-dc00df4b]:active{transform:scale(.98);background:#f8f9fa}.mobile-category-item[data-v-dc00df4b]:hover{background:transparent}.mobile-category-item[data-v-dc00df4b]:active{background:#f0f0f0}.search-btn[data-v-dc00df4b]:active,.theme-toggle-btn[data-v-dc00df4b]:active,.mobile-menu-btn[data-v-dc00df4b]:active{transform:scale(.95)}}@media print{.sidebar[data-v-dc00df4b],.search-header[data-v-dc00df4b],.mobile-menu[data-v-dc00df4b],.mobile-menu-btn[data-v-dc00df4b],.theme-toggle-btn[data-v-dc00df4b],.page-footer[data-v-dc00df4b]{display:none!important}.main-content[data-v-dc00df4b]{margin-left:0}.content-area[data-v-dc00df4b]{padding:20px}.site-card[data-v-dc00df4b],.category-section[data-v-dc00df4b]{break-inside:avoid;page-break-inside:avoid}}@media (prefers-contrast: high){.site-card[data-v-dc00df4b],.engine-btn[data-v-dc00df4b],.search-input-wrapper[data-v-dc00df4b]{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){[data-v-dc00df4b],[data-v-dc00df4b]:before,[data-v-dc00df4b]:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.mobile-menu[data-v-dc00df4b]{transition:none}.site-card[data-v-dc00df4b]:hover{transform:none}}.gift-btn[data-v-dc00df4b]{background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;padding:8px 12px;border-radius:12px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;margin-right:10px;text-decoration:none;box-shadow:0 4px 15px #0003;position:relative;overflow:hidden}.gift-btn[data-v-dc00df4b]:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.gift-btn[data-v-dc00df4b]:hover:before{width:100px;height:100px}.gift-btn[data-v-dc00df4b]:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.05) translateY(-2px);box-shadow:0 6px 20px #0000004d}.gift-icon[data-v-dc00df4b]{font-size:20px;animation:giftShake-dc00df4b 2s infinite;display:block}@keyframes giftShake-dc00df4b{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-10deg)}20%,40%,60%,80%{transform:rotate(10deg)}}.theme-toggle-btn[data-v-dc00df4b]{background:none;border:none;color:#2c3e50;cursor:pointer;padding:8px;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;margin-right:10px}.theme-toggle-btn[data-v-dc00df4b]:hover{background:#f8f9fa;transform:scale(1.1)}.dark .nav-home[data-v-dc00df4b]{background-color:#1a1a1a}.dark .sidebar[data-v-dc00df4b]{background-color:#1e293b;box-shadow:2px 0 10px #0000004d}.dark .search-header[data-v-dc00df4b]{background:#1e293b;box-shadow:0 2px 10px #0000004d}.dark .contact-btn[data-v-dc00df4b]{background:#334155;color:#94a3b8}.dark .contact-btn[data-v-dc00df4b]:hover{background:#475569;color:#e2e8f0}.dark .contact-popup[data-v-dc00df4b]{background:#1e293b}.dark .contact-popup-title[data-v-dc00df4b]{color:#f1f5f9}.dark .contact-popup-close[data-v-dc00df4b]{color:#94a3b8}.dark .contact-popup-close[data-v-dc00df4b]:hover{background:#334155;color:#e2e8f0}.dark .contact-link-item[data-v-dc00df4b]{background:#0f172a}.dark .contact-link-item[data-v-dc00df4b]:hover{background:#1e293b}.dark .contact-link-text[data-v-dc00df4b]{color:#cbd5e1}.dark .gift-btn[data-v-dc00df4b]{background:#374151;border:1px solid #4b5563;box-shadow:0 2px 8px #0000004d}.dark .gift-btn[data-v-dc00df4b]:hover{background:#4b5563;box-shadow:0 4px 15px #0006}.dark .theme-toggle-btn[data-v-dc00df4b]{color:#e2e8f0}.dark .theme-toggle-btn[data-v-dc00df4b]:hover{background:#ffffff1a}.dark .inline-social-link[data-v-dc00df4b]{background:#334155;color:#94a3b8}.dark .inline-social-link[data-v-dc00df4b]:hover{background:#475569;color:#60a5fa}.dark .mobile-menu-btn[data-v-dc00df4b]{color:#e2e8f0}.dark .mobile-menu-btn[data-v-dc00df4b]:hover{background:#ffffff1a}.dark .search-container[data-v-dc00df4b]{box-shadow:0 2px 10px #0000004d}.dark .search-engine-selector[data-v-dc00df4b]{background:#374151;border-right:1px solid #4b5563}.dark .search-engine-selector[data-v-dc00df4b]:hover{background:#4b5563}.dark .search-input[data-v-dc00df4b]{background:#374151;color:#e2e8f0;border:none}.dark .search-input[data-v-dc00df4b]::placeholder{color:#9ca3af}.dark .engine-select[data-v-dc00df4b],.dark .engine-select option[data-v-dc00df4b]{background:#374151;color:#e2e8f0}.dark .content-area[data-v-dc00df4b]{background:#1a1a1a}.dark .site-card[data-v-dc00df4b]{background:#374151;border:1px solid #4b5563;color:#e2e8f0}.dark .site-card[data-v-dc00df4b]:hover{box-shadow:0 8px 25px #0006}.dark .site-card[data-v-dc00df4b]:before{background:linear-gradient(135deg,#3b82f626,#8b5cf626)}.dark .site-name[data-v-dc00df4b]{color:#e2e8f0}.dark .site-description[data-v-dc00df4b]{color:#9ca3af}.dark .site-icon[data-v-dc00df4b]{background:#4b5563}.dark .category-title[data-v-dc00df4b]{color:#e2e8f0}.dark .mobile-menu[data-v-dc00df4b]{background:#1e293b;box-shadow:-2px 0 10px #0000004d}.dark .mobile-category-item[data-v-dc00df4b]{border-bottom:1px solid #374151}.dark .mobile-category-item[data-v-dc00df4b]:hover{background:#374151}.dark .mobile-category-item .category-name[data-v-dc00df4b]{color:#e2e8f0}.dark .mobile-gift-section[data-v-dc00df4b]{border-bottom:1px solid #334155}.dark .mobile-gift-btn[data-v-dc00df4b]{background:#374151;border:1px solid #4b5563;box-shadow:0 4px 15px #0000004d}.dark .mobile-social-footer[data-v-dc00df4b]{background:#0f172a;border-top:1px solid #334155}.dark .mobile-social-link[data-v-dc00df4b]{background:#1e293b;color:#94a3b8}.dark .mobile-social-link[data-v-dc00df4b]:hover{background:#3b82f6;color:#fff}.dark .page-footer[data-v-dc00df4b]{background:linear-gradient(135deg,#1e293b,#374151);border-top:3px solid #3b82f6}.dark .footer-info h3[data-v-dc00df4b]{color:#e2e8f0}.dark .footer-info p[data-v-dc00df4b]{color:#9ca3af}.dark .footer-link[data-v-dc00df4b]{background:#374151;border:1px solid #4b5563;color:#3b82f6}.dark .footer-link[data-v-dc00df4b]:hover{background:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f666}.dark .footer-bottom p[data-v-dc00df4b]{color:#9ca3af}.dark .footer-bottom a[data-v-dc00df4b]{color:#3b82f6}.dark .footer-bottom a[data-v-dc00df4b]:hover{color:#60a5fa}.dark .loading[data-v-dc00df4b],.dark .error[data-v-dc00df4b]{color:#9ca3af}.dark .retry-btn[data-v-dc00df4b]{background:#3b82f6;color:#fff}.dark .retry-btn[data-v-dc00df4b]:hover{background:#2563eb}.dark .lock-container[data-v-dc00df4b]{background:#0f172a}.dark .lock-box[data-v-dc00df4b]{background:#1e293b;color:#e2e8f0}.dark .lock-box h1[data-v-dc00df4b]{color:#e2e8f0}.dark .lock-description[data-v-dc00df4b]{color:#94a3b8}.dark .lock-box .form-group label[data-v-dc00df4b]{color:#cbd5e1}.dark .lock-box .form-input[data-v-dc00df4b]{background:#374151;border:2px solid #4b5563;color:#e2e8f0}.dark .lock-box .form-input[data-v-dc00df4b]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dark .unlock-btn[data-v-dc00df4b]{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.dark .unlock-btn[data-v-dc00df4b]:hover:not(:disabled){box-shadow:0 10px 30px #3b82f666}.qq-modal-overlay[data-v-dc00df4b]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.qq-modal[data-v-dc00df4b]{background:#fff;border-radius:16px;max-width:420px;width:100%;overflow:hidden;box-shadow:0 20px 60px #0000004d;position:relative;animation:modalSlideIn-dc00df4b .3s ease-out}@keyframes modalSlideIn-dc00df4b{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.qq-modal-close[data-v-dc00df4b]{position:absolute;top:12px;right:12px;background:#0000000d;border:none;width:32px;height:32px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;z-index:1;transition:all .2s ease;color:#6b7280;display:flex;align-items:center;justify-content:center}.qq-modal-close[data-v-dc00df4b]:hover{background:#0000001a;color:#1f2937;transform:rotate(90deg)}.qq-tabs[data-v-dc00df4b]{display:grid;grid-template-columns:repeat(2,1fr);background:#f9fafb;border-bottom:1px solid #e5e7eb}.qq-tab-btn[data-v-dc00df4b]{padding:16px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;color:#6b7280;font-weight:500;font-size:15px}.qq-tab-btn[data-v-dc00df4b]:hover{background:#667eea0d;color:#667eea}.qq-tab-btn.active[data-v-dc00df4b]{background:#fff;border-bottom-color:#667eea;color:#667eea}.qq-content[data-v-dc00df4b]{padding:35px 30px}.qq-qr-wrapper[data-v-dc00df4b]{text-align:center}.qq-qr-image[data-v-dc00df4b]{width:100%;max-width:300px;height:auto;border-radius:12px;margin:0 auto 20px;display:block;background:#fff;padding:15px;box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0}.qq-qr-desc[data-v-dc00df4b]{color:#6b7280;font-size:15px;margin:0;font-weight:500}.slide-enter-active[data-v-dc00df4b],.slide-leave-active[data-v-dc00df4b]{transition:all .3s ease}.slide-enter-from[data-v-dc00df4b]{opacity:0;transform:translate(20px)}.slide-leave-to[data-v-dc00df4b]{opacity:0;transform:translate(-20px)}.modal-enter-active[data-v-dc00df4b],.modal-leave-active[data-v-dc00df4b]{transition:opacity .3s ease}.modal-enter-from[data-v-dc00df4b],.modal-leave-to[data-v-dc00df4b]{opacity:0}.modal-enter-active .qq-modal[data-v-dc00df4b],.modal-leave-active .qq-modal[data-v-dc00df4b]{transition:transform .3s ease,opacity .3s ease}.modal-enter-from .qq-modal[data-v-dc00df4b],.modal-leave-to .qq-modal[data-v-dc00df4b]{transform:translateY(-20px) scale(.95);opacity:0}.dark .qq-modal[data-v-dc00df4b]{background:#1e293b}.dark .qq-tabs[data-v-dc00df4b]{background:#0f172a;border-bottom-color:#334155}.dark .qq-tab-btn[data-v-dc00df4b]{color:#94a3b8}.dark .qq-tab-btn[data-v-dc00df4b]:hover{background:#667eea1a;color:#a5b4fc}.dark .qq-tab-btn.active[data-v-dc00df4b]{background:#1e293b;border-bottom-color:#667eea;color:#a5b4fc}.dark .qq-modal-close[data-v-dc00df4b]{background:#ffffff0d;color:#94a3b8}.dark .qq-modal-close[data-v-dc00df4b]:hover{background:#ffffff1a;color:#f1f5f9}.dark .qq-qr-desc[data-v-dc00df4b]{color:#cbd5e1}.dark .qq-qr-image[data-v-dc00df4b]{background:#fff;box-shadow:0 2px 12px #00000080;border-color:#ffffff1a}@media (min-width: 641px) and (max-width: 1024px){.qq-modal[data-v-dc00df4b]{max-width:480px}.qq-content[data-v-dc00df4b]{padding:30px 25px}}@media (max-width: 640px){.qq-modal[data-v-dc00df4b]{max-width:100%;width:calc(100% - 30px);margin:0 15px}.qq-content[data-v-dc00df4b]{padding:25px 20px}.qq-qr-image[data-v-dc00df4b]{max-width:100%}.qq-tab-btn[data-v-dc00df4b]{padding:14px 12px;font-size:14px;gap:6px}.qq-tab-btn svg[data-v-dc00df4b]{width:14px;height:14px}.qq-modal-close[data-v-dc00df4b]{width:28px;height:28px;top:10px;right:10px;font-size:18px}.qq-qr-desc[data-v-dc00df4b]{font-size:14px}}@media (max-width: 380px){.qq-modal[data-v-dc00df4b]{width:calc(100% - 20px);margin:0 10px}.qq-content[data-v-dc00df4b]{padding:20px 15px}.qq-tab-btn[data-v-dc00df4b]{padding:12px 10px;font-size:13px;gap:4px}.qq-tab-btn svg[data-v-dc00df4b]{width:12px;height:12px}.qq-qr-desc[data-v-dc00df4b]{font-size:13px}}.test-page[data-v-4a1ec011]{padding:20px;max-width:1200px;margin:0 auto}.test-section[data-v-4a1ec011]{margin-bottom:40px;padding:20px;border:1px solid #ddd;border-radius:8px}.test-section h2[data-v-4a1ec011]{margin-top:0;color:#333}.results[data-v-4a1ec011]{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:5px;max-height:400px;overflow-y:auto}.api-info[data-v-4a1ec011]{text-align:left}.api-info p[data-v-4a1ec011]{margin:10px 0}pre[data-v-4a1ec011]{background:#fff;padding:10px;border-radius:3px;overflow-x:auto;font-size:12px;line-height:1.4}button[data-v-4a1ec011]{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-right:10px}button[data-v-4a1ec011]:disabled{background:#6c757d;cursor:not-allowed}button[data-v-4a1ec011]:hover:not(:disabled){background:#0056b3}.demo-container[data-v-7faacec3]{padding:40px 20px;max-width:1200px;margin:0 auto;background:#f8f9fa;min-height:100vh}.demo-title[data-v-7faacec3]{text-align:center;color:#2c3e50;margin-bottom:10px;font-size:28px}.demo-subtitle[data-v-7faacec3]{text-align:center;color:#64748b;margin-bottom:30px;font-size:14px}.scheme-selector[data-v-7faacec3]{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}.scheme-btn[data-v-7faacec3]{padding:12px 24px;border:2px solid #e9ecef;background:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;color:#64748b}.scheme-btn[data-v-7faacec3]:hover{border-color:#3b82f6;color:#3b82f6}.scheme-btn.active[data-v-7faacec3]{background:#3b82f6;border-color:#3b82f6;color:#fff}.scheme-info[data-v-7faacec3]{background:#fff;padding:25px;border-radius:12px;margin-bottom:30px;box-shadow:0 2px 8px #0000000d}.scheme-info h3[data-v-7faacec3]{margin:0 0 10px;color:#2c3e50;font-size:20px}.scheme-info p[data-v-7faacec3]{margin:0 0 15px;color:#64748b;line-height:1.6}.scheme-pros[data-v-7faacec3]{margin-top:15px}.scheme-pros strong[data-v-7faacec3]{color:#2c3e50;display:block;margin-bottom:8px}.scheme-pros ul[data-v-7faacec3]{margin:0;padding-left:20px;color:#64748b}.scheme-pros li[data-v-7faacec3]{margin-bottom:5px;line-height:1.5}.preview-wrapper[data-v-7faacec3]{display:flex;justify-content:center}.mobile-frame[data-v-7faacec3]{width:375px;height:667px;background:#fff;border-radius:30px;box-shadow:0 10px 40px #0003;overflow:hidden;position:relative;border:8px solid #2c3e50}.scheme-preview[data-v-7faacec3]{width:100%;height:100%;overflow-y:auto;background:#f8f9fa}.mock-search-header[data-v-7faacec3]{background:#fff;padding:12px 15px;display:flex;align-items:center;gap:10px;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:10}.mock-search-header.compact[data-v-7faacec3]{gap:6px}.mock-search-box[data-v-7faacec3]{flex:1;background:#f8f9fa;border-radius:8px;overflow:hidden}.mock-search-box.small[data-v-7faacec3]{flex:0 1 auto;min-width:120px}.mock-search-box input[data-v-7faacec3]{width:100%;padding:10px 12px;border:none;background:transparent;font-size:14px}.mock-theme-btn[data-v-7faacec3],.mock-menu-btn[data-v-7faacec3]{width:36px;height:36px;border:none;background:#f8f9fa;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.social-bar[data-v-7faacec3]{background:#fff;padding:12px 15px;display:flex;justify-content:space-around;align-items:center;border-bottom:1px solid #e9ecef;box-shadow:0 2px 4px #0000000d}.social-bar-link[data-v-7faacec3]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#f8f9fa;border-radius:12px;color:#64748b;transition:all .3s ease;text-decoration:none}.social-bar-link[data-v-7faacec3]:active{background:#e9ecef;transform:scale(.95)}.inline-social[data-v-7faacec3]{display:flex;gap:4px;flex-shrink:0}.inline-social-link[data-v-7faacec3]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:6px;color:#64748b;text-decoration:none}.floating-social[data-v-7faacec3]{position:fixed;bottom:20px;right:20px;z-index:100}.floating-main-btn[data-v-7faacec3]{width:56px;height:56px;border-radius:50%;background:#3b82f6;color:#fff;border:none;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #3b82f666;transition:all .3s ease}.floating-main-btn[data-v-7faacec3]:active{transform:scale(.95)}.floating-links[data-v-7faacec3]{position:absolute;bottom:70px;right:0;display:flex;flex-direction:column;gap:10px}.floating-link[data-v-7faacec3]{width:48px;height:48px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;text-decoration:none;box-shadow:0 2px 8px #00000026;transition:all .3s ease}.float-enter-active[data-v-7faacec3],.float-leave-active[data-v-7faacec3]{transition:all .3s ease}.float-enter-from[data-v-7faacec3],.float-leave-to[data-v-7faacec3]{opacity:0;transform:translateY(20px)}.side-menu[data-v-7faacec3]{position:fixed;top:0;right:-280px;width:280px;height:100%;background:#fff;box-shadow:-2px 0 10px #0000001a;transition:right .3s ease;z-index:1001;display:flex;flex-direction:column}.side-menu.open[data-v-7faacec3]{right:0}.menu-header[data-v-7faacec3]{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#2c3e50;color:#fff}.menu-header h3[data-v-7faacec3]{margin:0;font-size:18px}.menu-close[data-v-7faacec3]{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;width:30px;height:30px}.menu-social-top[data-v-7faacec3]{padding:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border-bottom:1px solid #e9ecef}.menu-social-link[data-v-7faacec3]{width:48px;height:48px;background:#f8f9fa;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;text-decoration:none;transition:all .3s ease}.menu-social-link[data-v-7faacec3]:active{background:#e9ecef;transform:scale(.95)}.menu-categories[data-v-7faacec3]{flex:1;overflow-y:auto}.menu-item[data-v-7faacec3]{padding:16px 20px;border-bottom:1px solid #f8f9fa;cursor:pointer;transition:background .2s ease}.menu-item[data-v-7faacec3]:active{background:#f8f9fa}.menu-overlay[data-v-7faacec3]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000}.mock-content[data-v-7faacec3]{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.mock-card[data-v-7faacec3]{background:#fff;padding:30px 20px;border-radius:12px;text-align:center;color:#64748b;box-shadow:0 2px 4px #0000000d}@media (max-width: 768px){.mobile-frame[data-v-7faacec3]{width:100%;max-width:375px;border-radius:20px;border-width:4px}}.sidebar-demo[data-v-89135702]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px}.demo-controls[data-v-89135702]{max-width:1200px;margin:0 auto 40px;background:#fff;border-radius:20px;padding:30px;box-shadow:0 20px 60px #0000004d}.demo-controls h1[data-v-89135702]{text-align:center;margin-bottom:30px;font-size:32px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.scheme-buttons[data-v-89135702]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:25px}.scheme-btn[data-v-89135702]{padding:20px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;font-size:16px}.scheme-btn[data-v-89135702]:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 20px #667eea33}.scheme-btn.active[data-v-89135702]{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 8px 20px #667eea66}.scheme-icon[data-v-89135702]{font-size:24px}.scheme-description[data-v-89135702]{background:#f8f9fa;padding:20px;border-radius:12px;border-left:4px solid #667eea}.scheme-description h3[data-v-89135702]{margin:0 0 10px;color:#667eea}.scheme-description p[data-v-89135702]{margin:0;color:#666;line-height:1.6}.demo-preview[data-v-89135702]{max-width:1400px;margin:0 auto}.preview-container[data-v-89135702]{display:flex;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0000004d;min-height:700px}.sidebar[data-v-89135702]{flex-shrink:0;display:flex;flex-direction:column;background:#f8f9fad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a}.logo-section[data-v-89135702]{padding:25px 20px;text-align:center;border-bottom:1px solid rgba(255,255,255,.3);background:#ffffff80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.logo[data-v-89135702]{width:50px;height:50px;border-radius:12px;margin-bottom:10px;box-shadow:0 4px 12px #0000001a}.site-title[data-v-89135702]{font-size:20px;font-weight:600;color:#333;margin:0}.sidebar-scheme-1[data-v-89135702]{width:320px;background:linear-gradient(180deg,#e0f2f1d9,#b2dfdbd9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:width .3s ease;position:relative}.sidebar-scheme-1.collapsed[data-v-89135702]{width:80px}.sidebar-scheme-1 .collapse-toggle[data-v-89135702]{position:absolute;top:15px;right:15px;width:35px;height:35px;background:linear-gradient(135deg,#26a69ae6,#00897be6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:0 2px 8px #00897b4d}.sidebar-scheme-1 .collapse-toggle[data-v-89135702]:hover{background:linear-gradient(135deg,#00897bf2,#00695cf2);transform:scale(1.1);box-shadow:0 4px 12px #00897b66}.category-search[data-v-89135702]{padding:20px}.category-search input[data-v-89135702]{width:100%;padding:12px 15px;border:2px solid rgba(38,166,154,.3);border-radius:10px;font-size:14px;transition:all .3s ease;background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#00695c}.category-search input[data-v-89135702]::placeholder{color:#00695c99}.category-search input[data-v-89135702]:focus{outline:none;border-color:#26a69a;background:#ffffffe6;box-shadow:0 0 0 3px #26a69a26}.category-cards[data-v-89135702]{flex:1;padding:0 15px 20px;overflow-y:auto}.category-card[data-v-89135702]{padding:15px;border-radius:12px;margin-bottom:12px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s ease;color:#fff;box-shadow:0 4px 12px #00000026;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.category-card[data-v-89135702]:hover{transform:translate(5px) scale(1.02);box-shadow:0 8px 24px #00000040;border-color:#fff6}.card-icon[data-v-89135702]{font-size:28px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.card-info[data-v-89135702]{flex:1}.card-name[data-v-89135702]{font-size:16px;font-weight:600;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.card-count[data-v-89135702]{font-size:12px;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.2)}.card-arrow[data-v-89135702]{font-size:20px;opacity:0;transition:opacity .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.2)}.category-card:hover .card-arrow[data-v-89135702]{opacity:1}.sidebar-scheme-1.collapsed .category-card[data-v-89135702]{justify-content:center;padding:15px 10px}.sidebar-scheme-1.collapsed .card-icon[data-v-89135702]{font-size:32px}.sidebar-scheme-1 .site-title[data-v-89135702]{color:#00695c}.sidebar-scheme-1 .social-link[data-v-89135702]{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(38,166,154,.3)}.sidebar-scheme-1 .social-link[data-v-89135702]:hover{background:#26a69ae6;border-color:#00897b80;transform:translateY(-3px) scale(1.05)}.sidebar-scheme-1.collapsed .social-links-demo[data-v-89135702]{flex-direction:column;gap:8px}.sidebar-scheme-2[data-v-89135702]{width:280px;background:linear-gradient(180deg,#e0f2f1d9,#b2dfdbd9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:width .3s ease;position:relative}.sidebar-scheme-2.collapsed[data-v-89135702]{width:80px}.sidebar-scheme-2 .collapse-toggle[data-v-89135702]{position:absolute;top:15px;right:15px;width:35px;height:35px;background:linear-gradient(135deg,#26a69ae6,#00897be6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:0 2px 8px #00897b4d}.sidebar-scheme-2 .collapse-toggle[data-v-89135702]:hover{background:linear-gradient(135deg,#00897bf2,#00695cf2);transform:scale(1.1);box-shadow:0 4px 12px #00897b66}.toggle-icon[data-v-89135702]{color:#fff;font-size:18px;font-weight:700}.drawer-nav[data-v-89135702]{flex:1;padding:10px;overflow-y:auto}.drawer-item[data-v-89135702]{margin-bottom:8px;border-radius:10px;overflow:hidden;background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #26a69a26;border-left:3px solid transparent;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.drawer-item[data-v-89135702]:hover{border-left-color:#26a69a;background:#ffffffd9;box-shadow:0 4px 12px #26a69a40}.drawer-header[data-v-89135702]{padding:15px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease}.drawer-header[data-v-89135702]:hover{background:linear-gradient(90deg,rgba(38,166,154,.08) 0%,transparent 100%)}.drawer-icon[data-v-89135702]{font-size:22px;transition:transform .3s ease;flex-shrink:0}.drawer-icon.rotate[data-v-89135702]{transform:rotate(90deg)}.drawer-name[data-v-89135702]{flex:1;font-size:15px;font-weight:500;color:#00695c;white-space:nowrap}.drawer-badge[data-v-89135702]{padding:3px 8px;background:linear-gradient(135deg,#26a69a,#00897b);color:#fff;border-radius:12px;font-size:11px;font-weight:600;box-shadow:0 2px 4px #26a69a4d}.drawer-arrow[data-v-89135702]{font-size:12px;color:#26a69a;transition:transform .3s ease;flex-shrink:0}.drawer-arrow.rotate[data-v-89135702]{transform:rotate(180deg)}.drawer-content[data-v-89135702]{padding:0 15px 15px 50px;background:linear-gradient(180deg,rgba(38,166,154,.03) 0%,transparent 100%)}.drawer-subitem[data-v-89135702]{margin-bottom:5px;border-radius:6px;font-size:14px;color:#00695c;cursor:pointer;transition:all .2s ease;position:relative;padding:8px 12px 8px 20px}.drawer-subitem[data-v-89135702]:before{content:"•";position:absolute;left:8px;color:#26a69a;font-weight:700}.drawer-subitem[data-v-89135702]:hover{background:linear-gradient(90deg,#26a69a26,#26a69a0d);color:#00897b;transform:translate(3px);padding-left:24px}.drawer-expand-enter-active[data-v-89135702],.drawer-expand-leave-active[data-v-89135702]{transition:all .3s ease;max-height:200px}.drawer-expand-enter-from[data-v-89135702],.drawer-expand-leave-to[data-v-89135702]{max-height:0;opacity:0}.fade-enter-active[data-v-89135702],.fade-leave-active[data-v-89135702]{transition:opacity .3s ease}.fade-enter-from[data-v-89135702],.fade-leave-to[data-v-89135702]{opacity:0}.sidebar-scheme-2 .logo-section[data-v-89135702]{background:#fff9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.sidebar-scheme-2 .site-title[data-v-89135702]{color:#00695c;font-weight:600}.sidebar-scheme-2 .social-link[data-v-89135702]{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(38,166,154,.3);color:#00695c}.sidebar-scheme-2 .social-link[data-v-89135702]:hover{background:#26a69ae6;border-color:#00897b80;color:#fff;transform:translateY(-3px) scale(1.05)}.sidebar-scheme-2.collapsed .drawer-header[data-v-89135702]{justify-content:center;padding:15px 10px}.sidebar-scheme-2.collapsed .social-links-demo[data-v-89135702]{flex-direction:column;gap:8px}.sidebar-scheme-3[data-v-89135702]{width:70px;background:linear-gradient(180deg,#e0f2f1bf,#b2dfdbbf);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);transition:width .3s ease;border-right:1px solid rgba(38,166,154,.2);box-shadow:0 8px 32px #0000001a}.sidebar-scheme-3.expanded[data-v-89135702]{width:240px;background:linear-gradient(180deg,#e0f2f1d9,#b2dfdbd9)}.minimal-logo[data-v-89135702]{padding:20px;text-align:center;border-bottom:1px solid rgba(38,166,154,.2);background:#ffffff4d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.logo-mini[data-v-89135702]{width:35px;height:35px;border-radius:8px;box-shadow:0 4px 12px #0000001a}.minimal-nav[data-v-89135702]{flex:1;padding:15px 0;overflow-y:auto}.minimal-item[data-v-89135702]{padding:15px 20px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s ease;position:relative}.minimal-item[data-v-89135702]:hover{background:#26a69a26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.minimal-item[data-v-89135702]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(135deg,#26a69a,#00897b);transition:height .3s ease;box-shadow:0 0 8px #26a69a80}.minimal-item[data-v-89135702]:hover:before{height:60%}.minimal-icon[data-v-89135702]{font-size:24px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.minimal-name[data-v-89135702]{font-size:15px;font-weight:500;color:#00695c;white-space:nowrap}.fade-slide-enter-active[data-v-89135702],.fade-slide-leave-active[data-v-89135702]{transition:all .3s ease}.fade-slide-enter-from[data-v-89135702],.fade-slide-leave-to[data-v-89135702]{opacity:0;transform:translate(-10px)}.minimal-footer[data-v-89135702]{padding:15px;border-top:1px solid rgba(38,166,154,.2);background:#ffffff4d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.minimal-social[data-v-89135702]{display:flex;justify-content:center;gap:10px}.minimal-link[data-v-89135702]{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:18px;transition:all .3s ease;text-decoration:none;background:#ffffff80;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(38,166,154,.2)}.minimal-link[data-v-89135702]:hover{background:#26a69a33;border-color:#26a69a66;transform:scale(1.1);box-shadow:0 4px 12px #26a69a33}.sidebar-scheme-4[data-v-89135702]{width:auto;flex-direction:row;background:transparent}.dual-main[data-v-89135702]{width:80px;background:linear-gradient(180deg,#26a69ad9,#00897bd9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;padding:20px 0;gap:15px;border-right:1px solid rgba(255,255,255,.2);box-shadow:0 0 32px #0000001a}.dual-logo[data-v-89135702]{margin-bottom:10px}.logo-small[data-v-89135702]{width:40px;height:40px;border-radius:10px}.dual-main-item[data-v-89135702]{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;border:1px solid rgba(255,255,255,.2)}.dual-main-item[data-v-89135702]:hover{background:#ffffff40;border-color:#fff6;transform:scale(1.1);box-shadow:0 4px 12px #00000026}.dual-main-item.active[data-v-89135702]{background:#fffffff2;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 4px 16px #00000040;border-color:#ffffff80}.dual-main-item.active[data-v-89135702]:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid white}.dual-icon[data-v-89135702]{font-size:24px}.dual-main-item.active .dual-icon[data-v-89135702]{filter:grayscale(0)}.dual-social[data-v-89135702]{margin-top:auto;display:flex;flex-direction:column;gap:10px}.dual-social-link[data-v-89135702]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:18px;transition:all .3s ease;text-decoration:none;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.dual-social-link[data-v-89135702]:hover{background:#ffffff40;border-color:#fff6;transform:scale(1.1);box-shadow:0 4px 12px #00000026}.dual-sub[data-v-89135702]{width:280px;background:#fff;display:flex;flex-direction:column;box-shadow:-2px 0 10px #0000001a}.dual-sub-header[data-v-89135702]{padding:25px 20px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between}.dual-sub-header h3[data-v-89135702]{margin:0;font-size:20px;color:#333}.dual-close[data-v-89135702]{width:30px;height:30px;border:none;background:#f0f0f0;border-radius:50%;font-size:20px;cursor:pointer;transition:all .3s ease}.dual-close[data-v-89135702]:hover{background:#e0e0e0;transform:rotate(90deg)}.dual-sub-content[data-v-89135702]{flex:1;padding:15px;overflow-y:auto}.dual-sub-item[data-v-89135702]{padding:15px;margin-bottom:10px;background:#f8f9fa;border-radius:10px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease}.dual-sub-item[data-v-89135702]:hover{background:#e9ecef;transform:translate(5px)}.sub-icon[data-v-89135702]{font-size:20px}.sub-name[data-v-89135702]{flex:1;font-size:14px;font-weight:500;color:#333}.sub-count[data-v-89135702]{padding:4px 10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-size:12px;font-weight:600}.slide-left-enter-active[data-v-89135702],.slide-left-leave-active[data-v-89135702]{transition:all .3s ease}.slide-left-enter-from[data-v-89135702],.slide-left-leave-to[data-v-89135702]{transform:translate(-100%);opacity:0}.sidebar-footer-demo[data-v-89135702]{padding:20px;border-top:1px solid #e0e0e0}.social-links-demo[data-v-89135702]{display:flex;justify-content:center;gap:12px}.social-link[data-v-89135702]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#fff;font-size:18px;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.social-link[data-v-89135702]:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.demo-content[data-v-89135702]{flex:1;padding:40px;background:#f8f9fa;overflow-y:auto}.demo-content-header[data-v-89135702]{margin-bottom:30px}.demo-content-header h2[data-v-89135702]{margin:0 0 10px;font-size:28px;color:#333}.demo-content-header p[data-v-89135702]{margin:0;color:#666;font-size:16px}.demo-cards[data-v-89135702]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.demo-card[data-v-89135702]{padding:25px;background:#fff;border-radius:12px;text-align:center;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.demo-card[data-v-89135702]:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.demo-card-icon[data-v-89135702]{font-size:40px;margin-bottom:15px}.demo-card-title[data-v-89135702]{font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.demo-card-desc[data-v-89135702]{font-size:13px;color:#999}@media (max-width: 768px){.sidebar-demo[data-v-89135702]{padding:20px 10px}.demo-controls[data-v-89135702]{padding:20px}.demo-controls h1[data-v-89135702]{font-size:24px}.scheme-buttons[data-v-89135702]{grid-template-columns:1fr}.preview-container[data-v-89135702]{flex-direction:column;min-height:600px}.sidebar[data-v-89135702]{width:100%!important;max-height:400px}.sidebar-scheme-3[data-v-89135702]{width:100%!important}.sidebar-scheme-4[data-v-89135702]{flex-direction:column}.dual-main[data-v-89135702]{width:100%;flex-direction:row;padding:15px}.dual-sub[data-v-89135702]{width:100%}.demo-content[data-v-89135702]{padding:20px}.demo-cards[data-v-89135702]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}}.notes-gift-container[data-v-27bb0dd0]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/%E3%80%90%E5%93%B2%E9%A3%8E%E5%A3%81%E7%BA%B8%E3%80%91LABUBU-%E5%85%89%E5%BD%B1.png);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.notes-gift-container[data-v-27bb0dd0]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:0}.notes-gift-container[data-v-27bb0dd0]>*{position:relative;z-index:1}.control-panel[data-v-27bb0dd0]{position:fixed;top:30px;left:30px;display:flex;align-items:center;gap:12px;padding:12px 20px;background:#fff3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.3);border-radius:50px;z-index:100}.control-btn[data-v-27bb0dd0]{width:45px;height:45px;border:none;background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:2px solid rgba(255,255,255,.4)}.control-btn[data-v-27bb0dd0]:hover{background:#ffffff80;transform:scale(1.1);box-shadow:0 5px 15px #0000004d}.control-btn[data-v-27bb0dd0]:active{transform:scale(.95)}.countdown[data-v-27bb0dd0]{padding:8px 16px;background:#ff6b9d4d;border-radius:25px;color:#fff;font-weight:700;font-size:16px;text-shadow:0 2px 4px rgba(0,0,0,.3);border:2px solid rgba(255,255,255,.4);min-width:80px;text-align:center}.back-button[data-v-27bb0dd0]{position:fixed;top:30px;right:30px;display:flex;align-items:center;gap:8px;padding:12px 24px;background:#ffffff40;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.4);border-radius:50px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;z-index:1000;box-shadow:0 4px 20px #0006;text-shadow:0 2px 4px rgba(0,0,0,.3)}.back-button[data-v-27bb0dd0]:hover{background:#ffffff59;border-color:#fff9;transform:translate(-5px);box-shadow:0 6px 25px #00000080}.back-button[data-v-27bb0dd0]:active{transform:translate(-3px) scale(.98)}.back-button svg[data-v-27bb0dd0]{flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.back-text[data-v-27bb0dd0]{white-space:nowrap}.modal-overlay[data-v-27bb0dd0]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content[data-v-27bb0dd0]{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:40px 30px;border-radius:25px;text-align:center;max-width:90%;width:350px;box-shadow:0 20px 60px #00000080;animation:modalBounce-27bb0dd0 .5s ease-out;border:2px solid rgba(255,255,255,.6)}@keyframes modalBounce-27bb0dd0{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.modal-icon[data-v-27bb0dd0]{font-size:80px;margin-bottom:20px;animation:giftShake-27bb0dd0 1s infinite}@keyframes giftShake-27bb0dd0{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.settings-overlay[data-v-27bb0dd0]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.settings-panel[data-v-27bb0dd0]{background:#fff;border-radius:20px;max-width:480px;width:100%;max-height:75vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000026;overflow:hidden;border:1px solid #e0e0e0}@keyframes settingsSlideIn-27bb0dd0{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-slide-enter-active[data-v-27bb0dd0]{animation:settingsSlideIn-27bb0dd0 .3s ease-out}.settings-slide-leave-active[data-v-27bb0dd0]{animation:settingsSlideIn-27bb0dd0 .2s ease-in reverse}.settings-header[data-v-27bb0dd0]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e0e0e0;background:#fafafa}.settings-header-left[data-v-27bb0dd0]{display:flex;align-items:center;gap:10px}.settings-icon[data-v-27bb0dd0]{font-size:24px}.settings-title[data-v-27bb0dd0]{font-size:18px;font-weight:600;color:#000;margin:0}.settings-close[data-v-27bb0dd0]{width:32px;height:32px;border:none;background:#f0f0f0;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#666}.settings-close[data-v-27bb0dd0]:hover{background:#e0e0e0;color:#000}.settings-close[data-v-27bb0dd0]:active{transform:scale(.95)}.scroll-hint[data-v-27bb0dd0]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f5f5f5;color:#999;font-size:13px;border-bottom:1px solid #e0e0e0;animation:hintBounce-27bb0dd0 2s ease-in-out infinite}@keyframes hintBounce-27bb0dd0{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.scroll-hint svg[data-v-27bb0dd0]{width:16px;height:16px}.settings-body[data-v-27bb0dd0]{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:12px}.settings-body[data-v-27bb0dd0]::-webkit-scrollbar{width:4px}.settings-body[data-v-27bb0dd0]::-webkit-scrollbar-track{background:#f5f5f5}.settings-body[data-v-27bb0dd0]::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.settings-body[data-v-27bb0dd0]::-webkit-scrollbar-thumb:hover{background:#999}.setting-card[data-v-27bb0dd0]{background:#fafafa;border-radius:12px;padding:16px;border:1px solid #e0e0e0;transition:all .2s ease}.setting-card[data-v-27bb0dd0]:hover{background:#f5f5f5;border-color:#ccc}.setting-card-full[data-v-27bb0dd0]{background:#f5f5f5}.setting-card-header[data-v-27bb0dd0]{display:flex;align-items:center;gap:10px;margin-bottom:12px}.setting-icon[data-v-27bb0dd0]{font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-shrink:0}.setting-info[data-v-27bb0dd0]{flex:1}.setting-name[data-v-27bb0dd0]{font-size:14px;font-weight:600;color:#000;margin-bottom:2px}.setting-desc[data-v-27bb0dd0]{font-size:12px;color:#999}.setting-value-badge[data-v-27bb0dd0]{background:#000;color:#fff;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600;min-width:55px;text-align:center}.setting-range[data-v-27bb0dd0]{width:100%;height:4px;border-radius:2px;background:#e0e0e0;outline:none;-webkit-appearance:none;cursor:pointer}.setting-range[data-v-27bb0dd0]::-webkit-slider-track{height:4px;border-radius:2px;background:#e0e0e0}.setting-range[data-v-27bb0dd0]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#000;cursor:pointer;transition:all .2s ease}.setting-range[data-v-27bb0dd0]::-webkit-slider-thumb:hover{transform:scale(1.15)}.setting-range[data-v-27bb0dd0]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#000;cursor:pointer;border:none;transition:all .2s ease}.setting-range[data-v-27bb0dd0]::-moz-range-thumb:hover{transform:scale(1.15)}.setting-range-labels[data-v-27bb0dd0]{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:#999}.setting-textarea[data-v-27bb0dd0]{width:100%;padding:14px;border:2px solid rgba(0,0,0,.1);border-radius:12px;font-size:14px;font-family:inherit;resize:vertical;transition:all .3s ease;background:#fff;line-height:1.6}.setting-textarea[data-v-27bb0dd0]:focus{outline:none;border-color:#ff6b9d;box-shadow:0 0 0 3px #ff6b9d1a}.setting-textarea[data-v-27bb0dd0]::placeholder{color:#999}.setting-textarea-footer[data-v-27bb0dd0]{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.setting-count[data-v-27bb0dd0]{font-size:13px;color:#666;font-weight:500}.setting-apply-text[data-v-27bb0dd0]{padding:6px 14px;background:#000;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.setting-apply-text[data-v-27bb0dd0]:hover{background:#333}.setting-apply-text[data-v-27bb0dd0]:active{transform:scale(.95)}.setting-switch[data-v-27bb0dd0]{position:relative;width:48px;height:26px;flex-shrink:0}.setting-switch input[data-v-27bb0dd0]{opacity:0;width:0;height:0}.setting-switch-slider[data-v-27bb0dd0]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#0000001a;border-radius:26px;transition:all .3s ease}.setting-switch-slider[data-v-27bb0dd0]:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.setting-switch input:checked+.setting-switch-slider[data-v-27bb0dd0]{background:#000}.setting-switch input:checked+.setting-switch-slider[data-v-27bb0dd0]:before{transform:translate(22px)}.settings-footer[data-v-27bb0dd0]{padding:16px 24px;border-top:1px solid #e0e0e0;background:#fafafa;display:flex;justify-content:center}.settings-btn-secondary[data-v-27bb0dd0]{padding:10px 20px;background:#fff;border:1px solid #ccc;border-radius:8px;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.settings-btn-secondary[data-v-27bb0dd0]:hover{background:#f5f5f5;border-color:#999;color:#000}.settings-btn-secondary[data-v-27bb0dd0]:active{transform:scale(.95)}.settings-btn-secondary svg[data-v-27bb0dd0]{width:16px;height:16px}@media (max-width: 768px){.settings-panel[data-v-27bb0dd0]{max-width:100%;max-height:80vh;border-radius:16px 16px 0 0;margin-top:auto}.settings-header[data-v-27bb0dd0]{padding:16px 20px}.settings-title[data-v-27bb0dd0]{font-size:16px}.settings-body[data-v-27bb0dd0]{padding:16px 20px}.setting-card[data-v-27bb0dd0]{padding:14px}.setting-card-header[data-v-27bb0dd0]{margin-bottom:10px}.setting-name[data-v-27bb0dd0]{font-size:13px}.setting-desc[data-v-27bb0dd0]{font-size:11px}.settings-footer[data-v-27bb0dd0]{padding:14px 20px}.scroll-hint[data-v-27bb0dd0]{padding:10px;font-size:12px}}.modal-title[data-v-27bb0dd0]{background:linear-gradient(135deg,#ff6b9d,#ffa06b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:24px;font-weight:700;margin-bottom:20px}.timer-setting[data-v-27bb0dd0]{margin-bottom:25px;padding:20px;background:#ff6b9d1a;border-radius:15px;border:2px solid rgba(255,107,157,.2)}.timer-setting label[data-v-27bb0dd0]{display:block;margin-bottom:10px;color:#ff6b9d;font-weight:600;font-size:15px}.timer-setting input[data-v-27bb0dd0]{width:100%;padding:12px 20px;border:2px solid rgba(255,107,157,.3);border-radius:25px;font-size:16px;text-align:center;background:#fff;color:#333;font-weight:600;transition:all .3s ease}.timer-setting input[data-v-27bb0dd0]:focus{outline:none;border-color:#ff6b9d;box-shadow:0 0 0 3px #ff6b9d1a}.modal-button[data-v-27bb0dd0]{background:linear-gradient(135deg,#ff6b9d,#ffa06b);color:#fff;border:none;padding:15px 50px;font-size:18px;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b9d66}.modal-button[data-v-27bb0dd0]:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 25px #ff6b9d80}.modal-button[data-v-27bb0dd0]:active{transform:translateY(0)}.modal-fade-enter-active[data-v-27bb0dd0],.modal-fade-leave-active[data-v-27bb0dd0]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-27bb0dd0],.modal-fade-leave-to[data-v-27bb0dd0]{opacity:0}.notes-container[data-v-27bb0dd0]{position:relative;width:100%;height:100%}.note-card[data-v-27bb0dd0]{position:absolute;bottom:-100px;padding:15px 25px;border-radius:15px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 25px #0006;animation:floatUp-27bb0dd0 6s linear forwards;min-width:160px;max-width:220px;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes floatUp-27bb0dd0{0%{bottom:-100px;opacity:1}80%{opacity:1}to{bottom:calc(100vh + 100px);opacity:0}}.note-emoji[data-v-27bb0dd0]{font-size:28px;flex-shrink:0}.note-text[data-v-27bb0dd0]{color:#fffffffa;font-size:16px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.5),0 0 10px rgba(0,0,0,.3);white-space:nowrap;letter-spacing:.5px}@media (max-width: 768px){.control-panel[data-v-27bb0dd0]{top:15px;left:15px;padding:8px 12px;gap:8px}.control-btn[data-v-27bb0dd0]{width:38px;height:38px;font-size:18px}.countdown[data-v-27bb0dd0]{padding:6px 12px;font-size:14px;min-width:70px}.back-button[data-v-27bb0dd0]{top:15px;right:15px;padding:10px 20px;font-size:15px}.back-button svg[data-v-27bb0dd0]{width:20px;height:20px}.modal-content[data-v-27bb0dd0]{padding:35px 25px;width:85%;max-width:320px}.modal-icon[data-v-27bb0dd0]{font-size:70px}.modal-title[data-v-27bb0dd0]{font-size:22px;margin-bottom:18px}.timer-setting[data-v-27bb0dd0]{padding:15px;margin-bottom:20px}.timer-setting label[data-v-27bb0dd0]{font-size:14px}.timer-setting input[data-v-27bb0dd0]{padding:10px 15px;font-size:15px}.modal-button[data-v-27bb0dd0]{padding:14px 45px;font-size:17px}.note-card[data-v-27bb0dd0]{padding:12px 18px;min-width:140px;max-width:180px;border-radius:12px}.note-emoji[data-v-27bb0dd0]{font-size:22px}.note-text[data-v-27bb0dd0]{font-size:15px}}@media (max-width: 480px){.control-panel[data-v-27bb0dd0]{top:10px;left:10px;padding:6px 10px;gap:6px}.control-btn[data-v-27bb0dd0]{width:35px;height:35px;font-size:16px}.countdown[data-v-27bb0dd0]{padding:5px 10px;font-size:13px;min-width:65px}.back-button[data-v-27bb0dd0]{top:10px;right:10px;padding:8px 16px;font-size:14px;gap:6px}.back-button svg[data-v-27bb0dd0]{width:18px;height:18px}.back-text[data-v-27bb0dd0]{display:none}.modal-content[data-v-27bb0dd0]{padding:30px 20px;width:90%;max-width:300px}.modal-icon[data-v-27bb0dd0]{font-size:65px;margin-bottom:15px}.modal-title[data-v-27bb0dd0]{font-size:20px;margin-bottom:20px}.modal-button[data-v-27bb0dd0]{padding:12px 35px;font-size:16px}.note-card[data-v-27bb0dd0]{padding:10px 15px;min-width:120px;max-width:160px;border-radius:10px}.note-emoji[data-v-27bb0dd0]{font-size:20px}.note-text[data-v-27bb0dd0]{font-size:14px}}@media (max-width: 375px){.modal-content[data-v-27bb0dd0]{padding:25px 18px;width:92%}.modal-icon[data-v-27bb0dd0]{font-size:60px}.modal-title[data-v-27bb0dd0]{font-size:18px}.modal-button[data-v-27bb0dd0]{padding:10px 30px;font-size:15px}.note-card[data-v-27bb0dd0]{padding:8px 12px;min-width:110px;max-width:140px}.note-emoji[data-v-27bb0dd0]{font-size:18px}.note-text[data-v-27bb0dd0]{font-size:13px}}