.wf-root{--wf-accent:#397e85;--wf-muted:#798a85;--wf-line:#dae7e0;color:#243b3b;min-width:0;font-size:14px;line-height:1.6}.wf-root *{box-sizing:border-box}.wf-root [hidden]{display:none!important}.wf-heading{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.wf-heading h2{font-size:24px;line-height:1.4;margin:5px 0 8px}.wf-heading p{margin:0;color:var(--wf-muted);font-size:13px}.wf-kicker{font-size:10px;letter-spacing:2px;color:var(--wf-accent)}.wf-price{flex-shrink:0;font-size:13px;border:1px solid var(--wf-line);border-radius:20px;padding:7px 13px;background:#f5faf6}.wf-steps{display:flex;border-bottom:1px solid var(--wf-line);gap:10px;padding-bottom:18px;margin-bottom:24px}.wf-root button{font:inherit;cursor:pointer}.wf-steps button{flex:1;display:flex;justify-content:center;align-items:center;gap:9px;border:0;border-radius:10px;padding:10px 8px;background:#f0f5f0;color:#7a8c85;font-size:12px}.wf-steps button span{font-size:11px;opacity:.8}.wf-steps button.active{background:#397e85;color:white}.wf-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.wf-field{min-width:0}.wf-field.wf-wide{grid-column:1/-1}.wf-root label{display:block;margin:0 0 8px;font-size:13px;font-weight:600}.wf-root label em{font-style:normal;color:#ab5148;margin-left:5px}.wf-root label small{margin-left:8px;font-weight:400;font-size:11px;color:#90a096}.wf-root input:not([type=file]),.wf-root select,.wf-root textarea{font:inherit;display:block;width:100%;padding:11px 12px;border:1px solid #d6e2da;border-radius:9px;background:#fff;color:inherit;max-width:100%;font-size:13px}.wf-root textarea{resize:vertical;min-height:108px;line-height:1.8}.wf-root input:focus,.wf-root textarea:focus,.wf-root select:focus,.wf-root button:focus-visible,.wf-drop:focus-visible{outline:2px solid #88b5b1;outline-offset:3px}.wf-root select:disabled{color:#586d65;background:#f2f6f3;opacity:1}.wf-help,.wf-footer{font-size:11px;color:var(--wf-muted);margin:8px 0;line-height:1.8}.wf-counter{display:block;text-align:right;font-size:10px;color:#91a096;margin-top:5px}.wf-field-error{display:block;font-size:12px;color:#b14c41;line-height:1.6;margin-top:5px}.wf-drop{border:1px dashed #94bab5;background:#f2f8f4;border-radius:13px;padding:28px 18px;text-align:center;cursor:pointer;transition:background .2s}.wf-drop:hover,.wf-drop.drag{background:#e6f4ef}.wf-upload-symbol{display:block;font-size:27px;color:var(--wf-accent);line-height:1.4;margin-bottom:8px}.wf-drop strong{display:block;font-size:13px}.wf-drop small{display:block;color:var(--wf-muted);margin-top:7px;font-size:11px}.wf-file-list{list-style:none;margin:10px 0 0;padding:0}.wf-file-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f3f7f3;border:1px solid #e0e9e2;border-radius:8px;padding:10px 12px;margin-top:7px}.wf-file-list li>span{overflow-wrap:anywhere;min-width:0;font-size:12px}.wf-file-list small{display:block;color:var(--wf-muted);font-size:10px}.wf-file-list button{padding:2px 8px;border:0;background:none;font-size:20px}.wf-remote{margin-top:14px;font-size:12px;color:var(--wf-muted)}.wf-remote summary{cursor:pointer}.wf-remote>div{display:flex;gap:8px;margin:10px 0}.wf-remote input{min-width:0}.wf-remote button{flex-shrink:0}.wf-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--wf-line);padding-top:20px;margin-top:10px}.wf-actions>div,.wf-result-actions{display:flex;gap:10px;flex-wrap:wrap}.wf-root button:not(.wf-steps button){border:1px solid #cfded6;border-radius:9px;padding:9px 15px;background:white;font-size:12px;color:#476a62}.wf-root .wf-primary{background:var(--wf-accent)!important;color:white!important;border-color:var(--wf-accent)!important}.wf-root button:disabled{opacity:.5;cursor:wait}.wf-status{min-height:20px;font-size:12px;color:#b14c41;margin:18px 0 8px}.wf-notice{padding:13px 16px;border-radius:10px;background:#edf5ef;color:#547268;font-size:12px;margin-bottom:20px}.wf-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.wf-summary>div{padding:12px 14px;background:#f6f8f3;border-radius:9px;min-width:0}.wf-summary dt{color:var(--wf-muted);font-size:11px}.wf-summary dd{margin:5px 0 0;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:160px;overflow:auto}.wf-result{border:1px solid var(--wf-line);padding:22px;border-radius:12px;margin-top:22px;background:#f4f9f5}.wf-result h3{margin:0 0 8px;font-size:17px}.wf-result p{color:var(--wf-muted);font-size:12px}.wf-result pre{font:13px/1.8 inherit;white-space:pre-wrap;overflow-wrap:anywhere;max-height:550px;overflow:auto}.wf-result a{display:inline-block;margin:10px 0;color:var(--wf-accent);text-decoration:underline}.wf-footer{margin-top:18px}.workflow-standalone{padding:26px}.workspace:has(.workflow-standalone:not([hidden])){grid-template-columns:minmax(0,1fr)}.workflow-standalone[hidden]{display:none!important}.workflow-paper .wf-primary{border-radius:24px!important;background:linear-gradient(120deg,#5399a0,#7dbdc2)!important}.workflow-ppt{--wf-accent:#617f6c}.workflow-ppt .wf-steps button.active{background:#617f6c}.workflow-ppt .wf-drop{background:#f5f8ef}.workflow-ppt .wf-heading h2{font-size:23px}
@media(max-width:700px){.wf-heading{flex-wrap:wrap;gap:10px}.wf-heading h2{font-size:21px}.wf-fields,.wf-summary{grid-template-columns:1fr}.wf-field.wf-wide{grid-column:auto}.wf-steps{gap:5px}.wf-steps button{font-size:11px;gap:5px;padding:10px 4px}.wf-actions{flex-wrap:wrap}.wf-actions>div{margin-left:auto}.workflow-standalone{padding:19px 16px}.wf-result{padding:16px}.wf-remote>div{flex-wrap:wrap}.wf-remote button{width:100%}.wf-drop{padding:24px 12px}}

/* Standalone product prices sit at the top right of the input card. */
.wf-root:has(>.wf-usage-price),.extra-panel:has(>.wf-usage-price){position:relative}
.wf-usage-price{position:absolute;top:26px;right:26px;display:block;width:max-content;max-width:100%;margin:0;padding:12px 16px;border:1px solid #2f7379;border-radius:12px;background:linear-gradient(135deg,#397e85,#285f67);color:#e5f5f4;font-size:12px;line-height:1.4;box-shadow:0 5px 15px #285f6726;white-space:nowrap}
.wf-usage-price strong{margin-left:5px;color:#fff;font-size:21px;font-weight:700}
.wf-root:has(>.wf-usage-price)>.wf-heading,.extra-panel:has(>.wf-usage-price)>.extra-heading{padding-right:175px;min-height:60px}
@media(max-width:700px){.wf-usage-price{position:static;margin:0 0 16px auto;padding:9px 12px;border-radius:10px}.wf-usage-price strong{font-size:19px}.wf-root:has(>.wf-usage-price)>.wf-heading,.extra-panel:has(>.wf-usage-price)>.extra-heading{padding-right:0;min-height:0}}

/* ===== task-35 Phase 1：结果恢复 / 当前任务卡片 / 费用说明 ===== */
.wf-task-state{border:1px solid #b9d7c9;background:#f1faf4;border-radius:14px;padding:16px 18px;margin:0 0 18px;font-size:13px;overflow-wrap:anywhere;box-shadow:0 6px 18px #2f6b4a12}
.wf-current-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.wf-current-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.wf-current-kicker{font-size:11px;letter-spacing:1px;color:#397e85;border:1px solid #9cc6bd;border-radius:20px;padding:3px 9px;background:#eaf6f1;white-space:nowrap}
.wf-current-title strong{font-size:17px;color:#1f5b4f}
.wf-current-taskno{font-size:12px;color:#4d6b62;overflow-wrap:anywhere}
.wf-current-taskno code{background:#e5f2ec;border-radius:6px;padding:2px 6px;font-size:12px;overflow-wrap:anywhere}
.wf-current-taskno button{border:1px solid #b7d2c8;background:#fff;border-radius:7px;padding:4px 9px;font-size:11px;color:#397e85;cursor:pointer;margin-left:6px}
.wf-current-message{margin:9px 0 0;font-size:13px;color:#3e5a52;line-height:1.7}
.wf-current-error{margin:9px 0 0;font-size:13px;color:#a8453a;background:#fdf0ee;border:1px solid #f0cfca;border-radius:8px;padding:9px 11px;line-height:1.6}
.wf-current-meta{display:flex;gap:8px 16px;flex-wrap:wrap;margin:10px 0 0;font-size:12px;color:#5b7a70}
.wf-current-meta b{color:#1f5b4f}
.wf-current-live{color:#397e85}
.wf-current-fee{margin:8px 0 0;font-size:12px;color:#5a6f68;line-height:1.6}
.wf-current-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.wf-current-actions button{border:1px solid #b7d2c8;background:#fff;border-radius:8px;padding:8px 12px;font-size:12px;color:#397e85;cursor:pointer}
.wf-current-warn{color:#a8453a;font-size:12px;margin:8px 0 0}
.wf-task-state progress{display:block;width:100%;height:8px;margin-top:10px;accent-color:#397e85}
.wf-result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.wf-result-badge{display:inline-block;background:#dff2e7;color:#1f6b4f;border:1px solid #b7dcc8;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:700;white-space:nowrap}
.wf-result-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin:12px 0 16px;padding:12px 14px;background:#fff;border:1px solid #d7e6dd;border-radius:10px;font-size:12px;color:#3e5a52}
.wf-result-meta-item{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;overflow-wrap:anywhere;min-width:0}
.wf-meta-label{color:#708a80;font-size:11px}
.wf-result-meta code{background:#eef6f1;border-radius:6px;padding:2px 6px;font-size:12px;overflow-wrap:anywhere}
.wf-result-meta .wf-copy-task{border:1px solid #c6dcd2;border-radius:7px;padding:3px 8px;font-size:11px;background:#f6fbf8;color:#397e85;cursor:pointer}
.wf-meta-done{color:#1f6b4f}
.wf-result-fee{flex:1 1 100%;font-weight:600;color:#1f5148;background:#f1f8f4;border:1px solid #d3e7db;border-radius:8px;padding:8px 10px}
.wf-result-fee-note{flex:1 1 100%;color:#5b7a70;font-size:12px}
.wf-result-main{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.wf-result-hint{font-size:12px;color:#8a6a3c;background:#fdf6e8;border:1px solid #efdcb5;border-radius:8px;padding:8px 11px;line-height:1.6}
.wf-download-primary,.wf-root a.wf-primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:linear-gradient(120deg,#397e85,#5399a0);color:#fff!important;border:1px solid #397e85;border-radius:10px;padding:12px 22px;font-size:14px;font-weight:700;box-shadow:0 6px 16px #397e8533;min-height:44px}
.wf-download-primary:hover,.wf-root a.wf-primary:hover{filter:brightness(1.06)}
.wf-result-links{display:flex;flex-direction:column;gap:6px;margin:8px 0 0}
.wf-result-file{color:#397e85;text-decoration:underline;font-size:13px;overflow-wrap:anywhere}
.wf-fee{margin:18px 0 0;padding:16px 18px;border:2px solid #397e85;border-radius:12px;background:linear-gradient(135deg,#eef8f4,#e4f2ec);box-shadow:0 6px 18px #2f6b4a14}
.wf-fee h4{margin:0 0 6px;font-size:13px;letter-spacing:1px;color:#2f6b60}
.wf-fee-main{margin:0;font-size:15px;font-weight:700;color:#1f5148;line-height:1.7}
.wf-fee-note{margin:6px 0 0;font-size:12px;color:#5b7a70;line-height:1.6}
.wf-task-query{padding:12px 14px;margin:0 0 14px;background:#f4f9f5;border:1px solid #dbe8e0;border-radius:10px}
.wf-task-query label{display:block;font-size:12px;font-weight:700;color:#31594c;margin:0 0 8px}
.wf-task-query-row{display:flex;gap:8px;flex-wrap:wrap}
.wf-task-query input{flex:1 1 220px;min-width:0;padding:9px 11px;border:1px solid #cfe0d6;border-radius:8px;font:inherit;font-size:13px;background:#fff}
.wf-task-query button{border:1px solid #397e85;background:#397e85;color:#fff;border-radius:8px;padding:9px 14px;font-size:13px;cursor:pointer;flex-shrink:0}
.wf-task-query-status{margin:8px 0 0;font-size:12px;color:#5b7a70;line-height:1.6;min-height:18px}
.wf-task-query-status.is-error{color:#a8453a}
.wf-result-status{margin:4px 0 0}
@media(max-width:700px){
 .wf-result-meta{flex-direction:column;gap:8px}
 .wf-result-head{flex-wrap:wrap}
 .wf-task-query-row{flex-direction:column}
 .wf-task-query button{width:100%}
 .wf-current-head{flex-direction:column;align-items:flex-start}
 .wf-fee{padding:13px 14px}
 .wf-fee-main{font-size:14px}
 .wf-download-primary,.wf-root a.wf-primary{width:100%;justify-content:center}
}

/* ===== 2026-10-28 Phase 2/3：独立页零售支付面板 / 流式进度 / 完成通知 ===== */
.wf-pay{margin:0 0 18px;padding:18px 20px;border:2px solid #397e85;border-radius:14px;background:linear-gradient(135deg,#f1faf6,#e9f5ef);box-shadow:0 8px 22px #2f6b4a14}
.wf-pay-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px}
.wf-pay-kicker{font-size:11px;letter-spacing:1px;color:#397e85;border:1px solid #9cc6bd;border-radius:20px;padding:3px 9px;background:#eaf6f1;white-space:nowrap}
.wf-pay-head strong{font-size:17px;color:#1f5b4f}
.wf-pay-login p{margin:0 0 8px;font-size:13px;color:#3e5a52;line-height:1.7}
.wf-pay-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 18px;margin:0 0 10px;padding:0}
.wf-pay-meta>div{min-width:0}
.wf-pay-meta dt{font-size:11px;color:#708a80;margin:0 0 2px}
.wf-pay-meta dd{margin:0;font-size:13px;color:#1f5148;font-weight:600;overflow-wrap:anywhere;line-height:1.6}
.wf-pay-meta code{background:#e5f2ec;border-radius:6px;padding:2px 6px;font-size:12px;font-weight:500;overflow-wrap:anywhere}
.wf-pay-meta dd button{margin-left:6px;border:1px solid #b7d2c8;background:#fff;border-radius:7px;padding:2px 8px;font-size:11px;color:#397e85;cursor:pointer}
.wf-pay-note{margin:6px 0 0;font-size:12px;color:#5b7a70;line-height:1.7}
.wf-pay-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 0}
.wf-pay-actions button{border:1px solid #397e85;background:#fff;color:#2f6b60;border-radius:9px;padding:9px 14px;font-size:13px;cursor:pointer}
.wf-pay-actions button[data-pay-check],.wf-pay-actions button[data-pay-retry]{background:#397e85;color:#fff}
.wf-pay-actions button[data-pay-cancel]{border-color:#c9d8d0;color:#6b7f77}
.wf-pay-primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:linear-gradient(120deg,#397e85,#5399a0);color:#fff!important;border:1px solid #397e85;border-radius:9px;padding:10px 18px;font-size:13px;font-weight:700;min-height:40px}
.wf-pay-primary:hover{filter:brightness(1.06)}
.wf-current-progress{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.wf-current-progress progress{flex:1 1 220px;height:9px;min-width:120px;accent-color:#397e85}
.wf-current-progress-text{font-size:12px;color:#2f6b60;overflow-wrap:anywhere}
.wf-current-progress small{font-size:12px;color:#397e85;font-weight:700}
.wf-current-released{margin:8px 0 0;font-size:12px;color:#8a6a3c;background:#fdf6e8;border:1px solid #efdcb5;border-radius:8px;padding:8px 11px;line-height:1.6}
.wf-task-progress{margin:2px 0 0;font-size:11px;color:#397e85}
.wf-result-inbox{flex:1 1 100%;color:#397e85;background:#eef7f3;border:1px solid #d3e7db;border-radius:8px;padding:8px 10px}
.wf-toast-stack{position:fixed;right:20px;bottom:24px;z-index:2147483000;display:flex;flex-direction:column;gap:10px;max-width:min(380px,calc(100vw - 32px))}
.wf-toast{opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease;background:#1f2f2b;color:#f4fbf7;border:1px solid #3d5a51;border-radius:12px;padding:12px 16px;font-size:13px;line-height:1.6;box-shadow:0 10px 30px #1b2a3138;cursor:pointer;overflow-wrap:anywhere}
.wf-toast.show{opacity:1;transform:translateY(0)}
.wf-toast-success{background:#1c4f3f;border-color:#2f7a5f}
.wf-toast-error{background:#6b2a22;border-color:#a8453a}
@media(max-width:700px){
 .wf-pay{padding:14px}
 .wf-pay-actions button{width:100%}
 .wf-pay-primary{width:100%}
 .wf-toast-stack{left:16px;right:16px;bottom:16px;max-width:none}
}

