.search-card[data-v-33be3c64]{margin-bottom:15px}.mt20[data-v-33be3c64]{margin-top:20px}.total-info[data-v-33be3c64]{margin-top:12px;font-size:14px;color:#303133}.chart-card[data-v-33be3c64]{background:#fff;padding:16px 20px;border-radius:6px;margin-bottom:16px;box-shadow:0 1px 4px rgba(0,0,0,.06)}.chart-title[data-v-33be3c64]{margin:0 0 12px;font-size:16px;color:#333}.table-row[data-v-33be3c64]{display:flex;gap:16px}.table-col[data-v-33be3c64]{flex:1;background:#fff;padding:16px;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.06)}.sub-title[data-v-33be3c64]{margin:0 0 12px;font-size:15px;color:#444}.flow-wrap[data-v-33be3c64]{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.flow-tag[data-v-33be3c64]{background:#ecf5ff;color:#409eff;padding:3px 9px;font-size:12px;border-radius:12px}.arrow[data-v-33be3c64]{color:#999}.html-iframe-shell{display:flex;width:100%;height:calc(100vh - 100px);gap:20px;box-sizing:border-box;padding:20px 0;min-width:0}.html-iframe-sidebar{width:460px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;height:100%;min-width:0}.html-iframe-stage{flex:1;height:100%;border:2px solid #666;display:flex;flex-direction:column;overflow:hidden;min-width:0}.iframe-stage-head{padding:6px 12px;background:#eee;font-size:14px}.thTable{border:1px solid #ddd;padding:6px 4px;position:sticky;top:0;background-color:#4169e1;color:#fff}.thTables{width:60px}.layer-config-panel{flex:1;min-height:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e8edf5;border-radius:8px;padding:16px;box-shadow:0 10px 28px rgba(31,65,105,.08);overflow:hidden}.layer-config-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.layer-config-head h4{margin:0 0 6px;font-size:17px;color:#172033}.layer-config-head p{margin:0;font-size:12px;color:#7a8798;line-height:1.5}.layer-method-list{flex:0 0 auto;max-height:220px;overflow-y:auto;padding-right:4px;margin-bottom:12px}.layer-method-card{border:1px solid #e8edf5;border-radius:8px;padding:12px;margin-bottom:10px;background:#fbfdff;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.layer-method-card.active{border-color:rgba(64,158,255,.45);box-shadow:0 8px 20px rgba(64,158,255,.1);background:#fff}.layer-method-card.recording{border-color:rgba(230,162,60,.65);background:#fffaf2}.method-top{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px}.recording-pill{background:#fff4e5;color:#b56a10}.completed-pill,.recording-pill{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:999px;font-size:12px;white-space:nowrap}.completed-pill{background:#eef5ff;color:#3b74c7}.rule-loading{display:flex;gap:8px;min-height:120px;color:#7a8798;font-size:13px}.method-index,.rule-loading{align-items:center;justify-content:center}.method-index{width:26px;height:26px;display:inline-flex;border-radius:50%;background:#409eff;color:#fff;font-weight:700;font-size:12px}.method-actions{display:flex;align-items:center;gap:8px;margin:10px 0;flex-wrap:wrap}.step-count{margin-left:auto;font-size:12px;color:#667085}.method-log-panel{flex:1;min-height:220px;display:flex;flex-direction:column;border:1px solid #e1e6ef;border-radius:8px;overflow:hidden;background:#fff}.method-log-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #e9edf5;background:#f7f9fc}.method-log-title strong{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#172033}.method-log-title span{display:block;margin-top:2px;font-size:12px;color:#7a8798}.config-log-box{width:100%;flex:1;overflow:auto;background:#fff}.config-log-table{width:100%;border-collapse:collapse;table-layout:fixed;font-family:monospace}.log-td{border:1px solid #ddd;padding:7px 6px;color:#333;font-size:12px;line-height:1.35;vertical-align:top;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.log-index{width:60px;text-align:center}.log-args{max-width:160px}.log-time{width:120px;font-size:12px;color:#606266}.empty-log-cell{padding:28px 12px;text-align:center;color:#a0a8b5;border:1px solid #ddd;font-size:13px}.layer-config-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:12px;border-top:1px solid #edf1f7}@media (max-width:1180px){.html-iframe-sidebar{width:400px}.method-actions .el-button{margin-left:0}}@media (max-width:900px){.html-iframe-shell{flex-direction:column;height:auto;min-height:calc(100vh - 100px);padding:12px 0}.html-iframe-sidebar{width:100%;height:auto;max-height:none}.html-iframe-stage{min-height:58vh}.layer-config-panel{padding:12px;max-height:none}.layer-config-head{flex-direction:column}.layer-method-list{max-height:none}.method-log-panel{min-height:260px}.method-log-title{align-items:flex-start;flex-direction:column}}@media (max-width:560px){.method-top{grid-template-columns:24px minmax(0,1fr)}.recording-pill{grid-column:2;width:max-content}.step-count{width:100%;margin-left:0}}