@layer workflow-body{.workflow-body{--agent-ink:#292524;--agent-muted:#706b64;--agent-line:#e7e1d8;--agent-paper:#fffdf9;--agent-cream:#fff7e8;--agent-accent:#b45309;--agent-mint:#dff5e9;--agent-blue:#e9f1ff;color:var(--agent-ink);font-family:Noto Sans TC,PingFang TC,system-ui,sans-serif;font-size:16px;line-height:1.75}.workflow-body *{box-sizing:border-box}.workflow-body h2{letter-spacing:-.035em;margin:72px 0 14px;font-size:30px;line-height:1.35}.workflow-body h3{margin:0 0 8px;font-size:18px;line-height:1.45}.workflow-body p{margin:0}.workflow-body .agent-visual{border:1px solid var(--agent-line);background:#fff;border-radius:20px;margin:24px 0 0;overflow:hidden}.workflow-body .agent-visual img{width:100%;height:auto;display:block}.workflow-body .agent-subhead{margin:32px 0 10px;font-size:20px}.workflow-body .agent-values{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;display:grid}.workflow-body .agent-value{border:1px solid var(--agent-line);background:var(--agent-paper);border-radius:18px;min-height:124px;padding:20px}.workflow-body .agent-value-icon{margin-bottom:8px;font-size:23px}.workflow-body .agent-value b{font-size:16px;display:block}.workflow-body .agent-value span{color:var(--agent-muted);margin-top:5px;font-size:14px;line-height:1.6;display:block}.workflow-body .agent-compare{background:linear-gradient(135deg,#fff8ed,#fffdf9);border:1px solid #f1c7ac;border-radius:20px;margin-top:24px;padding:28px}.workflow-body .agent-compare-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.workflow-body .agent-compare-col:first-child{border-right:1px solid #efd8c8;padding-right:22px}.workflow-body .agent-compare-col p{color:var(--agent-muted);margin-top:8px;font-size:14px}.workflow-body .agent-flow{grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:stretch;margin-top:25px;display:grid}.workflow-body .agent-step{border:1px solid var(--agent-line);background:#fff;border-radius:18px;padding:24px 22px}.workflow-body .agent-step-number{background:var(--agent-ink);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:18px;font-size:14px;font-weight:800;display:flex}.workflow-body .agent-step p{color:var(--agent-muted);font-size:14px;line-height:1.65}.workflow-body .agent-step-arrow{color:#b9b0a5;justify-content:center;align-items:center;font-size:22px;display:flex}.workflow-body .agent-requirements{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.workflow-body .agent-requirement{background:var(--agent-cream);border-radius:18px;padding:24px}.workflow-body .agent-requirement:nth-child(2){background:var(--agent-blue)}.workflow-body .agent-requirement ul{color:#56504a;margin:14px 0 0;padding-left:20px}.workflow-body .agent-requirement li+li{margin-top:7px}.workflow-body .agent-demo{grid-template-columns:.85fr 1.15fr;gap:16px;margin-top:24px;display:grid}.workflow-body .agent-panel{border:1px solid var(--agent-line);background:#fff;border-radius:18px;overflow:hidden}.workflow-body .agent-panel-head{border-bottom:1px solid var(--agent-line);color:#746e67;letter-spacing:.06em;padding:12px 16px;font-size:12px;font-weight:800}.workflow-body .agent-input{color:#58524c;padding:22px;font-size:14px;line-height:1.8}.workflow-body .agent-input em{background:#fff0cb;font-style:normal}.workflow-body .agent-output{color:#ede9e3;background:#24211f;padding:20px;font-size:13px;line-height:1.7}.workflow-body .agent-output-title{color:#ffbf84;margin:0 0 8px;font-weight:800}.workflow-body .agent-output-rule{background:#45413e;height:1px;margin:15px 0}.workflow-body .agent-output table{border-collapse:collapse;width:100%;font-size:12px}.workflow-body .agent-output th,.workflow-body .agent-output td{text-align:left;vertical-align:top;border:1px solid #514c48;padding:8px}.workflow-body .agent-output th{color:#c7c0b8;font-weight:700}.workflow-body .agent-badge{color:#bff0d4;background:#3f594b;border-radius:6px;margin-right:5px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-block}.workflow-body .agent-badge-warn{color:#ffd594;background:#5c4629}.workflow-body .agent-deliverables{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.workflow-body .agent-deliverable{border:1px solid var(--agent-line);background:#fff;border-radius:20px;padding:26px;box-shadow:0 8px 30px #4e3e2a0f}.workflow-body .agent-label{color:var(--agent-accent);letter-spacing:.05em;font-size:12px;font-weight:800}.workflow-body .agent-deliverable ul{color:var(--agent-muted);margin:15px 0 0;padding-left:20px;font-size:14px}.workflow-body .agent-deliverable li+li{margin-top:7px}.workflow-body .agent-table-wrap{border:1px solid var(--agent-line);border-radius:18px;margin-top:24px;overflow-x:auto}.workflow-body .agent-table{border-collapse:collapse;width:100%;min-width:620px;font-size:14px}.workflow-body .agent-table th,.workflow-body .agent-table td{border-bottom:1px solid var(--agent-line);text-align:left;vertical-align:top;padding:12px 14px}.workflow-body .agent-table th{color:var(--agent-muted);background:#f7f5f1;font-size:12px;font-weight:800}.workflow-body .agent-table tr:last-child td{border-bottom:none}.workflow-body .agent-table td:first-child{white-space:nowrap;font-weight:800}.workflow-body .agent-feature{border:1px solid var(--agent-line);background:#fff;border-radius:20px;grid-template-columns:82px 1fr;gap:22px;margin-top:16px;padding:26px;display:grid}.workflow-body .agent-feature-number{color:var(--agent-accent);letter-spacing:.05em;font-size:12px;font-weight:800}.workflow-body .agent-feature p{color:var(--agent-muted);font-size:14px;line-height:1.7}.workflow-body .agent-feature-example{border-left:3px solid var(--agent-accent);background:var(--agent-cream);color:#514c46;border-radius:0 10px 10px 0;margin-top:14px;padding:14px 16px;font-size:14px}.workflow-body .agent-feature-list{color:#514c46;grid-template-columns:1fr 1fr;gap:8px 18px;margin:14px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.workflow-body .agent-feature-list li:before{content:"✓";color:var(--agent-accent);margin-right:7px;font-weight:800}.workflow-body .agent-guardrails{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;display:grid}.workflow-body .agent-guardrail{background:#f7f5f1;border-radius:16px;padding:20px}.workflow-body .agent-guardrail b{margin-bottom:6px;display:block}.workflow-body .agent-guardrail p{color:var(--agent-muted);font-size:14px;line-height:1.6}@media (width<=720px){.workflow-body{padding:28px 18px 60px}.workflow-body h2{margin-top:54px;font-size:25px}.workflow-body .agent-values,.workflow-body .agent-guardrails,.workflow-body .agent-requirements,.workflow-body .agent-demo,.workflow-body .agent-deliverables,.workflow-body .agent-compare-grid,.workflow-body .agent-feature-list{grid-template-columns:1fr}.workflow-body .agent-flow{grid-template-columns:1fr;gap:12px}.workflow-body .agent-step-arrow{display:none}.workflow-body .agent-compare-col:first-child{border-bottom:1px solid #efd8c8;border-right:0;padding:0 0 20px}.workflow-body .agent-feature{grid-template-columns:1fr;gap:8px}}@media (width<=420px){.workflow-body{padding-left:14px;padding-right:14px}.workflow-body h2{font-size:22px}}.workflow-body .workflow-locked{border:1px dashed var(--agent-line);background:var(--agent-cream);color:var(--agent-muted);text-align:center;border-radius:18px;margin-top:24px;padding:28px 24px;font-size:14px}.workflow-body .workflow-locked:before{content:"🔒 "}}