:root{--bg: #eef4fb;--card: #ffffff;--card-soft: #f7faff;--ink: #142033;--ink-2: #475569;--muted: #718096;--line: #d7e2f0;--blue: #14b8a6;--blue-soft: #e9f2ff;--blue-mid: #14b8a6;--green: #0f8a7b;--danger: #dc2626;--warning: #b45309;--shadow: 0 16px 36px rgba(46, 65, 93, .08);--radius: 8px;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background-color:var(--bg);background-image:linear-gradient(rgba(148,163,184,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.14) 1px,transparent 1px);background-size:24px 24px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.page-shell{min-height:100vh;padding:16px 16px 44px}.page-inner{margin:0 auto;max-width:1038px}.hero-card,.step-card,.form-card{background:#ffffffeb;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:24px}.hero-top{align-items:flex-start;display:flex;justify-content:space-between;gap:24px}.title-group{align-items:center;display:flex;gap:14px}.eyebrow{color:#08786e;font-size:12px;font-weight:900;letter-spacing:.08em;margin-bottom:3px}h1{font-size:clamp(30px,5vw,40px);letter-spacing:0;line-height:1.15;margin:0}.title-group p{color:var(--ink-2);font-size:14px;font-weight:700;margin:8px 0 0}.hero-bottom{align-items:center;display:flex;gap:18px;justify-content:space-between;margin-top:42px}.tabs{background:#edf3fb;border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));max-width:560px;padding:4px;width:100%}.tab-btn{background:transparent;border:0;border-radius:6px;color:var(--ink-2);font-size:14px;font-weight:800;min-height:38px;padding:0 16px}.tab-btn.active{background:#fff;border:1px solid #bfdbfe;box-shadow:0 6px 14px #2563eb14;color:var(--blue)}.queue-chip{align-items:center;border:1px solid #bfdbfe;border-radius:var(--radius);color:var(--ink-2);display:flex;flex-wrap:wrap;font-size:14px;font-weight:700;gap:9px;min-height:44px;padding:0 12px;white-space:nowrap}.queue-chip strong{color:var(--blue);font-size:22px}.queue-chip small{color:var(--muted)}.live-dot{background:#16b88f;border-radius:999px;box-shadow:0 0 0 4px #16b88f21;height:10px;width:10px}.step-card{align-items:center;display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;padding:14px 16px}.step-item{align-items:center;color:var(--ink-2);display:flex;font-size:14px;font-weight:800;gap:12px;min-width:0;position:relative}.step-item:not(:last-child):after{background:var(--line);content:"";flex:1;height:2px;margin-left:16px;min-width:36px;order:3}.step-item span{align-items:center;background:#f8fbff;border:1px solid #cbd8ea;border-radius:8px;display:inline-flex;height:34px;justify-content:center;width:34px}.step-item strong{white-space:nowrap}.step-item.active{color:var(--blue)}.step-item.active span{background:#dbeafe;border-color:#93c5fd;color:var(--blue)}.form-card{margin-top:18px;padding:32px 30px 30px}.field{display:grid;gap:12px;margin-bottom:22px}.field span{color:var(--ink);font-size:14px;font-weight:800}.field input,.field textarea{background:#fff;border:1px solid #c7d7eb;border-radius:var(--radius);color:var(--ink);outline:none;padding:15px;transition:border-color .18s ease,box-shadow .18s ease;width:100%}.field input{min-height:52px}.field textarea{line-height:1.65;min-height:210px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#94a3b8}.field input:focus,.field textarea:focus{border-color:#93b4f4;box-shadow:0 0 0 4px #93b4f42e}.primary-btn,.secondary-btn{align-items:center;border-radius:var(--radius);display:inline-flex;font-weight:900;gap:8px;justify-content:center;min-height:50px;padding:0 20px;width:100%}.primary-btn{background:linear-gradient(135deg,#14b8a6,#06b6d4);border:1px solid transparent;box-shadow:0 12px 24px #14b8a63d;color:#fff}.primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#0d9488,#0891b2);box-shadow:0 14px 28px #14b8a652}.primary-btn:disabled{background:#91b7ef;border-color:#91b7ef;box-shadow:none}.primary-btn.compact,.secondary-btn{width:auto}.primary-btn.danger{background:#ef4444;border-color:#ef4444}.secondary-btn{background:#fff;border:1px solid var(--line);color:var(--ink-2)}.button-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.message{align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-2);display:flex;gap:10px;line-height:1.6;margin-top:14px;padding:13px 16px}.message.success{border-color:#bbf7d0;color:#15803d}.message.warning{border-color:#fde68a;color:var(--warning)}.message.danger{border-color:#fecaca;color:var(--danger)}.message.info{border-color:#bfdbfe;color:#1d4ed8}.result-block{text-align:center}.result-block>svg{color:#16a34a;margin:0 auto 10px}.result-block h2{margin:0}.result-block p,.helper-text{color:var(--ink-2);line-height:1.7}.confirm-form{text-align:left}.confirm-form h2{margin:0}.confirm-form>p{margin:8px 0 18px}.confirm-grid{background:var(--card-soft);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:10px 18px;grid-template-columns:90px minmax(0,1fr);margin-bottom:18px;padding:18px}.task-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 30px #2e415d12;margin-top:18px;padding:18px;text-align:left}.task-result-title{color:var(--ink);font-size:18px;font-weight:900;margin-bottom:12px}.task-status-panel{align-items:flex-start;background:linear-gradient(135deg,#f8fbff,#eef8ff);border:1px solid #cfe0f2;border-radius:var(--radius);display:flex;gap:16px;justify-content:space-between;padding:18px}.task-status-panel.success{background:linear-gradient(135deg,#f0fdf4,#f8fffb);border-color:#bbf7d0;box-shadow:inset 4px 0 #22c55e}.task-status-panel.warning{background:linear-gradient(135deg,#fffbeb,#fffaf0);border-color:#fde68a;box-shadow:inset 4px 0 #f59e0b}.task-status-panel.danger{background:linear-gradient(135deg,#fff1f2,#fff7f7);border-color:#fecdd3;box-shadow:inset 4px 0 #ef4444}.task-status-panel.info{background:linear-gradient(135deg,#eef6ff,#f3fbff);border-color:#bfdbfe;box-shadow:inset 4px 0 #14b8a6}.task-status-panel.neutral{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;box-shadow:inset 4px 0 #94a3b8}.task-status-main{min-width:0}.task-status-main h3{color:var(--ink);font-size:21px;font-weight:900;line-height:1.25;margin:12px 0 6px}.task-status-main p{color:var(--ink-2);font-size:14px;font-weight:700;line-height:1.6;margin:0}.plan-badge{background:#ecfeff;border:1px solid #a5f3fc;border-radius:999px;color:#0f766e;flex:0 0 auto;font-size:12px;font-weight:900;padding:7px 11px}.task-detail-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:18px 0 10px}.task-detail-head h3{color:var(--ink);font-size:15px;font-weight:900;margin:0}.task-detail-head span{color:#0f766e;font-size:12px;font-weight:900}.task-detail-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.task-detail-item{background:var(--card-soft);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:13px 14px}.task-detail-label{color:var(--muted);display:block;font-size:12px;font-weight:900;margin-bottom:7px}.task-detail-value{color:var(--ink);display:block;font-size:14px;line-height:1.45;overflow-wrap:anywhere}.task-failure{align-items:flex-start;background:#fff1f2;border:1px solid #fecdd3;border-radius:var(--radius);color:var(--danger);display:flex;gap:8px;font-size:14px;font-weight:800;line-height:1.6;margin-top:12px;padding:12px 14px}.task-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.status-pill{border-radius:999px;display:inline-flex;font-size:12px;font-weight:900;padding:7px 10px}.status-pill.success{background:#dcfce7;color:#15803d}.status-pill.warning{background:#fef3c7;color:var(--warning)}.status-pill.danger{background:#fee2e2;color:var(--danger)}.status-pill.info{background:#dbeafe;color:#1d4ed8}.status-pill.neutral{background:#e2e8f0;color:var(--ink-2)}dl{display:grid;gap:8px 18px;grid-template-columns:90px minmax(0,1fr);margin:0}dt{color:var(--muted);font-size:13px;font-weight:800}dd{color:var(--ink);font-size:13px;margin:0;overflow-wrap:anywhere}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:800px){.hero-top,.hero-bottom{align-items:stretch;flex-direction:column}.tabs{grid-template-columns:repeat(2,1fr);max-width:none}.step-card{gap:12px;grid-template-columns:1fr}.step-item:not(:last-child):after{display:none}}@media(max-width:540px){.page-shell{padding:10px}.hero-card,.form-card{padding:18px}.title-group{align-items:flex-start}.button-row{display:grid}.task-status-panel,.task-detail-head{align-items:flex-start;flex-direction:column}.task-detail-grid{grid-template-columns:1fr}.primary-btn.compact,.secondary-btn{width:100%}}