:root{color:#1d2733;font-synthesis:none;letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:#f3f5f7;min-width:320px;margin:0}button,input,select{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #0b5fff29}#app{min-height:100vh}.admin-shell{--accent:#0b5fff;--accent-dark:#0848c5;--accent-soft:#e8f0ff;--border:#d9e1ea;--ink:#1d2733;--muted:#667085;--surface:#fff;--soft:#f7f9fb;grid-template-columns:236px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#121826;grid-template-rows:auto 1fr;gap:22px;padding:20px 14px;display:grid}.brand{align-items:center;gap:10px;min-height:42px;display:flex}.brand span{color:#8ab4ff;background:#ffffff1a;border:1px solid #ffffff24;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.brand strong{font-size:18px}.sidebar nav{grid-auto-rows:max-content;gap:8px;display:grid}.sidebar button{color:#ffffffc7;background:0 0;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:9px;min-height:40px;padding:8px 10px;display:flex}.sidebar button.active{color:#fff;background:#2f6fed33;border-color:#8ab4ff66}.workspace{grid-auto-rows:max-content;gap:14px;min-width:0;padding:18px;display:grid}.page-header,.filter-panel,.stats-grid article,.table-card,.task-create-card,.detail-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px}.page-header{justify-content:space-between;align-items:center;min-height:86px;padding:18px;display:flex}.page-header p{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:900}.page-header h1{color:var(--ink);margin:0;font-size:24px;line-height:1.2}.header-actions,.filter-actions{justify-content:flex-end;gap:10px;display:flex}.primary-action,.secondary-action{border:1px solid var(--border);border-radius:7px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 13px;display:inline-flex}.primary-action{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:800}.primary-action:hover{background:var(--accent-dark)}.secondary-action{color:var(--muted);background:#fff}.secondary-action:hover{border-color:var(--accent);color:var(--accent)}.filter-panel{gap:14px;padding:16px;display:grid}.filter-title{color:var(--accent);align-items:center;gap:8px;display:flex}.filter-title h2,.table-header h2,.detail-panel h2,.field-panel h3,.flow-panel h3{color:var(--ink);margin:0;font-size:16px}.filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.config-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr)) auto}.filter-grid label{gap:6px;display:grid}.filter-grid span{color:var(--muted);font-size:12px;font-weight:800}.filter-grid input,.filter-grid select{background:var(--soft);border:1px solid var(--border);color:var(--ink);border-radius:7px;min-width:0;height:38px;padding:0 10px}.inline-actions{align-items:end}.operation-banner{color:#1f4f9f;background:#eef6ff;border:1px solid #cfe3ff;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:10px 14px;display:flex}.operation-banner span{font-size:13px;font-weight:800}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stats-grid article{min-height:108px;padding:16px}.stats-grid svg{color:var(--accent)}.stats-grid span{color:var(--muted);margin-top:12px;font-size:13px;display:block}.stats-grid strong{color:var(--ink);margin-top:6px;font-size:30px;line-height:1;display:block}.config-layout{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);align-items:start;gap:14px;display:grid}.table-card,.task-create-card{overflow:hidden}.table-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.table-header p{color:var(--muted);margin:4px 0 0;font-size:13px}.table-header>span{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}.template-list{display:grid}.task-category-group{border-bottom:1px solid var(--border);display:grid}.task-category-group:last-child{border-bottom:0}.category-header{border-bottom:1px solid var(--border);background:#f7f9fb;justify-content:space-between;align-items:center;min-height:42px;padding:10px 16px;display:flex}.category-header strong{color:var(--ink);font-size:13px}.category-header span{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900}.template-row{border:0;border-bottom:1px solid var(--border);color:var(--ink);text-align:left;background:#fff;grid-template-columns:42px 1fr 12px 70px;align-items:center;gap:12px;min-height:76px;padding:12px 16px;display:grid}.template-row:hover,.template-row.active{background:#f2f6ff}.template-row.active{box-shadow:inset 3px 0 0 var(--accent)}.template-icon{background:var(--accent-soft);color:var(--accent);border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.template-row strong,td strong{color:var(--ink);font-size:13px;display:block}.template-row small,td small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.template-row em{color:var(--muted);font-size:12px;font-style:normal;font-weight:800}.status-dot{border-radius:999px;width:9px;height:9px;display:block}.status-dot.success{background:#13a10e}.status-dot.warning{background:#d97706}.status-dot.draft{background:#98a2b3}.detail-panel{gap:14px;padding:16px;display:grid}.detail-head span{color:var(--accent);font-size:12px;font-weight:900}.detail-head h2{margin-top:4px;font-size:20px}.detail-head p{color:var(--muted);margin:8px 0 0;font-size:13px}.detail-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.detail-meta article{background:var(--soft);border:1px solid var(--border);border-radius:8px;padding:12px}.detail-meta small{color:var(--muted);font-size:12px;display:block}.detail-meta strong{color:var(--ink);margin-top:4px;font-size:22px;display:block}.field-panel,.flow-panel{border-top:1px solid var(--border);gap:10px;padding-top:14px;display:grid}.field-tags{flex-wrap:wrap;gap:8px;display:flex}.field-tags span{background:var(--accent-soft);color:var(--accent);border:1px solid #c9dbff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.flow-panel ol{counter-reset:steps;gap:8px;margin:0;padding:0;list-style:none;display:grid}.flow-panel li{background:var(--soft);border:1px solid var(--border);color:#344054;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:8px 10px;display:flex}.flow-panel svg{color:var(--accent)}.mode-panel{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}.mode-panel button{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:7px;height:34px;padding:0 14px;font-weight:800}.mode-panel button.active{background:var(--accent);border-color:var(--accent);color:#fff}.mode-panel span{color:var(--muted);font-size:13px}.task-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;display:grid}.task-form label{gap:6px;display:grid}.task-form span{color:var(--muted);font-size:12px;font-weight:800}.task-form input,.task-form select,.parameter-fields input,.reward-fields input,.reward-fields select,.subtask-params input,.subtask-row input,.subtask-row select{background:var(--soft);border:1px solid var(--border);color:var(--ink);border-radius:7px;min-width:0;height:38px;padding:0 10px}.parameter-config{border-top:1px solid var(--border);gap:12px;padding:16px;display:grid}.parameter-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.parameter-header div{gap:4px;display:grid}.parameter-header strong,.subtask-params strong{color:var(--ink);font-size:14px}.parameter-header span,.parameter-header small{color:var(--muted);font-size:12px;font-weight:800}.parameter-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.parameter-fields label{gap:6px;display:grid}.parameter-fields span{color:var(--muted);font-size:12px;font-weight:800}.reward-config{border-top:1px solid var(--border);gap:12px;padding:16px;display:grid}.reward-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.reward-header div{gap:4px;display:grid}.reward-header strong{color:var(--ink);font-size:14px}.reward-header span,.reward-header small{color:var(--muted);font-size:12px;font-weight:800}.reward-type-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.reward-option{border:1px solid var(--border);text-align:left;background:#fff;border-radius:7px;gap:4px;min-height:58px;padding:10px;display:grid}.reward-option strong{color:var(--ink);font-size:13px}.reward-option small{color:var(--muted);font-size:12px;font-weight:800}.reward-option.active{background:var(--accent-soft);border-color:#97b7ff}.reward-option.active strong,.reward-option.active small{color:var(--accent)}.reward-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.reward-fields label{gap:6px;display:grid}.reward-fields span{color:var(--muted);font-size:12px;font-weight:800}.subtask-builder{border-top:1px solid var(--border);gap:10px;padding:16px;display:grid}.subtask-header{justify-content:space-between;align-items:center;display:flex}.subtask-header strong{color:var(--ink);font-size:14px}.subtask-row{border:1px solid var(--border);background:#f7f9fb;border-radius:8px;gap:10px;padding:12px;display:grid}.subtask-main{grid-template-columns:76px minmax(150px,1fr) minmax(180px,1fr) minmax(180px,1fr) 64px;align-items:end;gap:10px;display:grid}.subtask-index{background:var(--accent-soft);color:var(--accent);border-radius:999px;justify-content:center;align-items:center;height:30px;font-size:12px;font-weight:900;display:inline-flex}.subtask-row label{gap:6px;display:grid}.subtask-row small{color:var(--muted);font-size:12px;font-weight:800}.subtask-params{border-top:1px dashed #d8dee8;grid-template-columns:92px repeat(3,minmax(0,1fr));gap:10px;padding-top:10px;display:grid}.subtask-params strong{align-self:center}.subtask-params label{gap:6px;display:grid}.icon-action{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:7px;height:38px}.icon-action:hover{color:#d92d20;border-color:#d92d20}.preview-line{border-top:1px solid var(--border);color:#344054;background:#f6f9ff;align-items:center;gap:8px;min-height:46px;padding:12px 16px;display:flex}.preview-line svg{color:var(--accent);flex:none}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:1240px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:12px 14px}th{color:var(--muted);white-space:nowrap;background:#fbfcfd;font-size:12px;font-weight:900}td{color:#344054;font-size:13px}.status{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:12px;font-weight:900;display:inline-flex}.status.muted{color:var(--muted);background:#f1f3f5}.empty-cell{color:var(--muted);text-align:center;min-height:120px;padding:34px 16px}@media (width<=1180px){.admin-shell{grid-template-columns:1fr}.sidebar{grid-template-rows:auto;grid-template-columns:auto 1fr}.sidebar nav{justify-content:flex-end;align-items:center;display:flex}.config-layout{grid-template-columns:1fr}.config-filter-grid,.stats-grid,.task-form,.parameter-fields,.reward-type-list,.reward-fields,.subtask-main,.subtask-params{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-actions{align-items:end}}@media (width<=720px){.workspace{padding:10px}.page-header,.table-header{align-items:flex-start;gap:12px;display:grid}.header-actions,.filter-actions{justify-content:stretch}.header-actions button,.filter-actions button{width:100%}.config-filter-grid,.stats-grid,.detail-meta,.task-form,.parameter-fields,.reward-type-list,.reward-fields,.subtask-main,.subtask-params{grid-template-columns:1fr}.mode-panel,.parameter-header,.reward-header,.subtask-header{align-items:stretch;display:grid}.template-row{grid-template-columns:42px 1fr}.template-row em,.status-dot{display:none}.sidebar{gap:12px;display:grid}.sidebar nav{flex-wrap:wrap;justify-content:flex-start}}