*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}button{border:none;background:none;cursor:pointer;font-family:inherit;color:inherit}input,textarea{font-family:inherit;border:none;outline:none}ul,ol{list-style:none}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}:root{--primary: #00C389;--primary-light: rgba(0,195,137,.15);--primary-dark: #00A576;--bg-app: #0F1117;--bg-card: #1A1D28;--bg-dark: #0A0C14;--bg-darker: #060810;--bg-spectrum: #080B14;--text-primary: #E8EAF0;--text-secondary: #8B8E9A;--text-tertiary: #5A5D68;--text-white: #FFFFFF;--text-white-secondary: rgba(255,255,255,.6);--danger: #FF3B30;--warning: #FF9500;--info: #0A84FF;--purple: #BF5AF2;--accent-cyan: #64D2FF;--accent-yellow: #FFD60A;--border: #2A2D38;--border-light: #232530;--shadow-card: 0 2px 12px rgba(0,0,0,.3);--shadow-float: 0 4px 20px rgba(0,0,0,.4);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--nav-height: 56px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}::-webkit-scrollbar{width:0;height:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(200%)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes recordingPulse{0%{box-shadow:0 0 #ff3b3066}70%{box-shadow:0 0 0 8px #ff3b3000}to{box-shadow:0 0 #ff3b3000}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes tunePadPop{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.fade-in{animation:fadeIn .3s ease}.slide-up{animation:slideUp .35s cubic-bezier(.16,1,.3,1)}.slide-in-right{animation:slideInRight .3s ease}.phone-frame{width:100%;max-width:430px;height:100vh;height:100dvh;max-height:932px;margin:0 auto;background:var(--bg-app);position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 40px #00000080;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}@media (max-width: 480px){.phone-frame{max-width:100%;max-height:100vh;box-shadow:none;border-radius:0}}@media (min-height: 800px){.phone-frame{border-radius:0}}@media (min-width: 768px){.phone-frame{max-width:100%;max-height:100vh;height:100dvh;box-shadow:none;border-radius:0}}.device-list{display:flex;flex-direction:column;gap:12px}@media (min-width: 1024px){.device-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}}.quick-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}@media (min-width: 1024px){.quick-row{flex-wrap:wrap;overflow-x:visible;justify-content:center;gap:8px}}@media (min-width: 1024px){.bottom-controls{padding-left:10%;padding-right:10%}}.page-container{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative}.page-container::-webkit-scrollbar{display:none}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 10px) 20px 4px;font-size:12px;font-weight:600;flex-shrink:0}.status-bar.light{color:var(--text-white)}.status-bar.dark{color:var(--text-primary)}.status-bar-icons{display:flex;align-items:center;gap:6px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 12px;flex-shrink:0}.app-header h1{font-size:24px;font-weight:700;letter-spacing:-.5px}.app-header h1.light{color:var(--text-white)}.header-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff26;transition:background .2s}.header-back:active{background:#ffffff4d}.header-back.light{background:#0000000d}.header-back.light:active{background:#0000001a}.header-action{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff26}.switch{width:48px;height:28px;border-radius:14px;background:#e5e5ea;position:relative;transition:background .25s;flex-shrink:0;cursor:pointer}.switch.active{background:var(--primary)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #00000026;transition:transform .25s cubic-bezier(.4,0,.2,1)}.switch.active:after{transform:translate(20px)}.badge-dot{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;border-radius:8px;background:var(--danger);color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 4px}.sheet-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100;animation:fadeIn .2s ease}.sheet{position:absolute;bottom:0;left:0;right:0;background:var(--bg-app);border-radius:20px 20px 0 0;z-index:101;animation:slideUp .3s cubic-bezier(.16,1,.3,1);max-height:80%;overflow-y:auto}.sheet-handle{width:36px;height:4px;border-radius:2px;background:#d1d1d6;margin:8px auto 0}.ptz-btn:active{background:#00c38966!important}.control-btn:active{transform:scale(.95)}.control-btn:active .control-icon{background:#fff3!important}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#ffffff1a}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:#ffffff1a}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary);margin-top:-10px;box-shadow:0 2px 6px #0000004d;cursor:pointer}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--primary);border:none;box-shadow:0 2px 6px #0000004d;cursor:pointer}@media (max-width: 480px){input,textarea,select{font-size:16px!important}.phone-frame{overflow-x:hidden}.quick-toggle-icon{width:30px!important;height:30px!important}.quick-toggle-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:48px}}