:root{color:var(--text);background:var(--app-bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Segoe UI,Arial,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:var(--app-bg);height:100vh;color:var(--text);font-size:14px;overflow:hidden}button,input,.ant-select,.ant-radio-group{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(ellipse at 50% -12%, color-mix(in srgb, var(--canvas-glow) 22%, transparent) 0%, transparent 58%), linear-gradient(180deg, var(--canvas-top) 0%, var(--canvas-mid) 48%, var(--canvas-bottom) 100%);flex-direction:column;width:100%;height:100vh;display:flex}.app-header{background:linear-gradient(180deg, var(--header-bg-top), var(--header-bg-bottom));border-bottom:1px solid var(--border);height:40px;box-shadow:0 1px 0 color-mix(in srgb, var(--gold-bright) 8%, transparent);flex:0 0 40px;align-items:center;gap:20px;padding:0 10px;display:flex}.app-header>img{object-fit:contain;opacity:1;width:260px;height:38px}.header-account{min-width:0;margin-left:auto}.account-trigger{height:40px;color:var(--phone-text);background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;padding:0 8px;display:flex}.account-menu-summary{min-width:148px;color:var(--text);gap:2px;display:grid}.account-menu-summary span{color:var(--muted);font-size:12px}.account-trigger:hover,.account-trigger:focus-visible{color:var(--primary);border-color:var(--border);background:color-mix(in srgb, var(--primary-soft) 56%, var(--header-bg));outline:2px solid color-mix(in srgb, var(--primary) 45%, transparent);outline-offset:1px}.account-trigger>span:last-child{color:var(--phone-text);white-space:nowrap}.account-trigger .ant-avatar{width:28px;height:28px;color:var(--avatar-icon);background:linear-gradient(145deg, var(--avatar-center), var(--avatar-edge));border:1px solid var(--border);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text) 14%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--header-bg) 58%, transparent), 0 1px 3px color-mix(in srgb, var(--header-bg) 46%, transparent);flex:0 0 28px;line-height:26px}.account-trigger .ant-avatar .anticon{color:var(--avatar-icon);font-size:15px}.auth-page{width:100%;min-height:100dvh;color:var(--text);background:radial-gradient(ellipse at 50% -12%, color-mix(in srgb, var(--canvas-glow) 22%, transparent) 0%, transparent 58%), linear-gradient(180deg, var(--canvas-top) 0%, var(--canvas-mid) 48%, var(--canvas-bottom) 100%);overflow:auto}.auth-shell{background:0 0;place-items:center;min-height:100dvh;display:grid}.auth-form-panel{place-items:center;width:100%;min-height:100dvh;padding:48px 24px;display:grid}.auth-card{gap:16px;width:min(520px,100%);display:grid}.auth-card h1{margin:0;font-size:30px}.auth-card label{color:var(--text);gap:8px;font-weight:600;display:grid}.auth-card small{color:var(--muted);margin-top:-10px}.auth-card .ant-input,.auth-card .ant-input-affix-wrapper,.auth-card .ant-input-group-addon{border-radius:3px;min-height:44px}.auth-mode-switch{background:var(--field-bg);border:1px solid var(--line);grid-template-columns:1fr 1fr;padding:4px;display:grid}.auth-mode-switch button{height:38px;color:var(--muted);background:0 0;border:0}.auth-mode-switch button.active{color:var(--text-on-primary);background:var(--primary)}.password-toggle{color:var(--muted);background:0 0;border:0;padding:0}.auth-sms-row{grid-template-columns:minmax(0,1fr) 126px;gap:10px;display:grid}.auth-sms-row .ant-btn{min-height:44px}.auth-consent{flex-direction:row;grid-template-columns:none;align-items:flex-start;font-size:13px;color:var(--muted)!important;gap:8px!important;font-weight:400!important;display:flex!important}.auth-consent input{margin-top:3px}.auth-consent button{color:var(--primary);background:0 0;border:0;padding:0}.auth-submit{width:100%;min-height:48px}.device-list{gap:16px;display:grid}.device-list section{border-bottom:1px solid var(--line);padding-bottom:14px}.device-list section:last-child{border-bottom:0}.device-list h3{margin:0 0 12px}.device-list p{color:var(--muted);margin:10px 0 0;line-height:1.6}.about-content{text-align:center}.about-content img{object-fit:contain;width:116px;max-height:116px}.about-content h2{margin:12px 0 4px}.about-content p{color:var(--muted)}.app-workspace{background:0 0;flex:1;min-height:0;padding:10px}.workspace-grid{grid-template-columns:28fr 38fr 34fr;gap:10px;height:100%;display:grid}.workspace-slot{min-width:0;min-height:0}.app-workspace .mobile-stage-nav{display:none}.workspace-panel{background:radial-gradient(ellipse at 50% -20%, color-mix(in srgb, var(--surface-raised) 22%, transparent) 0%, transparent 52%), linear-gradient(180deg, var(--panel-bg-top) 0%, var(--panel-bg-mid) 48%, var(--panel-bg-bottom) 100%);border:1px solid var(--line);width:100%;min-width:0;height:100%;min-height:0;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text) 5%, transparent);border-radius:4px;flex-direction:column;padding:8px 10px;display:flex;overflow:hidden}.workspace-panel>h2{min-height:24px;color:var(--text);letter-spacing:.01em;text-shadow:0 1px 0 var(--header-bg);margin:0 0 8px;font-size:16px;font-weight:600;line-height:24px}.panel-divider{background:linear-gradient(90deg, var(--border-strong), var(--border) 68%, color-mix(in srgb, var(--border) 12%, transparent));height:1px;box-shadow:0 1px 0 color-mix(in srgb, var(--gold-bright) 4%, transparent);flex:0 0 1px;margin-bottom:10px}.car-map{flex:1;min-height:0;position:relative}.car-shape{width:34%;height:42%;position:absolute;top:24%;left:50%;transform:translate(-50%)}.car-shape img{object-fit:contain;width:100%;height:100%}.car-control{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute}.car-control label{color:var(--muted);text-shadow:0 1px 0 var(--header-bg);white-space:nowrap;font-weight:500}.car-control .ant-select{width:100%;min-width:78px}.midset-control{width:31%;top:7%;left:50%;transform:translate(-50%)}.front-left-control{width:31%;top:34%;left:0}.front-right-control{width:31%;top:34%;right:0}.rear-left-control{width:31%;top:59%;left:0}.rear-right-control{width:31%;top:59%;right:0}.surround-left-control{width:27%;top:74%;left:6%}.surround-right-control{width:27%;top:74%;right:6%}.superlow-control{width:27%;top:88%;left:36%;transform:translate(-50%)}.sky-control{width:27%;top:88%;left:64%;transform:translate(-50%)}.mode-tabs,.delay-switch{align-items:center;display:flex}.mode-tabs{justify-content:center;min-height:54px;margin:0 0 2px}.ant-segmented{border:1px solid var(--line);background:var(--field-bg);height:34px;box-shadow:inset 0 1px 2px color-mix(in srgb, var(--header-bg) 48%, transparent);border-radius:2px;padding:0;overflow:hidden}.ant-segmented .ant-segmented-group{align-items:stretch;width:100%;height:32px}.ant-segmented .ant-segmented-item{width:100%;min-width:0;height:32px;min-height:32px;color:var(--muted);border:0;border-radius:1px;justify-self:stretch;transition:color .12s,border-color .12s,background .12s,box-shadow .12s}.ant-segmented .ant-segmented-item+.ant-segmented-item{box-shadow:inset 1px 0 0 var(--line)}.ant-segmented .ant-segmented-item-label{letter-spacing:.02em;place-items:center;width:100%;height:32px;min-height:32px;padding:0;font-size:13px;font-weight:500;line-height:1;display:grid}.ant-segmented .ant-segmented-item:hover{color:var(--text);background:color-mix(in srgb, var(--surface-hover) 54%, transparent)}.app-shell .ant-segmented .ant-segmented-item-selected{color:var(--gold-bright);background:linear-gradient(180deg, color-mix(in srgb, var(--gold-muted) 76%, var(--surface-raised)), color-mix(in srgb, var(--gold-muted) 88%, var(--field-bg)));box-shadow:inset 0 0 0 1px var(--border-strong), inset 0 1px 0 color-mix(in srgb, var(--gold-bright) 16%, transparent)}.ant-segmented .ant-segmented-thumb{box-shadow:none;background:0 0;border-radius:1px}.mode-tabs .ant-segmented{border-radius:4px;width:220px;height:34px}.mode-tabs .ant-segmented-group{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mode-tabs .ant-segmented-item,.mode-tabs .ant-segmented-thumb{border-radius:3px}.mode-tabs .ant-segmented-item-label{padding:0}.parameter-scroll,.result-scroll{scrollbar-color:var(--line) transparent;scrollbar-width:thin;flex:1;min-height:0;padding-right:4px;overflow:auto}.legacy-actions{border-top:1px solid color-mix(in srgb, var(--line) 42%, transparent);flex:0 0 54px;justify-content:center;align-items:center;gap:24px;height:54px;display:flex}.legacy-actions .ant-btn{letter-spacing:.08em;border-radius:3px;width:100px;height:36px;font-size:14px;font-weight:500;transition:transform .12s,border-color .12s,filter .12s}.legacy-actions .ant-btn-default{color:var(--text);border-color:var(--border);background:linear-gradient(180deg, var(--metal-top), var(--metal-bottom));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text) 12%, transparent), 0 2px 5px color-mix(in srgb, var(--header-bg) 58%, transparent)}.legacy-actions .ant-btn-primary{color:var(--text-on-primary);border-color:var(--border-strong);background:linear-gradient(180deg, var(--gold-bright), var(--gold-deep));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text) 34%, transparent), 0 2px 7px color-mix(in srgb, var(--gold-deep) 18%, transparent);font-weight:400}.legacy-actions .ant-btn-default:hover,.legacy-actions .ant-btn-default:focus-visible,.legacy-actions .ant-btn-primary:hover,.legacy-actions .ant-btn-primary:focus-visible{border-color:var(--gold-bright);filter:brightness(1.06)}.legacy-actions .ant-btn-default:hover,.legacy-actions .ant-btn-default:focus-visible{color:var(--text)}.legacy-actions .ant-btn-primary:hover,.legacy-actions .ant-btn-primary:focus-visible{color:var(--text-on-primary)}.legacy-actions .ant-btn:active{transform:translateY(1px)}.config-grid{gap:16px;display:grid}.config-row{flex-wrap:wrap;align-items:center;gap:18px;min-height:24px;display:flex}.config-row>span:first-child{color:var(--muted);font-weight:500}.config-row>.ant-select{width:210px}.config-row .ant-radio-group{gap:18px;display:flex}.preset-row{width:min(300px,100% - 20px);margin-left:20px}.preset-labels,.preset-levels{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.preset-levels strong{color:var(--text);font-weight:400}.preset-row .ant-slider{margin:8px 4px}.system-editor,.result-system{flex-direction:column;gap:20px;display:flex}.channel-row,.result-channel-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;display:grid}.result-channel-row{grid-template-columns:repeat(2,calc(50% - 20px));column-gap:22px}.channel-cell,.result-channel{min-width:0;color:var(--value-text)}.unit-title{height:24px;color:var(--value-text);letter-spacing:.04em;border:1px solid var(--border);background:linear-gradient(180deg, var(--surface-raised), var(--unit-title-bg));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--gold-bright) 6%, transparent);border-radius:2px;place-items:center;margin-bottom:8px;font-size:13px;font-weight:500;display:grid}.legacy-field-row,.result-value-row{align-items:center;gap:8px;display:grid}.legacy-field-row{grid-template-columns:54px minmax(0,1fr) 36px;height:30px}.legacy-field-row>label,.legacy-field-row>span:last-child{color:var(--muted)}.legacy-field-row>span:last-child{text-align:left}.subhead{color:var(--text-tertiary);margin:8px 0 2px;font-size:12px;font-weight:500}.delay-switch{justify-content:flex-end;gap:8px;min-height:48px}.result-scroll{padding-top:3px}.delay-switch>span{color:var(--muted)}.delay-switch .ant-segmented{width:108px;height:34px}.delay-switch .ant-segmented-group{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.delay-switch .ant-segmented-item-label{padding:0}.result-value-row{grid-template-columns:70px minmax(0,1fr) 44px;height:26px}.result-value-row>strong{min-width:0;color:var(--value-text);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:500;overflow:hidden}.result-value-row>button{color:var(--primary);text-align:right;background:0 0;border:0;padding:0;font-size:12px;font-weight:500}.result-value-row>button:disabled{opacity:.55;cursor:default}.app-workspace .ant-select-single.ant-select-sm{height:28px;color:var(--value-text);background:var(--select-bg);border:1px solid var(--border);box-shadow:inset 0 1px 2px color-mix(in srgb, var(--header-bg) 44%, transparent), 0 1px 0 color-mix(in srgb, var(--gold-bright) 3%, transparent);border-radius:2px;padding:0 8px 0 10px}.app-workspace .ant-select-single.ant-select-sm:hover,.app-workspace .ant-select-single.ant-select-sm.ant-select-focused{border-color:var(--border-strong);box-shadow:inset 0 1px 2px color-mix(in srgb, var(--header-bg) 44%, transparent), 0 0 0 2px color-mix(in srgb, var(--primary) 12%, transparent)}.app-workspace .ant-select-single .ant-select-content{min-width:0;height:26px;color:var(--value-text);text-align:left;line-height:26px}.app-workspace .ant-select-single .ant-select-suffix{color:var(--primary);flex:none}.car-control .ant-select{font-size:13px}.legacy-field-row .ant-select{padding-inline:8px 6px;font-size:13px}.legacy-field-row .ant-select-suffix{width:10px;font-size:10px}.app-workspace .ant-select-suffix{font-size:9px;color:var(--primary)!important;inset-inline-end:5px!important}.app-workspace .ant-input-number,.app-workspace .ant-input{width:100%;height:26px;color:var(--value-text);background:var(--field-bg);border:1px solid var(--border);box-shadow:inset 0 1px 2px color-mix(in srgb, var(--header-bg) 48%, transparent), 0 1px 0 color-mix(in srgb, var(--gold-bright) 3%, transparent);border-radius:2px}.app-workspace .ant-input-number-input{height:24px;color:var(--value-text);text-align:center;padding:0 4px}.app-workspace .ant-input{text-align:center;padding:0 4px}.app-workspace .ant-input-number:hover,.app-workspace .ant-input-number:focus-within,.app-workspace .ant-input:hover,.app-workspace .ant-input:focus{border-color:var(--border-strong);box-shadow:inset 0 1px 2px color-mix(in srgb, var(--header-bg) 48%, transparent), 0 0 0 2px color-mix(in srgb, var(--primary) 12%, transparent)}.app-workspace .ant-input[disabled]{color:var(--muted);background:var(--field-bg)}.app-workspace .ant-radio-wrapper{color:var(--muted);margin-inline-end:0}.app-workspace .ant-radio{background:var(--field-bg);border-color:var(--border);width:16px;height:16px;box-shadow:none}.app-workspace .ant-radio-checked{background:var(--radio-dot);border-color:var(--border-strong);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--gold-bright) 30%, transparent), 0 0 0 1px color-mix(in srgb, var(--radio-dot) 10%, transparent)}.app-workspace .ant-radio-checked:after{background:var(--gold-bright);width:6px;height:6px}.app-workspace .ant-radio-wrapper-checked .ant-radio-label{color:var(--text)}.ant-collapse{color:var(--text);background:0 0}.ant-collapse>.ant-collapse-item{border-bottom:0}.ant-collapse>.ant-collapse-item>.ant-collapse-header{min-height:30px;color:var(--muted);border-bottom:1px solid var(--border);align-items:center;font-weight:500;border-radius:0!important;padding:0 10px!important}.ant-collapse>.ant-collapse-item>.ant-collapse-header:hover{color:var(--text);background:color-mix(in srgb, var(--surface-hover) 62%, transparent)}.ant-collapse .ant-collapse-expand-icon{color:var(--primary)}.ant-collapse .ant-collapse-body{padding:12px 10px 6px!important}.parameter-scroll>.ant-collapse>.ant-collapse-item:first-child{margin-bottom:14px}.ant-slider .ant-slider-rail{background:var(--line)}.ant-slider .ant-slider-track{background:var(--primary)}.ant-slider .ant-slider-handle:after{box-shadow:0 0 0 2px var(--primary)}.parameter-scroll::-webkit-scrollbar{width:6px}.result-scroll::-webkit-scrollbar{width:6px}.parameter-scroll::-webkit-scrollbar-thumb{background:var(--border);background-clip:padding-box;border:2px solid #0000;border-radius:6px}.result-scroll::-webkit-scrollbar-thumb{background:var(--border);background-clip:padding-box;border:2px solid #0000;border-radius:6px}.app-loading,.app-error{width:min(600px,100% - 32px);color:var(--text);margin:20vh auto 0}@media (width<=1023px){body{height:auto;min-height:100vh;overflow:auto}.app-shell{height:auto;min-height:100dvh}.auth-form-panel{padding:36px 20px}.app-workspace{flex-direction:column;padding:8px 10px 10px;display:flex}.app-workspace .mobile-stage-nav{width:100%;height:38px;margin-bottom:8px;display:block}.mobile-stage-nav .ant-segmented-group{grid-template-columns:repeat(3,minmax(0,1fr));height:36px;display:grid}.mobile-stage-nav,.mobile-stage-nav .ant-segmented-item,.mobile-stage-nav .ant-segmented-thumb{border-radius:2px}.mobile-stage-nav .ant-segmented-item{min-width:0;height:36px;min-height:36px}.mobile-stage-nav .ant-segmented-item-label{height:36px;min-height:36px;padding:0 4px;font-size:13px;line-height:1}.workspace-grid{height:auto;min-height:calc(100dvh - 100px);display:block}.workspace-slot{display:none}.workspace-slot.mobile-active{height:calc(100dvh - 100px);min-height:620px;display:block}.channel-row,.result-channel-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.app-header{gap:10px;padding:0 10px}.app-header>img{width:min(245px,68vw);height:36px}.account-trigger{padding:0 4px}.account-trigger>span:last-child{display:none}.auth-form-panel{place-items:start center;padding:24px 16px}.auth-card h1{font-size:24px}.auth-sms-row{grid-template-columns:minmax(0,1fr) 112px}.workspace-slot.mobile-active{min-height:680px}.car-shape{width:35%;height:43%;top:17%}.midset-control{top:3%}.front-left-control,.front-right-control{top:30%}.rear-left-control,.rear-right-control{top:55%}.surround-left-control,.surround-right-control{top:70%}.superlow-control,.sky-control{top:84%}.workspace-panel{padding:8px}.car-control{gap:5px}.car-control label{font-size:12px}.car-control .ant-select{min-width:0}.car-control .ant-select-selection-item{font-size:12px}.channel-row,.result-channel-row{grid-template-columns:1fr;gap:20px}.config-row{align-items:flex-start;gap:8px 14px}.config-row .ant-radio-group{gap:8px;display:grid}.config-row>.ant-select{width:min(210px,65vw)}.legacy-actions{flex-basis:50px;height:50px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}