.wp{max-width:1180px;margin:0 auto;padding:24px 20px 60px}.wp-head{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:linear-gradient(120deg,#ff9a3d,#f9630f 60%,#ef5b0b);border-radius:16px;padding:20px 26px;margin-bottom:22px;color:#fff;box-shadow:0 8px 22px #f9630f47}.wp-head:after{content:"";position:absolute;right:-46px;top:-56px;width:200px;height:200px;border-radius:50%;background:#ffffff24;pointer-events:none}.wp-head:before{content:"";position:absolute;right:78px;bottom:-70px;width:130px;height:130px;border-radius:50%;background:#ffffff1a;pointer-events:none}.hd-main{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.logo-dot{width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ffffff47;flex:none}.wp-title{font-size:22px;font-weight:800;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.12)}.wp-sub{font-size:13px;color:#ffffffeb;background:#00000024;padding:6px 14px;border-radius:999px;position:relative;z-index:1}.wp-err{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-weight:600;font-size:13px;padding:10px 14px;border-radius:10px;margin-bottom:16px}.wp-layout{display:grid;grid-template-columns:minmax(280px,350px) 1fr;grid-template-areas:"cards stage";gap:20px;align-items:start}.wp-cards{grid-area:cards;display:grid;gap:16px}.stage-card{grid-area:stage}.card{background:#fff;border:1px solid #eef0f3;border-radius:14px;box-shadow:0 1px 3px #1018280f,0 6px 18px #1018280a;padding:18px;position:relative}.card-h{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;color:#111827;padding-bottom:13px;margin-bottom:14px;border-bottom:1px solid #f1f2f4}.step{width:22px;height:22px;border-radius:7px;color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none;box-shadow:0 2px 6px #1018282e}.s1{background:linear-gradient(135deg,#ffb45e,#f9630f)}.s2{background:linear-gradient(135deg,#7ab8ff,#2f6fe4)}.s3{background:linear-gradient(135deg,#b79bff,#7c4dff)}.s4{background:linear-gradient(135deg,#4ade80,#0ea371)}.card-hot:before{content:"";position:absolute;left:0;top:0;right:0;height:5px;border-radius:14px 14px 0 0;background:linear-gradient(90deg,#ff9a3d,#f9630f,#ffb45e)}.tip{font-size:12px;color:#8a919f;margin-top:10px;line-height:1.6}.drop{border:2px dashed #f3c6a6;background:#fff8f1;border-radius:12px;padding:26px 12px;text-align:center;cursor:pointer;display:grid;gap:6px;justify-items:center;transition:all .15s;-webkit-user-select:none;user-select:none}.drop:hover{border-color:#f9630f;background:#fff1e3}.drop.on{border-style:solid;border-color:#9fe3bd;background:#f0fbf5}.drop-plus{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#ffb45e,#f9630f);color:#fff;font-size:26px;font-weight:300;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #f9630f4d}.drop-ok{font-weight:800;color:#0e9f6e;font-size:15px}.drop-meta{font-size:12px;color:#6b7280}.drop-act{font-size:13px;font-weight:600;color:#f9630f}.btn{display:inline-block;border-radius:10px;padding:11px 16px;font-weight:700;font-size:14px;text-align:center;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-main{width:100%;background:linear-gradient(135deg,#ff9a3d,#f9630f);color:#fff;font-size:15px;letter-spacing:1px;box-shadow:0 4px 14px #f9630f59}.btn-main:hover:not(:disabled){filter:brightness(1.06)}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#0e9f6e}.btn-ghost{width:100%;background:#fff;border-color:#d3d7de;color:#374151}.btn-ghost:hover:not(:disabled){border-color:#f9630f;color:#f9630f;background:#fff8f1}.btn-danger{background:#fef2f2;border-color:#fecaca;color:#dc2626}.btn-danger:hover:not(:disabled){background:#fee2e2}.btn-dl{margin-top:12px;box-shadow:0 4px 12px #10b9814d}.row-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.row-btns .btn{padding:9px 6px;font-size:13px}.code-list{list-style:none;display:grid;gap:8px;margin-top:12px}.code-item{display:flex;align-items:center;gap:10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;padding:6px 10px;cursor:pointer;transition:all .15s}.code-item:hover{border-color:#f3c6a6;background:#fff8f1}.code-item.sel{background:#fff1e3;border-color:#f9630f;box-shadow:0 2px 8px #f9630f1f}.code-thumb{width:36px;height:36px;object-fit:contain;border:1px solid #e5e7eb;border-radius:6px;background:#fff;flex:none}.code-name{flex:1;font-size:12px;color:#374151;word-break:break-all;line-height:1.3}.code-del{border:none;background:#fee2e2;color:#dc2626;width:24px;height:24px;border-radius:8px;font-weight:700;line-height:1;flex:none}.code-del:hover{background:#fecaca}.row{display:flex;align-items:center;gap:12px}.row-l{font-size:13px;font-weight:700;width:34px;flex:none;color:#374151}.row-v{font-size:13px;font-weight:800;width:46px;text-align:center;flex:none;color:#f9630f;background:#fff1e3;border-radius:6px;padding:2px 0}.range{flex:1;accent-color:#f9630f;height:24px;cursor:pointer}.result{width:100%;border:1px solid #e5e7eb;border-radius:10px;margin-top:14px;background:#f9fafb;padding:4px}.stage-card{background:#fff;border:1px solid #eef0f3;border-radius:14px;box-shadow:0 1px 3px #1018280f,0 6px 18px #1018280a;padding:18px;position:sticky;top:16px}.stage-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:#111827;margin-bottom:13px}.stage-title em{font-style:normal;font-size:12px;font-weight:500;color:#9aa1ad;margin-left:4px}.tt-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#ff9a3d,#f9630f);box-shadow:0 0 0 3px #f9630f2e;flex:none}.stage-shell{background:#eef0f3;border:1px solid #e2e5e9;border-radius:12px;padding:16px;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:22px 22px}.stage{position:relative;width:100%;overflow:hidden;background:#fff;border:1px solid #dfe3e8;border-radius:6px;box-shadow:0 2px 10px #10182814;touch-action:none;-webkit-user-select:none;user-select:none}.bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:8px;color:#aab0ba;font-weight:600;pointer-events:none}.empty-plus{width:54px;height:54px;border-radius:50%;border:2px dashed #c6ccd4;font-size:30px;font-weight:300;display:inline-flex;align-items:center;justify-content:center}.code-layer{position:absolute;transform:translate(-50%,-50%);cursor:move}.code-layer img{display:block;width:100%;height:auto;pointer-events:none}.code-layer.sel img{outline:2px solid #f9630f;outline-offset:3px}.scale-handle{position:absolute;right:-13px;bottom:-13px;width:18px;height:18px;background:#fff;border:2px solid #f9630f;border-radius:50%;box-shadow:0 1px 4px #10182833;cursor:nwse-resize}@media(max-width:960px){.wp-layout{grid-template-columns:1fr;grid-template-areas:"cards" "stage"}.stage-card{position:static}.wp-sub{margin-left:26px}}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;background:#f6f7f9;color:#111827;line-height:1.5;-webkit-font-smoothing:antialiased}img{max-width:100%}button{font:inherit;color:inherit}input[type=file]{display:none}