.app-layout[data-v-6c76afb5]{display:flex;flex-direction:column;height:100vh;background:var(--bg);background-image:var(--bg-gradient)}.topbar[data-v-6c76afb5]{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 20px;background:var(--card-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-bottom:.5px solid var(--card-border);font-size:var(--text-sm);font-weight:600;z-index:100;flex-shrink:0;-webkit-user-select:none;user-select:none}.topbar-left[data-v-6c76afb5],.topbar-right[data-v-6c76afb5]{min-width:80px;display:flex;align-items:center;gap:10px}.topbar-right[data-v-6c76afb5]{justify-content:flex-end}.topbar-center[data-v-6c76afb5]{flex:1;text-align:center}.topbar-menu-btn[data-v-6c76afb5]{border:none;background:none;font-size:20px;color:var(--text);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.status-indicator[data-v-6c76afb5]{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-muted)}.status-device[data-v-6c76afb5]{font-weight:600;color:var(--text);margin-left:4px}.bat-pct[data-v-6c76afb5]{font-size:var(--text-xs);color:var(--text-muted)}.app-body[data-v-6c76afb5]{display:flex;flex:1;overflow:hidden}.sidebar[data-v-6c76afb5]{width:240px;min-width:240px;display:flex;flex-direction:column;background:var(--card-bg);backdrop-filter:var(--blur-heavy);-webkit-backdrop-filter:var(--blur-heavy);border-right:.5px solid var(--card-border);z-index:50;overflow:hidden;transition:width var(--duration-normal) var(--ease-out),min-width var(--duration-normal) var(--ease-out)}.collapsed .sidebar[data-v-6c76afb5]{width:0;min-width:0;border-right:none}.sidebar-hd[data-v-6c76afb5]{padding:20px 16px 12px;border-bottom:.5px solid var(--card-border)}.sidebar-logo[data-v-6c76afb5]{display:flex;align-items:center;gap:10px;font-size:var(--text-lg);font-weight:700;letter-spacing:-.3px}.sidebar-logo i[data-v-6c76afb5]{font-size:20px;color:var(--primary);animation:logo-sparkle-6c76afb5 2s ease-in-out infinite}.logo-text[data-v-6c76afb5]{background:linear-gradient(135deg,var(--text),var(--primary),var(--purple),var(--text));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:logo-shimmer-6c76afb5 4s ease-in-out infinite}.sidebar-sub-wrap[data-v-6c76afb5]{display:flex;align-items:center;gap:8px;margin-top:6px;padding-left:0}.sidebar-sub-dot[data-v-6c76afb5]{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:sub-dot-pulse-6c76afb5 2s ease-in-out infinite}.sidebar-sub[data-v-6c76afb5]{font-size:var(--text-xs);color:var(--text-muted);animation:sub-text-fade-6c76afb5 3s ease-in-out infinite}@keyframes logo-sparkle-6c76afb5{0%,to{transform:scale(1) rotate(0);opacity:1}25%{transform:scale(1.15) rotate(10deg);opacity:.9}50%{transform:scale(1) rotate(0);opacity:1}75%{transform:scale(1.1) rotate(-5deg);opacity:.95}}@keyframes logo-shimmer-6c76afb5{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes sub-dot-pulse-6c76afb5{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes sub-text-fade-6c76afb5{0%,to{opacity:.7}50%{opacity:1}}.sidebar-menu[data-v-6c76afb5]{flex:1;overflow-y:auto;padding:12px 8px;display:flex;flex-direction:column;gap:2px}.sidebar-ft[data-v-6c76afb5]{padding:12px 8px;border-top:.5px solid var(--card-border);display:flex;align-items:center;justify-content:space-between}.device-info[data-v-6c76afb5]{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-muted)}.device-name[data-v-6c76afb5]{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-toggle[data-v-6c76afb5]{width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:var(--border);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast)}.sidebar-toggle[data-v-6c76afb5]:hover{background:var(--border-thick)}.expand-btn[data-v-6c76afb5]{position:fixed;left:8px;top:60px;width:32px;height:32px;border-radius:var(--radius-full);border:1px solid var(--card-border);background:var(--card-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);color:var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:60;box-shadow:var(--shadow-md);transition:all var(--duration-fast)}.expand-btn[data-v-6c76afb5]:hover{background:var(--card-hover);box-shadow:var(--shadow-lg)}.content[data-v-6c76afb5]{flex:1;overflow-y:auto;position:relative}.page-wrap[data-v-6c76afb5]{padding:24px 32px 80px;max-width:1200px;margin:0 auto}@media (max-width: 768px){.app-layout.mobile .sidebar[data-v-6c76afb5]{display:none}.app-layout.mobile .page-wrap[data-v-6c76afb5]{padding:16px 16px 80px}.topbar[data-v-6c76afb5]{height:44px;padding:0 12px}.topbar-left[data-v-6c76afb5],.topbar-right[data-v-6c76afb5]{min-width:auto}.expand-btn[data-v-6c76afb5]{display:none}}.mobile .content[data-v-6c76afb5]{padding-bottom:0}:root{--primary: #5B6ABF;--primary-light: #7C89D6;--primary-dark: #3D4A9E;--primary-glow: rgba(91, 106, 191, .3);--green: #34C759;--green-dark: #28A745;--red: #FF3B30;--orange: #FF9500;--yellow: #FFCC00;--purple: #AF52DE;--pink: #FF2D55;--teal: #5AC8FA;--gray: #8E8E93;--gray2: #AEAEB2;--gray3: #C7C7CC;--gray4: #D1D1D6;--gray5: #E5E5EA;--gray6: #F2F2F7;--glass-bg: rgba(255, 255, 255, .68);--glass-border: rgba(255, 255, 255, .25);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .06);--glass-shadow-lg: 0 16px 48px rgba(0, 0, 0, .1);--bg: #F2F2F7;--bg-gradient: linear-gradient(135deg, #F2F2F7 0%, #E8E8F0 100%);--card-bg: rgba(255, 255, 255, .78);--card-hover: rgba(255, 255, 255, .92);--card-border: rgba(60, 60, 67, .07);--text: #1C1C1E;--text-secondary: #3A3A3C;--text-muted: #8E8E93;--text-on-primary: #FFFFFF;--border: rgba(60, 60, 67, .06);--border-thick: rgba(60, 60, 67, .15);--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 28px;--text-4xl: 34px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .05);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .07);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(91, 106, 191, .25);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .2s;--duration-normal: .35s;--duration-slow: .5s;--blur: blur(20px);--blur-heavy: blur(40px);--blur-max: blur(60px)}@media (prefers-color-scheme: dark){:root{--bg: #0A0A0F;--bg-gradient: linear-gradient(135deg, #0A0A0F 0%, #14141E 100%);--card-bg: rgba(36, 36, 44, .82);--card-hover: rgba(48, 48, 56, .88);--card-border: rgba(255, 255, 255, .06);--text: #F5F5F7;--text-secondary: #D1D1D6;--text-muted: #8E8E93;--border: rgba(255, 255, 255, .05);--border-thick: rgba(255, 255, 255, .12);--glass-bg: rgba(36, 36, 44, .68);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--glass-shadow-lg: 0 16px 48px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .35);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .4);--primary-glow: rgba(91, 106, 191, .35)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);background:var(--bg);background-image:var(--bg-gradient);color:var(--text);min-height:100vh;overflow:hidden;-webkit-tap-highlight-color:transparent}#app{min-height:100vh;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray4);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray3)}.panel{background:var(--card-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out)}.panel:hover{background:var(--card-hover);box-shadow:var(--shadow-md)}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);color:var(--text-muted);text-decoration:none;font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);min-height:44px}.nav-link:hover{background:var(--border);color:var(--text)}.nav-link.active{background:var(--primary);color:var(--text-on-primary);box-shadow:var(--shadow-glow)}.nav-link i{width:24px;text-align:center;font-size:18px;color:var(--gray)}.nav-link:hover i{color:var(--text)}.nav-link.active i{color:var(--text-on-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-full);font-size:var(--text-base);font-weight:600;border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);outline:none;-webkit-tap-highlight-color:transparent;min-height:44px;-webkit-user-select:none;user-select:none;text-decoration:none;position:relative;overflow:hidden}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary);color:var(--text-on-primary);box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{background:var(--primary-light);box-shadow:0 6px 20px var(--primary-glow)}.btn-secondary{background:var(--glass-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);color:var(--primary);border:1px solid var(--card-border)}.btn-danger{background:var(--red);color:var(--text-on-primary);box-shadow:0 4px 14px #ff3b3059}.btn-ghost{background:transparent;color:var(--primary)}.btn-ghost:hover{background:var(--border)}.btn-sm{padding:8px 16px;font-size:var(--text-sm);min-height:36px}.btn-lg{padding:16px 32px;font-size:var(--text-lg)}.input{width:100%;padding:12px 16px;background:var(--card-bg);border:1.5px solid var(--border-thick);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text);outline:none;transition:all var(--duration-fast) var(--ease-out);min-height:44px;font-family:var(--font)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.input::placeholder{color:var(--text-muted)}.toggle{position:relative;display:inline-flex;width:51px;height:31px;cursor:pointer;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle .slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gray4);border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-spring)}.toggle .slider:before{content:"";position:absolute;width:27px;height:27px;left:2px;bottom:2px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;transition:all var(--duration-normal) var(--ease-spring)}.toggle input:checked+.slider{background:var(--green)}.toggle input:checked+.slider:before{transform:translate(20px)}.list{background:var(--card-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-radius:var(--radius-xl);border:1px solid var(--card-border);overflow:hidden}.list-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;min-height:48px;cursor:pointer;transition:background var(--duration-fast);border-bottom:.5px solid var(--border)}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--border)}.list-item .val{font-size:var(--text-base);color:var(--text-muted)}.list-section{padding:24px 16px 8px;font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.badge-primary{background:var(--primary-glow);color:var(--primary)}.badge-green{background:rgba(52,199,89,.12);color:var(--green)}.badge-red{background:rgba(255,59,48,.12);color:var(--red)}.badge-orange{background:rgba(255,149,0,.12);color:var(--orange)}.ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.ring svg{transform:rotate(-90deg)}.ring .ring-val{position:absolute;font-size:20px;font-weight:700}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.dot.online{background:var(--green);box-shadow:0 0 8px #34c75999}.dot.offline{background:var(--red)}.dot.pairing{background:var(--primary);animation:pulse-dot 1.2s ease-in-out infinite}.breathing{width:10px;height:10px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.breathing.online{background:var(--green);box-shadow:0 0 12px var(--green)}.breathing.offline{background:var(--gray)}.breathing.pairing{background:var(--primary);box-shadow:0 0 12px var(--primary)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes dock-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.pop-in{animation:slide-up .35s var(--ease-out)}.fade-in{animation:fade-in .35s var(--ease-out)}.scale-in{animation:scale-in .35s var(--ease-out)}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--border-thick) 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.pg-dashboard{--page-primary: #5B6ABF;--page-glow: rgba(91,106,191,.3);--page-light: #7C89D6}.pg-dashboard .page-hd h1{color:#5b6abf}.pg-dashboard .page-hd h1:after{background:linear-gradient(90deg,#5B6ABF,#AF52DE,transparent);box-shadow:0 0 8px #5b6abf}.pg-dashboard .page-hd p{border-left-color:#5b6abf}.pg-models{--page-primary: #00BFA5;--page-glow: rgba(0,191,165,.3);--page-light: #1DE9B6}.pg-models .page-hd h1{color:#00bfa5}.pg-models .page-hd h1:after{background:linear-gradient(90deg,#00BFA5,#1DE9B6,transparent);box-shadow:0 0 8px #00bfa5}.pg-models .page-hd p{border-left-color:#00bfa5}.pg-dh{--page-primary: #E040FB;--page-glow: rgba(224,64,251,.3);--page-light: #FF4081}.pg-dh .page-hd h1{color:#e040fb}.pg-dh .page-hd h1:after{background:linear-gradient(90deg,#E040FB,#FF4081,transparent);box-shadow:0 0 8px #e040fb}.pg-dh .page-hd p{border-left-color:#e040fb}.pg-videos{--page-primary: #FF6D00;--page-glow: rgba(255,109,0,.3);--page-light: #FF9100}.pg-videos .page-hd h1{color:#ff6d00}.pg-videos .page-hd h1:after{background:linear-gradient(90deg,#FF6D00,#FF9100,transparent);box-shadow:0 0 8px #ff6d00}.pg-videos .page-hd p{border-left-color:#ff6d00}.pg-albums{--page-primary: #7C4DFF;--page-glow: rgba(124,77,255,.3);--page-light: #E040FB}.pg-albums .page-hd h1{color:#7c4dff}.pg-albums .page-hd h1:after{background:linear-gradient(90deg,#7C4DFF,#E040FB,transparent);box-shadow:0 0 8px #7c4dff}.pg-albums .page-hd p{border-left-color:#7c4dff}.pg-conversations{--page-primary: #00C853;--page-glow: rgba(0,200,83,.3);--page-light: #69F0AE}.pg-conversations .page-hd h1{color:#00c853}.pg-conversations .page-hd h1:after{background:linear-gradient(90deg,#00C853,#69F0AE,transparent);box-shadow:0 0 8px #00c853}.pg-conversations .page-hd p{border-left-color:#00c853}.pg-schedules{--page-primary: #FFAB00;--page-glow: rgba(255,171,0,.3);--page-light: #FFD740}.pg-schedules .page-hd h1{color:#ffab00}.pg-schedules .page-hd h1:after{background:linear-gradient(90deg,#FFAB00,#FFD740,transparent);box-shadow:0 0 8px #ffab00}.pg-schedules .page-hd p{border-left-color:#ffab00}.pg-members{--page-primary: #448AFF;--page-glow: rgba(68,138,255,.3);--page-light: #82B1FF}.pg-members .page-hd h1{color:#448aff}.pg-members .page-hd h1:after{background:linear-gradient(90deg,#448AFF,#82B1FF,transparent);box-shadow:0 0 8px #448aff}.pg-members .page-hd p{border-left-color:#448aff}.pg-settings{--page-primary: #78909C;--page-glow: rgba(120,144,156,.3);--page-light: #B0BEC5}.pg-settings .page-hd h1{color:#78909c}.pg-settings .page-hd h1:after{background:linear-gradient(90deg,#78909C,#B0BEC5,transparent);box-shadow:0 0 8px #78909c}.pg-settings .page-hd p{border-left-color:#78909c}.pg-dashboard,.pg-models,.pg-dh,.pg-videos,.pg-albums,.pg-conversations,.pg-schedules,.pg-members,.pg-settings{--primary: var(--page-primary);--primary-light: var(--page-light, var(--primary));--primary-glow: var(--page-glow, rgba(0,0,0,.15))}.page-hd{margin-bottom:24px;animation:hd-container-in .6s cubic-bezier(.16,1,.3,1) both}.page-hd h1{font-size:var(--text-3xl);font-weight:700;letter-spacing:-.5px;position:relative;display:inline-block;transition:color .3s ease}.page-hd h1:after{content:"";position:absolute;bottom:2px;left:0;width:0;height:2.5px;border-radius:var(--radius-full);animation:hd-underline .8s cubic-bezier(.16,1,.3,1) .3s forwards;box-shadow:0 0 8px}.page-hd p{font-size:var(--text-sm);color:var(--text-muted);margin-top:8px;opacity:0;animation:hd-subtitle-in .6s ease-out .2s both;border-left:2px solid;padding-left:10px}@keyframes hd-container-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes hd-underline{0%{width:0}to{width:100%}}@keyframes hd-subtitle-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200;display:flex;align-items:flex-end;justify-content:center}.bottom-sheet{width:100%;max-width:520px;background:var(--card-bg);backdrop-filter:var(--blur-heavy);-webkit-backdrop-filter:var(--blur-heavy);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:16px;max-height:80vh;overflow-y:auto;animation:slide-up .35s var(--ease-out)}.handle{width:36px;height:5px;background:var(--gray4);border-radius:var(--radius-full);margin:0 auto 16px}.sheet-hd{align-items:center;justify-content:space-between;margin-bottom:20px}.sheet-hd h3{font-size:var(--text-xl);font-weight:700}.sheet-bd{display:flex;flex-direction:column;gap:16px}.sheet-ft{display:flex;gap:12px;margin-top:20px;padding-top:16px;border-top:.5px solid var(--border)}.sheet-ft button{flex:1}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.segmented{display:flex;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-thick)}.segmented button{flex:1;padding:8px 16px;border:none;background:transparent;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast);min-height:44px}.segmented button.active{background:var(--primary);color:var(--text-on-primary)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-muted);text-align:center}.empty i{font-size:48px;margin-bottom:16px;opacity:.4}.empty p{font-size:var(--text-sm)}.flex-h{display:flex;align-items:center;justify-content:space-between}.flex-v{display:flex;flex-direction:column}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.bottom-dock{display:none;position:fixed;bottom:0;left:0;right:0;z-index:150;background:var(--card-bg);backdrop-filter:var(--blur-heavy);-webkit-backdrop-filter:var(--blur-heavy);border-top:.5px solid var(--card-border);padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 20px #0000000f}.dock-inner{display:flex;justify-content:space-around;align-items:flex-end;max-width:600px;margin:0 auto}.dock-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 8px;min-width:48px;min-height:44px;text-decoration:none;color:var(--gray);transition:all var(--duration-fast) var(--ease-out);position:relative;-webkit-tap-highlight-color:transparent;border:none;background:none;cursor:pointer}.dock-item i{font-size:20px;color:var(--gray3);transition:all var(--duration-fast) var(--ease-spring)}.dock-item span{font-size:9px;font-weight:500;letter-spacing:.2px;color:var(--gray);opacity:0;transform:translateY(4px);transition:all var(--duration-normal) var(--ease-out)}.dock-item.active{color:var(--primary)}.dock-item.active i{color:var(--primary);transform:translateY(-2px) scale(1.15);filter:drop-shadow(0 2px 10px var(--primary-glow))}.dock-item.active span{color:var(--primary);opacity:1;transform:translateY(0)}.dock-item .dock-badge{position:absolute;top:0;right:4px;width:16px;height:16px;border-radius:var(--radius-full);background:var(--red);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}.pairing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:rgba(0,0,0,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;animation:fade-in .3s ease}.pairing-modal{text-align:center;padding:48px 40px;max-width:340px;width:90%;background:var(--card-bg);backdrop-filter:var(--blur-max);-webkit-backdrop-filter:var(--blur-max);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);animation:scale-in .4s var(--ease-out)}.pairing-spinner{width:72px;height:72px;margin:0 auto 24px;position:relative}.pairing-spinner .spinner-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;animation:spin 1.2s cubic-bezier(.4,0,.2,1) infinite}.pairing-spinner .spinner-ring:nth-child(1){border-top-color:var(--primary);animation-duration:1.2s}.pairing-spinner .spinner-ring:nth-child(2){top:8px;right:8px;bottom:8px;left:8px;border-right-color:var(--purple);animation-duration:1.8s;animation-direction:reverse}.pairing-spinner .spinner-ring:nth-child(3){top:16px;right:16px;bottom:16px;left:16px;border-bottom-color:var(--teal);animation-duration:2.4s}.pairing-modal h2{font-size:var(--text-xl);font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,var(--primary),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pairing-modal p{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5}.pairing-modal .pairing-tips{margin-top:20px;padding:12px 16px;background:var(--border);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-muted);text-align:left;line-height:1.6}.slide-enter-active{animation:slide-up .3s var(--ease-out)}.slide-leave-active{animation:fade-in .15s reverse}.toast-wrap{position:fixed;top:56px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:var(--radius-md);background:var(--card-bg);backdrop-filter:var(--blur-heavy);-webkit-backdrop-filter:var(--blur-heavy);box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-weight:500;border:1px solid var(--card-border);pointer-events:auto;animation:slide-up .3s var(--ease-out);min-width:200px}.toast i{font-size:16px}.toast.t-success{border-left:3px solid var(--green)}.toast.t-success i{color:var(--green)}.toast.t-error{border-left:3px solid var(--red)}.toast.t-error i{color:var(--red)}.toast.t-info{border-left:3px solid var(--primary)}.toast.t-info i{color:var(--primary)}.feature-intro{display:flex;align-items:center;gap:14px;margin-top:20px;padding:14px 18px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);text-align:left;max-width:380px;position:relative;overflow:hidden}.feature-intro-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-intro-icon i{font-size:16px;color:var(--primary)}.feature-intro-body strong{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:2px;opacity:0}.feature-intro-body p{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4;opacity:0}.intro-albums{animation:album-flip 1.2s cubic-bezier(.22,.95,.35,1.15) forwards;transform-origin:left center;perspective:1200px}.intro-albums .feature-intro-icon{animation:album-photo-drop .9s cubic-bezier(.34,1.6,.5,1) .35s both}.intro-albums .feature-intro-body strong{animation:album-text-slide .6s ease-out .7s both}.intro-albums .feature-intro-body p{animation:album-text-slide .6s ease-out .85s both}@keyframes album-flip{0%{opacity:0;clip-path:inset(0 50% 0 50%);transform:scaleX(.3)}40%{opacity:1;clip-path:inset(0 0% 0 0%);transform:scaleX(1.08)}65%{transform:scaleX(.97)}85%{transform:scaleX(1.01)}to{opacity:1;clip-path:inset(0);transform:scaleX(1)}}@keyframes album-photo-drop{0%{opacity:0;transform:translateY(-40px) rotate(8deg) scale(.4)}35%{opacity:1;transform:translateY(6px) rotate(-3deg) scale(1.15);box-shadow:0 4px 20px #7c4dff33}60%{transform:translateY(-3px) rotate(1.5deg) scale(.95)}85%{transform:translateY(1px) rotate(-.3deg) scale(1.02)}to{opacity:1;transform:translateY(0) rotate(0) scale(1);box-shadow:none}}@keyframes album-text-slide{0%{opacity:0;transform:translate(-20px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.intro-videos{animation:video-poweron 1s cubic-bezier(.16,1,.3,1) forwards;overflow:hidden}.intro-videos:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 48%,rgba(255,109,0,.04) 50%,transparent 52%);background-size:100% 4px;animation:video-scanline .8s linear .3s infinite;pointer-events:none}.intro-videos .feature-intro-icon{animation:video-glow-pulse .7s ease-out .2s both}.intro-videos .feature-intro-body strong{animation:video-text-up .5s ease-out .45s both}.intro-videos .feature-intro-body p{animation:video-text-up .5s ease-out .6s both}@keyframes video-poweron{0%{opacity:0;transform:scale(.5);filter:brightness(3) contrast(2)}25%{opacity:1;transform:scale(1.03);filter:brightness(.6) contrast(1.5)}50%{transform:scale(.97);filter:brightness(1.2) contrast(.9)}75%{transform:scale(1.005);filter:brightness(.95)}to{opacity:1;transform:scale(1);filter:brightness(1) contrast(1)}}@keyframes video-scanline{0%{background-position:0 0}to{background-position:0 8px}}@keyframes video-glow-pulse{0%{opacity:0;transform:scale(.3);box-shadow:0 0 #ff6d0099}35%{opacity:1;transform:scale(1.2);box-shadow:0 0 30px 10px #ff6d004d}65%{transform:scale(.95);box-shadow:0 0 10px 3px #ff6d001a}to{opacity:1;transform:scale(1);box-shadow:none}}@keyframes video-text-up{0%{opacity:0;transform:translateY(16px)}50%{opacity:1;transform:translateY(-1px)}to{opacity:1;transform:translateY(0)}}.intro-members{animation:member-door .7s cubic-bezier(.22,1,.36,1) forwards}.intro-members .feature-intro-icon{animation:member-walk .9s cubic-bezier(.34,1.56,.5,1) .1s both}.intro-members .feature-intro-body strong{animation:member-wave .7s cubic-bezier(.22,1.2,.45,1) .6s both}.intro-members .feature-intro-body p{animation:member-wave .7s cubic-bezier(.22,1.2,.45,1) 1s both}@keyframes member-door{0%{opacity:0;transform:scaleX(0)}50%{transform:scaleX(1.04)}to{opacity:1;transform:scaleX(1)}}@keyframes member-walk{0%{opacity:0;transform:translate(-20px,20px) scale(.4) rotate(-10deg)}35%{opacity:1;transform:translate(4px,-4px) scale(1.2) rotate(3deg)}65%{transform:translate(-1px,1px) scale(.96) rotate(-1deg)}to{opacity:1;transform:translate(0) scale(1) rotate(0)}}@keyframes member-wave{0%{opacity:0;transform:translate(-16px) scale(.88)}55%{opacity:1;transform:translate(3px) scale(1.01)}to{opacity:1;transform:translate(0) scale(1)}}.intro-schedules{animation:sched-sweep 1s ease-out forwards;position:relative}.intro-schedules:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--radius-md);padding:1px;background:conic-gradient(var(--primary),var(--page-primary, var(--primary)),transparent 50%,transparent 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;animation:sched-border-sweep 1.5s cubic-bezier(.4,0,.2,1) .3s both;pointer-events:none}.intro-schedules .feature-intro-icon{animation:sched-hand-spin 1.2s cubic-bezier(.4,0,.2,1) .1s both}.intro-schedules .feature-intro-body strong{animation:sched-tick .5s ease-out .5s both}.intro-schedules .feature-intro-body p{animation:sched-tick .5s ease-out .65s both}@keyframes sched-sweep{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes sched-border-sweep{0%{opacity:0;transform:rotate(-180deg)}40%{opacity:1;transform:rotate(120deg)}to{opacity:.5;transform:rotate(360deg)}}@keyframes sched-hand-spin{0%{opacity:0;transform:rotate(-200deg) scale(.4)}40%{opacity:1;transform:rotate(30deg) scale(1.1);box-shadow:0 0 12px #ffab0040}70%{transform:rotate(-8deg) scale(.97)}to{opacity:1;transform:rotate(0) scale(1);box-shadow:none}}@keyframes sched-tick{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.intro-models{animation:model-matrix 1.1s cubic-bezier(.16,.9,.3,1) forwards}.intro-models .feature-intro-icon{animation:model-glitch .9s steps(4) .15s both}.intro-models .feature-intro-body strong{animation:model-fade-in .5s ease-out .5s both}.intro-models .feature-intro-body p{animation:model-fade-in .5s ease-out .65s both}@keyframes model-matrix{0%{opacity:0;clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%)}30%{opacity:1;clip-path:polygon(45% 40%,55% 40%,60% 55%,40% 55%)}60%{clip-path:polygon(5% 10%,95% 5%,100% 90%,0% 95%)}85%{clip-path:polygon(0% 5%,100% 0%,100% 100%,0% 100%);transform:scale(1.01)}to{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:scale(1)}}@keyframes model-glitch{0%{opacity:0;transform:translate(-4px) scale(.5);filter:hue-rotate(120deg)}25%{opacity:1;transform:translate(4px) scale(1.15);filter:hue-rotate(-60deg)}50%{transform:translate(-2px) scale(.95);filter:hue-rotate(30deg)}75%{transform:translate(1px) scale(1.02);filter:hue-rotate(-10deg)}to{opacity:1;transform:translate(0) scale(1);filter:hue-rotate(0)}}@keyframes model-fade-in{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}.intro-dh{animation:dh-holo-scan 1.3s cubic-bezier(.16,1,.3,1) forwards}.intro-dh:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,rgba(224,64,251,.03) 50%,transparent 100%);background-size:100% 200%;animation:dh-scan-beam 2.5s linear .5s infinite;pointer-events:none}.intro-dh .feature-intro-icon{animation:dh-radar 1.4s ease-out .1s both}.intro-dh .feature-intro-body strong{animation:dh-materialize .7s ease-out .6s both}.intro-dh .feature-intro-body p{animation:dh-materialize .7s ease-out .8s both}@keyframes dh-holo-scan{0%{opacity:0;clip-path:inset(0 0 100% 0)}35%{opacity:1;clip-path:inset(0 0 0% 0)}55%{clip-path:inset(0 0 5% 0);transform:translateY(-2px)}75%{clip-path:inset(0 0 0% 0);transform:translateY(1px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}@keyframes dh-scan-beam{0%{background-position:0 0}50%{background-position:0 100%}to{background-position:0 0}}@keyframes dh-radar{0%{opacity:0;transform:scale(0);box-shadow:0 0 #e040fb80}20%{opacity:1;transform:scale(1.1);box-shadow:0 0 30px 15px #e040fb33}40%{transform:scale(.95);box-shadow:0 0 15px 5px #e040fb1a}60%{transform:scale(1.03);box-shadow:0 0 8px 2px #e040fb0d}85%{transform:scale(.99)}to{opacity:1;transform:scale(1);box-shadow:none}}@keyframes dh-materialize{0%{opacity:0;transform:scaleY(0)}60%{opacity:1;transform:scaleY(1.04)}to{opacity:1;transform:scaleY(1)}}.intro-conversations{animation:conv-bounce-up .8s cubic-bezier(.18,1.5,.45,1) forwards;transform-origin:center bottom}.intro-conversations .feature-intro-icon{animation:conv-bubble-pop .7s cubic-bezier(.18,1.6,.45,1) .1s both}.intro-conversations .feature-intro-body strong{animation:conv-bubble-pop .5s cubic-bezier(.18,1.5,.45,1) .5s both}.intro-conversations .feature-intro-body p{animation:conv-bubble-pop .5s cubic-bezier(.18,1.5,.45,1) .7s both}@keyframes conv-bounce-up{0%{opacity:0;transform:translateY(40px) scale(.85)}45%{opacity:1;transform:translateY(-8px) scale(1.04)}70%{transform:translateY(3px) scale(.98)}88%{transform:translateY(-1px)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes conv-bubble-pop{0%{opacity:0;transform:scale(.3) translateY(10px)}40%{opacity:1;transform:scale(1.15) translateY(-4px)}65%{transform:scale(.93) translateY(1px)}85%{transform:scale(1.02)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.page-hd h1{font-size:var(--text-2xl)}.bottom-dock{display:block}.toast-wrap{left:16px;right:16px;top:12px}.toast{min-width:unset}.stat-cards-mobile{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}}@media (min-width: 769px){.mobile-only{display:none!important}}