.library{display:flex;flex-direction:column;gap:14px}.lib-head{display:flex;align-items:center;gap:10px;padding-bottom:13px;margin-bottom:14px;border-bottom:1px solid #f1f2f4}.lib-title{font-size:16px;font-weight:800;color:#111827;white-space:nowrap}.lib-count{font-size:13px;font-weight:600;color:#8a919f}.lib-head .lib-upload{width:auto;flex:none;margin-left:auto;padding:7px 18px;font-size:13px;letter-spacing:0}.lib-groups{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}.lib-groups-l{font-size:13px;font-weight:700;color:#374151;margin-right:2px}.gchip{display:inline-flex;align-items:center;gap:6px;border:1px solid #e5e7eb;background:#fff;color:#374151;border-radius:8px;padding:5px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.gchip:hover{border-color:#bfd4f7;color:#1d4ed8}.gchip.on{background:#eff4ff;border-color:#2563eb;color:#1d4ed8}.gchip-n{font-size:11px;color:#8a919f;font-weight:600}.gchip.on .gchip-n{color:#1d4ed8}.gchip-add{border-style:dashed;color:#2563eb}.gchip-mgr{margin-left:auto}.gchip-wrap{display:inline-flex;align-items:center;gap:6px}.gchip-ops{display:inline-flex;gap:4px}.mini{border:1px solid #dbe4f3;background:#fff;color:#475569;border-radius:6px;font-size:12px;padding:3px 9px;cursor:pointer;transition:all .15s}.mini:hover{background:#eff4ff;color:#1d4ed8;border-color:#bfd4f7}.mini-del{color:#dc2626;border-color:#fecaca}.mini-del:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.mini-ok{color:#fff;background:#2563eb;border-color:#2563eb}.mini-ok:hover{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.cat-inp{border:1px solid #2563EB;border-radius:8px;padding:5px 10px;font-size:13px;width:130px;outline:none}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px 14px}.tile{display:grid;gap:8px}.tile-box{position:relative;aspect-ratio:1 / 1;border:2px solid #eef0f3;border-radius:10px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color .15s,box-shadow .15s}.tile-box:hover{border-color:#2563eb;box-shadow:0 4px 14px #2563eb2e}.tile-img{max-width:100%;max-height:100%;object-fit:contain;display:block}.tile-off{position:absolute;left:6px;top:6px;background:#fef2f2;color:#dc2626;font-size:11px;font-weight:700;border-radius:999px;padding:1px 8px}.tile-ops{position:absolute;top:6px;right:6px;display:none;flex-direction:column;gap:4px}.tile-box:hover .tile-ops{display:flex}.top-btn{border:1px solid #dbe4f3;background:#fffffff5;color:#1d4ed8;font-size:12px;font-weight:600;border-radius:6px;padding:4px 9px;cursor:pointer;white-space:nowrap;box-shadow:0 1px 4px #1018281f;transition:all .15s}.top-btn:hover{background:#2563eb;color:#fff;border-color:#2563eb}.top-del{color:#dc2626;border-color:#fecaca}.top-del:hover{background:#dc2626;color:#fff;border-color:#dc2626}.tile-menu{position:absolute;top:34px;right:6px;z-index:5;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #10182829;padding:4px;display:grid;gap:2px;min-width:100px}.tile-menu-i{border:none;background:transparent;text-align:left;font-size:12px;color:#374151;padding:6px 10px;border-radius:6px;cursor:pointer}.tile-menu-i:hover{background:#eff4ff;color:#1d4ed8}.tile-menu-i.on{color:#1d4ed8;font-weight:700;background:#f5f8ff}.tile-name{font-size:12px;color:#374151;text-align:center;line-height:1.4;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-inp{width:100%;border:1px solid #2563EB;border-radius:6px;padding:3px 6px;font-size:12px;outline:none;text-align:center}.tile-anchor{position:absolute;left:6px;bottom:6px;background:#f5b301f2;color:#6b4a00;font-size:11px;font-weight:700;border-radius:999px;padding:1px 8px}.lib-modal-b.anchor-body{grid-template-columns:1fr}.anchor-stage{position:relative;width:100%;display:flex;align-items:center;justify-content:center;background:#eef1f5;border:1px solid #e2e5e9;border-radius:10px;padding:10px;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.anchor-canvas{position:relative;display:inline-block;max-width:100%;line-height:0}.anchor-img{display:block;max-width:100%;max-height:54vh;pointer-events:none}.anchor-box{position:absolute;transform:translate(-50%,-50%);aspect-ratio:1 / 1;border:2px dashed #F5B301;background:#f5b30133;border-radius:6px;box-sizing:border-box;cursor:move}.anchor-handle{position:absolute;right:-8px;bottom:-8px;width:16px;height:16px;background:#fff;border:2px solid #F5B301;border-radius:50%;box-shadow:0 1px 4px #10182833;cursor:nwse-resize}.lib-modal-f .btn-danger{margin-right:auto}.lib-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.lib-modal{background:#fff;border-radius:14px;width:100%;max-width:560px;box-shadow:0 20px 50px #0f172a4d;overflow:hidden;animation:lib-pop .18s ease-out}@keyframes lib-pop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.lib-modal-h{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #eef0f3;font-size:15px;font-weight:700;color:#111827}.lib-modal-x{border:none;background:transparent;font-size:24px;line-height:1;color:#6b7280;cursor:pointer;padding:0 4px}.lib-modal-x:hover{color:#111827}.lib-modal-b{padding:18px;display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:start}.lib-modal-f{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid #eef0f3;background:#fafbfc}.lib-modal-f .btn{width:auto;padding:9px 22px}.edit-pick{border:2px dashed #BFD4F7;background:#f5f8ff;border-radius:12px;min-height:190px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:all .15s}.edit-pick:hover{border-color:#2563eb;background:#eff4ff}.edit-prev{width:100%;display:block}.edit-empty{text-align:center;color:#2563eb;font-weight:700;font-size:13px;line-height:2;padding:18px}.edit-empty span{display:block;color:#8a919f;font-weight:500;font-size:12px}.edit-fields{display:grid;gap:12px}@media(max-width:960px){.lib-modal-b{grid-template-columns:1fr}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px 10px}.gchip-mgr{margin-left:0}}.pk-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:110;padding:16px}.pk-modal{background:#fff;border-radius:14px;width:100%;max-width:840px;max-height:86vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #0f172a4d;overflow:hidden;animation:pk-pop .18s ease-out}@keyframes pk-pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.pk-head{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid #eef0f3}.pk-title{font-size:16px;font-weight:800;color:#111827}.pk-count{font-size:13px;font-weight:600;color:#8a919f}.pk-x{margin-left:auto;border:none;background:transparent;font-size:24px;line-height:1;color:#6b7280;cursor:pointer;padding:0 4px}.pk-x:hover{color:#111827}.pk-groups{display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px 0}.pk-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #e5e7eb;background:#fff;color:#374151;border-radius:8px;padding:5px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.pk-chip:hover{border-color:#bfd4f7;color:#1d4ed8}.pk-chip.on{background:#eff4ff;border-color:#2563eb;color:#1d4ed8}.pk-n{font-size:11px;color:#8a919f;font-weight:600}.pk-chip.on .pk-n{color:#1d4ed8}.pk-body{padding:16px 18px;overflow-y:auto;flex:1}.pk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px 14px}.pk-tile{border:none;background:transparent;padding:0;cursor:pointer;display:grid;gap:8px}.pk-box{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;border:2px solid #eef0f3;border-radius:10px;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s}.pk-tile:hover .pk-box{border-color:#2563eb;box-shadow:0 4px 14px #2563eb2e}.pk-img{max-width:100%;max-height:100%;object-fit:contain;display:block}.pk-name{font-size:12px;color:#374151;line-height:1.4;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pk-foot{padding:12px 18px;border-top:1px solid #eef0f3;background:#fafbfc;font-size:12px;color:#8a919f;text-align:center}@media(max-width:960px){.pk-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px 10px}}.courses{display:flex;flex-direction:column;gap:14px}.cs-head{display:flex;align-items:center;gap:10px;padding-bottom:13px;margin-bottom:14px;border-bottom:1px solid #f1f2f4}.cs-title{font-size:16px;font-weight:800;color:#111827;white-space:nowrap}.cs-count{font-size:13px;font-weight:600;color:#8a919f}.cs-head .cs-add{width:auto;flex:none;margin-left:auto;padding:7px 18px;font-size:13px;letter-spacing:0}.cs-list{list-style:none;display:grid;gap:10px}.cs-item{display:flex;align-items:center;gap:12px;border:1px solid #e5e7eb;border-radius:12px;padding:10px 14px;background:#fff;transition:border-color .15s,box-shadow .15s}.cs-item:hover{border-color:#bfd4f7;box-shadow:0 2px 10px #2563eb1a}.cs-thumb{width:46px;height:46px;flex:none;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;display:flex;align-items:center;justify-content:center;overflow:hidden}.cs-thumb img{max-width:100%;max-height:100%;object-fit:contain;display:block}.cs-thumb-empty{font-size:11px;color:#a3aab6}.cs-img{display:flex;align-items:center;gap:12px}.cs-img-box{width:76px;height:76px;flex:none;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb;display:flex;align-items:center;justify-content:center;overflow:hidden}.cs-img-box img{max-width:100%;max-height:100%;object-fit:contain;display:block}.cs-img-empty{font-size:12px;color:#a3aab6}.cs-img-ops{display:flex;flex-direction:column;gap:8px}.cs-img-ops .btn{width:auto;padding:7px 14px;font-size:13px}.cs-main{flex:1;min-width:0}.cs-name{font-size:14px;font-weight:700;color:#111827;word-break:break-all}.cs-off{margin-left:8px;background:#fef2f2;color:#dc2626;font-size:11px;font-weight:700;border-radius:999px;padding:1px 8px}.cs-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}.cs-keid{font-size:11px;font-weight:700;color:#1d4ed8;background:#eff4ff;border-radius:6px;padding:2px 8px}.cs-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:#475569;background:#f4f6f9;border:1px solid #e8ecf2;border-radius:6px;padding:2px 8px;word-break:break-all}.cs-acts{display:flex;gap:8px;flex:none}.cs-acts .btn{width:auto;padding:7px 14px;font-size:13px}.cs-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.cs-modal{background:#fff;border-radius:14px;width:100%;max-width:520px;box-shadow:0 20px 50px #0f172a4d;overflow:hidden;animation:cs-pop .18s ease-out}@keyframes cs-pop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.cs-modal-h{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #eef0f3;font-size:15px;font-weight:700;color:#111827}.cs-modal-x{border:none;background:transparent;font-size:24px;line-height:1;color:#6b7280;cursor:pointer;padding:0 4px}.cs-modal-x:hover{color:#111827}.cs-modal-b{padding:18px;display:grid;gap:12px}.cs-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cs-preview{font-size:12px;color:#8a919f;background:#f5f8ff;border:1px dashed #BFD4F7;border-radius:8px;padding:8px 10px;line-height:1.8}.cs-modal-f{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid #eef0f3;background:#fafbfc}.cs-modal-f .btn{width:auto;padding:9px 22px}.fld{display:grid;gap:6px}.fld>span{font-size:13px;font-weight:700;color:#374151}.fld-row{grid-auto-flow:column;justify-content:start;align-items:center;gap:8px}.fld-row span{font-weight:500}.fld-row input[type=checkbox]{width:16px;height:16px;accent-color:#2563EB}@media(max-width:960px){.cs-item{flex-wrap:wrap}.cs-acts{width:100%}.cs-acts .btn{flex:1}.cs-row{grid-template-columns:1fr}}.wp{max-width:1180px;margin:0 auto;padding:20px 14px 48px}.wp-head{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:linear-gradient(120deg,#3b82f6,#2563eb 60%,#1d4ed8);border-radius:16px;padding:20px 26px;margin-bottom:22px;color:#fff;box-shadow:0 8px 22px #2563eb47}.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;flex-wrap:wrap}.wp-ver{font-size:11px;font-weight:700;letter-spacing:1px;color:#1d4ed8;background:#fff;border-radius:999px;padding:2px 9px;position:relative;z-index:1}.hd-right{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.hd-nav{padding:6px 14px;border:1px solid rgba(255,255,255,.6);background:#ffffff24;color:#fff;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.hd-nav:hover{background:#fff;color:#1d4ed8;border-color:#fff}.admin-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.admin-tab{border:1px solid #e5e7eb;background:#fff;color:#374151;border-radius:10px;padding:9px 18px;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s}.admin-tab:hover{border-color:#bfd4f7;color:#1d4ed8}.admin-tab.on{background:#eff4ff;border-color:#2563eb;color:#1d4ed8;box-shadow:0 2px 8px #2563eb1f}.hd-user{margin-left:0;display:inline-flex;align-items:center;gap:8px;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:4px 6px 4px 12px;position:relative;z-index:1}.hd-user-name{font-size:13px;font-weight:600;color:#fff}.hd-user-tag{font-size:11px;font-weight:700;color:#1d4ed8;background:#fff;border-radius:999px;padding:1px 8px}.hd-user-out{border:none;background:#ffffffeb;color:#1d4ed8;font-size:12px;font-weight:700;border-radius:999px;padding:4px 12px;cursor:pointer;transition:all .15s}.hd-user-out:hover{background:#fff}.hd-feedback{margin-left:0;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #BFD4F7;background:#eff4ff;color:#1d4ed8;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.hd-feedback:hover{background:#2563eb;color:#fff;border-color:#2563eb}.hd-feedback-ico{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%;background:#2563eb;color:#fff;font-size:12px;font-weight:700}.hd-feedback:hover .hd-feedback-ico{background:#fff;color:#2563eb}.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-ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;font-weight:600;font-size:13px;padding:10px 14px;border-radius:10px;margin-bottom:16px}.wp-tabs{display:grid;grid-template-columns:1fr;gap:8px}.wp-tab{padding:11px 14px;border:1.5px solid #eef0f3;border-radius:12px;background:#fff;text-align:left;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none;display:flex;flex-direction:row;align-items:center;gap:10px}.wp-tab-t{font-size:14px;font-weight:700;color:#111827;flex:none}.wp-tab-d{font-size:12px;color:#6b7280;font-weight:500;flex:1;min-width:0}.wp-tab:hover:not(.on):not(:disabled){border-color:#bfd4f7}.wp-tab.on{border-color:transparent;background:linear-gradient(135deg,#eff4ff,#dce9ff);box-shadow:inset 0 0 0 2px #2563eb}.wp-tab.on .wp-tab-d{color:#1d4ed8}.wp-tab:disabled{opacity:.45;cursor:not-allowed}.wp-main{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:10px;align-items:stretch}.code-panel,.poster-panel{display:flex;flex-direction:column;gap:14px}.poster-panel>.card{flex:1}.poster-panel .card-h .card-em{font-size:12px;font-weight:500;color:#9aa2ae;font-style:normal;margin-left:auto}.card-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 0 0 3px #eff4ff;flex:none}.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,#60a5fa,#2563eb)}.s2{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.s3{background:linear-gradient(135deg,#818cf8,#4f46e5)}.s4{background:linear-gradient(135deg,#38bdf8,#0369a1)}.s5{background:linear-gradient(135deg,#93c5fd,#2563eb)}.quota{margin-left:auto;font-size:11px;font-weight:600;color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;padding:3px 9px;white-space:nowrap}.card-hot:before{content:"";position:absolute;left:0;top:0;right:0;height:5px;border-radius:14px 14px 0 0;background:linear-gradient(90deg,#3b82f6,#2563eb,#60a5fa)}.tip{font-size:12px;color:#8a919f;margin-top:10px;line-height:1.6}.upload-band{background:#fff;border:1px solid #eef0f3;border-radius:14px;box-shadow:0 1px 3px #1018280f,0 6px 18px #1018280a;padding:16px 20px;margin-bottom:0;display:grid;gap:12px}.ub-h{display:flex;align-items:center;gap:9px}.ub-title{font-size:15px;font-weight:700;color:#111827}.ub-status{font-size:12px;font-weight:600;color:#0e9f6e;background:#ecfdf5;border:1px solid #a7f3d0;padding:4px 10px;border-radius:999px;white-space:nowrap;max-width:380px;overflow:hidden;text-overflow:ellipsis}.ub-src{display:inline-flex;background:#f1f2f4;border-radius:10px;padding:3px;width:max-content}.ub-src-btn{border:none;background:transparent;padding:7px 16px;border-radius:8px;font-size:13px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .15s}.ub-src-btn.on{background:#fff;color:#2563eb;box-shadow:0 1px 3px #1018281a}.ub-drop{border:2px dashed #BFD4F7;background:#eff4ff;border-radius:12px;padding:12px 16px;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:12px;transition:all .15s;-webkit-user-select:none;user-select:none;min-width:0}.ub-drop:hover{border-color:#2563eb;background:#e8f0fe}.ub-drop.on{border-style:solid;border-color:#9fe3bd;background:#f0fbf5}.ub-drop-thin{padding:10px 14px;background:#fff;border-style:solid;border-color:#e5e7eb}.ub-drop-thin:hover{border-color:#2563eb;background:#eff4ff}.ub-drop-thin .ub-act{color:#374151}.ub-drop-thin:hover .ub-act{color:#2563eb}.ub-plus{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff;font-size:18px;font-weight:300;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #2563eb4d}.ub-body{display:grid;gap:2px;min-width:0;flex:1;text-align:left}.ub-act{font-size:13px;font-weight:700;color:#2563eb}.ub-hint{font-size:12px;color:#8a919f}.ub-drop.on .ub-act{color:#0e9f6e}.ub-ok{color:#0e9f6e;font-weight:800;font-size:13px}.ub-meta{font-size:12px;color:#6b7280}.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,#3b82f6,#2563eb);color:#fff;font-size:15px;letter-spacing:1px;box-shadow:0 4px 14px #2563eb59}.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:#2563eb;color:#2563eb;background:#eff4ff}.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:#bfd4f7;background:#eff4ff}.code-item.sel{background:#e8f0fe;border-color:#2563eb;box-shadow:0 2px 8px #2563eb1f}.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}.cc-sel,.inp{width:100%;border:1px solid #d3d7de;border-radius:10px;padding:10px 12px;font-size:14px;color:#111827;background:#fff;outline:none;transition:border .15s}.cc-sel:focus,.inp:focus{border-color:#2563eb}.cc-sel:disabled{background:#f3f4f6;color:#9aa1ad}.promo-prev{margin-top:14px;text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.promo-prev img{width:150px;height:150px;object-fit:contain;background:#fff;border:1px solid #eef0f3;border-radius:10px;box-shadow:0 2px 8px #10182814}.promo-scene{margin-top:10px;font-size:12px;font-weight:600;color:#1d4ed8;background:#eff4ff;border:1px dashed #BFD4F7;padding:6px 10px;border-radius:8px;text-align:center;word-break:break-all}.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:#2563eb;background:#e8f0fe;border-radius:6px;padding:2px 0}.range{flex:1;accent-color:#2563EB;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,#3b82f6,#2563eb);box-shadow:0 0 0 3px #2563eb2e;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:1px solid #2563EB;outline-offset:1px}.scale-handle{position:absolute;right:-13px;bottom:-13px;width:18px;height:18px;background:#fff;border:2px solid #2563EB;border-radius:50%;box-shadow:0 1px 4px #10182833;cursor:nwse-resize}@media(max-width:960px){.wp-main{grid-template-columns:1fr}.stage-card{position:static}.wp-tabs{gap:6px}.wp-tab{padding:10px}.wp-tab-t{font-size:14px}.wp-tab-d{font-size:11px}.hd-main{flex-wrap:wrap;justify-content:center}.wp-sub{margin-left:0;flex-basis:100%;text-align:center}.hd-feedback{margin-left:0}.hd-right{flex-basis:100%;justify-content:center}}.fb-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.fb-modal{background:#fff;border-radius:14px;width:100%;max-width:340px;box-shadow:0 20px 50px #0f172a4d;overflow:hidden;animation:fb-pop .18s ease-out}@keyframes fb-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.fb-modal-h{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #eef0f3;font-weight:600;font-size:15px;color:#111827}.fb-close{border:0;background:transparent;font-size:24px;line-height:1;color:#6b7280;cursor:pointer;padding:0 4px}.fb-close:hover{color:#111827}.fb-modal-b{padding:20px 18px 22px;display:flex;flex-direction:column;align-items:center;gap:14px}.fb-qr{width:240px;height:240px;object-fit:contain;background:#fff;border-radius:8px}.fb-tip{margin:0;text-align:center;color:#4b5563;font-size:13px;line-height:1.6}@media(max-width:960px){.fb-qr{width:200px;height:200px}}*{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:#f4f7fb;color:#111827;line-height:1.5;-webkit-font-smoothing:antialiased}img{max-width:100%}button{font:inherit;color:inherit}input[type=file]{display:none}