@charset "UTF-8";.toast-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;pointer-events:none}.toast-item{min-width:320rem;max-width:500rem;padding:24rem 32rem;background:rgba(22,22,23,.95);border-radius:12rem;box-shadow:0 8rem 24rem #0006;-webkit-backdrop-filter:blur(10rem);backdrop-filter:blur(10rem);opacity:0;transform:translate(-50%,-50%) scale(.8);transition:all .3s cubic-bezier(.34,1.56,.64,1);pointer-events:auto;cursor:pointer;position:absolute;top:50%;left:50%}.toast-item--show{opacity:1;transform:translate(-50%,-50%) scale(1)}.toast-item__content{display:flex;align-items:center;justify-content:center;gap:12rem}.toast-item__message{font-family:PingFangSC,PingFang SC;font-size:16rem;line-height:24rem;color:#fff;font-weight:500;word-break:break-word}.matrix-key-container{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background-color:#0d0d0d;color:#e2e8f0;font-family:Space Grotesk,monospace;display:flex;flex-direction:column;box-sizing:border-box;text-align:left}.matrix-key-container.test .key-unit,.matrix-key-container.test .key-cap{cursor:default!important}.matrix-key-container.config .key-unit,.matrix-key-container.config .key-cap{cursor:pointer!important}.matrix-key-container.config .main-layout .workspace .keyboard-stage .key-unit:hover .key-cap{border-color:#ffffffe6;background-color:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 12px #00000080;z-index:20}.matrix-key-container.config .main-layout .workspace .keyboard-stage .key-unit.is-selected .key-cap{background-color:#2a2a2a;border-color:#22c55e;color:#fff;box-shadow:0 0 0 2px #22c55e99,0 8px 20px #0009;transform:scale(1.05) translateY(-4px);z-index:100}.matrix-key-container.config .main-layout .workspace .keyboard-stage .key-unit.is-selected .key-cap .key-label{color:#22c55e;font-weight:900}.matrix-key-container *{box-sizing:border-box}.matrix-key-container .app-header{height:60px;background:#050505;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;padding:0 24px;flex-shrink:0}.matrix-key-container .app-header .header-left,.matrix-key-container .app-header .header-right{display:flex;align-items:center;gap:20px}.matrix-key-container .app-header .brand-group{display:flex;align-items:center;gap:12px}.matrix-key-container .app-header .brand-group .logo-icon{width:32px;height:32px;color:#404040}.matrix-key-container .app-header .brand-group .title-wrapper .app-title{font-size:18px;font-weight:700;margin:0}.matrix-key-container .app-header .brand-group .title-wrapper .app-title .subtitle{color:#64748b;font-weight:400;font-size:14px}.matrix-key-container .app-header .run-test-btn{height:36px;padding:0 20px;background:#2a2a2a;color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:6px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;font-size:12px}.matrix-key-container .app-header .run-test-btn:hover{background:#333}.matrix-key-container .app-header .run-test-btn.is-active{background:#404040;border-color:#404040;box-shadow:0 0 2px #ffffff26}.matrix-key-container .app-header .run-test-btn .btn-icon{width:16px;height:16px}.matrix-key-container .app-header .exit-btn{height:36px;padding:0 20px;background:transparent;color:#64748b;border:1px solid rgba(255,255,255,.08);border-radius:6px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;font-size:12px}.matrix-key-container .app-header .exit-btn:hover{background:rgba(255,255,255,.1);color:#fff;border-color:#fff}.matrix-key-container .app-header .exit-btn .btn-icon{width:16px;height:16px}.matrix-key-container .main-layout{flex:1;display:flex;overflow:hidden}.matrix-key-container .main-layout .sidebar{width:280px;background:#050505;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;padding:20px;gap:20px;overflow-y:auto;flex-shrink:0}.matrix-key-container .main-layout .sidebar .panel-section .section-title{font-size:14px;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-weight:700}.matrix-key-container .main-layout .sidebar .panel-section .stat-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;position:relative;transition:border-color .2s}.matrix-key-container .main-layout .sidebar .panel-section .stat-card.full-width{margin-top:12px}.matrix-key-container .main-layout .sidebar .panel-section .stat-card .row-between{display:flex;justify-content:space-between;margin-bottom:8px}.matrix-key-container .main-layout .sidebar .panel-section .stat-card .label{font-size:10px;color:#64748b;text-transform:uppercase;font-weight:700;margin-bottom:4px}.matrix-key-container .main-layout .sidebar .panel-section .stat-card .highlight-text{color:#404040;font-size:10px;font-weight:700}.matrix-key-container .main-layout .sidebar .panel-section .stat-card .progress-track{height:6px;background:#000;border-radius:3px;overflow:hidden}.matrix-key-container .main-layout .sidebar .panel-section .stat-card .progress-track .progress-bar{height:100%;background:#404040;box-shadow:0 0 8px #404040;transition:width .3s ease}.matrix-key-container .main-layout .sidebar .panel-section .radio-card{display:flex;align-items:center;gap:12px;padding:12px;font-size:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;margin-bottom:8px;transition:all .2s}.matrix-key-container .main-layout .sidebar .panel-section .radio-card:hover{background:rgba(255,255,255,.05);border-color:#ffffff26}.matrix-key-container .main-layout .sidebar .panel-section .radio-card .radio-info{display:flex;flex-direction:column}.matrix-key-container .main-layout .sidebar .panel-section .radio-card .radio-info .radio-name{font-size:14px;font-weight:600;color:#fff;margin:0;line-height:1.4}.matrix-key-container .main-layout .sidebar .panel-section .radio-card .radio-info .radio-desc{font-size:13px;color:#64748b;margin:2px 0 0;opacity:.9}.matrix-key-container .main-layout .sidebar .panel-section .radio-card .radio-indicator{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;transition:all .2s}.matrix-key-container .main-layout .sidebar .panel-section .radio-card .radio-indicator .radio-dot{width:8px;height:8px;border-radius:50%;background:transparent;transition:all .2s}.matrix-key-container .main-layout .sidebar .panel-section .radio-card.active{background:rgba(255,255,255,.1);border-color:#404040}.matrix-key-container .main-layout .sidebar .panel-section .radio-card.active .radio-indicator{border-color:#404040;background:rgba(246,246,246,.1)}.matrix-key-container .main-layout .sidebar .panel-section .radio-card.active .radio-indicator .radio-dot{background:#22c55e;box-shadow:0 0 8px #ffffff1a}.matrix-key-container .main-layout .sidebar .panel-section .radio-card.active .radio-name{color:#fff;font-weight:600}.matrix-key-container .main-layout .sidebar .pcb-preview{position:relative;height:50px;margin-top:auto;background:#000000;border:1px solid #222;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-bottom:0}.matrix-key-container .main-layout .sidebar .pcb-preview .pcb-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.12;background-image:radial-gradient(#444 1px,transparent 1px);background-size:10px 10px}.matrix-key-container .main-layout .sidebar .pcb-preview .pcb-overlay p{position:relative;z-index:1;color:#fff;font-size:12px;margin:0;font-weight:600}.matrix-key-container .main-layout .workspace{flex:1;display:flex;flex-direction:column;background:#0d0d0d;position:relative;min-width:0}.matrix-key-container .main-layout .workspace .keyboard-stage{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.matrix-key-container .main-layout .workspace .keyboard-stage .glow-bg{position:absolute;width:800px;height:600px;background:#404040;opacity:.05;filter:blur(120px);border-radius:50%;pointer-events:none}.matrix-key-container .main-layout .workspace .keyboard-stage .keyboard-scroll-wrapper{width:100%;flex:1;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:40px}.matrix-key-container .main-layout .workspace .keyboard-stage .keyboard-frame-dynamic{background:#080808;padding:40px;border-radius:30px;border:1px solid rgba(255,255,255,.05);box-shadow:0 40px 80px -15px #000c;display:inline-block;position:relative}.matrix-key-container .main-layout .workspace .keyboard-stage .dynamic-layout-container{position:relative}.matrix-key-container .main-layout .workspace .keyboard-stage .key-unit{position:absolute;-webkit-user-select:none;user-select:none}.matrix-key-container .main-layout .workspace .keyboard-stage .key-unit .key-cap{width:100%;height:100%;border-radius:8px;display:flex;justify-content:center;align-items:center;color:#666;border:1px solid rgba(255,255,255,.05);transition:all .2s cubic-bezier(.4,0,.2,1);background-color:#141414}.matrix-key-container .main-layout .workspace .keyboard-stage .key-unit .key-cap .key-label{font-size:10px;text-align:center!important;display:block;width:100%;font-weight:700;pointer-events:none;transition:color .2s}.matrix-key-container .main-layout .workspace .keyboard-stage .key-unit.key-never .key-cap{background-color:#1a1a1a;box-shadow:inset 0 1px #ffffff05}.matrix-key-container .main-layout .workspace .keyboard-stage .key-unit.key-pressed .key-cap{background-color:#22c55e33;border-color:#22c55e80;box-shadow:inset 0 0 12px #22c55e1a}.matrix-key-container .main-layout .workspace .keyboard-stage .key-unit.key-pressed .key-cap .key-label{color:#22c55e;text-shadow:0 0 8px rgba(34,197,94,.4)}.matrix-key-container .main-layout .workspace .keyboard-stage .key-unit.key-active .key-cap{background-color:#fff;color:#000;border-color:#fff;box-shadow:0 0 20px #fff6;transform:translateY(2px) scale(.98);z-index:10}.matrix-key-container .main-layout .workspace .keyboard-stage .key-unit.key-active .key-cap .key-label{color:#000;font-weight:900}.matrix-key-container .main-layout .workspace .keyboard-stage .status-legend{display:flex;gap:24px;padding:10px 24px;background:rgba(0,0,0,.4);border-radius:20px;border:1px solid rgba(255,255,255,.08);z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.matrix-key-container .main-layout .workspace .keyboard-stage .status-legend.fixed-legend{position:absolute;bottom:24px;align-self:center}.matrix-key-container .main-layout .workspace .keyboard-stage .status-legend .legend-item{display:flex;align-items:center;gap:10px;font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.matrix-key-container .main-layout .workspace .keyboard-stage .status-legend .legend-item .dot{width:10px;height:10px;border-radius:50%;transition:all .3s ease}.matrix-key-container .main-layout .workspace .keyboard-stage .status-legend .legend-item .dot.active{background:#ffffff;box-shadow:0 0 10px #fff,0 0 20px #fff3}.matrix-key-container .main-layout .workspace .keyboard-stage .status-legend .legend-item .dot.pressed{background:#22c55e;box-shadow:0 0 10px #22c55e99;border:1px solid rgba(255,255,255,.1)}.matrix-key-container .main-layout .workspace .keyboard-stage .status-legend .legend-item .dot.never{background:#1a1a1a;border:1px solid #333;box-shadow:inset 0 1px 3px #00000080}.matrix-key-container .main-layout .workspace .keyboard-stage .status-legend .legend-item span{opacity:.8}.matrix-key-container .main-layout .workspace .bottom-panel{height:40vh;background:#050505;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;flex-shrink:0;transition:height .3s ease;box-shadow:0 -4px 20px #0003;z-index:50}.matrix-key-container .main-layout .workspace .bottom-panel .panel-header-bar{height:40px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;padding:0 16px;background:rgba(20,20,20,.5);flex-shrink:0}.matrix-key-container .main-layout .workspace .bottom-panel .panel-header-bar .panel-title-area{display:flex;align-items:center;gap:8px;color:#404040}.matrix-key-container .main-layout .workspace .bottom-panel .panel-header-bar .panel-title-area .icon-tab{width:16px;height:16px}.matrix-key-container .main-layout .workspace .bottom-panel .panel-header-bar .panel-title-area .panel-main-title{font-size:12px;font-weight:700;text-transform:uppercase;color:#fff;letter-spacing:1px}.matrix-key-container .main-layout .workspace .bottom-panel .panel-header-bar .panel-actions{display:flex;align-items:center;gap:8px}.matrix-key-container .main-layout .workspace .bottom-panel .panel-header-bar .panel-actions button{background:transparent;border:1px solid rgba(255,255,255,.08);color:#64748b;padding:2px 10px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;height:24px}.matrix-key-container .main-layout .workspace .bottom-panel .panel-header-bar .panel-actions button:hover{background:rgba(255,255,255,.1);color:#fff}.matrix-key-container .main-layout .workspace .bottom-panel .panel-header-bar .panel-actions button.reset-btn{color:#ef4444!important;border-color:#ef44444d!important}.matrix-key-container .main-layout .workspace .bottom-panel .panel-header-bar .panel-actions button.reset-btn:hover{background:rgba(239,68,68,.1)!important}.matrix-key-container .main-layout .workspace .bottom-panel .panel-header-bar .panel-actions .layer-tabs{display:flex;gap:5px}.matrix-key-container .main-layout .workspace .bottom-panel .panel-header-bar .panel-actions .layer-tabs .layer-btn{background:transparent;border:1px solid rgba(255,255,255,.08);color:#64748b;padding:2px 10px;border-radius:4px;cursor:pointer;font-size:10px;font-weight:700}.matrix-key-container .main-layout .workspace .bottom-panel .panel-header-bar .panel-actions .layer-tabs .layer-btn.active{background:#404040;color:#fff;border-color:#404040;background:#9ca3af;box-shadow:0 0 8px #9ca3af80}.matrix-key-container .main-layout .workspace .bottom-panel .split-container{flex:1;display:flex;overflow:hidden}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane{display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08)}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane.pane-heatmap{width:40%}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane.pane-chart{width:35%}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane.pane-console{flex:1;border-right:none}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .section-header{height:28px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;padding:0 12px;font-size:10px;font-weight:700;text-transform:uppercase;color:#64748b;gap:6px;flex-shrink:0}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .section-header .icon-small{width:12px;height:12px}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .section-header .header-info{margin-left:auto;color:#404040}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .section-header .header-info.text-accent{color:#404040}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content{flex:1;overflow-y:auto;position:relative}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content.heatmap-wrapper{padding:10px;display:flex;flex-direction:column;height:100%;overflow:hidden}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content.heatmap-wrapper .heatmap-grid{width:100%;flex:1;display:grid!important}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content.heatmap-wrapper .heatmap-grid .heatmap-row-group{display:contents!important}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content.heatmap-wrapper .heatmap-grid .heatmap-cell{width:100%;aspect-ratio:1/1;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;position:relative;min-width:0;min-height:0;cursor:default;-webkit-user-select:none;user-select:none}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content.heatmap-wrapper .heatmap-grid .heatmap-cell .cell-label{width:95%;font-size:8px;transform:scale(.85);color:#fff6;text-align:center;white-space:nowrap;overflow:hidden;pointer-events:none}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content.heatmap-wrapper .heatmap-grid .heatmap-cell .cell-count{font-size:9px;font-weight:800;color:#fff;line-height:1;pointer-events:none}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content.heatmap-wrapper .heatmap-grid .heatmap-cell-empty{width:100%;aspect-ratio:1/1;visibility:visible!important;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.02);border-radius:2px;min-width:0;min-height:0;cursor:default}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content.heatmap-wrapper .heatmap-stats-dashboard{margin-top:8px;padding:8px 0;border-top:1px dashed rgba(255,255,255,.08);display:flex;justify-content:center;align-items:center}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content.heatmap-wrapper .heatmap-stats-dashboard .stat-group{display:flex;gap:32px}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content.heatmap-wrapper .heatmap-stats-dashboard .stat-group .stat-box{margin-top:12px;display:flex;flex-direction:column;align-items:center;text-align:center}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content.heatmap-wrapper .heatmap-stats-dashboard .stat-group .stat-box .stat-label{font-size:9px;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;font-weight:600;opacity:.8}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content.heatmap-wrapper .heatmap-stats-dashboard .stat-group .stat-box .stat-value{font-size:18px;font-weight:800;color:#404040;line-height:1.1}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content.heatmap-wrapper .heatmap-legend-bar{display:flex;align-items:center;gap:8px;font-size:10px;color:#64748b;margin-top:12px;height:16px;flex-shrink:0}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content.heatmap-wrapper .heatmap-legend-bar .legend-val{min-width:30px;text-align:center}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content.heatmap-wrapper .heatmap-legend-bar .gradient-bar{flex:1;height:4px;border-radius:2px;background:linear-gradient(to right,hsla(240,85%,55%,.7),hsla(180,85%,55%,.7),hsla(120,85%,55%,.7),hsla(60,85%,55%,.7),hsla(0,85%,55%,.7))}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content.chart-container{position:relative;overflow:hidden;background:#080808;display:flex}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content.chart-container .waveform-svg{width:100%;height:100%}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content.chart-container .chart-overlay{position:absolute;top:10px;right:10px;text-align:right}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content.chart-container .chart-overlay .chart-value{display:block;font-size:24px;font-weight:700;color:#404040;line-height:1;text-shadow:0 0 10px rgba(59,130,246,.5)}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content.chart-container .chart-overlay .chart-unit{font-size:10px;color:#64748b}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content .log-table{width:100%;border-collapse:collapse;font-size:11px}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content .log-table th{text-align:left;padding:4px 12px;color:#64748b;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;background:#050505;z-index:5}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content .log-table td{padding:4px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content .log-table tr:hover{background:rgba(255,255,255,.02)}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content .log-table .badge{padding:1px 4px;border-radius:3px;font-size:9px;font-weight:700}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content .log-table .badge.badge-blue{background:rgba(59,130,246,.1);color:#404040;border:1px solid rgba(59,130,246,.2)}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content .log-table .badge.badge-dark{background:#222;color:#aaa;border:1px solid #333}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content .log-table .text-gray{color:#666}.matrix-key-container .main-layout .workspace .bottom-panel .split-container .split-pane .pane-content .log-table .text-white{color:#fff}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container{display:flex;width:100%;flex:1;min-height:0;height:100%;overflow:hidden}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-sidebar{width:120px;background:#050505;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;height:100%}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-sidebar .cat-item{padding:12px 16px;font-size:12px;color:#64748b;cursor:pointer;border-left:2px solid transparent;transition:all .2s}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-sidebar .cat-item:hover{background:rgba(255,255,255,.05);color:#fff}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-sidebar .cat-item.active{background:rgba(215,215,215,.1);color:#fff;border-left-color:#404040}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content{flex:1;padding:20px;background:#0d0d0d;height:100%;display:flex;justify-content:center;align-items:flex-start}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content.custom-scroll{overflow-y:auto;align-content:flex-start}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content.custom-scroll::-webkit-scrollbar{width:8px;height:8px}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content.custom-scroll::-webkit-scrollbar-track{background:transparent;border-radius:4px}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content.custom-scroll::-webkit-scrollbar-thumb{background-color:#2a2a2a;border-radius:4px;border:2px solid #0d0d0d}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content.custom-scroll::-webkit-scrollbar-thumb:hover{background-color:#404040}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content.custom-scroll{scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keycode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;width:100%;max-width:1200px;margin:0 auto}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keycode-grid .keycode-btn{background:#141414;border:1px solid rgba(255,255,255,.08);padding:8px 4px;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.1s;height:50px}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keycode-grid .keycode-btn:hover{border-color:#9ca3af;background:rgba(255,255,255,.08);transform:translateY(-1px)}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keycode-grid .keycode-btn.is-overridden{border-color:#ffb30080;background:rgba(255,179,0,.15)}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keycode-grid .keycode-btn.is-overridden .kc-label{color:#ffb300!important;font-weight:800}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keycode-grid .keycode-btn .kc-label{font-size:12px;font-weight:700;color:#ddd;white-space:pre-line;text-align:center;line-height:1.2}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator{display:flex;flex-direction:column;gap:4px;padding:10px;background:rgba(255,255,255,.02);border-radius:12px;border:1px solid rgba(255,255,255,.05);flex-shrink:0}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator .layout-wrapper{display:flex;gap:20px;align-items:flex-start}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator .layout-wrapper .main-block,.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator .layout-wrapper .numpad-block{display:flex;flex-direction:column;gap:4px}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator .layout-wrapper .kb-row{display:flex;align-items:center;gap:4px}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator .layout-wrapper .spacer-025{width:2.5px;height:1px;visibility:hidden;flex-shrink:0}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator .layout-wrapper .spacer-050{width:13px;height:1px;visibility:hidden;flex-shrink:0}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator .layout-wrapper .spacer-100{width:34px;height:1px;visibility:hidden;flex-shrink:0}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator .layout-wrapper .spacer-125{width:44.5px;height:1px;visibility:hidden;flex-shrink:0}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator .layout-wrapper .k-btn{width:38px;height:38px}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator .layout-wrapper .k-btn.w-100{width:38px}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator .layout-wrapper .k-btn.w-125{width:48.5px}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator .layout-wrapper .k-btn.w-150{width:59px}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator .layout-wrapper .k-btn.w-175{width:69.5px}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator .layout-wrapper .k-btn.w-200{width:80px}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator .layout-wrapper .k-btn.w-225{width:90.5px}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator .layout-wrapper .k-btn.w-250{width:101px}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator .layout-wrapper .k-btn.w-275{width:111.5px}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator .layout-wrapper .k-btn.w-625{width:258.5px}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator .layout-wrapper .k-btn{background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#ddd;cursor:pointer;transition:all .1s;-webkit-user-select:none;user-select:none;text-align:center;line-height:1.1;white-space:pre-line;flex-shrink:0}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator .layout-wrapper .k-btn:hover{border-color:#404040;background:rgba(59,130,246,.1);transform:translateY(-1px)}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator .layout-wrapper .k-btn:active{transform:translateY(1px)}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator .layout-wrapper .k-btn.is-overridden{color:#ffb300;font-weight:700;border-color:#ffb30080;background:rgba(255,179,0,.15)}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator .layout-wrapper .numpad-block .numpad-gap{height:38px;margin-bottom:4px}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator .layout-wrapper .numpad-block .numpad-grid{display:grid;grid-template-columns:repeat(4,38px);grid-template-rows:repeat(5,38px);gap:4px}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator .layout-wrapper .numpad-block .numpad-grid .h-200{grid-row:span 2;height:100%!important}.matrix-key-container .main-layout .workspace .bottom-panel .split-container.config-mode-container .config-content .keyboard-layout-simulator .layout-wrapper .numpad-block .numpad-grid .w-200-grid{grid-column:span 2;width:100%!important}.matrix-key-container .custom-scroll::-webkit-scrollbar{width:4px;height:4px}.matrix-key-container .custom-scroll::-webkit-scrollbar-track{background:#050505}.matrix-key-container .custom-scroll::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.matrix-key-container .custom-scroll::-webkit-scrollbar-thumb:hover{background:#404040}.matrix-key-container .hidden-scroll{overflow-y:auto!important;scrollbar-width:none;-ms-overflow-style:none}.matrix-key-container .hidden-scroll::-webkit-scrollbar{display:none}.layout-options-list{display:flex;flex-direction:column;gap:10px;padding:4px 0}.mini-layout-card{padding:8px 12px!important;min-height:40px!important;border-radius:6px!important}.mini-layout-card .radio-info .radio-name{font-size:13px!important;font-weight:500}.layout-select{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:8px 12px;display:flex;flex-direction:column;gap:6px;transition:all .2s}.layout-select:hover{background:rgba(255,255,255,.05);border-color:#ffffff26}.layout-select .select-label{font-size:11px;color:#64748b;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.layout-select .select-wrapper{position:relative;width:100%}.layout-select .select-wrapper select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#141414;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;padding:6px 30px 6px 10px;border-radius:4px;font-size:13px;cursor:pointer;outline:none;transition:border-color .2s}.layout-select .select-wrapper select:hover{border-color:#404040}.layout-select .select-wrapper select:focus{border-color:#adadad}.layout-select .select-wrapper select option{background:#141414}.layout-select .select-wrapper .select-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#64748b;pointer-events:none}.run-test-btn:disabled,.run-test-btn.is-disabled{opacity:.35!important;cursor:not-allowed!important;pointer-events:none!important;filter:grayscale(100%);background:rgba(255,255,255,.05);border-color:#ffffff1a;color:#666}.matrix-config-container{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-family:Space Grotesk,Noto Sans SC,sans-serif;display:flex;width:100%;height:100vh;background:#000000;color:#e5e7eb;overflow:hidden}.sidebar{width:260px;background:#0a0a0a;border-right:1px solid #262626;display:flex;flex-direction:column;justify-content:space-between;z-index:100;box-shadow:4px 0 20px #00000080}.sidebar .top-section{display:flex;flex-direction:column;gap:10px}.sidebar .brand-area{display:flex;align-items:center;padding:24px;gap:16px;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar .brand-area .logo-box{width:36px;height:36px;background:linear-gradient(135deg,#333,#111);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #ffffff1a,0 4px 8px #00000080}.sidebar .brand-area .logo-box svg{width:20px;height:20px;color:#fff}.sidebar .brand-area .brand-text h1{font-size:16px;font-weight:700;margin:0;background:linear-gradient(to right,#fff,#aaa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px}.sidebar .nav-menu{padding:16px 12px;display:flex;flex-direction:column;gap:4px}.sidebar .nav-menu .nav-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:#9ca3af;position:relative;overflow:hidden}.sidebar .nav-menu .nav-item svg{width:20px;height:20px;opacity:.7;transition:all .2s;z-index:1}.sidebar .nav-menu .nav-item p{margin:0;font-size:13px;font-weight:600;z-index:1}.sidebar .nav-menu .nav-item:hover{background:rgba(255,255,255,.03);color:#e5e7eb}.sidebar .nav-menu .nav-item:hover svg{opacity:1;transform:scale(1.1)}.sidebar .nav-menu .nav-item.active{background:rgba(255,255,255,.08);color:#fff}.sidebar .nav-menu .nav-item.active svg{opacity:1;color:#fff}.sidebar .nav-menu .nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background:#ffffff;border-radius:0 4px 4px 0;box-shadow:0 0 10px #ffffff80}.sidebar .device-status{padding:24px;border-top:1px solid rgba(255,255,255,.05)}.sidebar .device-status .save-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#fff;border:1px solid #333;padding:12px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0000004d}.sidebar .device-status .save-btn svg{width:18px;height:18px}.sidebar .device-status .save-btn:hover{background:linear-gradient(135deg,#333,#222);border-color:#555;transform:translateY(-1px);box-shadow:0 6px 16px #0006}.sidebar .device-status .save-btn:active{transform:translateY(1px);box-shadow:0 2px 8px #0000004d}.main-content{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;background:#050505}.tab-content{display:flex;flex-direction:column;height:100%;width:100%;background-color:#050505;color:#e5e7eb}.view-header{height:64px;border-bottom:1px solid #262626;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background-color:#000000f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0}.view-header h2{font-size:18px;font-weight:700;color:#fff;margin:0}.view-header h2 .subtitle{color:#9ca3af;font-weight:400}.view-header .header-left{display:flex;align-items:center;gap:24px}.view-header .header-actions{display:flex;align-items:center;gap:12px}.view-header .header-actions .action-group{display:flex;gap:8px;margin-right:20px}.custom-scroll::-webkit-scrollbar{width:6px;height:6px}.custom-scroll::-webkit-scrollbar-track{background:#0a0a0a}.custom-scroll::-webkit-scrollbar-thumb{background:#262626;border-radius:3px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:#404040}.icon-btn-square{width:36px;height:36px;border-radius:8px;background-color:#171717;border:1px solid #262626;cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-btn-square:hover:not(:disabled){background-color:#ffffff0d}.icon-btn-square:disabled{opacity:.5;cursor:not-allowed}.icon-btn-square svg{width:20px;height:20px;color:#9ca3af}.toggle-btn{display:flex;gap:8px;padding:6px 12px;border-radius:8px;border:1px solid #262626;background-color:#171717;color:#fff;font-size:12px;font-weight:700;cursor:pointer;align-items:center}.toggle-btn:hover:not(:disabled){background-color:#ffffff0d}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.toggle-btn.recording{color:#ef4444;border-color:#ef4444}.toggle-btn.recording .rec-dot{background-color:#ef4444}.toggle-btn .rec-dot{width:8px;height:8px;border-radius:50%;background-color:#fff;animation:pulse 1.5s infinite}.icon-btn-tool{background:transparent;border:none;cursor:pointer;color:#9ca3af;display:flex;align-items:center;justify-content:center;padding:4px}.icon-btn-tool:hover:not(:disabled){color:#fff}.icon-btn-tool:disabled{opacity:.5;cursor:not-allowed}.icon-btn-tool.danger:hover:not(:disabled){color:#ef4444}.zoom-control{display:flex;align-items:center;gap:8px}.zoom-control span{font-size:10px;color:#4b5563;font-weight:700;text-transform:uppercase}.zoom-control .slider-mini{width:96px;height:4px;background:#1f2937;border-radius:99px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;accent-color:#9ca3af!important}.button-group-divider{width:1px;height:16px;background-color:#262626;margin:0 8px}.action-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#262626;border:1px solid #333;border-radius:6px;color:#e5e7eb;cursor:pointer;transition:all .2s;font-size:13px;font-weight:500}.action-btn svg{width:18px;height:18px}.action-btn:hover{background:#333}.action-btn.primary{background:#3b82f6;border-color:#2563eb;color:#fff}.action-btn.primary:hover{background:#2563eb}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:modalFadeIn .2s ease}.modal-card{background:#1a1a1a;padding:24px;border-radius:12px;border:1px solid #333;width:380px;box-shadow:0 10px 40px #0009;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}.modal-card .modal-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.modal-card .modal-header .warn-icon{color:#fbbf24;display:flex;align-items:center;justify-content:center}.modal-card .modal-header h3{margin:0;color:#fff;font-size:18px;font-weight:600}.modal-card .modal-body p{color:#a3a3a3;font-size:14px;text-align:left;line-height:1.6;margin:0;white-space:pre-wrap}.modal-card .modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modal-card .modal-footer .btn-cancel{background:#333;color:#ccc;padding:8px 20px;border-radius:6px;border:1px solid #444;font-weight:700;cursor:pointer;transition:all .2s}.modal-card .modal-footer .btn-cancel:hover{background:#444;color:#fff}.modal-card .modal-footer .btn-confirm{background:#3b82f6;color:#fff;padding:8px 20px;border-radius:6px;border:none;font-weight:700;cursor:pointer;transition:all .2s}.modal-card .modal-footer .btn-confirm:hover{background:#2563eb;box-shadow:0 0 12px #3b82f666}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-view{display:flex;flex-direction:column;height:100%;background:#050505}.settings-layout{flex:1;padding:32px;overflow-y:auto}.settings-grid{max-width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.col-span-12{grid-column:span 12}.col-span-6{grid-column:span 6}.grid-3-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:32px}.settings-card{background:#0a0a0a;border:1px solid #262626;border-radius:12px;padding:24px;display:flex;flex-direction:column}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.header-icon{color:#fff;width:24px;height:24px}.card-header h3{font-size:14px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0}.card-body{display:flex;flex-direction:column;gap:0}.state-box{grid-column:span 12;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;font-size:16px;color:#666;height:100%;min-height:300px;width:100%}.loading-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.text-warn{font-size:14px;color:#eab308;margin-bottom:8px}.text-sub{font-size:12px;color:#555}.text-danger{color:#ef4444;font-weight:700}.control-group{display:flex;flex-direction:column;gap:10px}.switch-row{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.combo-row,.button-row{display:flex;gap:10px}.text-info .main-text{font-size:12px;font-weight:700;color:#e5e5e5;margin:0}.text-info .sub-text{font-size:10px;color:#666;margin:4px 0 0}.combo-label{font-size:12px;color:#888;margin-bottom:6px;display:block;font-weight:600}.control-label-row{display:flex;justify-content:space-between;margin-bottom:12px}.control-label-row label{font-size:12px;font-weight:700;color:#999}.value-display,.value-tag{font-size:12px;font-family:monospace;color:#fff;background:rgba(59,130,246,.1);padding:2px 6px;border-radius:4px;color:#bbb}.disabled-state{opacity:.5;pointer-events:none;filter:grayscale(100%);-webkit-user-select:none;user-select:none;transition:all .3s ease}.not-support-tip{color:#888;font-size:11px;font-style:italic;margin-top:6px}.settings-footer{display:flex;align-self:flex-end;justify-content:space-between;padding-top:16px;border-top:1px solid rgba(38,38,38,.3);font-size:10px;color:#666;text-transform:uppercase;letter-spacing:2px}.control-item{margin-bottom:20px}.control-item:last-child{margin-bottom:0}.control-item.hidden{display:none}.control-row-switch{display:flex;justify-content:space-between;align-items:center;min-height:32px}.control-row-switch .label-box{flex:1;padding-right:16px}.control-row-switch .main-label{font-size:12px;font-weight:500;color:#e5e5e5;line-height:1.4}.control-row-switch .sub-text{font-size:10px;color:#666;margin:4px 0 0}.control-block{display:flex;flex-direction:column;gap:8px}.control-header{display:flex;justify-content:space-between;align-items:center}.control-header .main-label{font-size:12px;color:#999}.btn-outline-large{flex:1;padding:12px;background:transparent;border:1px solid #333;color:#ccc;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;text-transform:uppercase;transition:all .2s}.btn-outline-large:hover:not(:disabled){border-color:#666;color:#fff;background:rgba(255,255,255,.05)}.btn-small{background:#2a2a2a;border:1px solid #333;color:#ccc;padding:0 12px;border-radius:4px;cursor:pointer;white-space:nowrap;font-size:11px}.btn-small:hover:not(:disabled){background:#333;color:#fff}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#262626;transition:.3s;border:1px solid #333}.toggle-switch .slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#666;transition:.3s}.toggle-switch input:checked+.slider{background-color:#fff;border-color:#fff}.toggle-switch input:checked+.slider:before{transform:translate(20px);background-color:#000}.toggle-switch .slider.round{border-radius:24px}.toggle-switch .slider.round:before{border-radius:50%}.settings-select{background:#171717;color:#fff;border:1px solid #333;padding:8px 12px;border-radius:4px;width:100%;font-size:12px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 10px center;background-size:8px auto}.settings-select:focus{border-color:#fff}.slider-container{padding:4px 0}.slider-full{width:100%;height:4px;background:#171717;border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer}.slider-full::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;transition:transform .1s}.slider-full:active::-webkit-slider-thumb{transform:scale(1.3)}.slider-marks{display:flex;justify-content:space-between;margin-top:8px;font-size:10px;color:#666;font-family:monospace}.stepper-container{display:flex;align-items:center;gap:8px;background:#171717;padding:4px;border-radius:6px;border:1px solid #333;width:fit-content}.btn-step{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#2a2a2a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700}.btn-step:hover{background:#333}.btn-step:active{background:#444}.step-input{width:40px;text-align:center;font-family:monospace;font-size:12px;color:#fff;background:transparent;border:none;outline:none}.step-input::-webkit-outer-spin-button,.step-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.key-select-btn{width:100%;background:#1a1a1a;border:1px solid #333;color:#fff;border-radius:6px;cursor:pointer;font-family:Space Mono,monospace;text-align:center;transition:all .2s;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:40px;min-height:40px;font-size:13px;padding:0 10px}.key-select-btn:hover{border-color:#fff;background:#222;box-shadow:0 0 0 2px #ffffff1a}.key-select-btn.highlight{font-weight:700;border-color:#555;background:#222}.key-select-btn.highlight:hover{border-color:#fff;box-shadow:0 0 0 2px #fff3}.key-select-btn.is-empty{background:rgba(255,255,255,.02);border:1px dashed #444;color:transparent}.key-select-btn.is-empty:after{content:"+";color:#555;font-size:18px;font-weight:300;transition:color .2s}.key-select-btn.is-empty:hover{border-color:#888;background:rgba(255,255,255,.05)}.key-select-btn.is-empty:hover:after{color:#fff}.icon-btn-square.needs-save{border-color:#fffc!important;color:#fff!important;box-shadow:0 0 8px #fff3;animation:pulse-save-glow 2s infinite ease-in-out}.icon-btn-square.needs-save:hover{animation-duration:.5s;box-shadow:0 0 12px #ffffff80}@keyframes pulse-save-glow{0%{box-shadow:0 0 4px #ffffff1a;border-color:#ffffff4d}50%{box-shadow:0 0 15px #fff6;border-color:#ffffffe6;transform:scale(1.05)}to{box-shadow:0 0 4px #ffffff1a;border-color:#ffffff4d}}.action-save-btn{width:32px;height:32px;background:transparent;border:1px solid transparent;color:#888;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.action-save-btn:hover:not(:disabled){background:rgba(255,255,255,.05);color:#fff}.action-save-btn.needs-save{color:#fff;border-color:#fff;background:rgba(255,255,255,.1);animation:pulse-white 2s infinite}@keyframes pulse-white{0%{box-shadow:0 0 #fff6}70%{box-shadow:0 0 0 6px #fff0}to{box-shadow:0 0 #fff0}}.global-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:20000}.loading-content{text-align:center;width:320px}.scanner-container{position:relative;width:80px;height:80px;margin:0 auto 25px;display:flex;align-items:center;justify-content:center}.scanner-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid rgba(255,255,255,.1);border-top:3px solid #10b981;border-radius:50%;animation:spin-scan 1s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 0 15px #10b9814d}@keyframes spin-scan{to{transform:rotate(360deg)}}.mega-progress-num{font-family:Space Mono,monospace;font-size:18px;font-weight:700;color:#10b981;text-shadow:0 0 10px rgba(16,185,129,.3);z-index:10}.overlay-text-box h3,.loading-text h3{margin:0 0 8px;color:#fff;font-size:18px;letter-spacing:1px}.overlay-text-box p,.loading-text p{margin:0;color:#888;font-size:13px}.mega-progress-container{width:100%;height:6px;background:#111;border:1px solid #333;border-radius:4px;overflow:hidden;margin-top:20px}.mega-progress-bar{height:100%;background:#10b981;border-radius:5px;transition:width .2s ease-out;box-shadow:0 0 10px #10b98166}.flex-between{display:flex;justify-content:space-between;align-items:center;width:100%}.flex-row-center{display:flex;align-items:center;justify-content:space-between;gap:16px}.keyboard-color__swatches{display:flex;gap:5rem;flex-wrap:wrap;align-items:center}.keyboard-color__swatches.not-first-selected{margin-left:-6rem}.keyboard-color__swatch-container{position:relative;transition:all .2s ease;padding:5rem;border-radius:8rem;border:1rem solid transparent}.keyboard-color__swatch-container--selected{padding:5rem;border-radius:8rem;border:1rem solid #E5E6E7}.keyboard-color__swatch{width:32rem;height:32rem;background:#CCC7C0;border-radius:5rem;cursor:pointer;position:relative;transition:all .2s ease}.keyboard-color__swatch:hover{transform:scale(1.1)}.keyboard-color__swatch--hovered{border-color:#fff;border-width:2rem;border-style:solid}.keyboard-color__tooltip{position:absolute;top:calc(100% + 10rem);left:50%;transform:translate(-50%);white-space:nowrap;pointer-events:none;z-index:10;width:76rem;height:37rem;line-height:37rem;text-align:center;border-radius:6rem;background:rgba(51,51,51,.7);backdrop-filter:blur(4rem);-webkit-backdrop-filter:blur(4rem);font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14rem;color:#fff}.keyboard-color__tooltip:before{content:"";position:absolute;top:-4rem;left:50%;transform:translate(-50%);border-left:4rem solid transparent;border-right:4rem solid transparent;border-bottom:4rem solid rgba(51,51,51,.7)}.light-set{width:100%;position:relative;display:flex;flex-direction:column}.light-set__header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:8rem;position:relative;width:100%;height:28rem}.light-set__title{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:20rem;color:#fff6;line-height:28rem;margin-bottom:0!important;padding-left:0;white-space:nowrap}.light-set__badge{width:24rem;height:24rem;border-radius:50%;background:#FF6B9D;color:#fff;font-size:14rem;font-weight:400;display:flex;align-items:center;justify-content:center;line-height:1}.light-set__scroll-container{margin-top:16rem;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-user-select:none;user-select:none;cursor:grab;padding-bottom:5rem;scrollbar-width:none;-ms-overflow-style:none}.light-set__scroll-container::-webkit-scrollbar{display:none}.light-set__scroll-container:active{cursor:grabbing}.light-set__cards{display:flex;position:relative}.light-set__card{flex-shrink:0;cursor:pointer;transition:all .2s ease;width:186rem;height:94rem;position:relative;overflow:hidden;border-radius:8rem;margin-right:20rem;border:1px solid transparent}.light-set__card--selected{border:1px solid #E5E6E7}.light-set__card-preview{width:100%;height:100%;border-radius:8rem;background:rgba(255,255,255,.05);overflow:hidden;margin-bottom:8rem;display:flex;align-items:center;justify-content:center;position:relative}.light-set__card-preview img{width:100%;height:100%;object-fit:cover;transition:all .2s ease}.light-set__card-preview img:hover{transform:scale(1.05)}.light-set__card-title{position:absolute;bottom:0;left:0;right:0;height:24rem;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14rem;color:#fff;line-height:24rem;text-align:center;background:rgba(0,0,0,.6);z-index:9}.light-set__scrollbar{width:160rem;height:4rem;border-radius:2rem;position:absolute;left:50%;transform:translate(-50%);cursor:pointer;z-index:10;opacity:0;background:rgba(255,255,255,.1);transition:opacity .5s ease,background .3s ease,height .3s ease}.light-set__scrollbar--visible{opacity:1}.light-set__scrollbar--hidden{display:none}.light-set__scrollbar:hover{height:6rem;background:rgba(255,255,255,.08)}.light-set__scrollbar-thumb{position:absolute;top:0;height:100%;background:rgba(255,255,255,.15);border-radius:2rem;cursor:grab;transition:background .2s ease}.light-set__scrollbar-thumb:hover{background:rgba(255,255,255,.6)}.light-set__scrollbar-thumb:active{background:#222222;cursor:grabbing}.light-select{width:100%;padding:0 22rem 0 10rem!important}.light-select__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10rem}.light-select__header-right{display:flex;align-items:center;gap:15rem}.light-select__layout-selector{padding:4rem 8rem;background:#252525;border:1px solid #4D4D4D;border-radius:4rem;color:#ffffffe0;font-family:PingFangSC,PingFang SC;font-size:14rem;cursor:pointer;outline:none;transition:all .2s ease}.light-select__layout-selector:hover{border-color:#1677ff}.light-select__layout-selector:focus{border-color:#1677ff}.light-select__layout-selector option{background:#252525;color:#ffffffe0}.light-select__title{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:20rem;color:#fff6;line-height:28rem;text-align:left;font-style:normal;padding:0 0 0 20rem!important}.light-select__select-all{display:flex;align-items:center;gap:8rem;cursor:pointer;font-size:14rem;color:#ffffffde;-webkit-user-select:none;user-select:none}.light-select__select-all .light-select__select-all-icon{width:16rem;height:16rem;flex-shrink:0;cursor:pointer;transition:opacity .2s ease}.light-select__select-all .light-select__select-all-icon:hover{opacity:.8}.light-select__select-all .light-select_select-all-text{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14rem;color:#ffffffe0;line-height:22rem;text-align:left;font-style:normal;-webkit-user-select:none;user-select:none}.light-select__container{background:#252525;border-radius:8rem;border:1px solid #4D4D4D;padding:20rem 36rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.light-select__hover-info{position:absolute;bottom:10rem;left:50%;transform:translate(-50%);font-family:PingFangSC,PingFang SC;font-size:12rem;color:#fff9;padding:4rem 8rem;background:rgba(0,0,0,.5);border-radius:4rem;pointer-events:none}.light-select__keys{display:flex;gap:12rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.light-select__keys::-webkit-scrollbar{display:none}.light-select__footer{position:relative;display:flex;justify-content:flex-end;align-items:center;padding-top:15rem;margin-bottom:25rem}.light-select__actions{display:flex;align-items:center;gap:0}.light-select__action{height:20rem;display:flex;align-items:center}.light-select__action span{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14rem;color:#ffffffe0;line-height:1;text-align:left;font-style:normal}.light-select__action img{width:14rem;height:14rem;margin-right:3rem}.light-select__divider{width:1px;height:10rem;background:rgba(255,255,255,.1);margin-left:15rem;margin-right:15rem}.light-effect__header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:23rem;padding-right:20rem}.light-effect__lang-switch{display:flex;gap:15rem}.light-effect__lang-switch .lang-item{display:flex;align-items:center;gap:6rem;cursor:pointer;opacity:.5;transition:all .3s ease;filter:grayscale(100%)}.light-effect__lang-switch .lang-item .flag-icon{font-size:22rem}.light-effect__lang-switch .lang-item .lang-text{font-size:12rem;color:#fff;font-weight:500}.light-effect__lang-switch .lang-item:hover{opacity:.8;filter:grayscale(50%)}.light-effect__lang-switch .lang-item--active{opacity:1!important;filter:grayscale(0%)!important;transform:scale(1.05)}.light-effect__lang-switch .lang-item--active .lang-text{color:#f09aa1}.light-effect__expand{display:flex;align-items:center;gap:4rem;margin-top:15rem;cursor:pointer;color:#fff9}.light-effect__expand .expand-icon{font-size:16rem}.led-grid{position:relative;box-sizing:content-box;margin:0 auto;padding:0;border:none;flex-shrink:0}.led-grid__cell{box-sizing:border-box;position:relative;display:flex;justify-content:center;align-items:center;width:32rem;height:32rem;border:1rem solid transparent;border-radius:4rem;box-shadow:inset 0 0 4rem #0003;cursor:pointer;transition:all .2s ease;z-index:1}.led-grid__cell--custom{position:absolute;margin:0}.led-grid__cell--empty{visibility:hidden;pointer-events:none}.led-grid__cell--led:hover{transform:scale(1.1);z-index:10;border-color:#ffffff4d}.led-grid__cell--selected{border-color:#1677ff;box-shadow:0 0 8rem #1677ff4d}.led-grid__cell--config-selected{border-color:#52c41a;border-width:2rem}.led-grid__cell-inner{width:calc(100% - 8rem);height:calc(100% - 8rem);background:#36404D;box-shadow:inset 0 0 4rem #0003;border-radius:4rem;display:flex;justify-content:center;align-items:center;pointer-events:none}.led-grid__cell-light{width:calc(100% - 12rem);height:calc(100% - 12rem);background:var(--led-color);border-radius:2rem;transition:background .2s ease,box-shadow .2s ease}.led-grid__cell-number{position:absolute;top:-16rem;left:50%;transform:translate(-50%);font-family:PingFangSC,PingFang SC;font-size:10rem;color:#fffc;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:20;text-shadow:0 1px 2px rgba(0,0,0,.8)}.led-grid__cell:hover .led-grid__cell-number{opacity:1}.led-grid__selection-box[data-v-9e60a327]{position:absolute;background-color:#1677ff33;border:1px solid #1677FF;z-index:9999;pointer-events:none}.home__common__title{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:20rem;color:#fff6;line-height:28rem;text-align:left;font-style:normal;margin-bottom:15rem}.home__common__right__paddingLeft{padding-left:30rem}.home__common__right__paddingRight{padding-right:30rem}.light-effect{width:100%;padding-bottom:25rem}.light-effect__title{margin-bottom:23rem}.light-effect__grid{display:flex;flex-wrap:wrap}.light-effect__option{display:flex;align-items:center;cursor:pointer;position:relative;transition:all .2s ease;margin-right:20rem;margin-bottom:10rem}.light-effect__option:hover .light-effect__radio{border-color:#ffffff80}.light-effect__radio{width:16rem;height:16rem;flex-shrink:0;transition:opacity .2s ease;cursor:pointer}.light-effect__radio:hover{opacity:.8}.light-effect__label{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14rem;color:#ffffffe0;line-height:22rem;text-align:left;font-style:normal;margin-left:3rem}.light-effect__badge{position:absolute;top:-8rem;right:-8rem;width:24rem;height:24rem;border-radius:50%;background:#FF6B9D;color:#fff;font-size:14rem;font-weight:400;display:flex;align-items:center;justify-content:center;line-height:1;z-index:10}.light-effect__expand{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14rem;color:#565d73;line-height:24rem;text-align:left;font-style:normal;padding-top:5rem;display:flex;align-items:center;cursor:pointer;justify-content:center}.light-effect__expand span{margin-right:10rem}.light-effect__expand:hover{color:#ffffffde}.light-effect__expand svg{color:currentColor}.light-effect__option--pro{position:relative;border-radius:4rem;padding:2rem 8rem 2rem 2rem}.light-effect__option--pro .light-effect__label{color:gold!important;font-weight:600}.light-effect__option--pro .light-effect__radio{filter:sepia(100%) saturate(520%) hue-rotate(0deg) brightness(1.1) contrast(1.1)}.light-effect__option--pro:after{content:"PRO";position:absolute;top:-6rem;right:-6rem;background:linear-gradient(135deg,#FFD700 0%,#FF8C00 100%);color:#000;font-size:10rem;font-weight:800;font-family:Arial,sans-serif;padding:1rem 4rem;border-radius:4rem;border-bottom-left-radius:0;box-shadow:2rem 2rem 5rem #00000080;z-index:2;pointer-events:none;transform:scale(.9)}.speed-set{width:100%}.speed-set__title{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:20rem;color:#fff6;line-height:28rem;text-align:left;font-style:normal;margin-bottom:20rem}.speed-set__content{display:flex}.speed-set__label{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:16rem;color:#ffffffe0;line-height:24rem;text-align:left;font-style:normal;margin-right:20rem}.speed-set__slider-container{flex:1;position:relative}.speed-set__slider{position:relative;width:100%;height:40rem;cursor:pointer;padding:8rem 0}.speed-set__track{position:relative;width:100%;font-family:PingFangSC,PingFang SC;height:8rem;background:#383C48;box-shadow:inset 0 0 2rem #000;border-radius:4rem;border:1rem solid #24262E}.speed-set__track-filled{position:absolute;left:0;top:50%;transform:translateY(-50%);height:16rem;background-size:100% 100%;background-repeat:repeat-x;background-position:center}.speed-set__marker{position:absolute;left:50%;top:-8rem;width:1rem;height:20rem;background:#FF0000;transform:translate(-50%);z-index:2}.speed-set__ticks{position:absolute;left:0;right:0;top:calc(100% + 12rem);display:flex;justify-content:space-between;height:4rem}.speed-set__tick{width:2rem;height:8rem;background:#383C48}.speed-set__tick--long{height:8rem}.speed-set__tick--short{height:5rem}.speed-set__handle{position:absolute;top:0;width:14rem;height:21rem;left:50%;transform:translate(-50%);background-size:100% 100%;background-repeat:no-repeat;background-position:center}.color-picker{display:flex;flex-direction:column}.color-picker__container{position:relative;width:400rem;max-width:90vw;margin:0 auto}.color-picker-wrapper .vc-sketch{padding:0 14rem 0 0!important;box-sizing:border-box!important;border-radius:8rem!important;background:transparent!important;box-shadow:none!important;width:100%!important}.color-picker-wrapper .vc-sketch-saturation-wrap{width:100%;padding-bottom:110rem!important;height:180rem!important;border-radius:10rem!important;overflow:hidden;margin-bottom:10rem;grid-template-columns:1fr 90rem;grid-template-rows:auto auto;gap:8rem}.color-picker-wrapper .vc-sketch-saturation-wrap .vc-saturation-circle{width:12rem!important;height:12rem!important;margin-top:-6rem!important;margin-left:-6rem!important;border-radius:50%;border:2rem solid #fff!important;box-shadow:0 0 4rem #0000004d!important}.color-picker-wrapper .vc-sketch-controls{display:flex;padding:0!important}.color-picker-wrapper .vc-sketch-controls .vc-sketch-sliders{flex:1;padding:0!important}.color-picker-wrapper .vc-sketch-controls .vc-sketch-sliders .vc-hue{height:8rem!important;border-radius:4rem!important;margin-bottom:10rem}.color-picker-wrapper .vc-sketch-controls .vc-sketch-sliders .vc-hue .vc-hue-container{border-radius:4rem!important}.color-picker-wrapper .vc-sketch-controls .vc-sketch-sliders .vc-hue .vc-hue-pointer{width:12rem!important;height:12rem!important;top:50%!important;transform:translate(-6rem,-50%)!important;margin-top:0!important;border-radius:50%!important;box-shadow:0 0 2rem #0009!important;background:#fff!important}.color-picker-wrapper .vc-sketch-controls .vc-sketch-sliders .vc-alpha{height:8rem!important;border-radius:4rem!important}.color-picker-wrapper .vc-sketch-controls .vc-sketch-sliders .vc-alpha .vc-alpha-container{border-radius:4rem!important}.color-picker-wrapper .vc-sketch-controls .vc-sketch-sliders .vc-alpha .vc-alpha-pointer{width:12rem!important;height:12rem!important;top:50%!important;transform:translate(-6rem,-50%)!important;margin-top:0!important;border-radius:50%!important;box-shadow:0 0 2rem #0009!important;background:#fff!important}.color-picker-wrapper .vc-sketch-controls .vc-sketch-color-wrap{width:24rem!important;height:24rem!important;border-radius:4rem!important;margin-left:10rem!important;padding:0!important;border:1px solid rgba(255,255,255,.1);overflow:hidden}.color-picker-wrapper .vc-sketch-controls .vc-sketch-color-wrap .vc-checkerboard{border-radius:4rem!important}.color-picker-wrapper .vc-sketch-controls .vc-sketch-color-wrap>div:not(.vc-checkerboard){border-radius:4rem!important;box-shadow:none!important}.color-picker-wrapper .vc-sketch-field{display:flex!important;padding-top:10rem!important;border-top:none!important;gap:8rem}.color-picker-wrapper .vc-sketch-field .vc-input__input{padding:0!important}.color-picker-wrapper .vc-sketch-field>div:nth-child(1){flex:1.5!important}.color-picker-wrapper .vc-sketch-field>div:nth-child(n+2){flex:1!important}.color-picker-wrapper .vc-sketch-field input{width:100%!important;height:20rem!important;background:#303440!important;border-radius:4rem!important;border:1px solid #252833!important;box-shadow:none!important;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:12rem!important;color:#fff!important;text-align:center!important;padding:0!important}.color-picker-wrapper .vc-sketch-field span{display:block;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14rem!important;color:#fff!important;line-height:20rem!important;margin-top:4rem!important;text-align:center;padding:0!important}.color-picker-wrapper .vc-sketch-presets{display:none!important}.color-picker-wrapper{touch-action:none}.color-picker-wrapper.is-mixed-state .vc-sketch-color-wrap{position:relative;overflow:hidden!important;border:1px solid rgba(255,255,255,.4)!important}.color-picker-wrapper.is-mixed-state .vc-sketch-color-wrap:after{content:"混合";position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:10px!important;letter-spacing:-2.5px;transform:scale(.75);font-weight:900;color:#000;text-shadow:0 0 2px #fff;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.2),rgba(255,255,255,.2) 2px,transparent 2px,transparent 4px);pointer-events:none;z-index:10}.vc-sketch-active-color{transition:background-color .1s ease-out}.slider-thumb{transition:left .1s cubic-bezier(.25,.1,.25,1)}.other-set{width:100%}.other-set__title{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:20rem;color:#fff6;line-height:28rem;text-align:left;font-style:normal;padding-bottom:23rem;margin-top:0}.other-set__options{display:flex;flex-wrap:wrap}.other-set__option{display:flex;align-items:center;cursor:pointer;transition:opacity .2s ease;margin-right:20rem;flex-shrink:0;margin-bottom:16rem}.other-set__option:hover{opacity:.8}.other-set__toggle-icon{width:16rem;height:16rem;flex-shrink:0;transition:opacity .2s ease;margin-right:8rem;cursor:pointer}.other-set__toggle-icon:hover{opacity:.8}.other-set__toggle-icon.is-partial{opacity:.3}.other-set__label{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14rem;color:#ffffffe0;line-height:22rem}html{font-size:clamp(.5px,.0520833333dvw,1px)}@supports not (width: 100dvw){html{font-size:clamp(.5px,.0520833333vw,1px)}}@media (min-width: 1921px){html{font-size:.0520833333dvw}@supports not (width: 100dvw){html{font-size:.0520833333vw}}}html.js-responsive{font-size:unset}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.home .home__right::-webkit-scrollbar{width:6rem;height:6rem}.home .home__right::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3rem}.home .home__right::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3rem;transition:background .2s ease}.home .home__right::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.35)}.home .home__right::-webkit-scrollbar-thumb:active{background:rgba(255,255,255,.5)}.home .home__right{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(255,255,255,.05)}.home{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;display:flex;height:100vh;overflow-x:auto;overflow-y:hidden;width:100%}.home .home__left{flex:1;width:0;height:100vh;box-sizing:border-box;min-width:0;display:flex;flex-direction:column;overflow-y:auto}.home .home__right{flex-shrink:0;width:0;height:100vh;background:#161617;box-sizing:border-box;padding-top:0;opacity:0;transition:width 1s ease-in-out,opacity .9s ease-in-out .15s;will-change:width,opacity;overflow:hidden;min-width:0}.home .home__right--visible{width:576rem;opacity:1;will-change:auto;overflow-y:auto;overflow-x:hidden}.home .home__right{padding-bottom:0;display:flex;flex-direction:column;overflow-x:hidden}.home .home__right .home__right__inner{width:576rem;min-width:576rem;height:100%;display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box}.home .home__left__top-content{padding-top:32rem;padding-left:40rem}.home .home__left__top-content .header-row{display:flex;align-items:center;gap:20rem;margin-bottom:40rem}.home .home__left__top-content .header-row>.status-text{display:inline-flex;align-items:center;justify-content:center;height:32rem;padding:0 16rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:12rem;color:#fffc;font-family:PingFangSC,PingFang SC;font-weight:500;line-height:1;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;box-sizing:border-box}.home .home__left__top-content .header-row>.status-text:hover{background:rgba(255,255,255,.15);border-color:#ffffff4d;color:#fff;transform:translateY(-1rem)}.home .home__left__top-content .header-row>.status-text:active{transform:translateY(0) scale(.96);background:rgba(255,255,255,.1)}.home .home__left__top-content__logo{width:152rem;height:38rem;margin-bottom:0}.home .home__left__top-content__logo img{width:100%;height:100%;object-fit:contain;object-position:center}.home .home__left__top-content .connection-capsule{display:inline-flex;align-items:center;gap:8rem;padding:6rem 12rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease;height:32rem;white-space:nowrap}.home .home__left__top-content .connection-capsule:hover{background:rgba(255,255,255,.1)}.home .home__left__top-content .connection-capsule .status-dot{width:8rem;height:8rem;border-radius:50%;position:relative;box-shadow:0 0 8rem currentColor}.home .home__left__top-content .connection-capsule .status-dot:after{content:"";position:absolute;top:-2rem;left:-2rem;width:12rem;height:12rem;border-radius:50%;opacity:.4;background:inherit;animation:status-breathe 2s infinite ease-in-out}.home .home__left__top-content .connection-capsule .status-text{font-size:12rem;color:#fffc;font-family:PingFangSC,PingFang SC;font-weight:500;line-height:1}.home .home__left__top-content .connection-capsule.is-connected{border-color:#52c41a66}.home .home__left__top-content .connection-capsule.is-connected .status-dot{background-color:#52c41a;color:#52c41a}.home .home__left__top-content .connection-capsule.is-experience{border-color:#faad1466}.home .home__left__top-content .connection-capsule.is-experience .status-dot{background-color:#faad14;color:#faad14}.home .home__left__top-content .connection-capsule.is-disconnected{border-color:#ff4d4f66}.home .home__left__top-content .connection-capsule.is-disconnected .status-dot{background-color:#ff4d4f;color:#ff4d4f}.home .home__left__top-content .connection-capsule.is-disconnected .status-text{color:#ffffff80}.home .home__left__top-content .connection-capsule.is-clickable{cursor:pointer}.home .home__left__top-content .connection-capsule.is-clickable:hover{background:rgba(255,77,79,.15);border-color:#ff4d4f99}.home .home__left__top-content .connection-capsule.is-clickable:hover .status-text{color:#ffffffe6}.home .home__left__top-content .connection-capsule.is-clickable:active{transform:scale(.96)}@keyframes status-breathe{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:.2}to{transform:scale(.8);opacity:.5}}.home .home__left__keyboard-image{flex:1;display:flex;justify-content:center;align-items:center}.home .home__left__keyboard-image .home__left__keyboard-image-wrapper{position:relative;width:1012rem;height:522rem;display:flex;justify-content:center;align-items:center}.home .home__left__keyboard-image .home__left__keyboard-image-feature{position:absolute;display:flex;align-items:center;justify-content:center;z-index:999;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;box-sizing:border-box}.home .home__left__keyboard-image .home__left__keyboard-image-feature--right img{margin-left:26rem!important}.home .home__left__keyboard-image .home__left__keyboard-image-feature--left img{margin-right:26rem!important}.home .home__left__keyboard-image .home__left__keyboard-image-feature .home__left__keyboard-image-feature-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:1000;pointer-events:none}.home .home__left__keyboard-image .home__left__keyboard-image-feature .home__left__keyboard-image-feature-arrow--right{left:-16rem}.home .home__left__keyboard-image .home__left__keyboard-image-feature .home__left__keyboard-image-feature-arrow--left{right:-16rem}.home .home__left__keyboard-image .home__left__keyboard-image-feature .home__left__keyboard-image-feature-arrow path{stroke-width:2rem}.home .home__left__keyboard-image .home__left__keyboard-image-feature img{width:372rem;height:188rem;object-fit:contain;object-position:center;display:block;margin:8rem}.home .home__left__keyboard-image .home__left__keyboard-image-img-wrapper{width:920rem;height:306rem;position:relative;z-index:2}.home .home__left__keyboard-image .home__left__keyboard-image-img-wrapper .home__left__matrix-led-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;justify-content:center;align-items:center}.home .home__left__keyboard-image .home__left__keyboard-image-img-wrapper .home__left__keyboard-image-shadow{position:absolute;bottom:-172rem;left:50%;transform:translate(-50%);width:920rem}.home .home__left__keyboard-image .home__left__keyboard-image-img-wrapper .home__left__keyboard-image-dark-img{width:920rem;height:306rem;object-fit:contain;object-position:center;position:absolute;top:0;left:0;z-index:1;opacity:.8}.home .home__left__keyboard-image .home__left__keyboard-image-img{width:920rem;height:306rem;object-fit:contain;object-position:center;transition:opacity .5s ease-in-out,transform .5s ease-in-out}.home .home__left__light-set{padding-left:40rem;padding-bottom:42rem}.home .home__right__header{display:flex;justify-content:space-between;align-items:center;padding:32rem 30rem 30rem;align-items:flex-end}.home .home__right__header__title{font-family:PingFangSC,PingFang SC;font-weight:600;font-size:30rem;color:#fff;line-height:48rem;text-align:right}.home .home__right__header__actions{display:flex;align-items:center;padding-bottom:11rem;cursor:pointer}.home .home__right__header__actions .home__right__header__actions__divider{width:1px;height:10rem;background:rgba(255,255,255,.08);margin-left:15rem;margin-right:15rem}.home .home__right__header__actions .home__right__header__actions__action{font-size:0;display:flex;align-items:center}.home .home__right__header__actions .home__right__header__actions__action img{width:14rem;height:14rem;margin-right:3rem}.home .home__right__header__actions .home__right__header__actions__action span{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14rem;color:#ffffffe0;line-height:1;text-align:left;font-style:normal}.home .home__right__content-speed-set-all{margin-top:12rem;margin-bottom:30rem;margin-right:137rem}.home .home__right__content-line{height:1rem;background:#FFFFFF;opacity:.05;margin-left:30rem;margin-right:30rem;margin-bottom:30rem}.home .home__right__header__lang-switch{display:flex;gap:10rem;margin-right:15rem;align-items:center}.home .home__right__header__lang-switch .lang-icon{width:24rem;height:24rem;cursor:pointer;opacity:.3;filter:grayscale(100%);transition:all .3s ease;object-fit:contain}.home .home__right__header__lang-switch .lang-icon:hover{opacity:.7}.home .home__right__header__lang-switch .lang-icon--active{opacity:1;filter:grayscale(0%);transform:scale(1.1)}.app-loading-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0d0e0d;display:flex;justify-content:center;align-items:center;z-index:99999;pointer-events:all}.loading-content{text-align:center}.loading-content .loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #F09AA1;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-content .loading-text{color:#fff;font-size:16rem;font-family:PingFangSC,PingFang SC}@keyframes spin{to{transform:rotate(360deg)}}.fade-leave-active{transition:opacity .5s ease}.fade-leave-to{opacity:0}.is-locked{pointer-events:none;-webkit-user-select:none;user-select:none}.landing-page{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at center,#2b2b2b 0%,#000000 100%);z-index:999;display:flex;justify-content:center;align-items:center}.landing-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20rem;padding:40rem 200rem;text-align:center;box-shadow:0 30rem 60rem #00000080;display:flex;flex-direction:column;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.landing-card .landing-logo{height:40rem;margin-bottom:20rem;opacity:.9;display:block}.landing-card .landing-title{font-size:24rem;color:#fff;margin-bottom:10rem;font-weight:500;letter-spacing:1rem;font-family:PingFangSC,PingFang SC}.landing-card .landing-desc{font-size:14rem;color:#ffffff80;margin-bottom:30rem;font-family:PingFangSC,PingFang SC}.landing-card .experience-section{display:flex;flex-direction:column;align-items:center;gap:16rem;margin-top:6rem;width:100%;position:relative;z-index:10}.landing-card .custom-select-container{position:relative;width:280rem;height:48rem;font-family:PingFangSC,PingFang SC;z-index:100}.landing-card .select-trigger{width:100%;height:100%;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.15);border-radius:12rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 16rem;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.landing-card .select-trigger:hover{background:rgba(255,255,255,.05);border-color:#ffffff4d}.landing-card .select-trigger.is-open{border-color:#fff9;background:rgba(0,0,0,.8)}.landing-card .select-trigger .selected-text{font-size:16rem;color:#ffffffe6;font-weight:500}.landing-card .select-trigger .arrow-icon{font-size:24rem;color:#fff9;transition:transform .3s cubic-bezier(.4,0,.2,1),color .3s ease}.landing-card .select-trigger .arrow-icon.rotated{transform:rotate(180deg);color:#fff}.landing-card .options-list{position:absolute;top:calc(100% + 8rem);left:0;width:100%;background:#1a1a1a;border:1px solid rgba(255,255,255,.15);border-radius:12rem;padding:6rem;box-shadow:0 8rem 24rem #000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-height:300rem;overflow-y:auto;scrollbar-width:none}.landing-card .options-list::-webkit-scrollbar{display:none}.landing-card .option-item{padding:12rem 16rem;font-size:14rem;color:#fff9;border-radius:8rem;cursor:pointer;transition:all .2s ease;margin-bottom:2rem}.landing-card .option-item:hover{background:rgba(255,255,255,.08);color:#fff}.landing-card .option-item.active{background:rgba(255,255,255,.15);color:#fff;font-weight:600}.landing-card .fade-slide-enter-active,.landing-card .fade-slide-leave-active{transition:all .2s cubic-bezier(.4,0,.2,1)}.landing-card .fade-slide-enter-from,.landing-card .fade-slide-leave-to{opacity:0;transform:translateY(-10rem)}.connect-btn{background:linear-gradient(135deg,#3c3c3c 0%,#2a2a2a 100%);color:#fff;border:1px solid rgba(255,255,255,.1);padding:14rem 48rem;font-size:16rem;border-radius:50rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10rem;transition:all .3s ease;margin-bottom:24rem;box-shadow:0 4rem 12rem #0003;font-family:PingFangSC,PingFang SC}.connect-btn:hover{background:linear-gradient(135deg,#4a4a4a 0%,#3a3a3a 100%);transform:translateY(-2rem);box-shadow:0 6rem 16rem #0006;border-color:#ffffff4d}.connect-btn .btn-icon{font-size:20rem}.experience-link{font-size:13rem;color:#ffffff4d;cursor:pointer;transition:color .3s;margin-top:10rem;font-family:PingFangSC,PingFang SC}.experience-link:hover{color:#fffc}.experience-link:hover .highlight{color:#e6a23c}.experience-link .highlight{font-weight:500;text-decoration:underline;transition:color .3s}.memory-badge{font-size:12rem;padding:2rem 8rem;border-radius:10rem;background:rgba(255,255,255,.1);margin-left:10rem}.memory-badge.is-full{color:#ef4444;background:rgba(239,68,68,.1)}.global-exit-btn{position:absolute;top:32rem;left:40rem;z-index:10000;padding:0;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:50rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.global-exit-btn .exit-btn-content{display:flex;align-items:center;gap:8rem;padding:10rem 22rem;position:relative;z-index:2}.global-exit-btn .exit-btn-content .exit-icon{font-size:18rem;color:#fff9;transition:transform .3s ease,color .3s ease}.global-exit-btn .exit-btn-content .exit-text{font-family:PingFangSC,PingFang SC;font-size:14rem;font-weight:500;color:#fffc;letter-spacing:.5rem;white-space:nowrap}.global-exit-btn .btn-glow-effect{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(79,195,247,.1),transparent);transition:left .6s ease}.global-exit-btn:hover{background:rgba(255,255,255,.08);border-color:#4fc3f780;transform:translateY(-2rem);box-shadow:0 8rem 20rem #0006,0 0 15rem #4fc3f733}.global-exit-btn:hover .exit-icon{color:#fff;transform:translate(-4rem)}.global-exit-btn:hover .exit-text{color:#fff}.global-exit-btn:hover .btn-glow-effect{left:100%}.global-exit-btn:active{transform:translateY(0) scale(.96);background:rgba(79,195,247,.1)}@keyframes rpg-point-breathe{0%{box-shadow:0 0 #fffada33;transform:scale(1);opacity:0}31%{box-shadow:0 0 15rem 5rem #ffc40066;transform:scale(1.2);opacity:.4}62.5%{box-shadow:0 0 #ffd71b33;transform:scale(1);opacity:0}to{box-shadow:0 0 #cecece33;transform:scale(1);opacity:0}}.interactive-light-point{z-index:20;cursor:pointer;pointer-events:auto;position:absolute;width:15rem;height:15rem}.interactive-light-point .rpg-glow-core{z-index:20;position:absolute;top:50%;width:12rem;height:12rem;background-color:#fff;border-radius:50%;pointer-events:none;animation:rpg-point-breathe 8s ease-in-out infinite}.app-loading-mask.cinematic-mode{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-family:Ma Shan Zheng,cursive,STXingkai,Xingkai SC,serif}.quote-container{flex:1;display:flex;align-items:center;justify-content:center;width:80%;max-width:1200px;perspective:1000px}.quote-content{text-align:center;letter-spacing:.2rem}.quote-text{font-size:30rem;line-height:1.6;margin-bottom:2rem;text-shadow:0 0 10px rgba(255,255,255,.3);font-weight:400}.quote-author{font-size:22rem;text-align:right;color:#ccc;margin-right:2rem;font-family:Ma Shan Zheng,cursive;opacity:.8}.minimal-progress{width:100%;padding-bottom:2rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100px}.progress-info{font-family:Helvetica Neue,Arial,sans-serif;font-size:20rem;font-weight:600;color:#2a2a2a;letter-spacing:.1rem;text-transform:uppercase}.loading-detail-text{font-family:Helvetica Neue,Arial,sans-serif;font-size:20rem;color:#1a1a1a;margin-top:.5rem}.quote-fade-enter-active,.quote-fade-leave-active{transition:all 1.2s ease-in-out}.quote-fade-enter-from{opacity:0;transform:scale(.95) translateY(10px);filter:blur(4px)}.quote-fade-leave-to{opacity:0;transform:scale(1.05) translateY(-10px);filter:blur(8px)}.quote-fade-enter-to,.quote-fade-leave-from{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}.fade-enter-active{transition:opacity 3s ease}.fade-leave-active{transition:none!important;opacity:0}.fade-enter-from,.fade-leave-to{opacity:0}.preset-refresh-trigger{display:inline-block;font-size:14.5rem!important;color:#ffffffe0;cursor:pointer;pointer-events:auto!important;transition:all .2s ease;-webkit-user-select:none;user-select:none;font-family:Segoe UI,Tahoma,sans-serif}.preset-refresh-trigger:hover{color:#fff;text-decoration:underline}.custom-preset-container{position:relative;width:100%;z-index:999}.preset-trigger{width:100%;height:38rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:8rem;display:flex;align-items:center;justify-content:space-between;padding:0 14rem;cursor:pointer}.preset-trigger .selected-text{font-size:14.5rem;color:#ffffffbf}.preset-trigger .preset-arrow-icon{font-size:22rem;color:#fff6;transition:transform .3s ease}.preset-trigger .preset-arrow-icon.rotated{transform:rotate(180deg);color:#fff}.preset-options-list{position:absolute;top:calc(100% + 6rem);left:0;width:100%;background:#181818;border:1px solid rgba(255,255,255,.15);border-radius:12rem;padding:6rem;box-shadow:0 15rem 40rem #000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.preset-option-item{padding:12rem 16rem;font-size:14.5rem;color:#fff9;border-radius:8rem;cursor:pointer}.preset-option-item:hover{background:rgba(255,255,255,.1);color:#fff}.custom-preset-container{transition:border-color .4s ease,background .4s ease}.custom-preset-container.is-refreshing-breath .preset-trigger{animation:exquisite-edge-glow .6s cubic-bezier(.25,1,.5,1)}.custom-preset-container.is-refreshing-breath .preset-trigger .selected-text{animation:exquisite-text-ping .6s ease-out}@keyframes exquisite-edge-glow{0%{border-color:#ffffff1f;background:rgba(255,255,255,.05);box-shadow:0 0 #fff0}15%{border-color:#ffffff80;background:rgba(255,255,255,.12);box-shadow:0 0 12rem 2rem #ffffff1a}to{border-color:#ffffff1f;background:rgba(255,255,255,.05);box-shadow:0 0 20rem #fff0}}@keyframes exquisite-text-ping{0%{color:#ffffffbf}15%{color:#fff;text-shadow:0 0 8rem rgba(255,255,255,.4)}to{color:#ffffffbf}}.is-legendary-item{font-weight:600;transform:translateZ(0);animation:legendary-subtle-glow 2.5s infinite ease-in-out}@keyframes legendary-subtle-glow{0%{text-shadow:0 0 3rem rgba(255,128,0,.3)}50%{text-shadow:0 0 8rem rgba(255,128,0,.8),0 0 2rem rgba(255,255,255,.4)}to{text-shadow:0 0 3rem rgba(255,128,0,.3)}}*{margin:0;padding:0;box-sizing:border-box}html,body{background:#0a0a0a;color:#fff;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;background-image:radial-gradient(circle at center,rgba(79,195,247,.1) 0%,transparent 70%);background-size:100% 100%;background-attachment:fixed;line-height:1.6;letter-spacing:.2px;overflow:hidden}.app-container[data-v-3baf7540]{height:100vh;overflow:hidden}