.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--bg-color: #0f0f13;--bg-color-rgb: 15, 15, 19;--card-bg: #1a1a24;--modal-bg: #1e1e2d;--accent: #00f3ff;--secondary: #ff2a6d;--text-main: #ffffff;--text-sub: #b3b3b3;--text-dim: #888888;--text-faint: #666666;--tag-bg: rgba(255, 255, 255, .2);--glass-bg: rgba(15, 15, 19, .85);--glass-bg-solid: rgba(20, 20, 30, .95);--panel-bg: rgba(25, 25, 35, .96);--sidebar-bg: rgba(20, 20, 30, .98);--footer-bg: transparent;--surface-1: rgba(255, 255, 255, .03);--surface-2: rgba(255, 255, 255, .05);--surface-3: rgba(255, 255, 255, .08);--surface-4: rgba(255, 255, 255, .1);--surface-5: rgba(255, 255, 255, .15);--border-1: rgba(255, 255, 255, .05);--border-2: rgba(255, 255, 255, .1);--border-3: rgba(255, 255, 255, .15);--border-4: rgba(255, 255, 255, .2);--input-bg: rgba(255, 255, 255, .05);--input-bg-focus: rgba(255, 255, 255, .08);--shadow-card: 0 15px 40px rgba(0, 0, 0, .8);--shadow-modal: 0 25px 50px rgba(0, 0, 0, .5);--shadow-search: 0 10px 30px rgba(0, 0, 0, .3);--card-overlay: linear-gradient(to top, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, .6) 80%, transparent);--scrollbar-thumb: rgba(255, 255, 255, .1);--skeleton-1: #1a1a24;--skeleton-2: #252535;--body-gradient-1: rgba(0, 243, 255, .05);--body-gradient-2: rgba(255, 42, 109, .05);--accent-bg: rgba(0, 243, 255, .1);--accent-glow: rgba(0, 243, 255, .4);--accent-border: rgba(0, 243, 255, .2);--accent-border-strong: rgba(0, 243, 255, .5);--accent-text-on: #000;--modal-bg-rgb: 20, 20, 35;--color-success: #4caf50;--color-success-light: #66bb6a;--color-success-bg: rgba(76, 175, 80, .15);--color-error: #ff4444;--color-error-light: #ff6b6b;--color-error-bg: rgba(255, 68, 68, .1);--color-warning: #ff9800;--color-warning-light: #ffb74d;--color-warning-bg: rgba(255, 152, 0, .15);--color-gift: #ffd700;--color-gift-gradient: linear-gradient(135deg, #ffd700, #ffb347);--color-gift-text: #000;--thumbnail-bg: #000;--color-android: #4caf50;--color-ios: #999;--primary-color: var(--accent);--tap-highlight: rgba(255, 255, 255, .1)}[data-theme=light]{--bg-color: #ffffff;--bg-color-rgb: 255, 255, 255;--card-bg: #ffffff;--modal-bg: #ffffff;--accent: #C8A000;--secondary: #E0245E;--text-main: #242424;--text-sub: #6B6B6B;--text-dim: #999999;--text-faint: #B0B0B0;--tag-bg: rgba(0, 0, 0, .06);--glass-bg: rgba(255, 255, 255, .95);--glass-bg-solid: rgba(255, 255, 255, .99);--panel-bg: rgba(255, 255, 255, .99);--sidebar-bg: rgba(255, 255, 255, .99);--footer-bg: transparent;--surface-1: #FAFAFA;--surface-2: #F7F7F7;--surface-3: #F2F2F2;--surface-4: #EDEDED;--surface-5: #E7E7E7;--border-1: #F2F2F2;--border-2: #E7E7E7;--border-3: #DDDDDD;--border-4: #CCCCCC;--input-bg: #F9F9F9;--input-bg-focus: #F2F2F2;--shadow-card: 0 2px 8px rgba(0, 0, 0, .06);--shadow-modal: 0 12px 40px rgba(0, 0, 0, .1);--shadow-search: 0 2px 12px rgba(0, 0, 0, .06);--scrollbar-thumb: rgba(0, 0, 0, .12);--skeleton-1: #F2F2F2;--skeleton-2: #E7E7E7;--body-gradient-1: rgba(200, 160, 0, .03);--body-gradient-2: rgba(224, 36, 94, .02);--accent-bg: rgba(200, 160, 0, .08);--accent-glow: rgba(200, 160, 0, .2);--accent-border: rgba(200, 160, 0, .25);--accent-border-strong: rgba(200, 160, 0, .5);--accent-text-on: #fff;--modal-bg-rgb: 255, 255, 255;--color-success: #388e3c;--color-success-light: #4caf50;--color-success-bg: rgba(56, 142, 60, .08);--color-error: #d32f2f;--color-error-light: #e53935;--color-error-bg: rgba(211, 47, 47, .06);--color-warning: #f57c00;--color-warning-light: #ff9800;--color-warning-bg: rgba(245, 124, 0, .08);--color-gift: #f9a825;--color-gift-gradient: linear-gradient(135deg, #f9a825, #ff8f00);--color-gift-text: #000;--thumbnail-bg: #F2F2F2;--color-android: #388e3c;--color-ios: #777;--primary-color: var(--accent);--tap-highlight: rgba(0, 0, 0, .06)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}body{margin:0;background-color:var(--bg-color);color:var(--text-main);font-family:Segoe UI,Microsoft JhengHei,sans-serif;padding:90px 40px 40px;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,var(--body-gradient-1) 0%,transparent 20%),radial-gradient(circle at 90% 80%,var(--body-gradient-2) 0%,transparent 20%);min-height:100vh}.header-controls{position:fixed;top:0;left:0;right:0;max-width:1200px;margin:0 auto;display:flex;justify-content:center;padding:0 40px;background:transparent;z-index:800;transition:transform .15s cubic-bezier(.165,.84,.44,1);box-sizing:border-box;pointer-events:none}.search-bar-container{pointer-events:auto;display:flex;align-items:center;background:var(--glass-bg);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--border-2);border-radius:50px;padding:10px 25px;flex:1;min-width:0;max-width:900px;box-shadow:var(--shadow-search);transition:opacity .15s,transform .15s}.search-bar-container:focus-within{background:var(--glass-bg-solid);border-color:var(--accent-border-strong);box-shadow:0 15px 40px var(--accent-glow)}.header-controls.header-hidden{transform:translateY(-100px);opacity:0}.search-icon{font-size:1.1em;color:var(--text-sub);margin-right:15px}.search-input{flex-grow:1;background:transparent;border:none;color:var(--text-main);font-size:1.1em;padding:10px 0;outline:none;font-family:inherit}.search-input::placeholder{color:var(--text-faint)}.search-clear-btn{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;background:var(--surface-4);color:var(--text-sub);margin-left:8px;flex-shrink:0;font-size:.8em}.search-clear-btn:hover{background:var(--surface-5);color:var(--text-main)}.filter-toggle-btn{pointer-events:auto;width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s,transform .15s;background:var(--glass-bg);border:1px solid var(--border-2);color:var(--text-main);margin-left:12px;flex-shrink:0;box-shadow:var(--shadow-search)}.filter-toggle-btn:hover{background:var(--glass-bg-solid);border-color:var(--accent-border-strong);color:var(--accent)}.filter-toggle-btn.active{background:var(--accent);color:var(--accent-text-on);box-shadow:0 0 15px var(--accent-glow)}.blog-nav-btn{pointer-events:auto;width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s,transform .15s;background:var(--glass-bg);border:1px solid var(--border-2);color:var(--text-main);margin-left:8px;flex-shrink:0;box-shadow:var(--shadow-search)}.blog-nav-btn:hover{background:var(--glass-bg-solid);border-color:var(--accent-border-strong);color:var(--accent)}.ai-toggle-btn{width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;background:var(--surface-2);color:var(--text-sub);margin-left:10px;flex-shrink:0;font-size:.85em}.ai-toggle-btn:hover{background:var(--surface-5);color:var(--text-main)}.ai-toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 0 12px #667eea66}.search-bar-container.ai-mode{border-color:#667eea66}.search-bar-container.ai-mode:focus-within{border-color:#667eea99;box-shadow:0 15px 40px #667eea26}.search-icon.ai-icon{color:#667eea}.search-ai-loading{color:#667eea;margin-left:8px;flex-shrink:0;font-size:.9em}.ai-params-bar{display:flex;align-items:center;gap:6px;padding:6px 16px;margin-top:8px;flex-wrap:wrap;max-width:900px;width:100%}.ai-params-label{font-size:.7rem;font-weight:600;color:#667eea;letter-spacing:.05em}.ai-param-chip{font-size:.7rem;padding:2px 8px;border-radius:12px;background:#667eea26;color:#667eeae6;white-space:nowrap}.ai-params-time{font-size:.65rem;color:var(--text-faint);margin-left:auto}.filter-panel{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(-8px);width:100%;max-width:900px;background:var(--panel-bg);backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:20px;border:1px solid var(--border-2);box-shadow:var(--shadow-modal);overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,transform .15s;z-index:900}.filter-panel.active{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.filter-panel-inner{padding:22px 26px}.filter-section{margin-bottom:0;box-sizing:border-box}.filter-divider{height:1px;background:var(--border-2);margin:16px 0}.filter-section h4{margin:0 0 12px;font-size:.78em;color:var(--text-sub);text-transform:uppercase;letter-spacing:1.2px;font-weight:600}.sort-options-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sort-option-chip{background:var(--surface-1);padding:10px;border-radius:12px;border:1px solid var(--border-1);cursor:pointer;transition:opacity .15s,transform .15s;font-size:.82em;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--text-sub);-webkit-user-select:none;user-select:none;text-align:center;white-space:nowrap}.sort-option-chip i{font-size:1em}.sort-option-chip:hover{background:var(--surface-4);border-color:var(--border-3);transform:translateY(-1px)}.sort-option-chip.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);font-weight:600;box-shadow:0 2px 10px var(--accent-glow)}.filter-bottom-row{display:flex;gap:30px;align-items:flex-start}.filter-bottom-row .filter-section:first-child{flex-shrink:0}.filter-bottom-row .filter-section:last-child{flex:1;min-width:0}.platform-checks{display:flex;flex-direction:row;gap:8px}.check-label{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.check-label input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.check-label .label-text{box-sizing:border-box;display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--surface-1);border-radius:12px;border:1px solid var(--border-1);color:var(--text-sub);transition:opacity .15s,transform .15s;font-size:.85em;cursor:pointer}.check-label .label-text:hover{background:var(--surface-4);border-color:var(--border-3)}.check-label input:checked~.label-text{background:var(--accent);color:var(--accent-text-on);border-color:var(--accent);font-weight:600;box-shadow:0 0 10px var(--accent-glow)}.capacity-range-row{display:flex;align-items:center;gap:8px}.capacity-range-sep{color:var(--text-sub);font-size:1em;flex-shrink:0}.capacity-number-input{width:80px;padding:8px 12px;background:var(--input-bg);border:1px solid var(--border-2);border-radius:10px;color:var(--text-main);font-size:.9em;font-family:monospace;outline:none;transition:opacity .15s,transform .15s;-moz-appearance:textfield;appearance:textfield}.capacity-number-input::-webkit-outer-spin-button,.capacity-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.capacity-number-input:focus{border-color:var(--accent);background:var(--accent-bg);box-shadow:0 0 10px var(--accent-glow)}.date-filter-input{width:140px;padding:8px 12px;background:var(--input-bg);border:1px solid var(--border-2);border-radius:10px;color:var(--text-main);font-size:.9em;outline:none;transition:opacity .15s,transform .15s;color-scheme:dark}.date-filter-input:focus{border-color:var(--accent);background:var(--accent-bg);box-shadow:0 0 10px var(--accent-glow)}.back-to-top{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:50%;background:var(--glass-bg-solid);border:1px solid var(--border-2);color:var(--text-sub);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:900;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .2s,transform .2s,background .15s,color .15s;box-shadow:0 4px 12px #0000004d;font-size:1em}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:var(--accent);color:var(--accent-text-on);border-color:var(--accent)}.signup-banner{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;background:linear-gradient(135deg,#6366f1f2,#8b5cf6f2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:800;box-shadow:0 -4px 20px #0000004d}.signup-banner-text{color:#fff;font-size:.95em;font-weight:500}.signup-banner-btn{padding:8px 20px;background:#fff;color:#4f46e5;border:none;border-radius:20px;font-weight:600;font-size:.9em;cursor:pointer;white-space:nowrap;transition:transform .15s,box-shadow .15s}.signup-banner-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #ffffff4d}.signup-banner-close{background:none;border:none;color:#ffffffb3;font-size:1.4em;cursor:pointer;padding:0 4px;line-height:1}.signup-banner-close:hover{color:#fff}.slide-up-enter-active,.slide-up-leave-active{transition:transform .3s ease,opacity .3s ease}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(100%);opacity:0}.pull-refresh-indicator{position:fixed;top:0;left:50%;transform:translate(-50%) translateY(-60px);width:40px;height:40px;border-radius:50%;background:var(--glass-bg-solid);border:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;z-index:1000;transition:transform .2s;color:var(--text-sub);box-shadow:0 4px 12px #0000004d}.pull-refresh-indicator.pulling,.pull-refresh-indicator.refreshing{transform:translate(-50%) translateY(16px)}.offline-banner{position:fixed;bottom:0;left:0;right:0;background:var(--surface-3);color:var(--text-main);text-align:center;padding:10px 16px;z-index:99999;font-size:.85em;border-top:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;gap:8px}.offline-banner i{color:var(--warning, #f0ad4e)}.big-tag.clickable{cursor:pointer;transition:background .15s,color .15s}.big-tag.clickable:hover{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}@media(max-width:768px){.filter-panel{width:95vw;max-width:none}.sort-options-grid{grid-template-columns:repeat(2,1fr)}.filter-bottom-row{flex-direction:column;gap:16px}}.lang-box{position:relative}.lang-select{padding:12px 15px;font-size:.9em;background:var(--surface-2);border:1px solid var(--border-4);border-radius:25px;color:var(--text-main);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:opacity .15s,transform .15s;font-family:inherit}.lang-select:hover{background:var(--surface-4);border-color:var(--accent)}.lang-select option{background-color:var(--modal-bg);color:var(--text-main)}.shortcuts-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:4000;opacity:0;visibility:hidden;transition:opacity .15s,transform .15s}.shortcuts-modal.active{opacity:1;visibility:visible}.shortcuts-content{background:var(--modal-bg);padding:30px;border-radius:16px;max-width:400px;width:90%;position:relative}.shortcuts-content h3{margin-bottom:20px;color:var(--accent)}.shortcuts-list{list-style:none;padding:0;margin:0}.shortcuts-list li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-2);color:var(--text-main)}.shortcuts-list li:last-child{border-bottom:none}kbd{display:inline-block;background:var(--surface-4);border:1px solid var(--border-3);border-radius:6px;padding:4px 10px;font-family:inherit;font-size:.9em;color:var(--accent);min-width:30px;text-align:center}.profile-toggle-btn{width:50px;height:50px;font-size:2.2em;color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s,transform .15s;flex-shrink:0;border-radius:50%}.profile-toggle-btn:hover{color:var(--accent);transform:scale(1.1);text-shadow:0 0 15px var(--accent-glow)}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;max-width:1400px;margin:0 auto;align-items:start}.info-card{background:var(--card-bg);border-radius:12px;overflow:hidden;cursor:pointer;position:relative;height:auto;display:flex;flex-direction:column;border:1px solid var(--border-1);transition:transform .15s cubic-bezier(.25,.8,.25,1),box-shadow .15s;opacity:1}.info-card:hover{transform:scale(1.05);box-shadow:var(--shadow-card);border-color:var(--accent);z-index:10}.mini-map-card .card-thumb-wrapper{width:100%;height:auto;aspect-ratio:16/9;overflow:hidden}.mini-map-card .card-thumb{width:100%;height:100%;object-fit:cover}.card-thumb-wrapper{width:100%;height:auto;aspect-ratio:16 / 9;position:relative;background-color:var(--thumbnail-bg)}.card-thumb{width:100%;height:auto;display:block;object-fit:contain;transition:filter .15s,opacity .15s ease}.card-thumb.lazy-placeholder{aspect-ratio:16 / 9;background:linear-gradient(110deg,var(--skeleton-1) 30%,var(--skeleton-2) 50%,var(--skeleton-1) 70%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;opacity:1}.card-thumb.lazy-loaded{animation:none;background:none}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.info-card:hover .card-thumb{filter:brightness(.5)}.card-heart{position:absolute;top:10px;left:10px;z-index:10;background:#0009;width:36px;height:36px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;transition:.2s;border:1px solid rgba(255,255,255,.2);opacity:0}.card-heart:hover,.info-card:hover .card-heart,.card-heart.active{opacity:1}.card-heart:hover{transform:scale(1.1);background:#000c}.card-heart.active{color:var(--secondary);border-color:var(--secondary);animation:heart-bounce .35s ease}@keyframes heart-bounce{0%{transform:scale(1)}30%{transform:scale(1.35)}60%{transform:scale(.9)}to{transform:scale(1)}}.platform-badges{position:absolute;top:10px;right:10px;display:flex;gap:5px;opacity:0;transition:opacity .15s ease;z-index:2}.info-card:hover .platform-badges{opacity:1}.badge{background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75em;display:flex;align-items:center;gap:4px;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--border-4)}.badge.pc{color:#61dafb}.badge.quest{color:var(--color-android)}.badge.ios{color:var(--color-ios)}.card-content{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(0,0,0,1) 15%,rgba(0,0,0,.6) 80%,transparent);opacity:0;transform:translateY(10px);transition:opacity .15s,transform .15s;z-index:2;display:flex;flex-direction:column;justify-content:flex-end}.info-card:hover .card-content{opacity:1;transform:translateY(0)}.card-title{font-size:1.4em;margin:0 0 10px;color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8);display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;height:1.8em;overflow:hidden}.mini-tag{display:inline-flex;align-items:center;font-size:.7em;font-weight:600;background:#ffffff26;color:#ffffffe6;padding:4px 10px;border-radius:20px;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;letter-spacing:.5px;text-transform:uppercase}.card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.85em;color:#ffffffbf;margin-top:5px}.live-status{color:var(--color-success);font-weight:700;display:flex;align-items:center;gap:6px}.live-dot{width:8px;height:8px;background:var(--color-success);border-radius:50%;box-shadow:0 0 8px var(--color-success)}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;justify-content:center;align-items:center;z-index:3500;opacity:0;visibility:hidden;transition:opacity .15s,transform .15s;padding:20px}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:var(--glass-bg-solid);backdrop-filter:none;-webkit-backdrop-filter:none;width:95%;max-width:1100px;max-height:90vh;border-radius:24px;overflow-y:auto;overflow-x:hidden;position:relative;transform:scale(.95);transition:opacity .15s,transform .15s;box-shadow:var(--shadow-modal);border:1px solid var(--border-2);display:flex;flex-direction:column}.modal-overlay.active .modal-content{transform:scale(1)}.close-btn{position:sticky;top:16px;align-self:flex-end;margin:16px 16px -56px 0;flex-shrink:0;z-index:1005;background:#00000080;color:#fff;border:1px solid rgba(255,255,255,.2);width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:.2s}.close-btn:hover{background:var(--secondary);border-color:var(--secondary);transform:rotate(90deg)}.modal-cover-wrapper{position:relative;width:100%;flex-shrink:0}.modal-cover-image{width:100%;height:auto;display:block}.modal-cover-gradient{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,rgba(var(--modal-bg-rgb),1) 0%,transparent 100%);pointer-events:none}.modal-body{padding:0 40px 40px;display:flex;flex-direction:column;margin-top:-40px;position:relative;z-index:1}.modal-header-section{margin-bottom:20px;flex-shrink:0;display:flex;justify-content:space-between;align-items:flex-start}#m-title{margin:0;font-size:2.5em;color:var(--text-main);line-height:1.1;text-shadow:0 0 20px var(--accent-glow)}#m-author{display:flex;align-items:center;margin-top:10px}.author-info{display:flex;align-items:center;text-decoration:none;color:var(--accent);font-size:1.1em;font-weight:600;transition:.2s}.author-info:hover{color:var(--text-main);text-shadow:0 0 10px var(--accent)}.author-avatar{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid var(--accent);margin-right:12px;background-color:var(--thumbnail-bg)}.subscribe-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--surface-4);color:var(--text-dim);margin-left:10px;cursor:pointer;transition:opacity .15s,transform .15s;border:1px solid var(--border-4);font-size:.9em}.subscribe-btn:hover{background:var(--border-4);color:var(--text-main)}.subscribe-btn.active{background:var(--accent);color:var(--accent-text-on);border-color:var(--accent);box-shadow:0 0 10px var(--accent)}.modal-heart-btn{width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:var(--surface-4);cursor:pointer;transition:.2s;margin-left:15px}.modal-heart-btn:hover{background:var(--border-4);transform:scale(1.1)}.modal-heart-btn.active{color:var(--secondary);background:#ff2a6d1a;border:1px solid var(--secondary)}.detail-layout{display:flex;gap:40px;flex:1;min-height:0}.left-panel{flex:1.5;display:flex;flex-direction:column;min-height:0;position:relative}.description-wrapper{position:relative;height:3.4em;margin-bottom:20px;z-index:10}.description-wrapper.auto-height{height:auto;min-height:100px;flex-grow:1;overflow-y:visible;margin-bottom:0}.description-inner{position:absolute;top:0;left:0;width:100%;max-height:100%;overflow:hidden;background:transparent;transition:opacity .15s,transform .15s;border-radius:8px;color:var(--text-sub);line-height:1.6;font-size:1em}.description-inner p{margin:0}.description-wrapper.auto-height .description-inner{position:static;overflow:visible;padding-right:10px}.description-wrapper.expandable:hover .description-inner{max-height:500px;background:var(--glass-bg-solid);padding:15px;margin:-15px;width:calc(100% + 30px);z-index:100;box-shadow:0 10px 30px #000c;border:1px solid var(--accent);overflow:visible}.desc-ellipsis{position:absolute;bottom:0;right:0;background:linear-gradient(to right,transparent,rgba(32,32,53,.9) 30%);color:var(--accent);font-weight:700;padding-left:20px;padding-right:5px;pointer-events:none;opacity:0;transition:opacity .2s;z-index:20}.description-wrapper.expandable:not(.auto-height) .desc-ellipsis{opacity:1}.description-wrapper.expandable:hover .desc-ellipsis{opacity:0}.video-preview-box{flex-grow:1;min-height:180px;border-radius:12px;overflow:hidden;position:relative;border:1px solid var(--border-2);z-index:1}.yt-preview-card{display:block;width:100%;height:100%;background-color:var(--thumbnail-bg);background-size:cover;background-position:center;text-decoration:none;position:relative;transition:transform .15s}.yt-preview-card:hover{transform:scale(1.02)}.yt-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#000000b3;border-radius:50%;display:flex;justify-content:center;align-items:center;border:2px solid white;transition:opacity .15s,transform .15s}.yt-play-icon i{color:#fff;font-size:24px;margin-left:4px}.yt-preview-card:hover .yt-play-icon{background:var(--secondary);border-color:var(--secondary);transform:translate(-50%,-50%) scale(1.1)}.video-info{position:absolute;bottom:0;left:0;width:100%;padding:10px 15px;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);color:#fff;font-size:.9em;pointer-events:none}.filter-toggle-btn{width:50px;height:50px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border-4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s,transform .15s;color:var(--text-sub);position:relative;backdrop-filter:none;-webkit-backdrop-filter:none}.filter-toggle-btn:hover{background:var(--surface-4);border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:0 5px 15px var(--accent-border)}.filter-toggle-btn.active{background:var(--accent);color:var(--accent-text-on);border-color:var(--accent);box-shadow:0 0 20px var(--accent)}.right-panel{flex:1;background:var(--surface-2);border-radius:16px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--border-1)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.stat-item h4{margin:0;font-size:1.4em;color:var(--accent)}.stat-item span{font-size:.8em;color:var(--text-dim);display:block;margin-top:4px}.info-row{display:flex;align-items:center;gap:15px}.info-label{color:var(--text-dim);font-size:.8em;display:block;margin-bottom:0;min-width:60px;flex-shrink:0}.info-value,.tag-container-placeholder{flex-grow:1;min-width:0}.info-value{color:var(--text-main);font-weight:500;display:flex;align-items:center;gap:10px}.tag-container-placeholder{height:60px;position:relative;z-index:5}.tag-cloud-inner{position:absolute;bottom:0;right:0;width:100%;max-height:60px;overflow:hidden;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;background:transparent;transition:opacity .15s,transform .15s;border-radius:8px;box-sizing:border-box}.tag-container-placeholder.expandable:hover .tag-cloud-inner{max-height:500px;background:var(--modal-bg);padding:10px;margin:-10px;width:calc(100% + 20px);z-index:100;box-shadow:0 -10px 30px #000c;border:1px solid var(--accent)}.tag-ellipsis{position:absolute;bottom:0;right:0;background:linear-gradient(to right,transparent,rgba(0,0,0,.8) 50%);color:var(--accent);font-weight:700;padding-left:20px;padding-right:5px;pointer-events:none;opacity:0;transition:opacity .2s}.tag-container-placeholder.expandable .tag-ellipsis{opacity:1}.tag-container-placeholder.expandable:hover .tag-ellipsis{opacity:0}.big-tag{background:var(--accent-bg);color:var(--accent);padding:4px 10px;border-radius:6px;font-size:.8em;border:1px solid var(--accent-border);white-space:nowrap}.launch-btn{display:flex;justify-content:center;align-items:center;padding:15px;text-align:center;text-decoration:none;font-weight:800;font-size:1.2em;letter-spacing:2px;text-transform:uppercase;font-family:Segoe UI,sans-serif;color:var(--accent);background:transparent;border:2px solid var(--accent);border-radius:6px;margin-top:20px;transition:opacity .15s,transform .15s;box-sizing:border-box;width:100%;margin-left:0;margin-right:0;text-shadow:0 0 10px var(--accent-glow)}.launch-btn:hover{background:var(--accent);color:var(--accent-text-on);box-shadow:0 0 30px var(--accent);transform:translateY(-2px);text-shadow:none}.load-more-container{text-align:center;margin-top:40px;margin-bottom:60px;width:100%}.load-more-btn{background:var(--surface-2);color:var(--text-main);border:1px solid var(--border-4);padding:12px 40px;font-size:1.1em;border-radius:50px;cursor:pointer;transition:opacity .15s,transform .15s;-webkit-backdrop-filter:none;backdrop-filter:none;display:inline-flex;align-items:center;gap:10px}.load-more-btn:hover{background:var(--accent);color:var(--accent-text-on);box-shadow:0 0 20px var(--accent-glow);border-color:var(--accent);transform:translateY(-2px)}.carousel-wrapper{position:relative;display:flex;align-items:center}.horizontal-scroll-container{display:flex;gap:20px;overflow-x:auto;padding:10px 0 20px;white-space:nowrap;scroll-behavior:smooth}.horizontal-scroll-container::-webkit-scrollbar{width:0;height:0}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#000c;border:1px solid var(--accent);color:var(--accent);font-size:1.2em;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:100;transition:opacity .15s,transform .15s;opacity:0}.carousel-wrapper:hover .scroll-btn{opacity:1}.scroll-btn:hover{background:var(--accent);color:var(--accent-text-on);box-shadow:0 0 15px var(--accent)}.scroll-btn.left{left:10px}.scroll-btn.right{right:10px}.d-none{display:none!important}.profile-overlay{position:fixed;top:0;left:0;width:380px;height:100vh;max-height:100vh;background:var(--sidebar-bg);z-index:3000;display:flex;flex-direction:column;box-sizing:border-box;opacity:0;visibility:hidden;transform:translate(-100%);transition:transform .15s ease,opacity .15s ease,visibility .15s ease;will-change:transform;box-shadow:5px 0 30px #00000080;overflow:visible;padding:0;pointer-events:none}.profile-overlay.active{opacity:1;visibility:visible;transform:translate(0);pointer-events:auto}.profile-close-btn{position:absolute;top:15px;right:15px;font-size:2.5em;cursor:pointer}.profile-section{margin-bottom:50px}.profile-section h2{color:var(--accent);margin-bottom:25px;border-bottom:1px solid var(--border-2);padding-bottom:10px}.folder-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.folder-tab{background:var(--surface-2);border:1px solid var(--border-2);color:var(--text-main);padding:8px 16px;border-radius:20px;cursor:pointer;transition:opacity .15s,transform .15s;font-size:.9em}.folder-tab:hover{background:var(--accent-bg);border-color:var(--accent)}.folder-tab.active{background:var(--accent);color:var(--accent-text-on);border-color:var(--accent);font-weight:600}.folder-tab.add-folder-btn{background:transparent;border-style:dashed;color:var(--accent)}.folder-tab.add-folder-btn:hover{background:var(--accent-bg)}.delete-folder-btn{background:#ff2a6d1a;border:1px solid var(--secondary);color:var(--secondary);padding:8px 16px;border-radius:8px;cursor:pointer;transition:opacity .15s,transform .15s}.delete-folder-btn:hover{background:var(--secondary);color:#fff}.folder-actions{margin-bottom:20px}.folder-action-btns{display:flex;gap:10px;flex-wrap:wrap}.edit-folder-btn{background:var(--surface-2);border:1px solid var(--border-4);color:var(--text-main);padding:8px 16px;border-radius:8px;cursor:pointer;transition:opacity .15s,transform .15s}.edit-folder-btn:hover{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.share-folder-btn:hover{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.share-folder-btn:disabled{opacity:.4;cursor:not-allowed}.import-folder-btn:hover{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning)}.export-code-box{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:16px;background:var(--color-success-bg);border:1px solid rgba(76,175,80,.3);border-radius:10px}.export-code-label{color:var(--text-sub);font-size:.85rem}.code-text{font-family:Courier New,monospace;font-size:1.4rem;font-weight:700;color:var(--color-success);letter-spacing:3px}.copy-code-btn{background:var(--color-success-bg);border:1px solid var(--color-success);color:var(--color-success);padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.85rem;transition:opacity .15s,transform .15s}.copy-code-btn:hover{background:var(--color-success);color:#fff}.close-export-btn{background:none;border:none;color:var(--text-sub);cursor:pointer;padding:4px 8px;font-size:1rem;margin-left:auto}.close-export-btn:hover{color:var(--text-main)}.import-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:7000;display:flex;align-items:center;justify-content:center}.import-modal{background:var(--modal-bg);border-radius:16px;padding:24px;width:90%;max-width:520px;max-height:80vh;overflow-y:auto;position:relative}.import-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.import-modal-header h3{margin:0;color:var(--text-main)}.import-modal-header .close-btn{background:none;border:none;color:var(--text-sub);font-size:1.2rem;cursor:pointer}.import-step label{display:block;margin-bottom:8px;color:var(--text-sub);font-size:.9rem}.import-code-input-row{display:flex;gap:10px}.import-code-input{flex:1;padding:10px 14px;background:var(--surface-2);border:1px solid var(--border-4);border-radius:8px;color:var(--text-main);font-size:1.2rem;font-family:Courier New,monospace;letter-spacing:4px;text-align:center}.import-code-input:focus{border-color:var(--accent);outline:none}.preview-btn{padding:10px 18px;background:var(--accent);border:none;border-radius:8px;color:var(--accent-text-on);font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity .2s}.preview-btn:disabled{opacity:.4;cursor:not-allowed}.import-error{color:var(--secondary);font-size:.85rem;margin-top:8px}.import-preview-info{margin-bottom:16px}.import-preview-info p{margin:0;color:var(--text-main)}.import-meta{color:var(--text-sub);font-size:.85rem;margin-top:4px}.import-preview-worlds{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-bottom:16px;max-height:200px;overflow-y:auto}.import-world-card{display:flex;flex-direction:column;gap:4px;background:var(--surface-2);border-radius:8px;overflow:hidden}.import-world-thumb{width:100%;aspect-ratio:16/9;object-fit:cover}.import-world-title{padding:4px 6px;font-size:.75rem;color:var(--text-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-actions{display:flex;gap:10px;margin-bottom:12px}.import-action-btn{flex:1;padding:12px;border-radius:10px;border:1px solid var(--border-4);background:var(--surface-2);color:var(--text-main);cursor:pointer;font-size:.9rem;transition:opacity .15s,transform .15s;display:flex;align-items:center;justify-content:center;gap:8px}.import-new-btn:hover{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.import-merge-btn:hover{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning)}.merge-folder-picker{margin-bottom:12px}.merge-folder-picker p{color:var(--text-sub);font-size:.85rem;margin:0 0 8px}.merge-folder-list{display:flex;flex-direction:column;gap:6px}.merge-folder-item{padding:10px 14px;background:var(--surface-2);border:1px solid var(--border-3);border-radius:8px;color:var(--text-main);cursor:pointer;text-align:left;transition:opacity .15s,transform .15s}.merge-folder-item:hover{background:var(--color-warning-bg);border-color:var(--color-warning)}.import-step .back-btn{background:none;border:none;color:var(--text-sub);cursor:pointer;font-size:.85rem;padding:6px 0}.import-step .back-btn:hover{color:var(--text-main)}@media(max-width:768px){.folder-action-btns{flex-wrap:wrap}.folder-action-btns .edit-folder-btn,.folder-action-btns .delete-folder-btn{font-size:.8rem;padding:6px 10px}.export-code-box{flex-wrap:wrap;gap:8px;padding:10px 12px}.code-text{font-size:1.1rem;letter-spacing:2px}.import-modal{width:95%;padding:16px;max-height:85vh}.import-code-input-row{flex-direction:column}.import-code-input{font-size:1rem}.import-actions{flex-direction:column}.import-preview-worlds{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}.folder-edit-input{display:flex;gap:10px;align-items:center}.folder-edit-input input{flex-grow:1;max-width:300px;background:var(--surface-2);border:1px solid var(--border-4);color:var(--text-main);padding:10px 15px;border-radius:8px;font-size:.95em}.folder-edit-input input:focus{outline:none;border-color:var(--accent)}.folder-edit-input .save-btn{background:var(--accent);border:none;color:var(--accent-text-on);width:36px;height:36px;border-radius:8px;cursor:pointer}.folder-edit-input .cancel-btn{background:var(--surface-4);border:none;color:var(--text-sub);width:36px;height:36px;border-radius:8px;cursor:pointer}.delete-confirm-box{background:#ff2a6d1a;border:1px solid var(--secondary);border-radius:12px;padding:20px;margin-bottom:20px}.delete-confirm-box p{margin-bottom:15px;color:var(--text-main)}.confirm-btns{display:flex;gap:10px}.confirm-yes{background:var(--secondary);border:none;color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600}.confirm-no{background:var(--surface-4);border:1px solid var(--border-4);color:var(--text-main);padding:10px 20px;border-radius:8px;cursor:pointer}.folder-worlds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:20px}.folder-worlds-grid .profile-card{min-width:unset;max-width:unset}.expand-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--surface-1);border:1px dashed var(--border-4);color:var(--text-sub);padding:12px;border-radius:8px;cursor:pointer;transition:opacity .15s,transform .15s}.expand-btn:hover{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.folder-picker-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:9500;display:flex;justify-content:center;align-items:center}.folder-picker-modal{background:var(--modal-bg);border-radius:20px;padding:0;width:380px;max-width:calc(100vw - 32px);border:1px solid var(--border-2);box-shadow:0 24px 80px #0009,0 0 0 1px var(--border-1) inset;overflow:hidden}.picker-header{text-align:center;padding:28px 24px 20px;background:linear-gradient(180deg,rgba(255,42,109,.08) 0%,transparent 100%)}.picker-header-icon{width:48px;height:48px;margin:0 auto 14px;border-radius:50%;background:linear-gradient(135deg,var(--secondary),#ff6b9d);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;box-shadow:0 4px 20px #ff2a6d4d}.folder-picker-modal h3{color:var(--text-main);margin:0 0 6px;font-size:1.2em;font-weight:600}.picker-subtitle{color:var(--text-sub);font-size:.85em;margin:0}.picker-folder-list{padding:4px 16px;max-height:280px;overflow-y:auto}.picker-folder-list::-webkit-scrollbar{width:4px}.picker-folder-list::-webkit-scrollbar-thumb{background:var(--surface-5);border-radius:4px}.picker-folder-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:var(--surface-1);border:1px solid var(--border-1);border-radius:12px;color:var(--text-main);cursor:pointer;transition:opacity .15s,transform .15s;margin-bottom:6px;font-size:.95em}.picker-folder-item:hover{background:var(--accent-bg);border-color:var(--accent-border);transform:translate(4px)}.picker-folder-icon{width:34px;height:34px;border-radius:10px;background:var(--accent-bg);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:14px;flex-shrink:0}.picker-folder-item:hover .picker-folder-icon{background:var(--accent-bg)}.picker-folder-name{flex:1;text-align:left;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-folder-count{color:var(--text-sub);font-size:.8em;background:var(--surface-2);padding:2px 8px;border-radius:10px;min-width:28px;text-align:center}.picker-folder-arrow{color:var(--surface-5);font-size:.75em;transition:opacity .15s,transform .15s}.picker-folder-item:hover .picker-folder-arrow{color:var(--accent);transform:translate(2px)}.picker-new-folder{padding:8px 16px 6px}.picker-new-folder-btn{width:100%;padding:12px;background:transparent;border:1px dashed var(--border-3);border-radius:12px;color:var(--text-sub);cursor:pointer;font-size:.9em;transition:opacity .15s,transform .15s;display:flex;align-items:center;justify-content:center;gap:8px}.picker-new-folder-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.picker-new-folder-input{display:flex;gap:8px}.picker-new-folder-input input{flex:1;background:var(--surface-2);border:1px solid var(--border-3);color:var(--text-main);padding:10px 14px;border-radius:10px;font-size:.9em;outline:none;transition:border-color .2s}.picker-new-folder-input input:focus{border-color:var(--accent)}.picker-create-btn{width:40px;height:40px;border-radius:10px;border:none;background:var(--accent);color:var(--accent-text-on);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:opacity .15s,transform .15s;flex-shrink:0}.picker-create-btn:hover:not(:disabled){box-shadow:0 0 16px var(--accent-glow);transform:scale(1.05)}.picker-create-btn:disabled{opacity:.3;cursor:not-allowed}.picker-cancel-input-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--border-2);background:transparent;color:var(--text-sub);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:opacity .15s,transform .15s;flex-shrink:0}.picker-cancel-input-btn:hover{border-color:var(--secondary);color:var(--secondary)}.picker-close-btn{display:block;width:calc(100% - 32px);margin:6px 16px 16px;padding:11px;background:var(--surface-1);border:1px solid var(--border-2);border-radius:12px;color:var(--text-sub);cursor:pointer;font-size:.9em;transition:opacity .15s,transform .15s}.picker-close-btn:hover{background:var(--surface-3);color:var(--text-main)}.picker-fade-enter-active,.picker-fade-leave-active{transition:opacity .25s ease}.picker-fade-enter-from,.picker-fade-leave-to{opacity:0}.picker-scale-enter-active,.picker-scale-leave-active{transition:opacity .15s,transform .15s}.picker-scale-enter-from{opacity:0;transform:scale(.9) translateY(20px)}.picker-scale-leave-to{opacity:0;transform:scale(.95)}.folder-list{max-height:300px;overflow-y:auto;margin-bottom:20px}.folder-item{display:flex;align-items:center;gap:10px;padding:12px 15px;background:var(--surface-1);border-radius:8px;margin-bottom:8px;cursor:pointer;transition:opacity .15s,transform .15s;border:1px solid transparent}.folder-item:hover{background:var(--accent-bg);border-color:var(--accent)}.folder-name{flex-grow:1;font-weight:500}.folder-count{color:var(--text-sub);font-size:.85em}.folder-check{color:var(--accent)}.new-folder-input{display:flex;gap:10px}.new-folder-input input{flex-grow:1;background:var(--surface-2);border:1px solid var(--border-4);color:var(--text-main);padding:10px 15px;border-radius:8px;font-size:.95em}.new-folder-input input:focus{outline:none;border-color:var(--accent)}.new-folder-input button{background:var(--accent);border:none;color:var(--accent-text-on);padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:opacity .15s,transform .15s}.new-folder-input button:hover{transform:scale(1.05);box-shadow:0 0 15px var(--accent)}.remove-from-all-btn{width:100%;background:#ff2a6d1a;border:1px solid var(--secondary);color:var(--secondary);padding:12px;border-radius:8px;cursor:pointer;margin-top:15px;transition:opacity .15s,transform .15s}.remove-from-all-btn:hover{background:var(--secondary);color:#fff}.author-maps-row{display:flex;gap:40px;margin-bottom:40px;background:var(--surface-1);padding:20px;border-radius:12px;border:1px solid var(--border-1)}.author-info-column{width:200px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px}.author-info-column .author-avatar-large{width:80px;height:80px;border-radius:50%;border:2px solid var(--accent)}.author-info-column .author-name{font-size:1.2em;font-weight:700;color:var(--text-main)}.author-maps-column{flex-grow:1;overflow-x:auto;scroll-behavior:smooth;position:relative;padding-bottom:10px}.author-maps-column::-webkit-scrollbar{width:0;height:0}.mini-grid{display:flex;gap:15px;padding-bottom:10px}.mini-map-card{min-width:220px;max-width:220px;height:auto}.profile-card{min-width:300px;max-width:350px;flex-shrink:0}@media(max-width:900px){.modal-content{height:auto;max-height:95vh;overflow-y:auto;aspect-ratio:auto}.modal-cover-wrapper{height:180px}.modal-body{padding:0 20px 20px}.detail-layout{flex-direction:column;gap:20px}.video-preview-box{height:200px;flex-grow:0}.header-controls{flex-direction:column;align-items:stretch;padding:15px 20px;gap:10px;position:static}body{padding-top:40px}.sort-box{width:100%}.profile-overlay{padding:30px}}#loading{text-align:center;color:var(--text-dim);margin-top:50px;font-size:1.2em}.no-results{text-align:center;color:var(--text-sub);font-size:1.2em;padding:40px}.error-msg{text-align:center;color:var(--color-error);padding:20px}.discovery-home{margin-left:0;margin-right:-40px}.discovery-row{margin-bottom:36px;position:relative;z-index:10}.discovery-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:0}.discovery-row-header h2{font-size:1.4em;font-weight:700;color:var(--text-main);margin:0}.discovery-see-all{background:none;border:none;color:var(--accent);font-size:.9em;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s,color .2s;white-space:nowrap}.discovery-see-all:hover{background:var(--accent-bg);color:var(--text-main)}.discovery-see-all i{font-size:.8em;margin-left:4px}.carousel-wrapper{position:relative}.discovery-track{display:flex;width:100%;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:8px 0 12px 20px;scrollbar-width:none;-ms-overflow-style:none}.discovery-track::-webkit-scrollbar{display:none}.discovery-card-item{flex:0 0 calc(18% - 14px);border-radius:8px;overflow:hidden;cursor:pointer;background:transparent;scroll-snap-align:start;transition:transform .25s ease,box-shadow .25s ease}.discovery-card-item:hover{transform:scale(1.08);box-shadow:0 12px 30px #000000b3;z-index:10}.discovery-card-item .info-card{width:100%;border-radius:0;background:transparent;border:none;margin:0}.discovery-card-item .info-card:hover{transform:none;box-shadow:none;border-color:transparent}.discovery-card-item .discovery-card .card-thumb-wrapper,.discovery-grid .discovery-card .card-thumb-wrapper{aspect-ratio:4 / 3;background:transparent}.discovery-card-item:hover .card-heart{opacity:1}.discovery-home .scroll-btn{position:absolute;top:8px;bottom:12px;transform:none;width:40px;height:auto;border-radius:4px;background:#0009;border:none;color:#fff;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,background .2s;font-size:1.2em}.discovery-home .carousel-wrapper:hover .scroll-btn:not(.hidden){opacity:1}.discovery-home .scroll-btn:hover{background:var(--accent-glow)}.discovery-home .scroll-btn.hidden{opacity:0!important;pointer-events:none}.discovery-home .scroll-btn-left{left:0}.discovery-home .scroll-btn-right{right:0}.grid-back-bar{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:8px 0}.grid-back-bar button{background:none;border:1px solid var(--border-4);color:var(--text-main);padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.9em;transition:background .2s}.grid-back-bar button:hover{background:var(--surface-4)}.grid-back-bar h2{font-size:1.3em;font-weight:700;color:var(--text-main);margin:0}.site-footer{max-width:1400px;margin:60px auto 0;padding:32px 40px;border-top:1px solid var(--border-2);text-align:center;color:var(--text-dim);font-size:.8em;line-height:1.8}.site-footer .footer-links{display:flex;justify-content:center;gap:20px;margin-bottom:12px}.site-footer .footer-links a{color:var(--text-dim);text-decoration:none;transition:color .2s}.site-footer .footer-links a:hover{color:var(--accent)}.site-footer .footer-legal-links{margin-bottom:12px}.site-footer .footer-legal-links a{color:var(--text-dim);text-decoration:none;transition:color .2s}.site-footer .footer-legal-links a:hover{color:var(--accent)}.site-footer .footer-separator{margin:0 8px;color:var(--border-4)}.site-footer .footer-disclaimer{margin-top:8px;font-size:.9em;color:var(--text-faint)}.legal-page{max-width:900px;margin:0 auto;padding:24px 40px 60px;min-height:100vh}.legal-header{margin-bottom:24px}.legal-back-btn{background:none;border:1px solid var(--border-4);color:var(--text-sub);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9em;transition:all .2s}.legal-back-btn:hover{border-color:var(--accent);color:var(--accent)}.legal-back-btn i{margin-right:6px}.legal-content{color:var(--text-sub);line-height:1.8}.legal-content h1{font-size:2em;font-weight:700;margin-bottom:8px;color:var(--text-main)}.legal-content .legal-updated{color:var(--text-dim);font-size:.9em;margin-bottom:32px}.legal-content h2{font-size:1.3em;font-weight:600;margin-top:32px;margin-bottom:12px;color:var(--text-main)}.legal-content h3{font-size:1.05em;font-weight:600;margin-top:20px;margin-bottom:8px;color:var(--text-sub)}.legal-content p{margin-bottom:12px}.legal-content ul{margin:8px 0 16px 24px}.legal-content li{margin-bottom:6px}.legal-content a{color:var(--accent);text-decoration:none}.legal-content a:hover{text-decoration:underline}.hero-carousel{position:relative;width:calc(100% + 80px);margin-left:-40px;margin-top:-90px;height:95vh;max-height:900px;overflow:hidden;margin-bottom:-100px;z-index:1;pointer-events:none}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease;pointer-events:none}.hero-slide:first-child{position:absolute}.hero-slide.active{opacity:1;pointer-events:none}.hero-slide-img{width:100%;height:100%;object-fit:cover}.hero-gradient-left{position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(to right,rgba(0,0,0,.5) 0%,transparent 100%);pointer-events:none}.hero-gradient-bottom{position:absolute;bottom:0;left:0;width:100%;height:35%;background:linear-gradient(to top,rgba(var(--bg-color-rgb),1) 0%,rgba(0,0,0,.6) 30%,transparent 100%);pointer-events:none}.hero-content{position:absolute;bottom:140px;left:48px;max-width:520px;z-index:2;pointer-events:auto}.hero-title{font-size:2rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6);margin-bottom:10px;line-height:1.2}.hero-desc{font-size:.95rem;color:#ffffffd9;text-shadow:0 1px 4px rgba(0,0,0,.5);line-height:1.5;margin-bottom:14px}.hero-meta{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}.hero-meta-item{font-size:.85rem;color:#ffffffbf;display:flex;align-items:center;gap:5px}.hero-meta-item i{font-size:.75rem;opacity:.8}.hero-platform-badge{margin-left:0}.hero-buttons{display:flex;gap:10px}.hero-btn{display:flex;align-items:center;gap:8px;padding:10px 22px;border-radius:8px;border:none;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .15s,opacity .15s}.hero-btn:hover{transform:scale(1.03)}.hero-btn:active{transform:scale(.98)}.hero-btn-primary{background:var(--accent);color:var(--accent-text-on)}.hero-btn-secondary{background:#ffffff26;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-btn-secondary:hover{background:#ffffff40}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:none;background:#0006;color:#fff;font-size:1.1rem;cursor:pointer;opacity:0;transition:opacity .3s,background .2s;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:auto}.hero-carousel:hover .hero-arrow{opacity:1}.hero-arrow:hover{background:#000000a6}.hero-arrow-left{left:16px}.hero-arrow-right{right:16px}.hero-dots{position:absolute;bottom:100px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:3;pointer-events:auto}.hero-dot{width:32px;height:3px;background:#ffffff4d;border:none;border-radius:2px;cursor:pointer;padding:0;overflow:hidden;transition:background .2s}.hero-dot:hover{background:#ffffff80}.hero-dot-fill{display:block;width:0;height:100%;background:#fff;border-radius:2px;transition:none}.hero-dot.active .hero-dot-fill{width:100%;animation:hero-dot-progress 5.5s linear forwards}@keyframes hero-dot-progress{0%{width:0}to{width:100%}}[data-theme=light] .close-btn{background:#ffffffd9;color:#6b6b6b;border:1px solid #E7E7E7}[data-theme=light] .close-btn:hover{background:var(--secondary);color:#fff;border-color:var(--secondary)}[data-theme=light] .info-card{border:1px solid #F2F2F2;box-shadow:0 1px 4px #0000000a}[data-theme=light] .info-card:hover{box-shadow:0 8px 24px #0000001a}[data-theme=light] .modal-overlay{background:#0000004d}[data-theme=light] .desc-ellipsis{background:linear-gradient(to right,transparent,rgba(255,255,255,.95) 30%)}[data-theme=light] .tag-ellipsis{background:linear-gradient(to right,transparent,rgba(255,255,255,.95) 50%)}[data-theme=light] .description-wrapper.expandable:hover .description-inner{box-shadow:0 10px 30px #0000001f}[data-theme=light] .tag-container-placeholder.expandable:hover .tag-cloud-inner{box-shadow:0 -10px 30px #0000001a}[data-theme=light] .card-heart{background:#ffffffd9;border:1px solid #E7E7E7;color:#6b6b6b}[data-theme=light] .card-heart:hover{background:#fffffff2}[data-theme=light] .card-heart.active{color:var(--secondary);border-color:var(--secondary)}[data-theme=light] .badge{background:#ffffffe6;border:1px solid #E7E7E7;color:#242424}[data-theme=light] .scroll-btn{background:#ffffffe6;border:1px solid #E7E7E7;color:#6b6b6b}[data-theme=light] .scroll-btn:hover{background:var(--accent);color:#fff}[data-theme=light] .discovery-home .scroll-btn{background:#ffffffd9;color:#6b6b6b}[data-theme=light] .discovery-card-item:hover{box-shadow:0 8px 24px #0000001f}[data-theme=light] .profile-overlay{box-shadow:5px 0 30px #0000001a}[data-theme=light] .folder-picker-modal{box-shadow:0 24px 80px #0000001f}[data-theme=light] .back-to-top{box-shadow:0 2px 8px #0000001a}[data-theme=light] .shortcuts-modal{background:#0006}.auth-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:8000;opacity:0;visibility:hidden;transition:opacity .15s,transform .15s}.auth-modal.active{opacity:1;visibility:visible}.auth-content{background:var(--glass-bg-solid);-webkit-backdrop-filter:none;backdrop-filter:none;padding:40px;border-radius:20px;width:90%;max-width:400px;position:relative;border:1px solid var(--accent-border)}.auth-content .close-btn{position:absolute;top:15px;right:20px;font-size:28px;color:var(--text-sub);cursor:pointer;background:none;border:none;transition:.2s}.auth-content .close-btn:hover{color:var(--accent)}.auth-form h2{margin:0 0 25px;color:var(--text-main);text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;color:var(--text-sub);margin-bottom:8px;font-size:.9em}.form-group input{width:100%;padding:14px 18px;background:var(--surface-2);border:1px solid var(--border-4);border-radius:10px;color:var(--text-main);font-size:1em;outline:none;transition:opacity .15s,transform .15s;box-sizing:border-box}.form-group input:focus{border-color:var(--accent);background:var(--surface-3)}.auth-error{background:var(--color-error-bg);border:1px solid var(--color-error);color:var(--color-error);padding:10px 15px;border-radius:8px;margin-bottom:15px;font-size:.9em}.auth-prompt-hint{background:#6366f126;border:1px solid rgba(99,102,241,.3);color:#a5b4fc;padding:10px 15px;border-radius:8px;margin-bottom:15px;font-size:.9em;text-align:center}.auth-submit-btn{width:100%;padding:15px;background:var(--accent);border:none;border-radius:10px;color:var(--accent-text-on);font-size:1.1em;font-weight:600;cursor:pointer;transition:opacity .15s,transform .15s}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px var(--accent-glow)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-switch{text-align:center;margin-top:20px;color:var(--text-sub)}.auth-switch a{color:var(--accent);text-decoration:none;font-weight:600}.auth-switch a:hover{text-decoration:underline}.profile-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--accent-bg);border-radius:15px;margin-bottom:25px;border:1px solid var(--accent-border)}.user-avatar{font-size:3em;color:var(--accent)}.user-name{font-size:1.3em;font-weight:600;color:var(--text-main)}.user-email{font-size:.9em;color:var(--text-sub)}.guest-info{display:flex;align-items:center;gap:10px;color:var(--text-sub);font-size:1.1em}.guest-info i{font-size:2em}.login-btn,.logout-btn{padding:10px 20px;border-radius:25px;font-size:1em;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:opacity .15s,transform .15s}.login-btn{background:var(--accent);border:none;color:var(--accent-text-on)}.login-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px var(--accent-glow)}.logout-btn{background:transparent;border:1px solid var(--secondary);color:var(--secondary)}.logout-btn:hover{background:#ff2a6d1a}.verification-input{font-size:24px;letter-spacing:8px;text-align:center;font-weight:700}.verify-hint{color:var(--text-sub);margin-bottom:12px;text-align:center}.verify-hint strong{color:var(--accent)}.verify-email-notice{padding:20px 0;text-align:center}.verify-email-icon{font-size:48px;margin-bottom:16px}.verify-email-addr{color:var(--accent);font-size:15px;margin-bottom:16px;word-break:break-all}.auth-success{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.google-signin-wrapper{margin-top:20px}.google-signin-divider{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--text-faint);font-size:.85em}.google-signin-divider:before,.google-signin-divider:after{content:"";flex:1;height:1px;background:var(--border-2)}.google-signin-button{display:flex;justify-content:center}.avatar-wrapper{position:relative;cursor:pointer;margin-right:15px;width:60px;height:60px;border-radius:50%;overflow:hidden}.user-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid var(--accent)}.avatar-wrapper .user-avatar{font-size:60px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-main)}.avatar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;border-radius:50%}.avatar-wrapper:hover .avatar-overlay{opacity:1}.avatar-overlay i{color:var(--text-main);font-size:20px}.header-avatar-img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--accent);transition:opacity .15s,transform .15s}.profile-toggle-btn:hover .header-avatar-img{transform:scale(1.1);box-shadow:0 0 15px var(--accent-glow)}.crop-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:5000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .15s,transform .15s}.crop-modal.active{opacity:1;visibility:visible}.crop-container{background:var(--modal-bg);padding:20px;border-radius:12px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column}.crop-container h3{margin:0 0 15px;color:var(--accent);text-align:center}.img-container{max-height:60vh;overflow:hidden;margin-bottom:20px;background:var(--thumbnail-bg)}.img-container img{max-width:100%;display:block}.crop-actions{display:flex;justify-content:flex-end;gap:15px}.crop-actions button{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:1em;font-weight:700;transition:.2s}.cancel-btn{background:var(--surface-4);color:var(--text-main)}.cancel-btn:hover{background:var(--surface-5)}.confirm-btn{background:var(--accent);color:var(--accent-text-on)}.confirm-btn:hover{background:var(--accent);filter:brightness(1.15)}.notification-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-4);border-radius:50%;cursor:pointer;transition:opacity .15s,transform .15s}.notification-btn:hover{background:var(--surface-5)}.notification-btn i{font-size:18px;color:var(--text-main)}.notification-badge{position:absolute;top:-2px;right:-2px;background:var(--color-error);color:var(--text-main);font-size:10px;font-weight:700;padding:2px 5px;border-radius:10px;min-width:16px;text-align:center}.notification-panel{position:fixed;top:0;right:-400px;width:380px;height:100vh;background:var(--sidebar-bg);-webkit-backdrop-filter:none;backdrop-filter:none;z-index:1001;transition:right .15s ease;box-shadow:-5px 0 30px #00000080}.notification-panel.active{right:0}.notification-panel-content{padding:20px;height:100%;overflow-y:auto}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-2)}.notification-header h3{margin:0;color:var(--text-main);font-size:18px}.mark-all-read{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;transition:opacity .15s,transform .15s}.mark-all-read:hover{background:var(--primary-color);color:var(--accent-text-on)}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-faint);text-align:center}.notification-empty i{font-size:48px;margin-bottom:15px;opacity:.5}.notification-empty p{font-size:16px;margin:0 0 8px;color:var(--text-dim)}.notification-empty small{font-size:12px;color:var(--text-faint)}.notification-list{display:flex;flex-direction:column;gap:12px}.notification-item{display:flex;gap:12px;padding:12px;background:var(--surface-2);border-radius:10px;cursor:pointer;transition:opacity .15s,transform .15s}.notification-item:hover{background:var(--surface-4);transform:translate(-5px)}.notification-thumb{width:60px;height:45px;border-radius:6px;object-fit:cover;flex-shrink:0}.notification-info{flex:1;min-width:0}.notification-title{color:var(--text-main);font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.notification-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--text-dim)}.notification-author{color:var(--primary-color)}.profile-actions{display:flex;gap:10px;margin-top:15px}.profile-action-btn{flex:1;padding:10px 15px;border:none;border-radius:8px;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s,transform .15s;text-decoration:none}.profile-action-btn.admin-btn{background:var(--primary-color);color:var(--accent-text-on)}.profile-action-btn.admin-btn:hover{filter:brightness(1.1)}.profile-action-btn.logout-btn{background:var(--surface-4);color:var(--text-main)}.profile-action-btn.logout-btn:hover{background:var(--surface-5)}.settings-section{border-top:1px solid var(--border-2);padding-top:20px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.setting-label{color:var(--text-dim);font-size:14px;display:flex;align-items:center;gap:10px}.setting-label i{width:20px;text-align:center}.setting-select{background:var(--surface-4);border:1px solid var(--border-4);color:var(--text-main);padding:8px 12px;border-radius:6px;cursor:pointer}.setting-row.clickable{cursor:pointer;border-radius:8px;padding:12px 8px;margin:0 -8px;transition:background .2s}.setting-row.clickable:hover{background:var(--surface-2)}.setting-row.danger-row .setting-label{color:var(--color-error-light)}.settings-expand-panel{background:var(--surface-1);border:1px solid var(--border-2);border-radius:10px;padding:16px;margin:4px 0 8px}.settings-expand-panel .form-group{margin-bottom:12px}.settings-expand-panel .form-group label{display:block;color:var(--text-dim);font-size:13px;margin-bottom:6px}.settings-input{width:100%;background:var(--surface-3);border:1px solid var(--border-3);color:var(--text-main);padding:10px 12px;border-radius:8px;font-size:14px;box-sizing:border-box;transition:border-color .2s}.settings-input:focus{outline:none;border-color:var(--accent)}.settings-error{color:var(--color-error-light);font-size:13px;margin-bottom:10px;padding:6px 10px;background:var(--color-error-bg);border-radius:6px}.settings-btn-row{display:flex;gap:10px;justify-content:flex-end}.settings-cancel-btn{padding:8px 18px;background:var(--surface-4);color:var(--text-dim);border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:background .2s}.settings-cancel-btn:hover{background:var(--surface-5)}.settings-confirm-btn{padding:8px 18px;background:var(--accent);color:var(--accent-text-on);border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:opacity .2s}.settings-confirm-btn:hover{opacity:.85}.settings-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.notification-mini-list{display:flex;flex-direction:column;gap:10px}.notification-mini-item{display:flex;gap:12px;padding:10px;background:var(--surface-2);border-radius:8px;cursor:pointer;transition:opacity .15s,transform .15s;border-left:3px solid transparent}.notification-mini-item.notif-unread{background:#64b4ff1a;border-left-color:var(--accent)}.notification-mini-item:hover{background:var(--surface-4)}.notification-mini-thumb{width:50px;height:38px;border-radius:5px;object-fit:cover;flex-shrink:0}.notification-mini-info{flex:1;min-width:0}.notification-mini-title{font-size:13px;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-mini-author{font-size:11px;color:var(--text-dim);margin-top:3px}.more-notifications{text-align:center;font-size:12px;color:var(--primary-color);padding:8px}.more-notifications.clickable{cursor:pointer;border-radius:6px;transition:background .2s}.more-notifications.clickable:hover{background:var(--surface-3)}.more-notifications i{margin-right:4px;font-size:10px}.notif-type-badge{display:inline-block;font-size:10px;font-weight:600;padding:1px 6px;border-radius:3px;margin-right:4px;vertical-align:middle;line-height:1.4}.notif-type-badge.badge-new{background:var(--color-success-bg);color:var(--color-success-light);border:1px solid var(--color-success)}.notif-type-badge.badge-update{background:var(--color-warning-bg);color:var(--color-warning-light);border:1px solid var(--color-warning)}.empty-hint{color:var(--text-faint);font-style:italic;font-size:13px;padding:10px 0}.empty-hint p{margin:0}.profile-close-btn{position:absolute;top:15px;right:15px}.header-controls{top:15px}.header-left-actions{position:fixed;left:20px;top:20px;z-index:101;display:flex;align-items:center;gap:8px}.header-left-actions .profile-toggle-btn{position:static}.header-notif-btn{width:40px;height:40px;font-size:1.3em;color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;background:var(--glass-bg);border:1px solid var(--border-2);transition:color .15s,transform .15s;position:relative}.header-notif-btn:hover{color:var(--accent);transform:scale(1.1);text-shadow:0 0 15px var(--accent-glow)}.header-notif-btn .notif-badge{position:absolute;top:-2px;right:-2px;background:var(--secondary);color:var(--text-main);font-size:.55em;min-width:16px;height:16px;line-height:16px;text-align:center;border-radius:8px;padding:0 4px;font-weight:600}.header-notif-wrapper{position:relative}.notif-dropdown{position:absolute;top:48px;left:0;width:360px;max-height:480px;background:var(--sidebar-bg);border:1px solid var(--border-2);border-radius:12px;box-shadow:0 8px 32px #00000080;overflow:hidden;z-index:200}.notif-dropdown-header{padding:14px 16px;font-size:.95em;font-weight:600;color:var(--text-main);border-bottom:1px solid var(--border-2)}.notif-dropdown-header i{margin-right:6px;color:var(--accent)}.notif-dropdown-empty{padding:32px 16px;text-align:center;color:var(--text-sub)}.notif-dropdown-empty i{font-size:2em;margin-bottom:8px;display:block}.notif-dropdown-list{max-height:420px;overflow-y:auto}.notif-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .15s}.notif-dropdown-item:hover{background:var(--surface-2)}.notif-dropdown-item.notif-unread{background:var(--accent-bg)}.notif-dropdown-thumb{width:56px;height:42px;object-fit:cover;border-radius:6px;flex-shrink:0}.notif-dropdown-info{min-width:0;flex:1}.notif-dropdown-title{font-size:.85em;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-dropdown-author{font-size:.75em;color:var(--text-sub);margin-top:2px}.setting-select option{background-color:var(--card-bg);color:var(--text-main)}.quick-link-btn{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:15px 18px;background:var(--surface-2);border:1px solid var(--border-2);border-radius:10px;color:var(--text-main);cursor:pointer;transition:opacity .15s,transform .15s;width:100%;max-width:100%;box-sizing:border-box;margin-bottom:10px}.quick-link-btn:hover{background:var(--surface-4);border-color:var(--primary-color)}.quick-link-btn i{font-size:18px;color:var(--primary-color)}.quick-link-btn .link-text{flex:1;text-align:left}.quick-link-btn .link-title{font-size:14px;font-weight:500}.quick-link-btn .link-count{font-size:12px;color:var(--text-dim)}.quick-link-btn .link-arrow{color:var(--text-faint)}.fullscreen-view{position:fixed;top:0;left:0;right:0;height:100vh;background:var(--bg-color);z-index:5500;opacity:0;visibility:hidden;transition:opacity .15s,transform .15s;overflow-y:auto}.fullscreen-view.active{opacity:1;visibility:visible}.fullscreen-header{position:sticky;top:0;display:flex;align-items:center;gap:20px;padding:20px 30px;background:var(--glass-bg-solid);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--border-2);z-index:10}.fullscreen-header h2{margin:0;color:var(--text-main);font-size:20px;display:flex;align-items:center;gap:10px}.fullscreen-header h2 i{color:var(--primary-color)}.back-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--surface-4);border:none;border-radius:8px;color:var(--text-main);cursor:pointer;transition:opacity .15s,transform .15s}.back-btn:hover{background:var(--surface-5)}.fullscreen-content{padding:30px;max-width:1400px;margin:0 auto}.fullscreen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.author-section{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid var(--border-2)}.author-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-faint);text-align:center}.empty-state i{font-size:60px;margin-bottom:20px;opacity:.5}.empty-state p{font-size:16px;margin:0}.profile-header{flex-direction:column;align-items:flex-start;gap:15px}.user-info{width:100%}.profile-actions{width:100%;margin-top:5px}.header-controls{align-items:center}.profile-action-btn{white-space:nowrap}.profile-header .user-name{margin-right:0}.user-info{display:flex;align-items:center;gap:15px}.quick-link-btn i:first-child{margin-right:5px}.quick-link-btn .link-text{text-align:left;flex:1;display:flex;flex-direction:column;align-items:flex-start}.quick-link-btn .link-title,.quick-link-btn .link-count{width:100%;text-align:left}.profile-section{width:100%;box-sizing:border-box}.profile-inner-wrapper{flex:1;overflow-y:auto;padding:25px;height:100%;scrollbar-width:thin;scrollbar-color:var(--border-4) transparent}.profile-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-2)}.profile-action-btn{width:100%;justify-content:center;padding:12px;border-radius:8px;font-size:15px;transition:opacity .15s,transform .15s}.admin-btn{background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border-2)}.admin-btn:hover{background:var(--surface-4);color:var(--text-main)}.logout-btn{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error)}.logout-btn:hover{background:var(--color-error-bg);border-color:var(--color-error)}.fullscreen-view .author-avatar-large{width:60px;height:60px}.fullscreen-view .author-header h2{font-size:1.2rem}.profile-collapse-btn{position:fixed;top:50%;left:380px;width:40px;height:80px;background:var(--modal-bg);color:var(--primary-color);box-shadow:6px 0 15px #0006;border:1px solid var(--border-1);border-left:none;border-radius:0 10px 10px 0;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer;transform:translateY(-50%) translate(-440px);transition:transform .15s ease;will-change:transform;font-size:20px}.profile-collapse-btn.active{transform:translateY(-50%) translate(0)}.profile-collapse-btn:hover{opacity:1;background:var(--surface-4)}.profile-inner-wrapper,.fullscreen-view{overflow-x:hidden}.fullscreen-view .info-card{min-height:initial;height:auto}.fullscreen-view .card-content{padding:15px}.fullscreen-view .card-title{font-size:16px;margin-bottom:10px;line-height:normal}.fullscreen-view .card-footer{font-size:14px;margin-top:10px}.fullscreen-view .card-footer i{font-size:inherit}.fullscreen-view .card-thumb-wrapper{height:auto;aspect-ratio:auto;overflow:visible;margin-bottom:0}.fullscreen-view .card-thumb{width:100%;height:auto;object-fit:contain;display:block;border-radius:8px 8px 0 0}.author-worlds-carousel{position:relative;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-4) transparent;padding:10px 0 14px}.author-worlds-carousel::-webkit-scrollbar{height:6px}.author-worlds-carousel::-webkit-scrollbar-track{background:transparent}.author-worlds-carousel::-webkit-scrollbar-thumb{background:var(--surface-5);border-radius:3px}.author-worlds-carousel::-webkit-scrollbar-thumb:hover{background:var(--border-4)}.author-worlds-carousel .carousel-track{display:flex;gap:20px;padding:0 10px}.author-worlds-carousel .info-card{flex:0 0 300px;min-width:300px;max-width:300px}.author-section{margin-bottom:30px;border-bottom:1px solid var(--border-2);padding-bottom:20px}.author-section:last-child{border-bottom:none}.author-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.author-avatar-large{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--accent)}.author-meta{display:flex;flex-direction:column;gap:5px}.author-name{font-size:1.2em;font-weight:600;color:var(--text-main)}.auth-modal.blog-theme{background:#fff9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-modal.blog-theme .auth-content{background:#fff;border:1px solid #F2F2F2;border-radius:12px;padding:40px 36px;box-shadow:0 20px 60px #0000001f;max-width:420px}.auth-modal.blog-theme .close-btn{color:#6b6b6b;font-size:24px;top:16px;right:16px}.auth-modal.blog-theme .close-btn:hover{color:#242424}.auth-modal.blog-theme .auth-form h2{font-family:Georgia,"Noto Serif TC",Times New Roman,serif;color:#242424;font-size:24px;font-weight:700;margin:0 0 28px;letter-spacing:-.3px}.auth-modal.blog-theme .form-group label{color:#242424;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans TC,sans-serif;font-size:14px;font-weight:500;margin-bottom:6px}.auth-modal.blog-theme .form-group input{background:#fff;border:1px solid #E7E7E7;border-radius:8px;color:#242424;padding:12px 14px;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans TC,sans-serif;transition:border-color .15s}.auth-modal.blog-theme .form-group input:focus{border-color:#242424;background:#fff;outline:none;box-shadow:none}.auth-modal.blog-theme .form-group input::placeholder{color:#b3b3b3}.auth-modal.blog-theme .auth-submit-btn{background:#242424;color:#fff;border:none;border-radius:20px;padding:12px;font-size:15px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans TC,sans-serif;transition:background .15s}.auth-modal.blog-theme .auth-submit-btn:hover:not(:disabled){background:#333;transform:none;box-shadow:none}.auth-modal.blog-theme .auth-submit-btn:disabled{background:#c8c8c8;color:#fff}.auth-modal.blog-theme .auth-switch{color:#6b6b6b;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans TC,sans-serif}.auth-modal.blog-theme .auth-switch a{color:#c8a000;font-weight:600}.auth-modal.blog-theme .auth-switch a:hover{color:#a68600}.auth-modal.blog-theme .auth-error{background:#fef2f2;border:1px solid #FCA5A5;color:#dc2626;border-radius:8px;font-size:14px}.auth-modal.blog-theme .auth-success{background:#f0fdf4;border-color:#86efac;color:#16a34a}.auth-modal.blog-theme .auth-prompt-hint{background:#f0fdf4;border:1px solid #86EFAC;color:#16a34a;font-size:14px}.auth-modal.blog-theme .verify-hint{color:#6b6b6b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans TC,sans-serif}.auth-modal.blog-theme .verify-email-addr{color:#c8a000}.auth-modal.blog-theme .google-signin-divider{color:#b3b3b3;font-size:13px}.auth-modal.blog-theme .google-signin-divider:before,.auth-modal.blog-theme .google-signin-divider:after{background:#e7e7e7}[data-theme=light] .auth-modal{background:#0006}[data-theme=light] .auth-prompt-hint{background:#6366f114;border:1px solid rgba(99,102,241,.2);color:#5b5fc7}[data-theme=light] .notification-panel{box-shadow:-5px 0 30px #00000014}[data-theme=light] .notif-dropdown{box-shadow:0 8px 32px #0000001a}[data-theme=light] .notification-badge,[data-theme=light] .header-notif-btn .notif-badge{color:#fff}[data-theme=light] .crop-modal{background:#00000080}[data-theme=light] .profile-collapse-btn{box-shadow:4px 0 12px #0000000f}.profile-setup-hint{text-align:center;color:var(--text-sub);font-size:.9em;margin:-15px 0 20px}.profile-setup-avatar-section{display:flex;justify-content:center;margin-bottom:24px}.profile-setup-avatar{width:120px;height:120px;border-radius:12px;border:2px dashed var(--border-4);cursor:pointer;position:relative;overflow:hidden;transition:border-color .2s,background .2s;display:flex;align-items:center;justify-content:center;background:var(--surface-2)}.profile-setup-avatar:hover{border-color:var(--accent);background:var(--surface-3)}.profile-setup-avatar-img{width:100%;height:100%;object-fit:cover}.profile-setup-avatar-placeholder{color:var(--text-sub);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.profile-setup-avatar-text{font-size:12px;opacity:.7}.profile-setup-avatar-badge{position:absolute;bottom:6px;right:6px;width:24px;height:24px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.auth-modal.blog-theme .profile-setup-hint{color:#6b6b6b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans TC,sans-serif}.auth-modal.blog-theme .profile-setup-avatar{border-color:#e7e7e7;background:#fafafa}.auth-modal.blog-theme .profile-setup-avatar:hover{border-color:#242424;background:#f5f5f5}.auth-modal.blog-theme .profile-setup-avatar-placeholder{color:#b3b3b3}.auth-modal.blog-theme .profile-setup-avatar-badge{background:#242424}.modal-gift-btn{width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:var(--surface-4);cursor:pointer;transition:.2s;margin-left:10px;color:var(--color-gift)}.modal-gift-btn:hover{background:#ffd70033;transform:scale(1.1)}.gift-steps{display:flex;justify-content:center;gap:30px;margin-bottom:30px;padding:20px 0}.gift-steps .step{padding:10px 20px;background:var(--surface-4);border-radius:20px;color:var(--text-sub);font-size:.9em}.gift-steps .step.active{background:var(--color-gift-gradient);color:var(--color-gift-text);font-weight:600}.gift-select-grid{max-height:60vh;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:10px}.gift-selectable{cursor:pointer;transition:opacity .15s,transform .15s;position:relative}.gift-selectable.selected{border:3px solid var(--color-gift);transform:scale(.98)}.gift-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#ffd700e6;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:24px;color:var(--color-gift-text)}.gift-cover-section{max-width:500px;margin:0 auto 25px}.gift-cover-section>label{display:block;margin-bottom:10px;color:var(--text-sub);font-size:.9em}.gift-cover-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.gift-cover-option{aspect-ratio:16/10;border-radius:10px;border:2px solid var(--border-2);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface-2);transition:opacity .15s,transform .15s;overflow:hidden}.gift-cover-option:hover{border-color:var(--border-4);transform:translateY(-2px)}.gift-cover-option.active{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.cover-emoji{font-size:1.5em}.upload-cover-btn{gap:4px;font-size:.75em;color:var(--text-sub)}.upload-cover-btn i{font-size:1.3em}.gift-message-box{max-width:500px;margin:0 auto 30px}.gift-message-box label{display:block;margin-bottom:10px;color:var(--text-sub)}.gift-message-box textarea{width:100%;min-height:120px;padding:15px;background:var(--surface-4);border:1px solid var(--border-4);border-radius:15px;color:var(--text-main);font-size:1em;resize:none}.gift-message-box .char-count{text-align:right;color:var(--text-sub);font-size:.8em;margin-top:5px}.gift-preview{text-align:center;margin-bottom:30px}.gift-preview h4{margin-bottom:15px;color:var(--text-sub)}.gift-preview-cards{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.gift-preview-card{width:80px;height:45px;border-radius:8px;overflow:hidden}.gift-preview-img{width:100%;height:100%;object-fit:cover}.gift-btn-row{display:flex;justify-content:center;gap:20px}.gift-next-btn,.gift-done-btn{padding:15px 40px;background:var(--color-gift-gradient);border:none;border-radius:30px;color:var(--color-gift-text);font-weight:600;cursor:pointer;transition:opacity .15s,transform .15s}.gift-next-btn:disabled{opacity:.5;cursor:not-allowed}.gift-folder-list{display:flex;flex-direction:column;gap:8px}.gift-folder-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:var(--surface-2);border:1px solid var(--border-2);border-radius:12px;color:var(--text-main);font-size:1em;cursor:pointer;transition:background .2s}.gift-folder-item:active{background:var(--surface-5)}.gift-folder-item span:first-of-type{flex:1;text-align:left}.gift-folder-count{color:var(--text-sub);font-size:.85em}.gift-folder-item .fa-chevron-right{color:var(--text-sub);font-size:.8em}.gift-folder-overlay{position:fixed;inset:0;z-index:9500;background:#0009;display:flex;align-items:stretch}.gift-folder-overlay-inner{display:flex;flex-direction:column;width:100%;height:100%;background:var(--bg-color)}.gift-folder-overlay-content{flex:1;overflow-y:auto;padding:30px}.gift-folder-overlay-content .gift-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;max-height:none;overflow-y:visible}.gift-folder-overlay-content .card-thumb-wrapper{aspect-ratio:auto;height:auto}.gift-folder-overlay-content .card-thumb{width:100%;height:auto;object-fit:contain}.gift-folder-overlay-bottom{flex-shrink:0;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));background:var(--glass-bg);border-top:1px solid var(--border-2)}.gift-folder-close-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:var(--surface-3);border:1px solid var(--border-3);border-radius:12px;color:var(--text-main);font-size:1em;cursor:pointer;transition:background .2s}.gift-folder-close-btn:active{background:var(--surface-5)}.gift-back-btn{padding:15px 40px;background:var(--surface-4);border:1px solid var(--border-4);border-radius:30px;color:var(--text-main);cursor:pointer}.gift-animation-box{display:flex;justify-content:center;align-items:center;min-height:300px;position:relative}.gift-box{position:relative;width:120px;height:100px}.gift-box-body{width:120px;height:80px;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:5px;position:absolute;bottom:0}.gift-box-lid{width:130px;height:25px;background:linear-gradient(135deg,#c0392b,#a93226);border-radius:5px;position:absolute;top:0;left:-5px;transition:transform .15s;z-index:10}.gift-animation-box.animating .gift-box-lid{transform:translateY(-20px) rotateX(30deg)}.flying-cards{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;pointer-events:none}.flying-card{position:absolute;width:80px;height:45px;border-radius:8px;overflow:hidden;animation:flyToBox .8s forwards}.flying-card img{width:100%;height:100%;object-fit:cover}@keyframes flyToBox{0%{transform:scale(1.5) translateY(-100px);opacity:1}to{transform:scale(.3) translateY(50px);opacity:0}}.gift-share-result{text-align:center;margin-top:30px}.gift-share-result .success-msg{font-size:1.5em;margin-bottom:10px}.gift-share-result .expire-hint{color:var(--text-sub);margin-bottom:20px}.gift-link-box{display:flex;gap:10px;max-width:500px;margin:0 auto 20px}.gift-link-box input{flex:1;padding:15px;background:var(--surface-4);border:1px solid var(--border-4);border-radius:10px;color:var(--text-main)}.gift-link-box button{padding:15px 25px;background:var(--accent);border:none;border-radius:10px;color:var(--accent-text-on);cursor:pointer}.received-gifts-list{display:flex;flex-direction:column;gap:20px}.received-gift-card{background:var(--surface-2);border-radius:15px;padding:20px;border:1px solid var(--border-2)}.gift-sender-info{display:flex;align-items:center;gap:15px;margin-bottom:15px}.gift-sender-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.gift-sender-name{font-weight:600;color:var(--text-main)}.gift-date{font-size:.8em;color:var(--text-sub)}.gift-message{font-style:italic;color:var(--text-sub);margin-bottom:15px;padding:10px 15px;background:var(--surface-2);border-radius:10px}.gift-worlds-preview{display:flex;gap:10px;margin-bottom:15px}.gift-world-mini{width:60px;height:34px;border-radius:6px;overflow:hidden}.gift-world-mini img{width:100%;height:100%;object-fit:cover}.gift-more{display:flex;align-items:center;color:var(--text-sub);font-size:.9em}.view-gift-btn{width:100%;padding:12px;background:var(--color-gift-gradient);border:none;border-radius:10px;color:var(--color-gift-text);font-weight:600;cursor:pointer}.gift-open-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:4000;opacity:0;visibility:hidden;transition:opacity .15s,transform .15s}.gift-open-overlay.active{opacity:1;visibility:visible}.gift-open-content{width:95%;max-width:700px;max-height:90vh;overflow-y:auto;position:relative;background:var(--glass-bg-solid);border-radius:20px;padding:30px;border:1px solid var(--border-2)}.gift-open-animation{display:flex;justify-content:center;padding:50px 0;transition:opacity .15s,transform .15s}.gift-open-animation.opened{transform:scale(.5);opacity:0;height:0;padding:0;overflow:hidden}.gift-box-3d{width:150px;height:120px;position:relative;animation:boxShake .5s ease-in-out infinite}@keyframes boxShake{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.gift-opened-content{animation:fadeInUp .5s forwards;padding-top:10px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.gift-open-message{text-align:center;margin-bottom:20px;padding:20px;background:var(--surface-2);border-radius:15px}.gift-open-message p{font-size:1.3em;font-style:italic;margin-bottom:10px}.from-sender{color:var(--text-sub)}.gift-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;padding:10px 0;max-width:100%}@media(max-width:480px){.gift-cards-container{grid-template-columns:repeat(2,1fr);gap:10px}}.gift-flip-card{width:100%;aspect-ratio:16/9;perspective:1000px;cursor:pointer}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .15s;transform-style:preserve-3d}.gift-flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:15px;overflow:hidden}.flip-card-back{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center}.card-back-design{text-align:center;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}.card-back-design i{font-size:3em;margin-bottom:10px;display:block}.flip-card-front{transform:rotateY(180deg);background:var(--card-bg);display:flex;flex-direction:column;position:relative}.flip-card-front .card-thumb-wrapper{width:100%;height:100%;position:relative}.flip-card-front .card-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:filter .15s}.flip-card-front:hover .card-thumb{filter:brightness(.5)}.flip-card-front .card-content{position:absolute;bottom:0;left:0;right:0;padding:15px;background:linear-gradient(to top,rgba(0,0,0,1) 15%,rgba(0,0,0,.6) 80%,transparent);opacity:0;transform:translateY(10px);transition:opacity .15s,transform .15s;z-index:2}.flip-card-front:hover .card-content{opacity:1;transform:translateY(0)}.step-hint{text-align:center;color:var(--text-sub);margin-bottom:20px}.selected-gift-worlds{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:15px;background:var(--surface-2);border-radius:12px;border:1px solid var(--border-2)}.selected-gift-item{display:flex;align-items:center;gap:10px;background:var(--surface-2);padding:5px 12px 5px 5px;border-radius:20px;cursor:pointer;border:1px solid rgba(255,215,0,.5);transition:.2s}.selected-gift-item:hover{background:#ffd70033;transform:scale(1.05)}.selected-gift-img{width:30px;height:30px;border-radius:50%;object-fit:cover}.selected-gift-title{font-size:.9em;color:var(--color-gift);max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove-icon{font-size:.8em;color:var(--color-error-light)}.selected-gift-item:hover .remove-icon{color:var(--color-error)}.claim-gift-action{display:flex;justify-content:center;align-items:center;gap:14px;margin-bottom:20px}.gift-flip-hint{color:var(--text-dim);font-size:.85rem;display:flex;align-items:center;gap:6px;animation:pulse-hint 2s ease-in-out infinite}@keyframes pulse-hint{0%,to{opacity:.6}50%{opacity:1}}.claim-gift-btn{padding:15px 30px;background:var(--accent);color:var(--accent-text-on);border:none;border-radius:30px;font-size:1.1em;font-weight:700;cursor:pointer;box-shadow:0 4px 15px var(--accent-glow);transition:opacity .15s,transform .15s;display:flex;align-items:center;gap:10px}.claim-gift-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--accent-glow)}.claim-gift-btn.secondary{background:var(--surface-4);color:var(--text-main);border:1px solid var(--border-4);box-shadow:none}.claim-gift-btn.secondary:hover{background:var(--surface-5)}.gift-card-wrapper{width:100%}.gift-direct-card{width:100%;background:var(--card-bg);border-radius:12px;overflow:hidden;cursor:pointer;position:relative;display:flex;flex-direction:column;border:1px solid var(--border-1);transition:transform .15s cubic-bezier(.25,.8,.25,1),box-shadow .15s}.gift-direct-card:hover{transform:scale(1.05);box-shadow:0 15px 40px #000c;border-color:var(--accent);z-index:10}.gift-direct-card .card-thumb-wrapper{width:100%;position:relative}.gift-direct-card .card-thumb{width:100%;height:auto;display:block;transition:filter .15s}.gift-direct-card:hover .card-thumb{filter:brightness(.5)}.gift-direct-card .card-content{position:absolute;bottom:0;left:0;right:0;padding:15px;background:linear-gradient(to top,rgba(0,0,0,1) 15%,rgba(0,0,0,.6) 80%,transparent);opacity:0;transform:translateY(10px);transition:opacity .15s,transform .15s;z-index:2}.gift-direct-card:hover .card-content{opacity:1;transform:translateY(0)}.gift-direct-card .card-title,.flip-card-front .card-title{font-size:1em;margin:0 0 6px}.gift-direct-card .card-footer,.flip-card-front .card-footer{font-size:.85em;color:var(--text-sub)}.modal-overlay{z-index:5800}.crop-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:6000;opacity:0;visibility:hidden;transition:opacity .15s,transform .15s}.crop-modal-overlay.active{opacity:1;visibility:visible}.crop-modal-content{background:var(--card-bg);border-radius:20px;padding:25px;width:90%;max-width:500px;border:1px solid var(--border-2)}.crop-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.crop-modal-header h3{margin:0;font-size:1.1em}.crop-area{width:100%;position:relative;overflow:hidden;border-radius:12px;background:var(--thumbnail-bg);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.crop-area:active{cursor:grabbing}.crop-area-circular:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;box-shadow:0 0 0 9999px #00000080;pointer-events:none;z-index:1}.crop-image{position:absolute;top:0;left:0;max-width:none;pointer-events:none}.crop-controls{display:flex;justify-content:center;gap:15px;margin-top:15px}.crop-zoom-btn{width:44px;height:44px;border-radius:50%;background:var(--surface-4);border:1px solid var(--border-4);color:var(--text-main);font-size:1em;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center}.crop-zoom-btn:hover{background:var(--surface-5)}.crop-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.crop-cancel-btn{padding:10px 25px;background:var(--surface-4);border:1px solid var(--border-4);border-radius:25px;color:var(--text-main);cursor:pointer;transition:.2s}.crop-cancel-btn:hover{background:var(--surface-5)}.crop-confirm-btn{padding:10px 25px;background:var(--accent);border:none;border-radius:25px;color:var(--accent-text-on);font-weight:600;cursor:pointer;transition:.2s}.crop-confirm-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-glow)}.crop-modal-overlay.crop-blog-theme{background:#fff9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.crop-blog-theme .crop-modal-content{background:#fff;border:1px solid #F2F2F2;border-radius:12px;box-shadow:0 20px 60px #0000001f}.crop-blog-theme .crop-modal-header h3{font-family:Georgia,"Noto Serif TC",Times New Roman,serif;color:#242424;font-weight:600}.crop-blog-theme .crop-modal-header .close-btn{color:#6b6b6b}.crop-blog-theme .crop-modal-header .close-btn:hover{color:#242424}.crop-blog-theme .crop-area{background:#f5f5f5;border-radius:8px}.crop-blog-theme .crop-zoom-btn{background:#f5f5f5;color:#242424;border:1px solid #E7E7E7}.crop-blog-theme .crop-zoom-btn:hover{background:#ebebeb}.crop-blog-theme .crop-cancel-btn{background:#fff;border:1px solid #E7E7E7;color:#6b6b6b;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans TC,sans-serif}.crop-blog-theme .crop-cancel-btn:hover{background:#f5f5f5}.crop-blog-theme .crop-confirm-btn{background:#242424;color:#fff;border:none;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans TC,sans-serif}.crop-blog-theme .crop-confirm-btn:hover{background:#333;transform:none;box-shadow:none}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:100000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast-item{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:10px;font-size:14px;color:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 4px 20px #0006;pointer-events:auto;white-space:nowrap}.toast-item i{font-size:16px;flex-shrink:0}.toast-info{background:#1e1e32e6;border:1px solid rgba(100,180,255,.3)}.toast-success{background:#14321ee6;border:1px solid rgba(76,175,80,.4)}.toast-success i{color:var(--color-success-light)}.toast-warning{background:#32280fe6;border:1px solid rgba(255,152,0,.4)}.toast-warning i{color:var(--color-warning-light)}.toast-error{background:#321414e6;border:1px solid rgba(244,67,54,.4)}.toast-error i{color:var(--color-error)}.toast-enter-active{animation:toastIn .3s ease}.toast-leave-active{animation:toastOut .3s ease}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.profile-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:2999;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;pointer-events:none}.profile-backdrop.active{opacity:1;visibility:visible;pointer-events:auto}.sticky-header{position:sticky;top:0;z-index:99;background:linear-gradient(180deg,#121212f2,#121212cc 70%,#12121200);padding:15px 15px 30px;backdrop-filter:none;-webkit-backdrop-filter:none;transition:opacity .15s,transform .15s;margin-bottom:-20px}.sticky-header.scrolled{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;pointer-events:none;border-bottom:none;margin-bottom:-20px;padding-bottom:0}.sticky-header.scrolled *{opacity:0;transition:opacity .15s}.sticky-header.scrolled:hover{background:#121212f2!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;pointer-events:auto;padding-bottom:30px}.sticky-header.scrolled:hover *{opacity:1}[data-theme=light] .toast-info{background:#fffffff2;border:1px solid rgba(100,180,255,.4);color:#242424;box-shadow:0 4px 20px #0000001a}[data-theme=light] .toast-success{background:#fffffff2;border:1px solid rgba(76,175,80,.4);color:#242424;box-shadow:0 4px 20px #0000001a}[data-theme=light] .toast-warning{background:#fffffff2;border:1px solid rgba(255,152,0,.4);color:#242424;box-shadow:0 4px 20px #0000001a}[data-theme=light] .toast-error{background:#fffffff2;border:1px solid rgba(244,67,54,.4);color:#242424;box-shadow:0 4px 20px #0000001a}[data-theme=light] .sticky-header{background:linear-gradient(180deg,#fffffff2,#fffc 70%,#fff0)}[data-theme=light] .sticky-header.scrolled:hover{background:#fffffff2!important}[data-theme=light] .profile-backdrop{background:#0003}[data-theme=light] .gift-open-overlay{background:#00000080}[data-theme=light] .gift-folder-overlay{background:#0000004d}[data-theme=light] .crop-modal-overlay{background:#0006}[data-theme=light] .import-modal-overlay,[data-theme=light] .folder-picker-overlay{background:#0000004d}@media(max-width:768px){.profile-overlay{position:fixed!important;width:100%!important;height:calc(100vh - 56px)!important;min-height:auto!important;left:0!important;top:0!important;transform:translateY(100%);transition:transform .15s ease!important;z-index:9500;padding:0!important;box-shadow:none!important;pointer-events:none;background:var(--bg-color)!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.profile-overlay.active{transform:translateY(0)!important;pointer-events:auto}.profile-overlay .profile-inner-wrapper{height:auto!important;min-height:100%!important;overflow:visible!important}.profile-backdrop{display:none!important}.profile-inner-wrapper{padding:16px}.profile-collapse-btn,.profile-collapse-btn.active{display:none!important}.profile-header{background:none;border:none;border-radius:0;padding:6px 4px;margin-bottom:8px}.profile-header .user-info{flex-direction:column;align-items:flex-start;gap:6px}.profile-header .user-email{display:none}.profile-header .user-name{font-size:1em}.mobile-back-header,.mobile-arrow,.mobile-menu-item{display:none}.profile-overlay:not(.mobile-drilldown) .mobile-section-title{display:none}.profile-overlay:not(.mobile-drilldown) .profile-section:not(.mobile-flat) .section-content{display:none}.profile-overlay:not(.mobile-drilldown) .mobile-flat .section-content{display:block}.profile-overlay:not(.mobile-drilldown) .mobile-menu-item{display:flex;touch-action:manipulation;-webkit-tap-highlight-color:var(--tap-highlight)}.profile-overlay:not(.mobile-drilldown) .profile-section{margin-bottom:0;padding:0;border-bottom:none}.profile-overlay:not(.mobile-drilldown) .quick-link-btn{background:none;border:none;border-radius:0;padding:10px 4px;margin-bottom:0;touch-action:manipulation;gap:10px}.profile-overlay.mobile-drilldown .profile-section:not(.mobile-active){display:none}.profile-overlay.mobile-drilldown .profile-section.mobile-active .section-content{display:block}.profile-overlay.mobile-drilldown .mobile-menu-item,.profile-overlay.mobile-drilldown .mobile-arrow,.profile-overlay.mobile-drilldown .profile-header{display:none}.profile-overlay.mobile-drilldown .mobile-back-header{display:flex;align-items:center;gap:8px;padding:10px 4px 14px;cursor:pointer;color:var(--accent);font-size:.95em;font-weight:500}.profile-overlay.mobile-drilldown .mobile-back-header:active{opacity:.6}}@media(min-width:769px){.mobile-arrow,.mobile-back-header,.mobile-menu-item,.mobile-footer-nav{display:none!important}.gift-step-fixed-bottom{position:static;padding:0;background:none;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.gift-step-bottom-spacer{display:none}}@media(max-width:768px){.mobile-footer-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;height:56px;background:var(--glass-bg);-webkit-backdrop-filter:none;backdrop-filter:none;border-top:1px solid var(--border-2);z-index:9000;transition:none;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-footer-nav.hidden{transform:translateY(100%)}.mobile-nav-item{flex:1;display:flex;align-items:center;justify-content:center;position:relative;background:none;border:none;color:var(--text-sub);font-size:1.25em;height:100%;cursor:pointer;transition:color .2s;-webkit-tap-highlight-color:transparent}.mobile-nav-item.active,.mobile-nav-item:active{color:var(--accent)}.mobile-nav-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.mobile-nav-badge{position:absolute;top:6px;right:calc(50% - 18px);background:var(--secondary);color:#fff;font-size:.5em;min-width:16px;height:16px;line-height:16px;text-align:center;border-radius:8px;padding:0 4px;font-weight:600}.header-left-actions{display:none!important}.mobile-nav-view>.fullscreen-header{display:none}.mobile-nav-view>.fullscreen-content{padding-top:16px}.fullscreen-view .fullscreen-content{padding-bottom:70px}.gift-step-fixed-bottom{position:fixed;bottom:56px;left:0;right:0;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));background:var(--glass-bg);-webkit-backdrop-filter:none;backdrop-filter:none;border-top:1px solid var(--border-2);z-index:8999;display:flex;justify-content:center}.gift-step-fixed-bottom .gift-next-btn{width:100%;padding:14px;font-size:1em}.gift-step-bottom-spacer{height:80px}.gift-steps{gap:0;padding:12px 16px;position:relative}.gift-steps .step{flex:1;padding:0;background:none;border-radius:0;font-size:0;height:4px;background:var(--surface-5);position:relative}.gift-steps .step:first-child{border-radius:4px 0 0 4px}.gift-steps .step:last-child{border-radius:0 4px 4px 0}.gift-steps .step:before{content:attr(data-step);position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:11px;color:var(--text-sub);white-space:nowrap}.gift-steps .step.active{background:var(--color-gift-gradient)}.gift-steps .step.active:before{color:var(--accent);font-weight:600}.gift-steps .step+.step{margin-left:3px}.gift-cover-grid{grid-template-columns:repeat(3,1fr);gap:8px}.gift-cover-section{max-width:100%;padding:0 8px}.gift-btn-row{padding:0 8px}.header-controls{display:none!important}body{padding:16px 4px 70px}.search-view-bar{display:flex;align-items:center;background:var(--surface-3);border:1px solid var(--border-2);border-radius:10px;padding:0 14px;height:44px;margin-bottom:16px}.search-view-bar:focus-within{border-color:var(--accent-border-strong)}.search-view-icon{color:var(--text-sub);margin-right:10px;font-size:.9em}.search-view-input{flex:1;background:none;border:none;outline:none;color:var(--text-main);font-size:1em}.ai-toggle-btn-mobile{width:32px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--surface-4);color:var(--text-sub);margin-left:8px;flex-shrink:0;font-size:.8em}.ai-toggle-btn-mobile.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.search-view-bar.ai-mode{border-color:#667eea66}.search-view-input::placeholder{color:var(--text-faint)}.search-view-clear{color:var(--text-sub);cursor:pointer;padding:4px 0 4px 8px}.search-view-section{margin-bottom:16px}.search-view-section-title{display:flex;align-items:center;gap:8px;padding:12px 0;color:var(--text-sub);font-size:.95em;cursor:pointer}.search-view-filters{padding:12px 0}.search-view-filters h4{color:var(--text-sub);font-size:.85em;margin:12px 0 8px}.search-view-filters h4:first-child{margin-top:0}.search-view-loading{text-align:center;padding:30px;color:var(--accent);font-size:1.5em}.search-result-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:20px!important}.search-view-empty{text-align:center;padding:40px 0;color:var(--text-sub)}.info-card{display:grid;background:transparent}.info-card>.card-thumb-wrapper,.info-card>.card-content{grid-row:1;grid-column:1}.info-card>.card-content{align-self:end;position:relative;opacity:1;transform:none;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 70%,transparent);padding:12px;z-index:2}.info-card .card-title{font-size:14px;margin:0 0 4px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.info-card .card-footer{font-size:12px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.info-card .card-thumb{width:100%;height:auto;object-fit:contain}}.filter-reset-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;background:var(--surface-2);border:1px solid var(--border-2);border-radius:8px;color:var(--text-sub);font-size:.85em;cursor:pointer;transition:opacity .15s,transform .15s}.filter-reset-btn:hover{background:#ff2a6d26;border-color:var(--secondary);color:var(--secondary)}.discovery-feed{max-width:100%;padding:0 30px;min-height:80vh}.discovery-section{margin-bottom:24px}.discovery-section-label{display:flex;align-items:center;gap:8px;font-size:.85em;font-weight:600;color:var(--text-sub);text-transform:uppercase;letter-spacing:.5px;padding:8px 0;border-bottom:1px solid var(--border-1);margin-bottom:12px}.discovery-section-label i{font-size:.9em;color:var(--accent)}.discovery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.discovery-card{border-radius:12px;overflow:hidden;position:relative;background:transparent;border:none}.discovery-card .card-thumb-wrapper{position:relative;overflow:hidden;aspect-ratio:16 / 9}.discovery-card .card-thumb{width:100%;height:auto;display:block;object-fit:contain}.discovery-card .discovery-card-content{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 70%,transparent);padding:12px;z-index:2}.discovery-card .card-title{font-size:14px;margin:0 0 4px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.discovery-card .card-footer{font-size:12px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.discovery-card .card-heart{opacity:0}.discovery-card .card-heart.active{opacity:1}.discovery-card .platform-badges{opacity:0;transition:opacity .15s ease}.discovery-loading,.discovery-loading-more{text-align:center;padding:30px 0;color:var(--accent);font-size:1.2em}.discovery-loading-more{padding:20px 0;font-size:1em}.mobile-detail-page{position:fixed;inset:0;z-index:5800;background:var(--bg-color);display:flex;flex-direction:column}.mobile-detail-image-wrapper{position:relative}.mobile-detail-back{position:sticky;top:12px;margin:12px 0 -48px 12px;z-index:10;background:#00000080;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.1em;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.mobile-detail-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-detail-image{width:100%;height:auto;display:block}.mobile-detail-content{padding:16px}.mobile-detail-title{margin:0 0 8px;font-size:1.4em;color:var(--text-main);font-weight:700;line-height:1.3}.mobile-detail-author{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-2)}.mobile-detail-author a{display:flex;align-items:center;gap:8px;color:var(--text-sub);text-decoration:none;font-size:.95em}.mobile-detail-author .author-avatar{width:28px;height:28px;border-radius:50%}.mobile-detail-actions{display:flex;gap:12px;align-items:center}.mobile-detail-actions .subscribe-btn,.mobile-detail-actions .modal-heart-btn,.mobile-detail-actions .modal-gift-btn{font-size:1.1em}.mobile-detail-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:16px;background:var(--surface-1);border-radius:12px;padding:14px 8px}.mobile-stat{text-align:center}.mobile-stat-value{font-size:1.05em;font-weight:700;color:var(--text-main);margin-bottom:2px}.mobile-stat-label{font-size:.7em;color:var(--text-sub);text-transform:uppercase;letter-spacing:.3px}.mobile-detail-video{margin-bottom:16px;border-radius:12px;overflow:hidden}.mobile-detail-video .yt-preview-card{display:block;width:100%;aspect-ratio:16 / 9;background-size:cover;background-position:center;position:relative}.mobile-detail-video .yt-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#ff0000d9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2em}.mobile-detail-desc{margin-bottom:16px;color:var(--text-sub);font-size:.9em;line-height:1.7}.mobile-detail-desc p{margin:0}.mobile-detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.mobile-detail-tags .big-tag{font-size:.75em;padding:4px 10px}.mobile-detail-launch{display:block;width:60%;margin:0 auto 32px;text-align:center;padding:14px;background:var(--accent);color:var(--accent-text-on);font-weight:700;font-size:1.1em;letter-spacing:2px;border-radius:12px;text-decoration:none}@media(max-width:768px){.discovery-home{padding:0 8px;margin-left:0;margin-right:0}.discovery-row{margin-bottom:24px}.discovery-row-header{margin-bottom:10px;padding:0 4px}.discovery-row-header h2{font-size:1.1em}.discovery-card-item{flex:0 0 calc(48% - 8px)}.discovery-card-item:hover{transform:none;box-shadow:none}.discovery-card .discovery-card-content,.discovery-card .card-heart,.discovery-card .platform-badges,.scroll-btn{display:none}.grid-back-bar{padding:8px 4px}.site-footer{padding:24px 16px 80px;margin-top:40px}.site-footer .footer-links{gap:16px}.site-footer .footer-legal-links{margin-bottom:10px}.legal-page{padding:16px 16px 80px}.legal-content h1{font-size:1.5em}.legal-content h2{font-size:1.15em}.hero-carousel{width:calc(100% + 8px);margin-left:-4px;margin-top:-16px;height:auto;max-height:none;margin-bottom:0;aspect-ratio:16 / 9}.hero-slide:first-child{position:relative}.hero-slide-img{height:auto;object-fit:contain}.hero-gradient-left{width:100%;background:linear-gradient(to right,rgba(var(--bg-color-rgb),.7) 0%,transparent 100%)}.hero-content,.hero-gradient-left{display:none}.hero-gradient-bottom{height:20%;background:linear-gradient(to top,rgba(var(--bg-color-rgb),1) 0%,transparent 100%)}.hero-slide.active{pointer-events:auto;cursor:pointer}.hero-arrow{display:none}.hero-dots{bottom:16px}.hero-dot{width:24px}.back-to-top{bottom:72px;right:16px;width:40px;height:40px}.signup-banner{bottom:60px;padding:10px 12px;gap:8px}.signup-banner-text{font-size:.82em}.signup-banner-btn{padding:6px 14px;font-size:.82em}.offline-banner{bottom:56px}}