.dev-page{flex-direction:column;gap:20px;max-width:1400px;margin:0 auto;display:flex}.dev-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dev-page-title{color:#303133;margin:0;font-size:20px;font-weight:600;line-height:1.3}.dev-page-subtitle{color:#909399;margin:6px 0 0;font-size:13px;line-height:1.5}.dev-card{border:1px solid #ebeef5;border-radius:8px;transition:box-shadow .2s}.dev-card:hover{box-shadow:0 2px 12px #0000000f}.dev-card .el-card__header{border-bottom:1px solid #f0f2f5;padding:14px 18px}.dev-card .el-card__body{padding:18px}.dev-card-title{color:#303133;font-size:15px;font-weight:600}.dev-card-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.dev-stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.dev-stat-grid.is-row-3{grid-template-columns:repeat(3,1fr);width:100%}.dev-stat-grid.is-row-3 .dev-stat-item{min-width:0}.dev-stat-grid.is-row-3 .dev-stat-value{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.dev-stat-item{background:#f8fafc;border:1px solid #eef2f6;border-radius:8px;padding:14px 16px}.dev-stat-label{color:#909399;margin-bottom:6px;font-size:12px}.dev-stat-value{color:#303133;word-break:break-all;font-size:15px;font-weight:600}.dev-status-dot{align-items:center;gap:6px;font-weight:500;display:inline-flex}.dev-status-dot:before{content:"";border-radius:50%;flex-shrink:0;width:8px;height:8px}.dev-status-dot.is-success:before{background:#67c23a;box-shadow:0 0 0 3px #67c23a33}.dev-status-dot.is-danger:before{background:#f56c6c;box-shadow:0 0 0 3px #f56c6c33}.dev-status-dot.is-warning:before{background:#e6a23c;box-shadow:0 0 0 3px #e6a23c33}.dev-tag-list{flex-wrap:wrap;gap:8px;min-height:40px;margin-bottom:12px;display:flex}.dev-tag-list .el-tag{border-radius:6px}.dev-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dev-toolbar-right{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.dev-log-filter{margin-bottom:14px}.dev-log-list{flex-direction:column;gap:10px;max-height:560px;padding-right:4px;display:flex;overflow-y:auto}.dev-log-item{background:#fff;border:1px solid #ebeef5;border-radius:8px;padding:10px 12px;transition:border-color .15s}.dev-log-item:hover{border-color:#dcdfe6}.dev-log-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.dev-log-meta{color:#909399;flex-wrap:wrap;flex:1;align-items:center;gap:8px 12px;min-width:0;font-size:12px;display:flex}.dev-log-time{font-variant-numeric:tabular-nums}.dev-log-sn{color:#606266;font-family:Consolas,Courier New,monospace}.dev-log-topic{color:#606266;word-break:break-all;margin-top:6px;font-family:Consolas,Courier New,monospace;font-size:12px}.dev-log-payload{color:#303133;white-space:pre-wrap;word-break:break-all;background:#f5f7fa;border-radius:6px;margin:8px 0 0;padding:10px 12px;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.6;overflow-x:auto}.dev-empty-hint{text-align:center;color:#909399;padding:32px 16px;font-size:13px}.dev-action-group{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.dev-action-group .el-button{margin:0}.dev-form-block{max-width:480px}.dev-valve-switch{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dev-valve-option{cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #ebeef5;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:18px 12px;transition:all .2s;display:flex}.dev-valve-option:hover{background:#f5f9ff;border-color:#c6e2ff}.dev-valve-option.is-active.is-open{color:#67c23a;background:#f0f9eb;border-color:#67c23a}.dev-valve-option.is-active.is-close{color:#f56c6c;background:#fef0f0;border-color:#f56c6c}.dev-valve-option .label{font-size:15px;font-weight:600}.dev-valve-option .hint{opacity:.85;font-size:12px}.dev-connect-panel{text-align:center;padding:8px 0 16px}.dev-connect-icon{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 12px;font-size:36px;display:flex}.dev-connect-icon.is-on{color:#67c23a;background:#f0f9eb}.dev-connect-icon.is-off{color:#f56c6c;background:#fef0f0}.dev-connect-title{margin-bottom:6px;font-size:18px;font-weight:600}.dev-connect-sub{color:#909399;word-break:break-all;padding:0 8px;font-size:13px}.dev-steps-wrap{background:#fff;border:1px solid #ebeef5;border-radius:8px;margin-bottom:20px;padding:16px}.dev-steps-wrap .el-step__title{font-size:13px}.dev-order-panel{border-radius:8px;overflow:hidden}.dev-order-head{color:#fff;background:linear-gradient(135deg,#409eff 0%,#66b1ff 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.dev-order-head.is-success{background:linear-gradient(135deg,#67c23a 0%,#85ce61 100%)}.dev-order-head.is-warning{background:linear-gradient(135deg,#e6a23c 0%,#f0c78a 100%)}.dev-order-head.is-danger{background:linear-gradient(135deg,#f56c6c 0%,#f89898 100%)}.dev-order-head.is-info{background:linear-gradient(135deg,#909399 0%,#b1b3b8 100%)}.dev-order-no{font-size:16px;font-weight:600}.dev-order-body{padding:4px 0}.dev-kv-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;display:grid}.dev-kv-item{border-bottom:1px solid #f5f7fa;padding:12px 18px}.dev-kv-item:nth-child(odd){background:#fafbfc}.dev-kv-label{color:#909399;margin-bottom:4px;font-size:12px}.dev-kv-value{color:#303133;word-break:break-all;font-size:14px}.dev-section-title{color:#606266;border-left:3px solid #409eff;margin:16px 0 10px;padding-left:8px;font-size:13px;font-weight:600}@media (width<=768px){.dev-page{gap:14px}.dev-page-title{font-size:18px}.dev-log-list{max-height:420px}.dev-valve-switch{grid-template-columns:1fr}.dev-toolbar-right{width:100%;margin-left:0}.dev-steps-wrap .el-step__title{font-size:12px}}.biz-page{flex-direction:column;gap:12px;display:flex}.biz-search-card .el-card__body,.biz-table-card .el-card__body{padding:16px 18px}.biz-search-form{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.biz-search-form .el-form-item{margin-bottom:0;margin-right:0}.biz-search-form .el-input,.biz-search-form .el-select{width:200px}.biz-search-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.biz-action-bar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.biz-table-card .el-table{width:100%}.biz-table-card .el-table .cell{white-space:nowrap}.biz-pager{justify-content:flex-end;margin-top:16px}.biz-dialog .el-dialog__body{padding:12px 20px 8px}.biz-form-grid .el-form-item{margin-bottom:14px}.biz-form-section{color:#606266;border-left:3px solid #409eff;margin:4px 0 12px;padding-left:8px;font-size:13px;font-weight:600}.biz-product-preview{background:#f8fafc;border:1px solid #eef2f6;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;padding:12px;display:grid}.biz-product-preview .preview-item .label{color:#909399;font-size:12px}.biz-product-preview .preview-item .value{color:#303133;margin-top:4px;font-size:13px;font-weight:500}@media (width<=768px){.biz-search-form .el-input,.biz-search-form .el-select{width:100%}.biz-product-preview{grid-template-columns:1fr 1fr}}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Microsoft YaHei,sans-serif}.page-card{background:#fff;border-radius:4px}.el-image-viewer__wrapper{z-index:3000!important}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolbar .el-input,.toolbar .el-select{width:180px}