.admin-page{min-height:100%;display:flex;flex-direction:column;background:var(--bg-page)}.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:20}.admin-topbar-brand{display:flex;align-items:center;gap:12px}.admin-topbar-logo{width:36px;height:36px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.admin-topbar-title{font-size:15px;font-weight:600;color:var(--text-main)}.admin-topbar-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.admin-topbar-actions{display:flex;align-items:center;gap:10px}.admin-user-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--bg-subtle);color:var(--text-body);font-size:12px}.admin-body{flex:1;display:grid;grid-template-columns:208px 1fr;gap:20px;padding:20px 24px 40px;align-items:start}.admin-nav{display:flex;flex-direction:column;gap:4px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px;box-shadow:var(--shadow-sm);position:sticky;top:84px}.admin-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-body);font-size:13px;cursor:pointer;text-align:left;font-family:inherit}.admin-nav-item:hover{background:var(--bg-hover)}.admin-nav-item.is-active{background:var(--primary-light);color:var(--primary);font-weight:600}.admin-content{display:flex;flex-direction:column;gap:18px;min-width:0}.admin-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.admin-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--border-subtle)}.admin-card-head h3{font-size:14px;font-weight:600;color:var(--text-main)}.admin-card-head p{font-size:12px;color:var(--text-muted);margin-top:4px}.admin-card-body{padding:18px}.admin-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.admin-field{display:flex;flex-direction:column;gap:6px;min-width:0}.admin-field.is-full{grid-column:1 / -1}.admin-field>label{font-size:12px;font-weight:600;color:var(--text-body);display:flex;align-items:center;gap:6px}.admin-input,.admin-select{height:36px;padding:0 10px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:13px;color:var(--text-main);background:var(--bg-surface);font-family:inherit;outline:none;width:100%}.admin-input:focus,.admin-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f626}.admin-secret-wrap{position:relative;display:flex;align-items:center}.admin-secret-wrap .admin-input{padding-right:38px}.admin-secret-toggle{position:absolute;right:4px;width:30px;height:30px;display:grid;place-items:center;border:0;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm)}.admin-secret-toggle:hover{background:var(--bg-subtle);color:var(--text-body)}.admin-field-hint{font-size:11px;color:var(--text-subtle);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.admin-source-tag{display:inline-flex;align-items:center;padding:1px 6px;border-radius:999px;font-size:11px;background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border-subtle)}.admin-source-tag.is-db{background:var(--emerald-light);color:var(--emerald);border-color:var(--emerald-border)}.admin-switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-subtle)}.admin-switch-row span{font-size:13px;color:var(--text-body)}.admin-switch{position:relative;width:40px;height:22px;border-radius:999px;border:0;background:var(--border-medium);cursor:pointer;transition:background .16s ease;flex:none}.admin-switch.is-on{background:var(--primary)}.admin-switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .16s ease}.admin-switch.is-on:after{transform:translate(18px)}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th,.admin-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-subtle);white-space:nowrap}.admin-table th{font-size:12px;font-weight:600;color:var(--text-muted);background:var(--bg-subtle)}.admin-table tbody tr:hover{background:var(--bg-hover)}.admin-table .is-muted{color:var(--text-subtle)}.admin-role-badge,.admin-status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;border:1px solid transparent}.admin-role-badge.is-admin{background:var(--purple-light);color:var(--purple);border-color:var(--purple-border)}.admin-role-badge.is-staff{background:var(--bg-subtle);color:var(--text-muted);border-color:var(--border-subtle)}.admin-status-badge.is-active{background:var(--emerald-light);color:var(--emerald);border-color:var(--emerald-border)}.admin-status-badge.is-disabled{background:var(--rose-light);color:var(--rose);border-color:var(--rose-border)}.admin-row-actions{display:flex;gap:6px;justify-content:flex-end}.admin-link-btn{border:0;background:none;padding:0;font:inherit;font-weight:600;color:var(--text-main);cursor:pointer;text-align:left}.admin-link-btn:hover{color:var(--primary);text-decoration:underline}.admin-icon-btn{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-muted);cursor:pointer}.admin-icon-btn:hover{color:var(--primary);border-color:var(--primary-border);background:var(--primary-light)}.admin-icon-btn.is-danger:hover{color:var(--rose);border-color:var(--rose-border);background:var(--rose-light)}.admin-icon-btn.is-confirm{color:var(--rose);border-color:var(--rose-border);background:var(--rose-light);width:auto;padding:0 10px;font-size:12px}.admin-empty{padding:34px 18px;text-align:center;color:var(--text-subtle);font-size:13px}.admin-alert{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--radius-sm);font-size:13px;border:1px solid transparent}.admin-alert.is-error{background:var(--rose-light);color:var(--rose);border-color:var(--rose-border)}.admin-alert.is-success{background:var(--emerald-light);color:var(--emerald);border-color:var(--emerald-border)}.admin-alert.is-info{background:var(--amber-light);color:var(--amber);border-color:var(--amber-border)}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;padding:20px;z-index:60}.admin-modal{width:min(440px,100%);background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden}.admin-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-subtle);font-size:14px;font-weight:600;color:var(--text-main)}.admin-modal-body{padding:18px;display:flex;flex-direction:column;gap:12px}.admin-modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:12px 18px 18px}.admin-loading{display:flex;align-items:center;gap:8px;padding:40px 0;justify-content:center;color:var(--text-muted);font-size:13px}.admin-spin{animation:admin-spin .9s linear infinite}@keyframes admin-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.admin-body{grid-template-columns:1fr}.admin-nav{flex-direction:row;position:static;overflow-x:auto}.admin-field-grid{grid-template-columns:1fr}}.admin-ai-shared-hint{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--primary-border);background:var(--primary-light);color:var(--primary);font-size:13px}.admin-ai-shared-hint .admin-source-tag{margin-left:auto}.admin-platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.admin-platform-card{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:var(--shadow-sm)}.admin-platform-card.is-developing{background:var(--bg-subtle, #f7f9fc)}.admin-platform-top{display:flex;align-items:center;gap:10px}.admin-platform-logo{flex:0 0 auto;width:32px;height:32px;border-radius:var(--radius-sm, 8px);display:grid;place-items:center;color:#fff}.admin-platform-title{min-width:0;display:flex;flex-direction:column}.admin-platform-title strong{font-size:15px;color:var(--text-main)}.admin-platform-vendor{font-size:12px;color:var(--text-muted)}.admin-platform-status{margin-left:auto;padding:2px 8px;border-radius:999px;font-size:12px;white-space:nowrap}.admin-platform-status.is-available{background:#e8f6ee;color:#1f7a45}.admin-platform-status.is-developing{background:#f1f3f7;color:#8a94a6}.admin-platform-summary{margin:0;font-size:13px;color:var(--text-main)}.admin-platform-desc{margin:0;font-size:12px;line-height:1.6;color:var(--text-muted)}.admin-platform-caps{display:flex;flex-wrap:wrap;gap:6px}.admin-platform-cap{padding:2px 8px;border-radius:999px;background:var(--bg-subtle, #f1f3f7);color:var(--text-muted);font-size:11px}.admin-platform-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:6px}.admin-platform-ai{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-muted)}.merchant-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.merchant-info-item{display:flex;flex-direction:column;gap:3px}.merchant-info-item span{font-size:12px;color:var(--text-muted)}.merchant-info-item strong{font-size:14px;color:var(--text-main);font-weight:600}.merchant-remark{margin:12px 0 0;padding:10px 12px;border-radius:var(--radius-md);background:var(--bg-subtle, #f7f9fc);font-size:13px;color:var(--text-muted)}.merchant-project-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.merchant-project{padding:14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);display:flex;flex-direction:column;gap:12px}.merchant-project-top{display:flex;align-items:center;gap:10px}.merchant-project-icon{width:30px;height:30px;border-radius:var(--radius-sm, 8px);display:grid;place-items:center;background:var(--primary-light);color:var(--primary);flex:0 0 auto}.merchant-project-top strong{display:block;font-size:14px;color:var(--text-main)}.merchant-project-type{font-size:12px;color:var(--text-muted)}.merchant-project-top .admin-status-badge{margin-left:auto}.merchant-project-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.admin-row-actions .admin-icon-btn.is-primary{color:var(--primary)}.m-progress{display:flex;align-items:center;gap:8px}.m-progress-track{flex:1;min-width:60px;height:6px;border-radius:999px;background:var(--border-subtle);overflow:hidden}.m-progress-bar{height:100%;border-radius:999px;background:var(--primary);transition:width .25s ease}.m-progress-bar.is-done{background:#16a34a}.m-progress-text{font-size:12px;color:var(--text-muted);white-space:nowrap}.merchant-summary-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:12px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle, #f7f9fc)}.merchant-summary-bar-item{display:flex;align-items:baseline;gap:6px}.merchant-summary-bar-item span{font-size:12px;color:var(--text-muted)}.merchant-summary-bar-item strong{font-size:16px;color:var(--text-main);font-weight:600}.merchant-summary-bar-item em{font-style:normal;font-size:12px;color:var(--text-muted)}.merchant-summary-bar-item.is-wide{flex:1;min-width:240px;flex-direction:column;align-items:stretch;gap:4px}.merchant-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:14px}.merchant-summary-item{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle, #f7f9fc)}.merchant-summary-item span{font-size:12px;color:var(--text-muted)}.merchant-summary-item strong{font-size:18px;color:var(--text-main);font-weight:600}.merchant-summary-item em{font-style:normal;font-size:11px;color:#8a94a6}.merchant-summary-platforms{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.merchant-summary-chip{padding:4px 10px;border-radius:999px;background:var(--primary-light);color:var(--primary);font-size:12px}.merchant-project-stats{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--text-muted)}.merchant-project-stats b{color:var(--text-main);font-weight:600}.admin-perm{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle, #f7f9fc)}.admin-perm-head{display:flex;align-items:center;gap:8px;color:var(--primary)}.admin-perm-head strong{font-size:13px}.admin-perm-head span{font-size:12px;color:var(--text-muted)}.admin-perm-group-title{font-size:12px;color:var(--text-muted);margin-bottom:6px}.admin-perm-list{display:flex;flex-wrap:wrap;gap:8px}.admin-perm-item{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm, 8px);background:var(--bg-surface);font-size:13px;color:var(--text-muted);cursor:pointer}.admin-perm-item.is-on{border-color:var(--primary-border);background:var(--primary-light);color:var(--text-main)}.admin-perm-item input{accent-color:var(--primary)}.admin-perm-item em{font-style:normal;font-size:11px;color:var(--text-muted)}.admin-perm-designer{margin-top:8px;padding:8px 10px;border:1px dashed var(--border-subtle);border-radius:var(--radius-sm, 8px);background:var(--bg-subtle, #f7f9fc)}.admin-perm-designer-head{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.admin-perm-designer-head strong,.admin-perm-designer-head span{font-size:12px;color:var(--text-main)}.admin-perm-designer-head button{padding:2px 10px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-muted);font-size:11px;cursor:pointer}.admin-perm-designer-head button.is-on{border-color:var(--primary-border);background:var(--primary-light);color:var(--primary)}.admin-perm-designer-head em{font-style:normal;font-size:11px}.admin-perm-designer-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.admin-perm-designer-chip{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-surface);font-size:12px;color:var(--text-muted);cursor:pointer}.admin-perm-designer-chip.is-on{border-color:var(--primary-border);background:var(--primary-light);color:var(--text-main)}.admin-perm-designer-chip em{font-style:normal;font-size:11px;color:var(--text-muted)}.admin-perm-designer-avatar{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700}.admin-perm-cell{display:flex;flex-wrap:wrap;gap:4px}.admin-perm-tag{padding:2px 8px;border-radius:999px;font-size:11px;border:1px solid var(--border-subtle)}.admin-perm-tag.is-on{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary)}.admin-perm-tag.is-off{background:#f1f3f7;border-color:var(--border-subtle);color:#9aa4b5;text-decoration:line-through}.admin-perm-tag.is-admin{background:var(--primary);border-color:var(--primary);color:#fff}.admin-perm-summary{margin-top:3px;font-size:11px;color:var(--text-muted)}.admin-shared-caps{margin-bottom:16px;padding:12px 14px;border:1px dashed var(--primary-border);border-radius:var(--radius-md);background:var(--bg-subtle, #f7f9fc)}.admin-shared-caps-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--primary)}.admin-shared-caps-head strong{font-size:13px}.admin-shared-caps-head span{font-size:12px;color:var(--text-muted)}.admin-shared-caps-list{display:flex;flex-wrap:wrap;gap:10px}.admin-shared-cap{display:flex;flex-direction:column;gap:2px;min-width:220px;padding:10px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);cursor:pointer;text-align:left}.admin-shared-cap:hover{border-color:var(--primary-border)}.admin-shared-cap-main{display:flex;align-items:center;gap:8px}.admin-shared-cap-main strong{font-size:14px;color:var(--text-main)}.admin-shared-cap-main em{font-style:normal;font-size:11px;color:#8a94a6}.admin-shared-cap-stat{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--primary)}.admin-platform-granted{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.system-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.system-info-item{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle, #f7f9fc)}.system-info-item.is-wide{grid-column:1 / -1}.system-info-item span{font-size:12px;color:var(--text-muted)}.system-info-item strong{font-size:14px;color:var(--text-main);font-weight:600;word-break:break-all}.system-info-item em{font-style:normal;font-size:11px;color:#8a94a6}.system-info-perms{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.system-info-summary{margin-top:10px;font-size:12px;color:var(--text-muted);word-break:break-all}.ai-provider-card.is-enabled{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);background:#fff}.ai-provider-flag{margin-left:auto;padding:2px 8px;border-radius:999px;font-size:11px;color:var(--emerald);background:#10b9811f}.ai-provider-foot{display:flex;align-items:center;justify-content:space-between;margin-top:2px;font-size:12px}.ai-provider-state{color:#8a94a6}.ai-provider-state.is-on{color:var(--emerald)}.ai-provider-open{display:inline-flex;align-items:center;gap:3px;color:var(--primary)}.ai-provider-modal{width:min(720px,100%)}.ai-provider-modal .admin-modal-body{max-height:min(70vh,620px);overflow-y:auto}.ai-provider-enable{display:flex;flex-direction:column;gap:6px;margin-top:14px;padding:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle, #f7f9fc)}.ai-chain-list{display:flex;flex-direction:column;gap:8px}.ai-chain-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle, #f7f9fc)}.ai-chain-row.is-on{border-color:var(--primary-light);background:#fff}.ai-chain-row.is-cooling{border-color:#f0c78a;background:#fffaf2}.ai-chain-row.is-down{border-color:#f3b6b6;background:#fff6f6}.ai-chain-index{flex:0 0 22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:12px;font-weight:600;color:var(--primary);background:var(--primary-light)}.ai-chain-main{display:flex;flex-direction:column;gap:2px;min-width:0}.ai-chain-reason{font-size:12px;color:var(--text-muted)}.ai-chain-state{margin-left:auto;font-size:12px;color:var(--emerald);white-space:nowrap}.ai-chain-row.is-cooling .ai-chain-state{color:#b4751a}.ai-chain-row.is-down .ai-chain-state{color:var(--danger, #d93025)}.ai-chain-hint{font-size:11px;color:var(--text-subtle, #8a94a6);white-space:nowrap}.ai-chain-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:var(--text-muted)}.ai-provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.ai-provider-card{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle, #f7f9fc);text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.ai-provider-card:hover{border-color:var(--primary)}.ai-provider-card.is-active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);background:#fff}.ai-provider-top{display:flex;align-items:center;gap:8px}.ai-provider-top strong{font-size:14px;color:var(--text-main)}.ai-provider-sub{font-size:12px;color:var(--text-muted)}.ai-provider-caps{display:flex;flex-wrap:wrap;gap:4px}.ai-provider-note{font-size:11px;color:#8a94a6;line-height:1.5}.ai-provider-docs{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:var(--primary)}.ai-recharge-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.ai-recharge-amounts{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ai-amount-chip{display:flex;flex-direction:column;gap:2px;padding:8px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#fff;font-size:14px;color:var(--text-main);cursor:pointer}.ai-amount-chip em{font-style:normal;font-size:11px;color:#8a94a6}.ai-amount-chip.is-active{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.ai-amount-input{width:120px}.ai-pay-modal{width:min(520px,100%)}.ai-pay-box{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}.ai-pay-qr{width:220px;height:220px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#fff}.ai-pay-qr.is-text{display:flex;align-items:center;justify-content:center;padding:12px;font-size:12px;color:var(--text-muted);text-align:center}.ai-pay-info{display:flex;flex-direction:column;gap:10px;flex:1;min-width:200px}.ai-pay-status{font-size:14px;color:var(--text-main);font-weight:600}.ai-pay-order-id{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.ai-pay-link{display:inline-flex;align-items:center;gap:3px;color:var(--primary);font-size:13px}.ai-pay-hint{font-size:12px;color:#8a94a6}.designer-shell{min-height:100%;display:flex;flex-direction:column;background:var(--bg-page)}.designer-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:20}.designer-topbar-left{display:flex;align-items:center;gap:12px}.designer-logo{width:34px;height:34px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.designer-topbar-title{display:flex;flex-direction:column}.designer-topbar-title strong{font-size:15px;color:var(--text-main)}.designer-topbar-title small{font-size:12px;color:var(--text-muted)}.designer-topbar-right{display:flex;align-items:center;gap:8px}.designer-scope-tag{padding:3px 10px;border-radius:999px;background:var(--primary-light);border:1px solid var(--primary-border);color:var(--primary);font-size:12px}.designer-body{flex:1;display:flex;flex-direction:column;gap:16px;padding:20px 24px 32px;max-width:1240px;margin:0 auto;width:100%;box-sizing:border-box}.designer-card{padding:18px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:var(--shadow-sm)}.designer-hero{background:linear-gradient(135deg,#f5faff,#f7f5ff)}.designer-hero-head{display:flex;align-items:flex-start;gap:14px}.designer-hero-icon{flex:0 0 auto;width:40px;height:40px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--primary);color:#fff}.designer-hero-head h2{margin:0 0 4px;font-size:17px;color:var(--text-main)}.designer-hero-head p{margin:0;font-size:13px;line-height:1.7;color:var(--text-muted)}.designer-badge{margin-left:auto;padding:3px 12px;border-radius:999px;background:#f1f3f7;color:#8a94a6;font-size:12px;white-space:nowrap}.designer-hero-actions{margin-top:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.designer-my-perm{font-size:12px;color:var(--text-muted)}.designer-card-head{margin-bottom:12px}.designer-card-head h3{margin:0 0 4px;font-size:15px;color:var(--text-main)}.designer-card-head p{margin:0;font-size:12px;color:var(--text-muted)}.designer-platform-list{display:flex;flex-wrap:wrap;gap:10px}.designer-platform{display:flex;flex-direction:column;gap:2px;min-width:140px;padding:10px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);cursor:pointer;text-align:left}.designer-platform.is-available{border-color:var(--primary-border);background:var(--primary-light)}.designer-platform:disabled{cursor:default;opacity:.7}.designer-platform span{font-size:14px;color:var(--text-main)}.designer-platform em{font-size:11px;font-style:normal;color:var(--text-muted)}.designer-plan{margin:0 0 8px;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.designer-plan li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-main)}.designer-plan li svg{color:var(--text-muted)}.designer-note{margin:10px 0 0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--primary)}.designer-stats{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.designer-stat{padding:10px 12px;border-radius:var(--radius-md);background:#ffffffb8;border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:2px}.designer-stat span{font-size:11px;color:var(--text-muted)}.designer-stat strong{font-size:18px;color:var(--text-main)}.designer-stat em{font-size:11px;font-style:normal;color:var(--text-muted)}.designer-error{padding:10px 14px;border-radius:var(--radius-md);background:var(--rose-light, #fdecec);color:var(--rose, #d93025);font-size:13px}.designer-loading,.designer-empty{padding:40px 0;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);font-size:13px}.designer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.designer-filters{display:flex;gap:8px;flex-wrap:wrap}.designer-chip{padding:6px 14px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-main);font-size:13px;cursor:pointer}.designer-chip.is-on{border-color:var(--primary-border);background:var(--primary-light);color:var(--primary)}.designer-chip.is-match{border-style:dashed}.designer-shop-line{margin:10px 0 0;font-size:12px;color:var(--text-muted)}.designer-card-status.is-match{background:var(--emerald-light, #e9f8f1);color:var(--emerald, #059669)}.designer-toolbar-right{display:flex;align-items:center;gap:8px}.designer-search{display:flex;align-items:center;gap:6px;padding:0 10px;height:32px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-muted)}.designer-search input{border:0;outline:none;background:transparent;width:220px;font-size:13px;color:var(--text-main)}.designer-select{height:32px;padding:0 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);font-size:13px;color:var(--text-main)}.designer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.designer-card-item{--accent: var(--primary);padding:14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px;transition:box-shadow .18s ease,transform .18s ease}.designer-card-item:hover{box-shadow:var(--shadow-md, 0 4px 14px rgba(15, 23, 42, .1));transform:translateY(-2px)}.designer-card-top{display:flex;gap:12px;align-items:center}.designer-avatar{flex:0 0 auto;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:20px;font-weight:600;border:1px solid rgba(0,0,0,.06)}.designer-avatar.is-big{width:64px;height:64px;border-radius:18px;font-size:28px}.designer-card-title{display:flex;flex-direction:column;gap:2px;min-width:0}.designer-card-name{display:flex;align-items:center;gap:6px}.designer-card-name strong{font-size:15px;color:var(--text-main)}.designer-card-lv{padding:1px 7px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px}.designer-card-status{padding:1px 7px;border-radius:999px;font-size:11px;background:var(--primary-light);color:var(--primary)}.designer-card-role{font-size:12px;color:var(--text-main)}.designer-card-style{font-size:12px;color:var(--accent)}.designer-card-tags{display:flex;flex-wrap:wrap;gap:6px}.designer-card-tags span{padding:2px 8px;border-radius:999px;background:var(--bg-subtle, #f1f3f7);color:var(--text-muted);font-size:11px}.designer-card-abilities{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.designer-mini-ability{display:grid;grid-template-columns:46px 1fr 24px;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.designer-mini-ability i,.designer-card-exp i,.designer-ability-track,.designer-course-progress i{display:block;height:5px;border-radius:999px;background:var(--bg-subtle, #eef0f4);overflow:hidden}.designer-mini-ability b,.designer-card-exp b,.designer-ability-track i,.designer-course-progress b{display:block;height:100%;border-radius:999px;background:var(--accent)}.designer-mini-ability em,.designer-card-exp em{font-style:normal;text-align:right;color:var(--text-main)}.designer-card-exp{display:grid;grid-template-columns:30px 1fr 68px;align-items:center;gap:8px;font-size:11px;color:var(--text-muted)}.designer-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.designer-card-meta{font-size:11px;color:var(--text-muted)}.designer-card-actions{display:flex;gap:6px}.designer-drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;display:flex;justify-content:flex-end;z-index:60}.designer-drawer{width:min(560px,100%);height:100%;background:var(--bg-surface);display:flex;flex-direction:column;box-shadow:-8px 0 30px #0f172a29;animation:designer-drawer-in .2s ease}@keyframes designer-drawer-in{0%{transform:translate(24px);opacity:.4}to{transform:none;opacity:1}}.designer-drawer-head{--accent: var(--primary);display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border-subtle);background:linear-gradient(135deg,#f7f9ff,#fbf7ff)}.designer-drawer-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.designer-drawer-title>div{display:flex;align-items:center;gap:8px}.designer-drawer-title strong{font-size:17px;color:var(--text-main)}.designer-drawer-title span{font-size:12px;color:var(--text-muted)}.designer-drawer-exp{display:flex;align-items:center;gap:8px}.designer-drawer-exp i{flex:1;height:5px;border-radius:999px;background:#eef0f4;overflow:hidden;display:block}.designer-drawer-exp b{display:block;height:100%;background:var(--accent)}.designer-drawer-exp em{font-size:11px;font-style:normal;color:var(--text-muted)}.designer-drawer-close{border:0;background:transparent;color:var(--text-muted);cursor:pointer;display:grid;place-items:center}.designer-drawer-tabs{display:flex;gap:4px;padding:10px 18px 0;border-bottom:1px solid var(--border-subtle)}.designer-drawer-tabs button{padding:8px 12px;border:0;background:transparent;color:var(--text-muted);font-size:13px;cursor:pointer;border-bottom:2px solid transparent}.designer-drawer-tabs button.is-on{color:var(--primary);border-bottom-color:var(--primary)}.designer-drawer-body{flex:1;overflow:auto;padding:16px 18px;display:flex;flex-direction:column;gap:14px}.designer-drawer-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--border-subtle)}.designer-bio{margin:0;font-size:13px;line-height:1.8;color:var(--text-main)}.designer-kv,.designer-dna{display:flex;flex-direction:column;gap:8px}.designer-kv>div,.designer-dna>div{display:grid;grid-template-columns:68px 1fr;gap:8px;font-size:12px}.designer-kv span,.designer-dna span{color:var(--text-muted)}.designer-kv p,.designer-dna p{margin:0;color:var(--text-main);line-height:1.7}.designer-sub-title{margin:4px 0 0;font-size:13px;color:var(--text-main)}.designer-radar-wrap{display:grid;place-items:center}.designer-radar{width:100%;max-width:300px}.designer-radar-grid{fill:none;stroke:#e6e9ef;stroke-width:1}.designer-radar-axis{stroke:#e6e9ef;stroke-width:1}.designer-radar-label{font-size:9px;fill:#8a94a6;text-anchor:middle;dominant-baseline:middle}.designer-ability-bars{display:flex;flex-direction:column;gap:6px}.designer-ability-row{display:grid;grid-template-columns:72px 1fr 30px;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.designer-ability-row strong{text-align:right;color:var(--text-main);font-weight:500}.designer-training-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.designer-courses{display:flex;flex-direction:column;gap:10px}.designer-course{padding:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface)}.designer-course.is-done{background:var(--emerald-light, #e9f8f1);border-color:#0596694d}.designer-course-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.designer-course-head strong{font-size:13px;color:var(--text-main)}.designer-course-flag{padding:1px 8px;border-radius:999px;font-size:11px;background:var(--primary-light);color:var(--primary)}.designer-course-flag.is-training{background:#fff4e5;color:#b26a00}.designer-course-flag.is-idle{background:#f1f3f7;color:#8a94a6}.designer-course.is-done .designer-course-flag{background:var(--emerald-light, #e9f8f1);color:var(--emerald, #059669)}.designer-course-goal{margin:6px 0;font-size:12px;color:var(--text-muted)}.designer-course-progress{display:grid;grid-template-columns:1fr 34px;align-items:center;gap:8px}.designer-course-progress em{font-style:normal;font-size:11px;text-align:right;color:var(--text-main)}.designer-course-outline{margin:8px 0;padding-left:18px;display:flex;flex-direction:column;gap:3px}.designer-course-outline li{font-size:11px;color:var(--text-muted)}.designer-course-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.designer-course-foot span{font-size:11px;color:var(--text-muted)}.designer-feedback{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.designer-stars{display:flex;gap:2px}.designer-stars button{border:0;background:transparent;color:#d8dde6;cursor:pointer;display:grid;place-items:center}.designer-stars button.is-on{color:#f5a623}.designer-feedback-input{flex:1;min-width:160px;height:32px;padding:0 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:12px;color:var(--text-main)}.designer-memory-list{display:flex;flex-wrap:wrap;gap:6px}.designer-memory-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:var(--bg-subtle, #f1f3f7);color:var(--text-muted);font-size:11px}.designer-log{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.designer-log-item{display:grid;grid-template-columns:12px 1fr;gap:10px}.designer-log-dot{width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--primary)}.designer-log-item.is-graduate .designer-log-dot{background:#059669}.designer-log-item.is-feedback .designer-log-dot{background:#f5a623}.designer-log-item.is-work .designer-log-dot{background:#7a5af8}.designer-log-item strong{font-size:12px;color:var(--text-main)}.designer-log-item p{margin:2px 0;font-size:11px;color:var(--text-main);line-height:1.6}.designer-log-item em{font-size:11px;font-style:normal;color:var(--text-muted)}.designer-log-empty{font-size:12px;color:var(--text-muted)}.designer-copy-limits{display:flex;flex-wrap:wrap;gap:6px}.designer-copy-limits span{padding:2px 8px;border-radius:999px;background:var(--bg-subtle, #f1f3f7);color:var(--text-muted);font-size:11px}.designer-copy-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.designer-copy-scenes{display:flex;gap:6px;flex-wrap:wrap}.designer-copy-scenes .designer-chip{padding:5px 12px;font-size:12px}.designer-copy-result{padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);display:flex;flex-direction:column;gap:6px}.designer-copy-row{display:grid;grid-template-columns:76px 1fr;gap:8px;align-items:baseline;font-size:12px}.designer-copy-row span{color:var(--text-muted)}.designer-copy-row strong{font-weight:600;color:var(--text-main);line-height:1.6}.designer-copy-hits{margin:0;font-size:11px;color:#b26a00;line-height:1.7}.designer-copy-actions{display:flex;gap:8px;flex-wrap:wrap}.designer-cases{display:flex;flex-direction:column;gap:12px}.designer-case{padding:12px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface)}.designer-case.is-studied{background:var(--bg-subtle);border-style:dashed}.designer-case header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.designer-case header strong{font-size:14px;color:var(--text-main)}.designer-case-level{padding:1px 8px;border-radius:999px;font-size:11px;background:var(--bg-subtle);color:var(--text-muted)}.designer-case-level.is-flagship{background:#fff1e6;color:#a8560a}.designer-case-level.is-chain{background:#eef4ff;color:#2f5bb7}.designer-case-match{padding:1px 8px;border-radius:999px;font-size:11px;background:#e9f8ef;color:#1f7a44}.designer-case-scale{margin:6px 0 0;font-size:12px;color:var(--text-muted)}.designer-case-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.designer-case-tags span{padding:1px 8px;border-radius:999px;font-size:11px;background:var(--bg-subtle);color:var(--text-muted)}.designer-case-tags span.is-cuisine{background:#fdeef2;color:#b23b5c}.designer-case-kv{display:grid;grid-template-columns:44px 1fr;gap:8px;margin-top:6px;font-size:12px}.designer-case-kv span{color:var(--text-muted)}.designer-case-kv p{margin:0;color:var(--text-main);line-height:1.7}.designer-case h5{margin:10px 0 4px;font-size:12px;color:var(--text-muted);font-weight:600}.designer-case ul{margin:0;padding-left:16px;font-size:12px;color:var(--text-main);line-height:1.8}.designer-case-lessons{display:flex;gap:6px;flex-wrap:wrap}.designer-case-lessons span{padding:2px 8px;border-radius:999px;font-size:11px;background:#f2f6ff;color:#33509a}.designer-case footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border-subtle)}.designer-case footer em{font-size:11px;color:var(--text-muted);font-style:normal}.designer-case-tip{margin:0;font-size:12px;color:var(--text-muted);line-height:1.7;flex:1}@media(max-width:720px){.designer-body{padding:16px 14px 28px}.designer-grid{grid-template-columns:1fr}.designer-search input{width:140px}}.designer-shell.is-embedded{min-height:auto;background:transparent}.designer-body.is-embedded{padding:0;max-width:none;gap:14px}.designer-embed-tag{flex:0 0 auto;padding:5px 12px;border-radius:999px;background:var(--bg-subtle);border:1px solid var(--border-subtle);font-size:12px;color:var(--text-muted);white-space:nowrap}.designer-hero-head.is-embedded,.designer-shell.is-embedded .designer-hero-head{flex-wrap:wrap}.designer-platbar{padding:14px 18px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg, 14px);background:var(--bg-surface)}.designer-platbar-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.designer-platbar-head h3{margin:0;font-size:14px;font-weight:700;color:var(--text-main)}.designer-platbar-head span{font-size:12px;color:var(--text-muted)}.designer-platbar-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.designer-plat{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-subtle);color:var(--text-muted);font-size:12px;cursor:pointer}.designer-plat em{font-style:normal;font-size:11px;opacity:.8}.designer-plat:hover{border-color:var(--primary-border);color:var(--text-main)}.designer-plat.is-on{border-color:var(--primary-border);background:var(--primary-light);color:var(--primary);font-weight:600}.designer-group{display:flex;flex-direction:column;gap:12px}.designer-group-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding-bottom:8px;border-bottom:1px dashed var(--border-subtle)}.designer-group-head h3{margin:0;font-size:15px;font-weight:700;color:var(--text-main)}.designer-group-count{padding:2px 10px;border-radius:999px;background:var(--primary-light);color:var(--primary);font-size:12px}.designer-group-tip{font-size:12px;color:var(--text-subtle)}.designer-group-head em{font-style:normal;font-size:12px;color:var(--text-muted)}.designer-card-platform{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:6px;background:var(--bg-subtle);border:1px solid var(--border-subtle);font-size:11px;color:var(--text-muted)}.designer-rec{border-color:var(--primary-border)}.designer-rec-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}.designer-rec-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--primary-border);border-radius:10px;background:var(--primary-light);cursor:pointer;text-align:left}.designer-rec-item:hover{border-color:var(--primary)}.designer-rec-main{display:flex;flex-direction:column;gap:4px;min-width:0}.designer-rec-main strong{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-main)}.designer-rec-main strong em{font-style:normal;font-size:11px;color:var(--primary)}.designer-rec-main strong i{font-style:normal;font-size:11px;color:var(--text-muted)}.designer-rec-main>span{font-size:12px;color:var(--text-muted)}.designer-rec-reasons{display:flex;flex-wrap:wrap;gap:4px}.designer-rec-reasons em{font-style:normal;padding:1px 7px;border-radius:999px;background:var(--bg-surface);border:1px solid var(--border-subtle);font-size:11px;color:var(--primary)}.designer-card-industries{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.designer-card-industries span{padding:1px 7px;border-radius:999px;background:var(--bg-subtle);border:1px solid var(--border-subtle);font-size:11px;color:var(--text-muted)}.designer-card-status.is-rec{background:var(--primary-light);color:var(--primary);border-color:var(--primary-border)}.designer-industries{display:flex;flex-direction:column;gap:10px}.designer-industry{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-subtle)}.designer-industry-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.designer-industry-head span{font-size:13px;font-weight:600;color:var(--text-main)}.designer-industry-head em{font-style:normal;font-size:12px;color:var(--primary)}.designer-industry i{grid-column:1 / 2;display:block;height:6px;border-radius:999px;background:var(--border-subtle);overflow:hidden}.designer-industry i b{display:block;height:100%;background:var(--primary)}.designer-industry .btn{grid-row:1 / 3;grid-column:2 / 3}.designer-skills{display:flex;flex-wrap:wrap;gap:6px}.designer-skills span{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;background:var(--bg-subtle);border:1px solid var(--border-subtle);color:var(--text-muted)}.designer-skills span.is-on{background:var(--primary-light);border-color:var(--primary-border);color:var(--primary)}.designer-skills span.is-style{background:var(--bg-surface);color:var(--text-main)}.designer-skills span.is-locked{opacity:.75}.designer-skills span em{font-style:normal;font-size:11px;color:var(--text-subtle)}.designer-evolve{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid var(--primary-border);border-radius:10px;background:var(--primary-light)}.designer-evolve-sum{font-size:13px;line-height:1.8;color:var(--text-main)}.designer-evolve-sum strong{color:var(--primary)}.designer-evolve-list{display:flex;flex-wrap:wrap;gap:6px}.designer-evolve-list span{padding:2px 8px;border-radius:6px;background:var(--bg-surface);border:1px solid var(--border-subtle);font-size:11px;color:var(--text-muted)}.designer-evolve-tip{font-size:12px;color:var(--text-muted)}.designer-weball{border-color:var(--primary-border)}.designer-weball-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.designer-weball-result{font-size:13px;color:var(--primary);font-weight:600}.designer-weball-list{display:flex;flex-direction:column;gap:4px;margin-top:8px}.designer-weball-list span{display:flex;align-items:baseline;gap:6px;padding:5px 10px;border-radius:8px;background:var(--bg-subtle);border:1px solid var(--border-subtle);font-size:12px;color:var(--text-muted)}.designer-weball-list span.is-on{background:var(--primary-light);border-color:var(--primary-border);color:var(--text-main)}.designer-weball-list strong{font-size:13px;color:var(--text-main)}.designer-weblearn{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border:1px solid var(--primary-border);border-radius:10px;background:var(--primary-light)}.designer-weblearn-head{display:flex;flex-direction:column;gap:4px}.designer-weblearn-head strong{font-size:14px;color:var(--text-main)}.designer-weblearn-head span{font-size:12.5px;line-height:1.7;color:var(--text-muted)}.designer-weblearn-actions{display:flex;flex-wrap:wrap;gap:8px}.designer-weblearn-result{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border-radius:8px;background:var(--bg-surface);border:1px solid var(--border-subtle)}.designer-weblearn-result strong{font-size:13px;color:var(--primary)}.designer-weblearn-result span{font-size:12px;color:var(--text-main)}.designer-weblearn-result em{font-style:normal;font-size:11.5px;color:var(--text-muted)}.designer-weblearn-skills{font-size:12px;color:var(--text-muted)}.designer-case-source{margin:2px 0 6px;font-size:11.5px;color:var(--text-subtle)}.pf-summary{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:14px}.pf-summary-item{display:flex;align-items:baseline;gap:6px}.pf-summary-item span{font-size:12px;color:var(--text-muted)}.pf-summary-item strong{font-size:16px;color:var(--text-main);font-weight:600}.pf-summary-item em{font-style:normal;font-size:12px;color:var(--text-muted)}.pf-tabs{display:flex;gap:8px;flex-wrap:wrap}.pf-tab{padding:5px 12px;border:1px solid var(--border-subtle);border-radius:999px;background:var(--bg-surface);font-size:13px;color:var(--text-muted);cursor:pointer}.pf-tab.is-active{border-color:var(--primary-border);background:var(--primary-light);color:var(--primary)}.pf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.pf-card{margin:0;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);overflow:hidden;display:flex;flex-direction:column}.pf-thumb{display:grid;place-items:center;height:130px;padding:0;border:0;border-bottom:1px solid var(--border-subtle);background:var(--bg-subtle, #f7f9fc);cursor:zoom-in}.pf-thumb img{max-width:100%;max-height:100%;object-fit:contain}.pf-thumb-empty{color:var(--text-muted);display:grid;place-items:center}.pf-card-body{display:flex;flex-direction:column;gap:2px;padding:10px 12px}.pf-card-body strong{font-size:13px;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-card-meta{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-card-time{font-size:11px;color:#8a94a6}.pf-card-missing{font-size:11px;color:#d97706}.pf-card-actions{display:flex;justify-content:flex-end;gap:6px;padding:0 10px 10px}.pf-card-actions .admin-icon-btn{text-decoration:none}.pf-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.pf-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface)}.pf-row-icon{width:30px;height:30px;border-radius:var(--radius-sm, 8px);display:grid;place-items:center;background:var(--primary-light);color:var(--primary);flex:0 0 auto}.pf-row-main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.pf-row-main strong{font-size:13px;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-row .admin-row-actions{flex:0 0 auto}.pf-row .admin-icon-btn{text-decoration:none}.pf-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#0f172a8c}.pf-preview-box{display:flex;flex-direction:column;gap:10px;max-width:min(900px,92vw);max-height:90vh;padding:14px;border-radius:var(--radius-md);background:var(--bg-surface)}.pf-preview-head{display:flex;align-items:center;gap:10px}.pf-preview-head strong{font-size:14px;color:var(--text-main)}.pf-preview-head span{font-size:12px;color:var(--text-muted)}.pf-preview-head .admin-icon-btn{margin-left:auto}.pf-preview-box img{max-width:100%;max-height:66vh;object-fit:contain;background:var(--bg-subtle, #f7f9fc);border-radius:var(--radius-sm, 8px)}.pf-preview-foot{display:flex;justify-content:flex-end}.pf-preview-foot .btn{text-decoration:none}.diy-shell{display:flex;flex-direction:column;min-height:100vh;background:#f2f3f5}.diy-topbar{display:flex;align-items:center;gap:16px;padding:0 16px;height:56px;background:#fff;border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:40}.diy-topbar-left{display:flex;align-items:center;gap:10px;min-width:220px}.diy-logo{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff}.diy-topbar-title{display:flex;flex-direction:column;line-height:1.25}.diy-topbar-title strong{font-size:14px;color:var(--text-main)}.diy-topbar-title small{font-size:11px;color:var(--text-subtle)}.diy-project-ctx{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.diy-project-back{border:0;background:transparent;padding:0 0 0 2px;cursor:pointer;font-size:11px;color:var(--primary);text-decoration:underline}.diy-designer-ctx{display:flex;align-items:center;gap:6px;margin-top:2px;padding:2px 8px 2px 3px;border-radius:999px;background:var(--primary-light);border:1px solid var(--primary-border);font-size:11px;color:var(--primary);width:fit-content}.diy-designer-avatar{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:600}.diy-designer-ctx.is-copy{background:#fff8e8;border-color:#f0d9a8;color:#8a5a00}.diy-designer-pick{position:relative;flex-shrink:0}.diy-designer-pick-btn{display:flex;align-items:center;gap:6px;height:32px;padding:0 8px 0 6px;border:1px dashed var(--border-medium);border-radius:9px;background:#fff;color:var(--text-muted);font-size:12.5px;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s,color .15s}.diy-designer-pick-btn:hover{border-color:var(--primary);color:var(--text-main);background:var(--bg-subtle)}.diy-designer-pick-btn.is-on{border-style:solid;border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.diy-designer-pick-btn.is-open{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.diy-designer-pick-name{font-weight:600}.diy-designer-pick-style{font-size:11px;opacity:.8}.diy-designer-menu{position:absolute;top:calc(100% + 8px);right:0;width:380px;z-index:120;background:#fff;border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 18px 44px #0f172a29;overflow:hidden}.diy-designer-menu-head{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border-bottom:1px solid var(--border-subtle);background:var(--bg-subtle)}.diy-designer-menu-head strong{font-size:13px;color:var(--text-main)}.diy-designer-menu-head span{font-size:11.5px;color:var(--text-muted);line-height:1.5}.diy-designer-menu-list{max-height:min(58vh,460px);overflow-y:auto;padding:6px}.diy-designer-option{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:8px 9px;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer;color:var(--text-main)}.diy-designer-option:hover{background:var(--bg-subtle)}.diy-designer-option.is-on{background:var(--primary-light);border-color:var(--primary)}.diy-designer-option-avatar{width:30px;height:30px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font-size:13px;font-weight:600}.diy-designer-option-avatar.is-none{background:var(--bg-subtle);color:var(--text-subtle);border:1px dashed var(--border-medium)}.diy-designer-option-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.diy-designer-option-main>strong{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600}.diy-designer-option-main>strong em{font-style:normal;font-size:10.5px;font-weight:600;color:var(--primary);background:var(--primary-light);border-radius:999px;padding:1px 6px}.diy-designer-option-main>strong i.is-match{font-style:normal;font-size:10.5px;font-weight:600;color:#0f7b4f;background:#e8f7ef;border-radius:999px;padding:1px 6px}.diy-designer-option-main>span{font-size:11.5px;color:var(--text-muted)}.diy-designer-option-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.diy-designer-option-tags em{font-style:normal;font-size:10.5px;color:var(--text-muted);background:var(--bg-subtle);border-radius:4px;padding:1px 5px}.diy-designer-option-tags em.is-cuisine{color:var(--text-subtle);background:transparent;padding-left:0}.diy-designer-menu-empty{padding:18px 12px;text-align:center;font-size:12px;color:var(--text-subtle)}.diy-designer-menu-foot{border-top:1px solid var(--border-subtle);padding:6px}.diy-designer-menu-foot button{display:flex;align-items:center;gap:6px;width:100%;padding:7px 9px;border:0;border-radius:8px;background:transparent;cursor:pointer;font-size:12px;color:var(--primary)}.diy-designer-menu-foot button:hover{background:var(--primary-light)}.diy-designer-menu-foot button span{flex:1;text-align:left}.diy-designer-change{border:0;background:transparent;padding:0;cursor:pointer;font-size:11px;color:inherit;text-decoration:underline}.diy-plan-btn{display:flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:1px solid var(--border-medium);border-radius:9px;background:#fff;cursor:pointer;font-size:12.5px;color:var(--text-main)}.diy-plan-btn:hover{border-color:var(--border-focus);background:var(--bg-subtle)}.diy-plan-btn.is-open{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.diy-plan-btn.is-required{border-style:dashed;border-color:var(--primary);color:var(--primary)}.diy-plan-dot{font-style:normal;font-size:10px;font-weight:600;line-height:1;background:var(--primary);color:#fff;border-radius:999px;padding:2px 5px}.diy-plan-menu{position:absolute;top:calc(100% + 8px);right:0;width:440px;z-index:120;background:#fff;border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 18px 44px #0f172a29;overflow:hidden}.diy-plan-menu-head{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border-bottom:1px solid var(--border-subtle);background:var(--bg-subtle)}.diy-plan-menu-head strong{font-size:13px;color:var(--text-main)}.diy-plan-menu-head span{font-size:11.5px;color:var(--text-muted);line-height:1.5}.diy-plan-menu-list{max-height:min(62vh,520px);overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.diy-plan-empty{padding:20px 8px;text-align:center;font-size:12px;color:var(--text-subtle);line-height:1.7}.diy-plan-summary{font-size:12.5px;line-height:1.75;color:var(--text-main);background:var(--primary-light);border-radius:9px;padding:10px 11px}.diy-plan-block{display:flex;flex-direction:column;gap:7px}.diy-plan-block h4{font-size:11.5px;font-weight:600;color:var(--text-muted)}.diy-plan-block ul{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:16px}.diy-plan-block li{font-size:11.5px;line-height:1.7;color:var(--text-main)}.diy-plan-palette{display:flex;flex-wrap:wrap;gap:8px}.diy-plan-swatch{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 5px;border:1px solid var(--border-subtle);border-radius:8px;background:#fff}.diy-plan-swatch i{width:20px;height:20px;border-radius:5px;border:1px solid rgba(15,23,42,.12)}.diy-plan-swatch em{font-style:normal;font-size:11px;color:var(--text-muted)}.diy-plan-swatch b{font-size:11px;font-weight:600;color:var(--text-main)}.diy-plan-tags{display:flex;flex-wrap:wrap;gap:4px}.diy-plan-tags em{font-style:normal;font-size:10.5px;color:var(--text-muted);background:var(--bg-subtle);border-radius:4px;padding:2px 6px}.diy-plan-mod{border:1px solid var(--border-subtle);border-radius:9px;padding:9px 10px;display:flex;flex-direction:column;gap:4px;background:#fff}.diy-plan-mod+.diy-plan-mod{margin-top:7px}.diy-plan-modhead{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.diy-plan-modhead strong{font-size:12.5px;color:var(--text-main)}.diy-plan-modhead em{font-style:normal;font-size:10.5px;font-weight:600;border-radius:999px;padding:1px 6px;background:var(--bg-subtle);color:var(--text-muted)}.diy-plan-modhead em.is-role{background:var(--primary-light);color:var(--primary)}.diy-plan-modhead em.is-link{background:#e8f7ef;color:#0f7b4f}.diy-plan-moduse{font-size:11.5px;line-height:1.6;color:var(--text-muted)}.diy-plan-modintent{font-size:11.5px;line-height:1.7;color:var(--text-main)}.diy-plan-menu-foot{display:flex;gap:6px;border-top:1px solid var(--border-subtle);padding:6px}.diy-plan-menu-foot button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:7px 9px;border:0;border-radius:8px;background:transparent;cursor:pointer;font-size:12px;color:var(--primary)}.diy-plan-menu-foot button:hover{background:var(--primary-light)}.diy-plan-menu-foot button:disabled{color:var(--text-subtle);cursor:default;background:transparent}.diy-pagetabs{display:flex;gap:4px;background:var(--bg-subtle);padding:3px;border-radius:9px}.diy-pagetab{border:0;background:transparent;cursor:pointer;padding:6px 14px;border-radius:7px;font-size:13px;color:var(--text-muted)}.diy-pagetab.is-active{background:#fff;color:var(--primary);font-weight:600;box-shadow:var(--shadow-sm)}.diy-topbar-right{display:flex;align-items:center;gap:10px;margin-left:auto}.diy-stat{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.diy-stat span{font-size:11px;color:var(--text-subtle)}.diy-stat strong{font-size:13px;color:var(--text-main)}.diy-shopbar{display:flex;align-items:flex-end;gap:12px;padding:10px 16px;background:#fff;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.diy-field{display:flex;flex-direction:column;gap:4px}.diy-field>span{font-size:11px;color:var(--text-subtle)}.diy-field input,.diy-field select{height:32px;padding:0 10px;border:1px solid var(--border-subtle);border-radius:7px;font-size:13px;color:var(--text-main);background:#fff;min-width:150px}.diy-pick{position:relative}.diy-pick-btn{display:inline-flex;align-items:center;gap:5px;height:32px;max-width:260px;padding:0 10px;border:1px solid var(--border-subtle);border-radius:7px;background:#fff;font-size:13px;color:var(--text-main);cursor:pointer;font-family:inherit}.diy-pick-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-subtle)}.diy-pick-btn.is-on{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.diy-pick-btn.is-fit,.diy-pick-btn.is-open{box-shadow:0 0 0 3px #2563eb24}.diy-pick-btn .diy-pick-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diy-pick-btn .diy-pick-fit{font-style:normal;font-size:10.5px;padding:1px 6px;border-radius:999px;background:var(--primary);color:#fff;white-space:nowrap}.diy-pick-menu{position:fixed;z-index:130;background:#fff;border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 16px 40px #0f172a2e;display:flex;flex-direction:column;overflow:hidden}.diy-pick-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border-subtle);background:var(--bg-subtle)}.diy-pick-head strong{font-size:12.5px;color:var(--text-main)}.diy-pick-close{border:0;background:transparent;color:var(--text-subtle);cursor:pointer;display:inline-flex;padding:2px;border-radius:6px}.diy-pick-close:hover{background:var(--border-subtle);color:var(--text-main)}.diy-pick-search{display:flex;align-items:center;gap:6px;margin:10px 12px 0;border:1px solid var(--border-subtle);border-radius:8px;padding:5px 8px;color:var(--text-subtle)}.diy-pick-search input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-size:12px;color:var(--text-main);font-family:inherit}.diy-pick-tip{margin:10px 12px 0;padding:6px 9px;border-radius:8px;font-size:11.5px;background:var(--primary-light);color:var(--primary);line-height:1.5}.diy-pick-body{overflow-y:auto;overscroll-behavior:contain;padding:10px 12px;display:flex;flex-direction:column;gap:12px}.diy-pick-group h5{margin:0 0 6px;font-size:11px;font-weight:600;color:var(--text-subtle);letter-spacing:.3px}.diy-pick-group.is-rec h5{color:var(--primary)}.diy-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px}.diy-pick-chip{display:inline-flex;align-items:center;justify-content:center;gap:3px;text-align:center;border:1px solid var(--border-subtle);border-radius:8px;background:#fff;padding:6px 4px;font-size:12px;line-height:1.3;color:var(--text-main);cursor:pointer;font-family:inherit;min-height:32px;word-break:break-all}.diy-pick-chip:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-subtle)}.diy-pick-chip.is-on{border-color:var(--primary);background:var(--primary-light);color:var(--primary);font-weight:600}.diy-pick-chip.is-rec{border-color:var(--primary);background:linear-gradient(180deg,var(--primary-light) 0%,#fff 100%);color:var(--primary);font-weight:600;box-shadow:0 0 0 2px #2563eb1a}.diy-pick-chip.is-rec.is-on{background:var(--primary);color:#fff}.diy-pick-empty{margin:6px 0 0;font-size:12px;color:var(--text-subtle);text-align:center}.diy-pick-foot{display:flex;align-items:center;gap:6px;padding:8px 12px;border-top:1px solid var(--border-subtle);background:var(--bg-subtle);font-size:11px;color:var(--text-muted)}.diy-pick-foot em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-subtle)}.diy-pick-swatches{display:inline-flex;gap:2px}.diy-pick-swatches i{width:10px;height:10px;border-radius:3px;box-shadow:0 0 0 1px #0f172a1a inset}.diy-pick-sw{color:var(--text-subtle)}.diy-pick-theme{gap:12px}.diy-theme-designer{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:9px 10px;border:1px dashed var(--border-medium);border-radius:10px;background:#fff;cursor:pointer;font-family:inherit}.diy-theme-designer:hover{border-color:var(--primary);background:var(--bg-subtle)}.diy-theme-designer.is-on{border-style:solid;border-color:var(--primary);background:var(--primary-light)}.diy-theme-designer-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;height:26px;border-radius:8px;background:var(--primary-light);color:var(--primary)}.diy-theme-designer-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.diy-theme-designer-main strong{font-size:12.5px;color:var(--text-main)}.diy-theme-designer-main em{font-style:normal;font-size:11px;color:var(--text-subtle)}.diy-theme-pop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px}.diy-theme-pop-card{display:flex;flex-direction:column;gap:4px;padding:8px;text-align:left;border:1px solid var(--border-subtle);border-radius:10px;cursor:pointer;font-family:inherit}.diy-theme-pop-card:hover{border-color:var(--primary);transform:translateY(-1px)}.diy-theme-pop-card.is-on{border-color:var(--primary);box-shadow:0 0 0 2px #2563eb29}.diy-theme-pop-card.is-rec{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.diy-theme-pop-card.is-rec:hover{box-shadow:0 0 0 3px var(--primary-light),0 6px 16px #0f172a1f}.diy-theme-pop-top{display:flex;align-items:center;gap:4px}.diy-theme-pop-top i{border-radius:5px;box-shadow:0 0 0 1px #0f172a14 inset}.diy-theme-pop-top i.is-main{width:22px;height:22px}.diy-theme-pop-top i.is-accent{width:14px;height:14px;border-radius:50%}.diy-theme-pop-nav{margin-left:auto;font-size:10px;padding:2px 6px;border-radius:5px;line-height:1.4}.diy-theme-pop-name{display:flex;align-items:center;gap:3px;font-size:12px;font-weight:600;color:var(--text-main)}.diy-theme-pop-name em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diy-theme-pop-scene{font-size:10.5px;color:var(--text-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diy-field-grow{flex:1;min-width:220px}.diy-field-grow input{width:100%}.diy-field input:focus,.diy-field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.diy-alert{display:flex;align-items:center;gap:8px;margin:10px 16px 0;padding:8px 12px;border-radius:8px;font-size:13px;background:var(--rose-light);color:var(--rose);border:1px solid var(--rose-border)}.diy-alert button{margin-left:auto;border:0;background:transparent;color:inherit;cursor:pointer;display:grid;place-items:center}.diy-main{flex:1;display:grid;grid-template-columns:244px minmax(0,1fr) clamp(496px,33%,600px);gap:12px;padding:12px 16px 16px;min-height:0;align-items:start}.diy-main>.diy-left{order:1}.diy-main>.diy-right{order:2}.diy-main>.diy-center{order:3}.diy-left{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);display:flex;flex-direction:column;max-height:calc(100vh - 160px);position:sticky;top:68px}.diy-left-head{display:flex;align-items:center;gap:7px;padding:12px 14px;font-size:13px;font-weight:600;color:var(--text-main);border-bottom:1px solid var(--border-subtle)}.diy-left-search{padding:10px 12px}.diy-left-search input{width:100%;height:30px;padding:0 10px;font-size:13px;border:1px solid var(--border-subtle);border-radius:7px;background:var(--bg-subtle)}.diy-left-search input:focus{outline:none;border-color:var(--primary);background:#fff}.diy-left-list{overflow-y:auto;padding:0 18px 12px}.diy-left-group{margin-bottom:12px}.diy-left-grouptitle{display:flex;align-items:center;gap:6px;width:100%;border:0;background:transparent;cursor:pointer;padding:8px 6px;font-size:12px;color:var(--text-muted);font-weight:600}.diy-left-grouptitle em{margin-left:auto;font-style:normal;font-size:11px;color:var(--text-subtle)}.diy-left-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.diy-left-item{position:relative;aspect-ratio:1 / 1;border:1px solid var(--border-subtle);border-radius:10px;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s,background .15s}.diy-left-item:hover{border-color:var(--border-focus);background:var(--bg-subtle)}.diy-left-item.is-on{border-color:var(--primary);background:var(--primary-light)}.diy-left-item.is-active{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb24}.diy-left-item-main{width:100%;height:100%;border:0;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:0}.diy-left-item-avatar{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--primary-light);color:var(--primary);font-size:15px;font-weight:700;transition:background .15s,color .15s}.diy-left-item.is-on .diy-left-item-avatar{background:var(--primary);color:#fff}.diy-left-item-name{font-size:12px;color:var(--text-main);font-weight:500;text-align:center;padding:0 4px;line-height:1.3}.diy-left-item.is-active .diy-left-item-name{color:var(--primary)}.diy-left-status{position:absolute;top:5px;right:5px;z-index:2;width:18px;height:18px;border-radius:50%;border:1px solid var(--border-medium);background:#fff;color:var(--text-muted);cursor:pointer;display:grid;place-items:center;padding:0;flex-shrink:0;box-shadow:0 1px 3px #0f172a1f}.diy-left-status:hover{border-color:var(--primary);color:var(--primary)}.diy-left-status.is-on{background:var(--primary);border-color:var(--primary);color:#fff}.diy-left-status.is-add{border-style:dashed}.diy-left-status-dot{width:6px;height:6px;border-radius:50%;background:var(--text-subtle)}.diy-center{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;padding:14px;position:sticky;top:68px;max-height:calc(100vh - 160px)}.diy-center-head{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.diy-center-head strong{font-size:13px;color:var(--text-main)}.diy-center-head small{font-size:11px;color:var(--text-subtle)}.diy-phone-stage{display:flex;align-items:stretch;justify-content:center;gap:8px;width:100%}.diy-preview-rail{position:relative;flex:0 0 64px;width:64px}.diy-preview-rail-inner{position:absolute;left:0;right:0;overflow:hidden}.diy-preview-rail-item{position:absolute;left:0;right:0;display:flex;align-items:center;gap:5px;padding:0 6px 0 4px;border:0;background:transparent;cursor:pointer;font-size:11.5px;line-height:1;color:var(--text-muted);text-align:left;border-radius:6px;transition:color .15s,background .15s}.diy-preview-rail-item:before{content:"";flex:0 0 3px;width:3px;height:12px;border-radius:2px;background:var(--border-subtle)}.diy-preview-rail-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diy-preview-rail-item:hover{background:var(--bg-subtle);color:var(--text-main)}.diy-preview-rail-item.is-active{color:var(--primary);font-weight:600;background:var(--primary-light)}.diy-preview-rail-item.is-active:before{background:var(--primary)}.diy-phone-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.diy-phone{width:391px;height:828px;border-radius:34px;background:#111;padding:8px;box-shadow:0 12px 28px #0f172a2e;flex-shrink:0}.diy-phone-screen{position:relative;width:100%;height:100%;border-radius:22px;overflow:hidden;background:#f5f6f8;display:flex;flex-direction:column;--navbar-h: 82px}.diy-phone-screen.is-immersive{--navbar-h: 0px}.diy-phone-navbar{position:relative;z-index:30;height:82px;flex-shrink:0;background:#fff;overflow:hidden}.diy-phone-statusbar{position:relative;display:flex;justify-content:space-between;align-items:flex-start;height:60px;padding:15px 14px 0;font-size:12px;color:#64748b}.diy-phone-header{position:relative;display:flex;align-items:center;justify-content:center;height:22px;padding:0 14px;font-size:17px;font-weight:600;line-height:22px;color:var(--text-main)}.diy-phone-header-actions{margin-left:auto;display:flex;gap:2px}.diy-phone-header-dot{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.55}.diy-phone-homebg{position:absolute;top:var(--navbar-h, 82px);left:0;width:100%;z-index:0;pointer-events:auto;cursor:pointer}.diy-phone-homebg.is-full{height:calc(100% - var(--navbar-h, 82px));background-size:auto 100%;background-repeat:no-repeat;background-position:50% 50%}.diy-phone-homebg.is-float{display:flex;align-items:flex-start;padding:0 20px}.diy-phone-homebg.is-float img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:12px;box-shadow:0 6px 18px #0f172a2e}.diy-phone-homebg.is-poster{overflow:hidden}.diy-phone-homebg.is-poster img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transition:opacity .45s ease}.diy-phone-homebg.is-poster img.is-on{opacity:1}.diy-phone-homebg-dots{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:4px}.diy-phone-homebg-dots i{width:5px;height:5px;border-radius:50%;background:#ffffff8c}.diy-phone-homebg-dots i.is-on{background:#fff}.diy-phone-homebg.is-active{outline:2px solid var(--primary);outline-offset:-2px}.diy-phone-screen.is-immersive .diy-phone-navbar{position:absolute;top:0;left:0;right:0;background:transparent}.diy-phone-screen.is-immersive .diy-phone-statusbar{color:#fff}.diy-phone-screen.is-immersive .diy-phone-body{padding-top:2px}.diy-phone-body{position:relative;z-index:1;flex:1;overflow-y:auto;padding:20px var(--page-pad, 20px) 80px;display:flex;flex-direction:column;gap:var(--page-gap, 12px)}.diy-phone-empty{margin:40px auto;font-size:12px;color:var(--text-subtle)}.diy-phone-mod{position:relative;border-radius:var(--mod-radius, 10px);padding:0;cursor:pointer;outline:1px dashed transparent;outline-offset:-1px;background:#ffffffb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:var(--mod-shadow, none)}.diy-phone-mod:hover{outline-color:var(--border-focus)}.diy-phone-mod.is-active{outline:1px solid var(--primary);outline-offset:-1px;box-shadow:0 0 0 3px #2563eb24}.diy-phone-modtag{position:absolute;top:-8px;left:6px;z-index:12;font-size:10px;padding:1px 6px;border-radius:6px;background:#0f172ab8;color:#fff}.diy-phone-mod.is-card{background:#fff;box-shadow:0 2px 8px #0f172a14}.diy-phone-mod:hover,.diy-phone-mod:focus-within{z-index:5}.diy-phone-modtools{position:absolute;top:-9px;right:4px;z-index:12;display:flex;gap:2px;opacity:0;transition:opacity .15s}.diy-phone-mod:hover .diy-phone-modtools{opacity:1}.diy-phone-modtools button{width:18px;height:18px;border-radius:5px;border:1px solid rgba(0,0,0,.1);background:#fffffff2;color:var(--text-muted);font-size:11px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}.diy-phone-modtools button:hover:not(:disabled){color:var(--primary);border-color:var(--primary)}.diy-phone-modtools button:disabled{opacity:.35;cursor:default}.diy-phone-tabbar.is-float{position:absolute;left:20px;right:20px;bottom:16px;height:52px;margin:0;border-radius:26px;border:1px solid rgba(0,0,0,.06);box-shadow:0 6px 18px #0f172a24}.diy-phone-modbody{display:flex;gap:var(--mod-gap, 4px);flex-wrap:wrap;align-items:flex-start}.diy-phone-mod{cursor:grab}.diy-phone-mod.is-dragging{opacity:.55}.diy-phone-drag{cursor:grab;font-size:12px;color:var(--text-subtle);line-height:1}.diy-phone-mod.is-full,.diy-phone-mod.is-full .diy-phone-modbody{padding:0}.diy-phone-mod.is-drop-before:before,.diy-phone-mod.is-drop-after:after{content:"";position:absolute;left:-2px;right:-2px;height:3px;background:var(--primary);border-radius:2px;z-index:5}.diy-phone-mod.is-drop-before:before{top:-3px}.diy-phone-mod.is-drop-after:after{bottom:-3px}.diy-region-row{display:flex;align-items:center;gap:6px;margin-bottom:8px}.diy-region-row input{flex:1;min-width:0;height:30px;padding:0 8px;font-size:12px;border:1px solid var(--border-subtle);border-radius:7px;color:var(--text-main)}.diy-region-row input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.diy-region-row button{width:26px;height:30px;flex-shrink:0;border-radius:7px;cursor:pointer;border:1px solid var(--border-subtle);background:#fff;color:var(--text-muted)}.diy-region-row button:hover{color:var(--rose);border-color:var(--rose)}.diy-region-actions{display:flex;gap:8px}.diy-swiper-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.diy-swiper-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 4px 6px;border:1px solid var(--border-subtle);border-radius:9px;background:#fff;cursor:pointer;transition:border-color .18s,box-shadow .18s,background .18s}.diy-swiper-item:hover{border-color:#c3cfe6;background:var(--bg-subtle)}.diy-swiper-item.is-on{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 2px #4b6ef51f}.diy-swiper-item em{font-style:normal;font-size:11px;color:var(--text-muted);line-height:1.2;text-align:center}.diy-swiper-item.is-on em{color:var(--primary);font-weight:600}.diy-swiper-thumb{display:grid;place-items:center;width:60px;height:40px}.diy-swiper-thumb svg{display:block}.diy-jigsaw-picker{display:flex;flex-direction:column;gap:8px}.diy-jigsaw-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.diy-jigsaw-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 4px 6px;border:1px solid var(--border-subtle);border-radius:9px;background:#fff;cursor:pointer;transition:border-color .18s,box-shadow .18s,background .18s}.diy-jigsaw-item:hover{border-color:#c3cfe6;background:var(--bg-subtle)}.diy-jigsaw-item.is-on{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 2px #4b6ef51f}.diy-jigsaw-item em{font-style:normal;font-size:11px;color:var(--text-muted);line-height:1.2;text-align:center}.diy-jigsaw-item.is-on em{color:var(--primary);font-weight:600}.diy-jigsaw-thumb{display:grid;gap:2px;width:46px;height:46px;padding:3px;border-radius:6px;background:#fff;border:1px solid var(--border-subtle)}.diy-jigsaw-thumb i{background:#d8e0f2;border-radius:2px;display:block}.diy-jigsaw-item.is-on .diy-jigsaw-thumb{border-color:var(--primary)}.diy-jigsaw-item.is-on .diy-jigsaw-thumb i{background:var(--primary)}.diy-jigsaw-hint{display:flex;align-items:flex-start;gap:5px;margin:0;font-size:11px;line-height:1.6;color:var(--text-subtle)}.diy-jigsaw-hint svg{flex-shrink:0;margin-top:2px;color:var(--primary)}.diy-jigsaw-parts{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;border:1px dashed var(--border-subtle);border-radius:8px;background:var(--bg-subtle)}.diy-jigsaw-parts-count{font-size:11px;font-weight:700;color:var(--primary)}.diy-jigsaw-part{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:20px;background:#fff;border:1px solid var(--border-subtle);font-size:11px}.diy-jigsaw-part em{font-style:normal;color:var(--text-subtle)}.diy-jigsaw-part b{font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.diy-block-count{font-style:normal;font-size:11px;font-weight:600;color:var(--primary);margin-left:6px;padding:1px 7px;border-radius:20px;background:var(--primary-light)}.diy-steps{margin:12px 16px 0;padding:10px 12px;border-radius:10px;background:linear-gradient(180deg,var(--primary-light),#fff);border:1px solid var(--emerald-border)}.diy-steps-title{font-size:11px;color:var(--text-muted);font-weight:600;margin-bottom:6px}.diy-steps ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.diy-steps li{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--text-muted);padding:4px 6px;border-radius:6px}.diy-steps li strong{display:block;color:var(--text-main);font-weight:500}.diy-steps li small{display:block;font-size:10px;color:var(--text-subtle);margin-top:1px}.diy-steps li.is-done{color:var(--emerald)}.diy-steps li.is-on{background:#fff;box-shadow:0 1px 3px #0f172a0d;border:1px solid var(--primary)}.diy-steps li.is-on strong{color:var(--primary)}.diy-steps-num{width:18px;height:18px;border-radius:50%;background:#fff;border:1px solid var(--border-subtle);display:grid;place-items:center;font-size:10px;font-weight:600;color:var(--text-muted);flex-shrink:0;margin-top:1px}.diy-steps li.is-done .diy-steps-num{background:var(--emerald);color:#fff;border-color:var(--emerald)}.diy-steps li.is-on .diy-steps-num{background:var(--primary);color:#fff;border-color:var(--primary)}.diy-phone-modbody{width:100%}.diy-mod-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.diy-mod-placeholder{width:100%;height:100%;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:repeating-linear-gradient(45deg,#e8eaee,#e8eaee 6px,#f1f2f5 6px,#f1f2f5 12px);color:#94a3b8;font-size:10px;border-radius:inherit}.diy-mod-placeholder em{font-style:normal;font-size:9px}.diy-mod-img.is-loading{opacity:.35;filter:grayscale(.7)}.diy-mod-img.is-failed,.diy-mod-placeholder.is-failed{box-shadow:inset 0 0 0 2px var(--rose)}.diy-mod-placeholder.is-loading{position:relative}.diy-mod-placeholder.is-loading:after{content:"生成中…";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:10px;color:var(--primary);background:#fff9}.diy-phone-homebg.is-poster img.is-loading{filter:grayscale(.8)}.diy-mod-banner{position:relative;width:100%}.diy-mod-banner .diy-mod-img,.diy-mod-banner .diy-mod-placeholder{border-radius:8px}.diy-mod-banner-tile{display:flex;flex-direction:column;gap:20px;padding:12px 0}.diy-mod-banner.is-fullscreen{margin:0 -20px;width:calc(100% + 40px)}.diy-mod-banner.is-fullscreen .diy-mod-img,.diy-mod-banner.is-fullscreen .diy-mod-placeholder{border-radius:0}.diy-banner-slide{position:relative;width:100%}.diy-banner-top{position:absolute;left:12px;right:12px;top:12px;bottom:12px}.diy-carousel-dots{position:absolute;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:4px;pointer-events:none}.diy-carousel-dots.is-outside{top:100%;margin-top:2px}.diy-carousel-dots.is-inside{bottom:6px}.diy-carousel-dots button{pointer-events:auto;border:0;padding:0;cursor:pointer;width:6px;height:6px;border-radius:50%;background:#d9d9d9;opacity:.2}.diy-carousel-dots button.is-active{width:8px;height:8px;opacity:1}.diy-carousel-dots.line button.is-active{width:16px;height:8px;border-radius:4px}.diy-mod-puzzle{display:grid;width:100%;height:335px;border-radius:inherit;overflow:hidden}.diy-mod-puzzle>*{min-height:0}.diy-mod-puzzle .diy-mod-img,.diy-mod-puzzle .diy-mod-placeholder{width:100%;height:100%;min-height:0;border-radius:inherit}.diy-mod-puzzle .diy-mod-puzzle-big,.diy-mod-puzzle .diy-mod-puzzle-col{min-height:0}.diy-mod-puzzle-2{grid-template-columns:1fr 1fr}.diy-mod-puzzle-top2{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.diy-mod-puzzle-top2 .diy-mod-puzzle-top{grid-column:1 / -1;min-height:0}.diy-mod-puzzle-mix{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.diy-mod-puzzle-mix .diy-mod-puzzle-big{grid-row:span 2}.diy-mod-puzzle-mix .diy-mod-puzzle-col{display:grid;grid-template-rows:1fr 1fr;grid-row:span 2}.diy-mod-puzzle-3{grid-template-columns:repeat(3,1fr)}.diy-mod-puzzle-grid,.diy-mod-puzzle-complex{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.diy-mod-puzzle-complex .diy-mod-puzzle-big{grid-row:span 2}.diy-mod-puzzle-complex .diy-mod-puzzle-col{display:grid;grid-template-rows:1fr 1fr;grid-row:span 2}.diy-mod-puzzle-complex .diy-mod-puzzle-bottom-row{display:grid;grid-template-columns:1fr 1fr;min-height:0}.diy-mod-focus{position:relative;top:-13px;width:100%;z-index:10}.diy-mod-focus.is-hot{top:0}.diy-mod-focus.is-hot .diy-mod-img,.diy-mod-focus.is-hot .diy-mod-placeholder{width:100%;border-radius:inherit;min-height:0}.diy-focus-inner{width:100%;box-sizing:border-box}.diy-focus-inner.is-wrap{padding:16px 12px;background:#fff;border-radius:inherit;overflow:visible}.diy-focus-whitecard{width:100%;padding:16px 12px;box-sizing:border-box;background:#fff;border-radius:8px}.diy-focus-spacer{display:block;height:0;margin-top:12px}.diy-focus-vip{display:flex;align-items:center;height:40px}.diy-focus-vip.is-float{position:relative}.diy-focus-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:linear-gradient(135deg,#eef2ff,#e6f0ff);color:#8a94a6;display:grid;place-items:center;overflow:hidden}.diy-focus-avatar.is-float{width:52px;height:52px;flex:0 0 52px;transform:translateY(-30px);margin-left:8px;background:linear-gradient(135deg,#eef2ff,#e6f0ff)}.diy-focus-vip-mid{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;margin:0 8px}.diy-focus-vip-mid strong{font-size:14px;line-height:20px;color:#1b2233}.diy-focus-vip-mid small{font-size:10px;color:#9ca3af;line-height:14px}.diy-focus-vip-line{display:flex;align-items:center;gap:4px}.diy-focus-vip-mid strong+strong{line-height:14px}.diy-focus-vip.is-float .diy-focus-vip-mid>strong{line-height:22px}.diy-focus-vip.is-float .diy-focus-vip-line strong{line-height:16px}.diy-focus-vip-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px}.diy-focus-vip-right small{font-size:10px;color:#9ca3af}.diy-focus-vip-right small b{color:#99d12d;font-weight:600}.diy-focus-level{display:inline-flex;align-items:center;justify-content:center;gap:2px;width:68px;height:20px;box-sizing:border-box;border-radius:12px;background:#99d12d;color:#fff;font-size:10px;white-space:nowrap}.diy-focus-gift{position:relative;height:64px;width:100%;box-sizing:border-box;background:#efffcf;border-radius:16px;margin-top:12px;display:flex;align-items:center;padding:16px 20px}.diy-focus-gift:before,.diy-focus-gift:after{content:"";width:14px;height:14px;border-radius:50%;background:#fff;position:absolute;top:50%;transform:translateY(-50%)}.diy-focus-gift:before{left:-7px}.diy-focus-gift:after{right:-7px}.diy-focus-gift-ic{color:#7cb518;display:grid;place-items:center;flex:0 0 auto}.diy-focus-gift-txt{flex:1;min-width:0;margin-left:8px;display:flex;flex-direction:column;justify-content:center}.diy-focus-gift-txt strong{font-size:14px;color:#1b2233;line-height:20px;font-weight:700}.diy-focus-gift-txt small{font-size:10px;color:#9ca3af;line-height:14px}.diy-focus-gift-dash{border-left:1px dashed #c3d79c;margin:0 20px;width:1px;height:32px;flex:0 0 auto}.diy-focus-gift-lock{color:#9ca3af;display:grid;place-items:center;flex:0 0 auto}.diy-focus-row{display:flex;width:100%;align-items:flex-start}.diy-focus-row>.diy-focus-cell{flex:1 1 0;min-width:0}.diy-focus-col{display:flex;flex-direction:column;flex:1 1 0;min-width:0}.diy-focus-cell{position:relative;box-sizing:border-box;overflow:hidden;border:1px dashed #d9d9d9;border-radius:8px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#9ca3af;cursor:pointer}.diy-focus-cell.has-img{border:0}.diy-focus-cell em{font-size:11px;font-style:normal;font-weight:600}.diy-focus-cell span{font-size:10px}.diy-focus-cell-img{width:100%;height:100%;object-fit:cover;display:block}.diy-focus-vipcard{position:relative;width:100%;flex:1 1 0;min-width:0;height:256px;border-radius:8px;overflow:hidden;background:#fff}.diy-focus-vipcard-bg{height:40px;width:100%;box-sizing:border-box;border-radius:8px 8px 0 0;border:1px dashed #d9d9d9;background:linear-gradient(135deg,#f3f4f6,#eef2ff);color:#9ca3af;font-size:10px;display:grid;place-items:center;cursor:pointer}.diy-focus-vipcard-bg.has-img{border:0}.diy-focus-vipcard-bgimg{width:100%;height:100%;object-fit:cover;display:block}.diy-focus-vipcard-body{height:216px;box-sizing:border-box;padding:24px 24px 0;background:#fff;border-radius:0 0 8px 8px;display:flex;flex-direction:column;align-items:center}.diy-focus-vipcard-avatar{width:40px;height:40px;border-radius:50%;position:absolute;top:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#eef2ff,#e6f0ff);color:#8a94a6;display:grid;place-items:center;z-index:1}.diy-focus-vipcard-name{margin-top:44px;font-size:14px;font-weight:700;color:#1b2233;line-height:20px}.diy-focus-vipcard-body>.diy-focus-level{margin-top:8px}.diy-focus-vipcard-upgrade{margin-top:4px;font-size:10px;color:#9ca3af}.diy-focus-vipcard-upgrade b{color:#99d12d;font-weight:600}.diy-focus-vipcard-grid{width:100px;display:grid;grid-template-columns:repeat(2,50px);column-gap:4px;row-gap:4px;margin-top:10px;justify-content:center}.diy-focus-vipcell{height:60px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.diy-focus-vipcell small{font-size:12px;color:#9ca3af}.diy-focus-vipcell strong{font-size:16px;font-weight:700;color:#1b2233}.diy-mod-hotzone{position:relative;width:100%;border-radius:inherit;overflow:hidden}.diy-mod-hotzone .diy-mod-img,.diy-mod-hotzone .diy-mod-placeholder{min-height:120px}.diy-mod-hotzone-placeholder,.diy-mod-hotzone-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px}.diy-hot-box{display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.7);border-radius:8px;background:#0000001f;color:#fff;font-size:9px;text-shadow:0 1px 1px rgba(0,0,0,.35)}.diy-mod-hotzone-placeholder .diy-hot-box{border-color:#0000002e;background:#0000000a;color:var(--text-muted)}.diy-mod-funcs{width:100%}.diy-mod-funcs.is-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 8px;padding:8px 2px}.diy-mod-funcs.is-list{display:flex;flex-direction:column;padding:2px}.diy-mod-funcs.is-list .diy-func-item{flex-direction:row;align-items:center;justify-content:space-between;width:100%;min-height:56px;padding:0 4px;gap:8px;text-align:left}.diy-mod-funcs.is-list .diy-func-main{display:flex;align-items:center;gap:4px;min-width:0}.diy-mod-funcs.is-list .diy-func-label{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diy-func-arrow{flex:0 0 auto;color:var(--text-subtle)}.diy-func-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;border:0;background:transparent;cursor:pointer;padding:4px}.diy-func-mark{position:absolute;top:-2px;left:50%;transform:translate(-50%);max-width:46px;padding:0 4px;height:13px;line-height:13px;border-radius:7px;background:#ff4d4f;color:#fff;font-size:8px;font-style:normal;white-space:nowrap;overflow:hidden;box-shadow:0 1px 2px #ff4d4f59;pointer-events:none;z-index:2}.diy-func-icon{display:grid;place-items:center;overflow:hidden;background:var(--bg-subtle);color:var(--primary);box-shadow:0 1px 2px #0f172a0f}.diy-func-icon img{width:100%;height:100%;object-fit:contain}.diy-mod-funcs.is-grid .diy-func-icon{justify-self:center}.diy-mod-funcs.is-grid .diy-func-icon svg{width:100%;height:100%}.diy-func-label{font-size:10px;color:var(--text-main);white-space:nowrap}.diy-mod-video{position:relative;width:100%;border-radius:inherit;overflow:hidden;background:#000}.diy-mod-video .diy-mod-img,.diy-mod-video .diy-mod-placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.diy-mod-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;pointer-events:none;background:#00000026}.diy-mod-video-badges{position:absolute;top:6px;right:6px;display:flex;gap:4px;pointer-events:none}.diy-mod-video-badges em{font-size:8px;padding:1px 5px;border-radius:4px;background:#00000073;color:#fff;font-style:normal}.diy-mod-benefit{width:100%;border-radius:inherit;overflow:hidden;background:#fff}.diy-mod-benefit.is-style1{min-height:105px}.diy-benefit-hd{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 12px}.diy-benefit-title{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700}.diy-benefit-code{font-size:12px}.diy-benefit-main{padding:10px 12px 12px}.diy-benefit-level{font-size:12px;font-weight:700}.diy-benefit-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.diy-benefit-l{flex:1;min-width:0}.diy-benefit-bar{display:block;width:98px;height:4px;margin-top:4px;border-radius:2px;background:#f0f0f0}.diy-benefit-bar i{display:block;height:100%;border-radius:2px}.diy-benefit-tip{margin:4px 0 0;font-size:10px;color:#93a0b4}.diy-benefit-tip em{font-style:normal}.diy-benefit-btn{flex:0 0 auto;width:88px;height:28px;line-height:28px;text-align:center;border-radius:20px;color:#fff;font-size:12px}.diy-mod-benefit.is-style2 .diy-benefit-bg{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:100px;padding:12px;background-size:cover;background-position:center}.diy-benefit-left{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.diy-benefit-left .diy-benefit-level{margin-top:12px}.diy-benefit-levelcard{width:91px;height:76px;object-fit:contain}.diy-benefit-levelcard.is-empty{display:grid;place-items:center;border:1px dashed rgba(0,0,0,.18);border-radius:6px;background:#fff9;font-size:9px;color:#93a0b4}.diy-mod-asset{position:relative;width:100%;border-radius:inherit;overflow:hidden;background:#fff}.diy-asset-card{position:relative;z-index:1;display:flex;flex-direction:column;padding:12px}.diy-mod-assetbg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}.diy-mod-asset.is-style2 .diy-asset-card,.diy-mod-asset.is-style3 .diy-asset-card{padding:0}.diy-asset-avatar{display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#e5e7eb;color:#9ca3af}.diy-asset-avatar.is-sm{width:28px;height:28px}.diy-asset-avatar.is-lg{width:52px;height:52px}.diy-asset-name{font-size:14px;font-weight:700}.diy-asset-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.diy-asset-chip,.diy-asset-badge{display:inline-flex;align-items:center;gap:2px;padding:0 8px;border-radius:20px;font-size:10px}.diy-asset-chip{border:1px solid rgba(0,0,0,.12);color:#1a2233;background:#ffffffb3}.diy-asset-badge{color:#fff}.diy-asset-code{font-size:10px;font-weight:700}.diy-asset-bar{display:block;width:100%;height:4px;margin-top:8px;border-radius:2px;background:#f0f0f0}.diy-asset-bar i{display:block;height:100%;border-radius:2px}.diy-asset-tip{margin:4px 0 0;font-size:10px;color:#93a0b4}.diy-asset-tip em{font-style:normal}.diy-asset-cols{display:flex;align-items:center;flex:1;min-width:0}.diy-asset-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.diy-asset-col-label{font-size:12px}.diy-asset-col-value{font-size:14px;font-weight:700}.diy-mod-asset.is-style1 .diy-asset-top{display:flex;align-items:center;justify-content:space-between;height:28px}.diy-mod-asset.is-style1 .diy-asset-user{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:700}.diy-mod-asset.is-style1 .diy-asset-mid{display:flex;align-items:center;gap:12px;margin-top:12px}.diy-mod-asset.is-style1 .diy-asset-lv{width:108px;flex:0 0 auto}.diy-mod-asset.is-style1 .diy-asset-level{display:block;font-size:12px;font-weight:700}.diy-mod-asset.is-style1 .diy-asset-lv .diy-asset-bar{margin-top:2px}.diy-mod-asset.is-style2 .diy-asset-top{display:flex;align-items:flex-start;gap:8px;padding:10px 12px}.diy-mod-asset.is-style2 .diy-asset-top-main{flex:1;min-width:0}.diy-mod-asset.is-style2 .diy-asset-center{padding:0 0 12px}.diy-mod-asset.is-style2 .diy-asset-bottom{display:flex;align-items:center;justify-content:center;height:36px}.diy-mod-asset.is-style3 .diy-asset-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 12px}.diy-mod-asset.is-style3 .diy-asset-top-main{flex:1;min-width:0}.diy-mod-asset.is-style3 .diy-asset-code-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.diy-mod-asset.is-style3 .diy-asset-code-row .diy-asset-tip{margin:0}.diy-mod-asset.is-style3 .diy-asset-center{padding:12px 0}.diy-mod-bcard{position:relative;width:100%;border-radius:inherit;overflow:hidden;background:#fff}.diy-mod-bcardbg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}.diy-bcard-inner{position:relative;z-index:1;display:flex;flex-direction:column}.diy-bcard-hd{display:flex;align-items:center;justify-content:space-between;padding:12px;font-size:12px}.diy-bcard-title{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:#1a2233}.diy-bcard-more{display:inline-flex;align-items:center;gap:2px;font-size:10px;color:#93a0b4}.diy-bcard-list{display:flex;gap:18px;padding:0 0 12px}.diy-bcard-item{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;padding:12px 8px;border-radius:8px 20px}.diy-bcard-item-title{font-size:14px;font-weight:700;line-height:20px}.diy-bcard-item-desc{font-size:10px;line-height:14px}.diy-bcard-item-card{display:grid;place-items:center;height:52px;border-radius:8px}.diy-mod-addfriend{position:relative;width:100%;border-radius:inherit;overflow:hidden;background:#fff}.diy-mod-addfriendbg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}.diy-addfriend-inner{position:relative;z-index:1;padding:12px}.diy-addfriend-hd{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:#1a2233}.diy-addfriend-body{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px;min-height:28px}.diy-addfriend-text{min-width:0}.diy-addfriend-title{display:block;font-size:12px;font-weight:700;color:#1a2233}.diy-addfriend-sub{display:block;margin-top:4px;font-size:10px;color:#93a0b4}.diy-addfriend-btn{flex:0 0 auto;width:88px;height:28px;display:grid;place-items:center;border-radius:20px;color:#fff;font-size:12px}.diy-mod-healthydiet{display:flex;align-items:center;gap:12px;width:100%;padding:16px;border-radius:inherit;overflow:hidden;background:#fff}.diy-diet-content{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.diy-diet-title{font-size:12px;line-height:16px}.diy-diet-subtitle{margin-top:2px;font-size:18px;font-weight:700;line-height:24px}.diy-diet-btn{margin-top:8px;padding:0 16px;height:30px;display:inline-flex;align-items:center;border-radius:20px;color:#fff;font-size:13px;white-space:nowrap}.diy-diet-tag{display:flex;align-items:center;gap:4px;margin-top:8px}.diy-diet-avatars{display:flex;flex:0 0 auto}.diy-diet-avatar{width:16px;height:16px;border-radius:50%;background:#d9d9d9;border:1px solid #fff}.diy-diet-avatar+.diy-diet-avatar{margin-left:-6px}.diy-diet-tag-text{font-size:11px;color:#595959}.diy-diet-img{flex:0 0 auto;width:110px;height:110px;object-fit:cover;border-radius:8px}.diy-diet-img.is-default{display:grid;place-items:center;background:linear-gradient(135deg,#f2f8ea,#e6f4d7);color:#93a0b4}.diy-mod-nearby{position:relative;width:100%;border-radius:inherit;overflow:hidden;padding:12px 0;background:#fff;color:#1a2233}.diy-mod-nearbybg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}.diy-nby-hd{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.diy-nby-title{display:flex;align-items:center;gap:4px}.diy-nby-icon{flex:0 0 auto}.diy-nby-title strong{font-size:12px;font-weight:700;line-height:12px}.diy-nby-more{display:flex;align-items:center;gap:1px;font-size:12px;color:#93a0b4;white-space:nowrap}.diy-nby-row,.diy-nby-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px}.diy-nby-row{position:relative;z-index:1;margin-top:12px;min-height:52px}.diy-nby-info{min-width:0}.diy-nby-info strong{display:block;font-size:12px;font-weight:700;line-height:12px}.diy-nby-info strong.is-lg{font-size:14px;line-height:14px}.diy-nby-dist{display:block;margin-top:8px;font-size:12px;line-height:12px;color:#93a0b4}.diy-nby-info strong.is-lg+.diy-nby-dist{margin-top:4px}.diy-nby-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:24px;padding:0 10px;border-radius:12px;font-size:12px;color:#fff;white-space:nowrap}.diy-nby-cards{position:relative;z-index:1;display:flex;margin-top:12px;overflow:hidden}.diy-nby-card{flex:0 0 auto;width:240px;border:1px solid #f2f4f7;border-radius:8px;overflow:hidden;background:#fff}.diy-nby-card+.diy-nby-card{margin-left:4px}.diy-nby-card-top{display:flex;align-items:center;justify-content:center;height:70px;border-radius:8px}.diy-nby-card-icon{width:22px;height:20px}.diy-nby-card-bottom{min-height:52px}.diy-mod-group{position:relative;width:100%;border-radius:inherit;overflow:hidden;padding:0 12px;background:#fff;color:#1a2233}.diy-mod-groupbg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}.diy-gp-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;margin:2px 0}.diy-gp-left{display:flex;align-items:center;min-width:0}.diy-gp-ticket{flex:0 0 auto;width:14px;height:14px}.diy-gp-name{margin-left:4px;font-size:12px;line-height:17px}.diy-gp-right{display:flex;align-items:center;flex:0 0 auto}.diy-gp-plat{flex:0 0 auto;width:16px;height:16px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.diy-gp-plat.is-douyin{background:#161823;color:#fff}.diy-gp-plat.is-meituan{background:#ffd100;color:#1a2233}.diy-gp-text{margin:0 8px;font-size:12px;line-height:12px;color:#93a0b4;white-space:nowrap}.diy-gp-arrow{flex:0 0 auto;width:8px;height:8px;color:#1a2233}.diy-mod-coupon{position:relative;width:100%;border-radius:inherit;overflow:hidden;padding:12px 0;background:#fff;color:#1a2233}.diy-mod-couponbg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}.diy-cp-hd{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.diy-cp-hd-left{display:flex;align-items:center;min-width:0}.diy-cp-hd-icon{flex:0 0 auto;width:10px;height:10px}.diy-cp-hd-left strong{margin-left:4px;font-size:12px;font-weight:700;line-height:12px}.diy-cp-more{display:flex;align-items:center;gap:1px;font-size:12px;line-height:12px;color:#93a0b4;white-space:nowrap}.diy-cp-sub{display:block;margin-top:8px;font-size:12px;line-height:12px;color:#93a0b4}.diy-cp-wrap{position:relative;z-index:1;margin-top:12px;padding:0 12px;display:flex;overflow:hidden}.diy-cp-wrap.is-c3{gap:8px}.diy-cp-c1-btn:before,.diy-cp-c1-btn:after,.diy-cp-c2-right:before,.diy-cp-c2-right:after,.diy-cp-c3-bottom:before,.diy-cp-c3-bottom:after{content:"";position:absolute;z-index:2;width:12px;height:12px;border-radius:50%;background:#fff}.diy-cp-c1-btn:before,.diy-cp-c1-btn:after{width:14px;height:14px}.diy-cp-c1-btn:before{left:-7px;top:-7px}.diy-cp-c1-btn:after{left:-7px;bottom:-7px}.diy-cp-c2-right:before{left:-6px;top:-6px}.diy-cp-c2-right:after{left:-6px;bottom:-6px}.diy-cp-c3-bottom:before{top:-6px;left:-6px}.diy-cp-c3-bottom:after{top:-6px;right:-6px}.diy-cp-card1{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;width:240px;height:60px;padding:0 14px 0 20px;border-radius:16px;position:relative}.diy-cp-c1-info{min-width:0}.diy-cp-c1-info strong{display:block;font-size:12px;font-weight:700;line-height:12px}.diy-cp-c1-btn{flex:0 0 auto;position:relative;display:inline-flex;align-items:center;justify-content:center;width:60px;height:28px;border-radius:14px;font-size:10px;color:#fff}.diy-cp-card2{flex:0 0 auto;display:flex;width:248px;height:92px;border:1px solid;border-radius:12px;overflow:hidden;position:relative}.diy-cp-c2-left{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:12px;border-right:1px solid}.diy-cp-c2-info strong{display:block;font-size:12px;font-weight:700;line-height:12px}.diy-cp-c2-right{flex:0 0 auto;width:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid;border-radius:0 12px 12px 0;position:relative}.diy-cp-c2-amt{display:flex;align-items:baseline}.diy-cp-c2-amt strong{font-size:20px;font-weight:700;line-height:28px}.diy-cp-c2-amt span{font-size:12px;line-height:20px}.diy-cp-c2-kind{font-size:12px;line-height:14px}.diy-cp-card3{flex:0 0 auto;width:120px;height:96px;border:1px solid;border-radius:12px;overflow:hidden;position:relative;background:#fff}.diy-cp-c3-top{height:62px;padding:12px;border-bottom:1px solid}.diy-cp-c3-top strong{display:block;font-size:12px;font-weight:700;line-height:12px}.diy-cp-sub.is-mt12{margin-top:12px}.diy-cp-c3-bottom{position:relative;height:32px;display:flex;align-items:center;justify-content:center;font-size:10px;line-height:32px}.diy-mod-activity{position:relative;width:100%;border-radius:inherit;overflow:hidden;padding:12px;background:#fff;color:#1a2233}.diy-mod-activitybg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}.diy-ac-hd{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.diy-ac-hd-left{display:flex;align-items:center;min-width:0}.diy-ac-hd-icon{flex:0 0 auto;width:10px;height:10px}.diy-ac-hd-left strong{margin-left:4px;font-size:12px;font-weight:700;line-height:12px}.diy-ac-more{display:flex;align-items:center;gap:1px;font-size:12px;line-height:12px;color:#93a0b4;white-space:nowrap}.diy-ac-wrap{position:relative;z-index:1;margin-top:12px;display:flex;overflow:hidden}.diy-ac-wrap.is-s1{gap:8px}.diy-ac-item1{flex:0 0 auto;position:relative;width:108px;height:108px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.diy-ac-i1-icon{width:22px;height:20px}.diy-ac-i1-dask{position:absolute;left:0;right:0;bottom:0;height:40px;display:flex;align-items:flex-start;padding:18px 0 0 8px;border-radius:0 0 8px 8px;font-size:10px;line-height:12px;color:#fff;background:linear-gradient(#00000003,#00000073)}.diy-ac-i1-dask span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diy-ac-item2{flex:1 1 auto;display:flex;align-items:stretch;height:108px;padding:12px;border-radius:8px;background:#fff}.diy-ac-i2-left{flex:0 0 auto;width:120px;height:84px;border-radius:8px;display:flex;align-items:center;justify-content:center}.diy-ac-i2-img{width:20px;height:20px}.diy-ac-i2-right{flex:1 1 auto;min-width:0;margin-left:12px;display:flex;flex-direction:column;justify-content:space-between;padding:2px 0}.diy-ac-i2-top{min-width:0}.diy-ac-kind{display:block;font-size:12px;line-height:12px;color:#93a0b4}.diy-ac-name{display:block;margin-top:8px;font-size:12px;font-weight:700;line-height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diy-ac-date{display:block;font-size:12px;line-height:12px;color:#93a0b4}.diy-mod-birthday{position:relative;width:100%;border-radius:inherit;overflow:hidden;padding:12px;background:#fff;color:#1a2233}.diy-mod-birthdaybg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}.diy-bd-title{position:relative;z-index:1;display:block;font-size:14px;font-weight:700;line-height:14px}.diy-bd-sub{position:relative;z-index:1;display:block;margin-top:14px;font-size:12px;line-height:12px;color:#93a0b4}.diy-bd-coupon{position:relative;z-index:1;margin-top:16px;min-height:64px;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:16px}.diy-bd-num{flex:0 0 auto;min-width:28px;height:16px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px 0 0;font-size:12px;font-weight:700;color:#fff}.diy-bd-icon{flex:0 0 auto;width:24px;height:24px}.diy-bd-main{flex:1;min-width:0}.diy-bd-name{display:block;font-size:14px;font-weight:700;line-height:14px}.diy-bd-expiry{display:block;margin-top:10px;font-size:12px;line-height:12px;color:#93a0b4}.diy-bd-right{flex:0 0 auto;display:flex;flex-direction:column;align-items:center}.diy-bd-discount{display:flex;align-items:baseline}.diy-bd-discount strong{font-size:28px;font-weight:700;line-height:28px}.diy-bd-discount{font-size:12px}.diy-bd-use{margin-top:4px;min-width:40px;height:16px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-size:10px;color:#fff;white-space:nowrap}.diy-mod-point{position:relative;width:100%;border-radius:inherit;overflow:hidden;padding:12px;background:#fff;color:#1a2233}.diy-mod-pointbg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}.diy-pt-hd{position:relative;z-index:1;display:flex;align-items:center;gap:4px}.diy-pt-title-icon{flex:0 0 auto}.diy-pt-hd strong{font-size:12px;font-weight:700;line-height:12px}.diy-pt-row{position:relative;z-index:1;margin-top:8px;display:flex;align-items:flex-end}.diy-pt-unit{flex:0 0 auto;width:20px;height:24px;object-fit:contain}.diy-pt-unit.is-default{width:20px;height:24px;color:#93a0b4}.diy-pt-num{margin-left:8px;font-size:20px;font-weight:700;line-height:20px}.diy-pt-total{font-size:12px;line-height:12px}.diy-pt-tip{position:relative;z-index:1;display:block;margin-top:8px;font-size:12px;line-height:12px;color:#93a0b4}.diy-pt-bar{position:relative;z-index:1;width:140px;height:4px;margin-top:8px;border-radius:100px;background:#1a22330f;overflow:hidden}.diy-pt-bar-fill{display:block;height:100%;border-radius:100px}.diy-pt-big{position:absolute;right:0;bottom:-12px;z-index:0;width:132px;height:96px;object-fit:contain;pointer-events:none}.diy-pt-big.is-default{width:132px;height:120px;bottom:-18px}.diy-mod-stored{position:relative;width:100%;border-radius:inherit;overflow:hidden;padding:12px;background:#fff;color:#1a2233}.diy-mod-storedbg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}.diy-sv-hd{position:relative;z-index:1;display:flex;align-items:center;gap:4px}.diy-sv-icon{flex:0 0 auto}.diy-sv-hd strong{font-size:12px;font-weight:700;line-height:12px}.diy-sv-body{position:relative;z-index:1;margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:8px}.diy-sv-left{min-width:0}.diy-sv-amount{display:flex;align-items:baseline;gap:4px}.diy-sv-num{font-size:24px;font-weight:700;line-height:24px}.diy-sv-unit{font-size:12px;line-height:14px}.diy-sv-tip{display:block;margin-top:4px;font-size:12px;line-height:12px;color:#93a0b4}.diy-sv-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:88px;height:28px;padding:0 12px;border-radius:20px;font-size:12px;color:#fff;white-space:nowrap}.diy-mod-order{position:relative;width:100%;min-height:72px;border-radius:inherit;overflow:hidden;background:#fff;color:#1a2233}.diy-mod-orderbg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}.diy-order-row{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:8px 20px 8px 12px;min-height:72px}.diy-order-left{display:flex;flex-direction:column;min-width:0}.diy-order-label{display:flex;align-items:center;gap:4px}.diy-order-labelicon{width:10px;height:10px;border-radius:2px;flex:0 0 auto}.diy-order-label strong{font-size:12px;font-weight:700;line-height:12px}.diy-order-no{display:flex;align-items:baseline;gap:4px;margin-top:12px}.diy-order-no b{font-size:20px;font-weight:700;line-height:20px}.diy-order-unit,.diy-order-state{font-size:12px;line-height:14px}.diy-order-icons{flex:0 0 auto;display:flex;align-items:center}.diy-order-icons.is-system{gap:20px;color:#1a2233}.diy-order-icons.is-custom{gap:.5px}.diy-order-icon{width:16px;height:16px;flex:0 0 auto}.diy-order-icon.is-system{display:inline-flex}.diy-order-icon.is-empty{border-radius:4px;background:#eef1f6;cursor:pointer}.diy-mod-franchise{position:relative;width:100%;border-radius:inherit;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:12px}.diy-mod-franchise.is-banner{padding:16px;min-height:92px}.diy-mod-franchise.is-image{padding:0;align-items:stretch;min-height:120px}.diy-mod-franchisebg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}.diy-franchise-text{position:relative;z-index:1;flex:1;min-width:0}.diy-franchise-title{display:block;font-size:16px;font-weight:700;line-height:22px}.diy-franchise-subtitle{display:block;font-size:12px;line-height:16px}.diy-franchise-btn{position:relative;z-index:1;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 12px;border-radius:14px;font-size:12px;font-weight:700;white-space:nowrap}.diy-franchise-placeholder{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:120px;font-size:12px;color:#fff}.diy-mod-enterprise{position:relative;width:100%;border-radius:inherit;overflow:hidden}.diy-mod-enterprisebg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}.diy-eml-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:20px 16px}.diy-eml-left{flex:1;min-width:0}.diy-eml-company{display:block;font-size:16px;font-weight:700;line-height:22px}.diy-eml-role{display:block;font-size:14px;line-height:18px}.diy-eml-qr{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 2px}.diy-eml-qr-text{font-size:12px;line-height:16px;white-space:nowrap}.diy-mod-notice{position:relative;display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:inherit;overflow:hidden;background:#fff7ed;color:#92400e;font-size:11px}.diy-mod-notice .diy-notice-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.35}.diy-mod-notice>*:not(.diy-notice-bg){position:relative;z-index:1}.diy-notice-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.diy-mod-card{position:relative;width:100%;border-radius:inherit;overflow:hidden;min-height:60px}.diy-mod-cardbg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.diy-mod-cardtext{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;gap:8px;height:100%;min-height:inherit}.diy-mod-cardtext>div{display:flex;flex-direction:column;gap:2px}.diy-mod-cardtext strong{font-size:13px;color:#1f2937}.diy-mod-cardtext small,.diy-mod-cardtext span{font-size:10px;color:#6b7280}.diy-mod-cardbtn{font-size:10px;color:#fff;padding:3px 8px;border-radius:10px;white-space:nowrap}.diy-mod-bottom{width:100%;min-height:28px;border-radius:inherit}.diy-quality{display:flex;align-items:center;gap:5px}.diy-quality span{font-size:11px;color:var(--text-subtle)}.diy-quality select{height:30px;border:1px solid var(--border-subtle);border-radius:7px;font-size:12px;color:var(--text-main);background:#fff;padding:0 6px}.diy-saved-at{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--primary);background:var(--primary-light);border-radius:999px;padding:3px 9px;white-space:nowrap}.diy-saved-at:before{content:"✓";font-size:11px}.diy-node{position:relative;border:0;padding:0;border-radius:8px;overflow:hidden;cursor:pointer;background:repeating-linear-gradient(45deg,#e8eaee,#e8eaee 6px,#f1f2f5 6px,#f1f2f5 12px);display:grid;place-items:center}.diy-node img{width:100%;height:100%;display:block}.diy-node.is-done{box-shadow:0 0 0 1px #05966959}.diy-node.is-failed{box-shadow:0 0 0 1px var(--rose)}.diy-node-empty{display:grid;place-items:center;gap:2px;color:#94a3b8}.diy-node-empty em{font-style:normal;font-size:9px}.diy-node-busy{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#fff9;color:var(--primary)}.diy-phone-tabbar{position:relative;z-index:99;display:flex;justify-content:space-around;align-items:center;margin:0 var(--page-pad, 20px);height:40px;background:#fffffff0;border-top:1px solid rgba(0,0,0,.06)}.diy-phone-tab{display:flex;flex-direction:column;align-items:center;gap:2px}.diy-phone-tab img{width:24px;height:24px;object-fit:contain}.diy-phone-tab em{font-style:normal;font-size:10px;color:#64748b}.diy-phone-tab:first-child em{color:var(--theme, var(--primary));font-weight:600}.diy-phone-tabbar.is-center .diy-phone-tab.is-main{position:relative;top:-6px}.diy-phone-tabbar.is-center .diy-phone-tab.is-main img{width:34px;height:34px}.diy-phone-tabbar.is-center .diy-phone-tab.is-main .diy-phone-tabdot{width:28px;height:28px}.diy-phone-tabbar.is-center .diy-phone-tab.is-main em{color:var(--theme, var(--primary));font-weight:600}.diy-phone-tabdot{width:20px;height:20px;border-radius:50%;background:#dfe3e8;display:block}.diy-phone-footer{position:relative;width:100%;height:36px;object-fit:cover}.diy-phone-tip{font-size:11px;color:var(--text-subtle)}.diy-right{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);max-height:calc(100vh - 160px);overflow-y:auto;position:sticky;top:68px}.diy-right-empty{padding:40px 16px;text-align:center;font-size:13px;color:var(--text-subtle)}.diy-right-head{padding:14px 16px;border-bottom:1px solid var(--border-subtle)}.diy-right-badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:6px;background:var(--primary-light);color:var(--primary);margin-bottom:6px}.diy-right-head strong{display:block;font-size:15px;color:var(--text-main)}.diy-right-head p{font-size:12px;color:var(--text-muted);margin-top:4px;line-height:1.6}.diy-right-notes{color:var(--amber)!important}.diy-right-headactions{margin-top:10px;display:flex;align-items:center;gap:10px}.diy-enable-label{font-size:12px;color:var(--text-muted)}.diy-right-block{padding:14px 16px;border-bottom:1px solid var(--border-subtle)}.diy-right-block h4{font-size:13px;color:var(--text-main);margin-bottom:10px}.diy-right-block h4 span{color:var(--rose);margin-left:2px}.diy-right-tip{font-size:11px;color:var(--text-subtle);line-height:1.6;margin-top:8px}.diy-style-row{margin-bottom:14px}.diy-style-row>label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:8px}.diy-style-opts{display:flex;flex-wrap:wrap;gap:10px}.diy-style-chip{width:72px;display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid var(--border-subtle);background:#fff;border-radius:8px;padding:6px 4px;font-size:11px;color:var(--text-body);cursor:pointer}.diy-style-chip:before{content:"";width:48px;height:32px;border-radius:5px;background:linear-gradient(135deg,#e2e8f0,#f1f5f9);border:1px solid var(--border-medium)}.diy-style-chip.is-on{border-color:var(--primary);color:var(--primary);background:var(--primary-light);font-weight:600}.diy-style-chip.is-on:before{border-color:var(--primary)}.diy-switch{position:relative;width:52px;height:26px;border-radius:13px;border:1px solid var(--border-medium);background:#e5e7eb;cursor:pointer;transition:background .18s,border-color .18s}.diy-switch.is-on{background:var(--primary);border-color:var(--primary)}.diy-switch-dot{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0f172a40;transition:left .18s}.diy-switch.is-on .diy-switch-dot{left:28px}.diy-switch em{font-style:normal;position:absolute;left:60px;top:4px;font-size:12px;color:var(--text-muted);white-space:nowrap}.diy-numrow{display:flex;align-items:center;gap:8px}.diy-numrow input[type=range]{flex:1;min-width:90px;accent-color:var(--primary)}.diy-num{width:78px}.diy-unit{font-size:12px;color:var(--text-subtle)}.diy-text{flex:1}.diy-hint{margin-top:4px;font-size:11px;color:var(--text-subtle);line-height:1.5}.diy-colorrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.diy-color-well{width:34px;height:30px;padding:2px;border:1px solid var(--border-subtle);border-radius:7px;background:#fff;cursor:pointer;flex-shrink:0}.diy-color-well::-webkit-color-swatch-wrapper{padding:0}.diy-color-well::-webkit-color-swatch{border:0;border-radius:5px}.diy-hex{flex:0 0 92px;width:92px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.diy-swatches{display:flex;gap:4px;flex-wrap:wrap}.diy-swatches button{width:18px;height:18px;border-radius:5px;border:1px solid rgba(15,23,42,.14);cursor:pointer;padding:0}.diy-swatches button.is-on{box-shadow:0 0 0 2px var(--primary)}.diy-sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.diy-size{border:1px solid var(--border-subtle);border-radius:10px;background:#fff;cursor:pointer;padding:10px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.diy-size:hover{border-color:var(--border-focus)}.diy-size.is-on{border-color:var(--primary);background:var(--primary-light)}.diy-size-box{width:100%;background:linear-gradient(135deg,#e2e8f0,#f1f5f9);border-radius:6px;border:1px solid var(--border-medium)}.diy-size strong{font-size:12px;color:var(--text-main)}.diy-size em{font-style:normal;font-size:11px;color:var(--text-subtle)}.diy-size-flag{font-style:normal;font-size:10px;padding:1px 6px;border-radius:5px;background:var(--emerald-light);color:var(--emerald);border:1px solid var(--emerald-border)}.diy-slotcard{border:1px solid var(--border-subtle);border-radius:12px;padding:12px;margin-bottom:12px;background:#fcfcfd}.diy-slotbatch{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;padding:8px 10px;border-radius:10px;border:1px solid var(--primary-light);background:var(--primary-light)}.diy-slotbatch .btn{height:30px}.diy-slotbatch .btn.is-quiet{border-color:var(--border-subtle);color:var(--text-muted);background:#fff}.diy-slotbatch .btn.is-quiet:hover:not(:disabled){border-color:#f3b4ae;color:#b42318;background:#fef3f2}.diy-slotmore{display:flex;align-items:center;gap:8px;margin-top:10px}.diy-slotmore em{font-style:normal;font-size:11px;color:var(--text-subtle);margin-left:auto}.diy-addslot,.diy-delslot{display:inline-flex;align-items:center;gap:5px;cursor:pointer;height:28px;padding:0 10px;border-radius:8px;font-size:12px;border:1px dashed var(--primary);background:var(--primary-light);color:var(--primary);transition:background .16s,border-color .16s}.diy-delslot{border:1px solid var(--border-subtle);background:#fff;color:var(--text-muted)}.diy-addslot:hover:not(:disabled),.diy-delslot:hover:not(:disabled){border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.diy-slotname{width:100%;height:28px;padding:0 8px;margin-bottom:6px;border:1px solid var(--border-subtle);border-radius:8px;background:#fff;color:var(--text-main);font-size:12px}.diy-slotname:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.diy-addslot:disabled,.diy-delslot:disabled{opacity:.45;cursor:not-allowed}.diy-slotcard:last-child{margin-bottom:0}.diy-slotcard-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.diy-slotcard-head strong{font-size:13px;color:var(--text-main)}.diy-slotcard-handle{cursor:grab;font-size:14px;line-height:1;color:var(--text-subtle);padding:2px 3px;border-radius:5px;-webkit-user-select:none;user-select:none}.diy-slotcard-handle:hover{color:var(--primary);background:var(--primary-light)}.diy-slotcard-handle:active{cursor:grabbing}.diy-slotcard.is-drop{outline:2px dashed var(--primary);outline-offset:2px;border-radius:10px}.diy-status{margin-left:auto;font-size:11px;padding:2px 8px;border-radius:6px;background:var(--bg-subtle);color:var(--text-muted)}.diy-status.is-done{background:var(--emerald-light);color:var(--emerald)}.diy-status.is-processing,.diy-status.is-queued{background:var(--primary-light);color:var(--primary)}.diy-status.is-failed{background:var(--rose-light);color:var(--rose)}.diy-slotcard-body{display:grid;grid-template-columns:140px 1fr;gap:12px}.diy-slotcard-preview{position:relative;border-radius:8px;overflow:hidden;background:var(--bg-subtle);border:1px solid var(--border-subtle);display:grid;place-items:center;max-height:140px}.diy-slotcard-preview img{width:100%;height:100%;object-fit:cover;display:block}.diy-slotcard-empty{font-size:10px;color:var(--text-subtle)}.diy-slotcard-busy{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#ffffffb3;color:var(--primary)}.diy-slotcard-zoom{position:absolute;right:4px;bottom:4px;width:24px;height:24px;border-radius:6px;border:0;background:#0f172aa6;color:#fff;display:grid;place-items:center;cursor:pointer}.diy-slotcard-side{display:flex;flex-direction:column;gap:6px;min-width:0}.diy-slotcard-hint{font-size:11px;color:var(--text-muted);line-height:1.6}.diy-slotcard-upload{font-size:11px;color:var(--primary)}.diy-slotcard-size{font-size:11px;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:6px;align-items:center}.diy-slotcard-size em{font-style:normal;color:var(--primary);background:var(--primary-light);border-radius:999px;padding:1px 7px;font-size:10.5px}.diy-slotbtn{margin-top:8px;padding:7px 8px;border-radius:8px;border:1px solid var(--border-subtle);background:#fff}.diy-slotbtn.is-on{border-color:var(--primary);background:var(--primary-light)}.diy-slotbtn-switch{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;color:var(--text-main)}.diy-slotbtn-switch input{width:14px;height:14px;accent-color:var(--primary);cursor:pointer}.diy-slotbtn-switch em{margin-left:auto;width:15px;height:15px;border-radius:50%;cursor:help;display:grid;place-items:center;font-style:normal;font-size:10px;color:var(--text-subtle);background:var(--bg-subtle);border:1px solid var(--border-subtle)}.diy-slotbtn-input{width:100%;height:28px;margin-top:6px;padding:0 8px;border:1px solid var(--border-subtle);border-radius:8px;background:#fff;color:var(--text-main);font-size:12px;font-family:inherit}.diy-slotbtn-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.diy-slotbtn-warn{margin:6px 0 0;font-size:11px;color:#b42318}.diy-slotcard-link{display:flex;flex-direction:column;gap:5px}.diy-link-wrap{position:relative}.diy-link-btn{display:inline-flex;align-items:center;gap:5px;max-width:100%;border:1px dashed var(--border-medium);border-radius:8px;background:#fff;padding:5px 8px;font-size:12px;color:var(--text-muted);cursor:pointer;font-family:inherit}.diy-link-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-subtle)}.diy-link-btn.is-on{border-style:solid;border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.diy-link-btn.is-open{box-shadow:0 0 0 3px #2563eb1f}.diy-link-btn-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diy-link-menu{position:fixed;z-index:130;background:#fff;border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 16px 40px #0f172a2e;display:flex;flex-direction:column;overflow:hidden}.diy-link-menu-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border-subtle);background:var(--bg-subtle)}.diy-link-menu-head strong{font-size:12.5px;color:var(--text-main)}.diy-link-close{border:0;background:transparent;color:var(--text-subtle);cursor:pointer;display:inline-flex;padding:2px;border-radius:6px}.diy-link-close:hover{background:var(--border-subtle);color:var(--text-main)}.diy-link-search{display:flex;align-items:center;gap:6px;margin:10px 12px 0;border:1px solid var(--border-subtle);border-radius:8px;padding:5px 8px;color:var(--text-subtle)}.diy-link-search input{flex:1;border:0;outline:none;font-size:12px;color:var(--text-main);background:transparent;font-family:inherit;min-width:0}.diy-link-quick{display:flex;gap:8px;margin:10px 12px 0}.diy-link-quick-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--border-subtle);border-radius:8px;background:#fff;padding:6px 8px;font-size:12px;color:var(--text-main);cursor:pointer;font-family:inherit}.diy-link-quick-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-subtle)}.diy-link-quick-btn.is-on{border-color:var(--primary);background:var(--primary);color:#fff}.diy-link-input{margin:8px 12px 0;border:1px solid var(--border-subtle);border-radius:8px;padding:6px 8px;font-size:12px;color:var(--text-main);background:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;width:calc(100% - 24px)}.diy-link-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.diy-link-menu-body{overflow-y:auto;overscroll-behavior:contain;padding:10px 12px;display:flex;flex-direction:column;gap:10px}.diy-link-group h5{margin:0 0 6px;font-size:11px;font-weight:600;color:var(--text-subtle);letter-spacing:.3px}.diy-link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px}.diy-link-chip{display:inline-flex;align-items:center;justify-content:center;gap:3px;text-align:center;border:1px solid var(--border-subtle);border-radius:8px;background:#fff;padding:6px 4px;font-size:11.5px;line-height:1.3;color:var(--text-main);cursor:pointer;font-family:inherit;min-height:32px;word-break:break-all}.diy-link-chip:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-subtle)}.diy-link-chip.is-on{border-color:var(--primary);background:var(--primary-light);color:var(--primary);font-weight:600}.diy-link-empty{margin:6px 0 0;font-size:12px;color:var(--text-subtle);text-align:center}.diy-link-menu-foot{display:flex;align-items:center;gap:6px;padding:8px 12px;border-top:1px solid var(--border-subtle);background:var(--bg-subtle);font-size:11px;color:var(--text-muted)}.diy-link-menu-foot em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-subtle)}.diy-slotcard-side textarea{border:1px solid var(--border-subtle);border-radius:8px;padding:7px 9px;font-size:12px;color:var(--text-main);resize:vertical;font-family:inherit;width:100%}.diy-slotcard-side textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.diy-slotcard-actions{display:flex;gap:8px;flex-wrap:wrap}.diy-slotcard-field{margin-top:8px}.diy-slotcard-label{display:block;font-size:11px;color:var(--text-subtle);margin-bottom:4px}.diy-slotcard-prompt{margin-top:10px}.diy-slotcard-prompt .diy-slotcard-label{display:flex;align-items:center;gap:6px}.diy-prompt-count{font-style:normal;font-size:10px;padding:1px 6px;border-radius:999px;background:var(--bg-subtle);color:var(--text-subtle)}.diy-prompt-input{width:100%;min-height:88px;max-height:420px;resize:vertical;border:1px solid var(--border-subtle);border-radius:8px;padding:9px 11px;font-size:12.5px;line-height:1.8;color:var(--text-main);background:#fff;font-family:inherit;overflow-y:auto;display:block}.diy-prompt-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.diy-slotcard-error{font-size:11px;color:var(--rose)}.diy-empty-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#fff;margin:12px 16px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:60px 20px;color:var(--text-muted);text-align:center}.diy-empty-page strong{font-size:15px;color:var(--text-main)}.diy-empty-page p{font-size:13px;max-width:460px;line-height:1.7}.diy-mock-page{display:flex;flex-direction:column;gap:10px;width:100%}.diy-mock-page-title{font-size:14px;font-weight:600;color:var(--text-main)}.diy-mock-tabs{display:flex;gap:4px;background:var(--bg-subtle);padding:3px;border-radius:8px}.diy-mock-tabs span{flex:1;text-align:center;font-size:12px;color:var(--text-muted);padding:6px 0;border-radius:6px;cursor:default}.diy-mock-tabs span.is-on{background:#fff;color:var(--primary);font-weight:600;box-shadow:var(--shadow-sm)}.diy-mock-list{display:flex;flex-direction:column;gap:8px}.diy-mock-order{background:#fff;border:1px solid var(--border-subtle);border-radius:10px;padding:10px 12px}.diy-mock-order-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-muted);margin-bottom:6px}.diy-mock-order-no{font-size:11px}.diy-mock-status{font-size:11px;padding:1px 6px;border-radius:5px}.diy-mock-status.is-making{background:var(--primary-light);color:var(--primary)}.diy-mock-status.is-done{background:var(--emerald-light);color:var(--emerald)}.diy-mock-status.is-paid{background:var(--rose-light);color:var(--rose)}.diy-mock-order-body{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-main)}.diy-mock-order-body strong{display:block;font-size:12px}.diy-mock-order-body small{display:block;font-size:10px;color:var(--text-muted);margin-top:2px}.diy-mock-order-body em{margin-left:auto;font-style:normal;color:var(--rose);font-weight:600}.diy-mock-thumb{width:36px;height:36px;border-radius:8px;background:var(--primary-light);color:var(--primary);display:grid;place-items:center;flex-shrink:0}.diy-mock-order-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:8px}.diy-mock-order-actions button{font-size:11px;padding:4px 10px;border-radius:12px;border:1px solid var(--border-subtle);background:#fff;color:var(--text-muted);cursor:pointer}.diy-mock-order-actions button.is-on{border-color:var(--primary);color:var(--primary)}.diy-mock-mine{display:flex;flex-direction:column;gap:10px}.diy-mock-mine-hero{background:linear-gradient(135deg,#4b6ef5,#6f86ff);border-radius:12px;padding:14px 14px 0;color:#fff;overflow:hidden}.diy-mock-mine-id{display:flex;align-items:center;gap:10px;padding-bottom:14px}.diy-mock-avatar{width:38px;height:38px;border-radius:50%;background:#ffffff40;display:grid;place-items:center}.diy-mock-mine-id strong{display:block;font-size:14px}.diy-mock-mine-id small{display:block;font-size:10px;opacity:.85}.diy-mock-mine-id>svg{margin-left:auto;opacity:.8}.diy-mock-mine-card{position:relative;background:#ffffff29;border-radius:10px 10px 0 0;padding:10px 12px;margin:0 -14px}.diy-mock-mine-card span{font-size:10px;opacity:.85}.diy-mock-mine-card strong{display:block;font-size:18px;margin:2px 0}.diy-mock-mine-card small{font-size:10px;opacity:.85}.diy-mock-mine-card button{position:absolute;right:12px;top:14px;font-size:11px;padding:3px 10px;border-radius:10px;border:0;background:#fff;color:var(--primary);cursor:pointer}.diy-mock-mine-orders{background:#fff;border:1px solid var(--border-subtle);border-radius:10px;padding:10px 12px}.diy-mock-mine-ordershead{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-main);margin-bottom:8px}.diy-mock-mine-ordershead strong{font-size:13px}.diy-mock-mine-ordershead span{display:inline-flex;align-items:center;gap:2px;color:var(--text-muted);font-size:11px;cursor:pointer}.diy-mock-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.diy-mock-grid4>span{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.diy-mock-iconwrap{width:30px;height:30px;border-radius:8px;background:var(--bg-subtle);color:var(--primary);display:grid;place-items:center}.diy-mock-grid4 em{font-style:normal}.diy-mock-grid4 i{position:absolute;top:-2px;right:12px;background:var(--rose);color:#fff;font-size:9px;font-style:normal;padding:0 4px;border-radius:8px;min-width:14px;text-align:center}.diy-mock-mine-list{background:#fff;border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden}.diy-mock-mine-row{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:12px;color:var(--text-main);border-top:1px solid var(--border-subtle);cursor:default}.diy-mock-mine-row:first-child{border-top:0}.diy-mock-mine-row>span{flex:1}.diy-mock-mine-row.is-danger{color:var(--rose);justify-content:center;gap:6px}.diy-mock-mine-row.is-danger>span{flex:0 0 auto;white-space:nowrap}.loading-fullscreen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);font-size:14px}.diy-theme-block{padding-bottom:14px}.diy-theme-group{margin-top:12px}.diy-theme-group h5{display:flex;align-items:center;gap:4px;margin:0 0 2px;font-size:11.5px;font-weight:600;color:var(--text-subtle)}.diy-theme-group.is-rec h5{color:var(--primary)}.diy-theme-group.is-rec .diy-theme-grid{margin-top:8px}.diy-theme-card.is-rec{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.diy-theme-card.is-rec:hover{box-shadow:0 0 0 3px var(--primary-light),0 6px 16px #0f172a1f}.diy-theme-card-badge,.diy-theme-pop-badge{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto;margin-left:auto;padding:1px 5px;border-radius:999px;font-size:9.5px;font-weight:600;font-style:normal;color:#fff;background:var(--primary)}.diy-theme-misfit{margin:8px 0 0;padding:7px 9px;border-radius:8px;font-size:11.5px;line-height:1.6;color:#8a5a12;background:#fff6e5;border:1px solid #F3E0B8}.diy-theme-current{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border-subtle);border-radius:10px;background:#fff}.diy-theme-bar{flex:0 0 auto;width:46px;height:46px;border-radius:8px;box-shadow:0 0 0 1px #0f172a14 inset}.diy-theme-current-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.diy-theme-current-body strong{font-size:13px;color:var(--text-main)}.diy-theme-current-body small{font-size:11px;color:var(--text-subtle)}.diy-theme-nav{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:72px;height:24px;border-radius:6px;font-size:11px;font-weight:600;box-shadow:0 0 0 1px #0f172a14 inset}.diy-theme-grid{margin-top:10px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(146px,1fr))}.diy-theme-card{display:flex;flex-direction:column;gap:5px;padding:8px;border:1px solid var(--border-subtle);border-radius:10px;text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.diy-theme-card:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0f172a1a}.diy-theme-card.is-on{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.diy-theme-card-top{display:flex;align-items:center;gap:4px}.diy-theme-card-main{width:22px;height:22px;border-radius:6px;box-shadow:0 0 0 1px #0f172a14 inset}.diy-theme-card-accent{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 1px #0f172a14 inset}.diy-theme-card-nav{flex:1;display:flex;align-items:center;justify-content:center;height:20px;border-radius:5px;font-size:10px;font-weight:600;box-shadow:0 0 0 1px #0f172a14 inset}.diy-theme-card-name{display:flex;align-items:center;gap:3px;font-size:12px;font-weight:600;color:var(--text-main)}.diy-theme-card-name em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diy-theme-card-scene{font-size:10.5px;color:var(--text-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diy-theme-custom-toggle{margin-top:10px;width:100%;display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px dashed var(--border-subtle);border-radius:10px;background:var(--bg-subtle);color:var(--text-body);font-size:12px;cursor:pointer}.diy-theme-custom-toggle.is-on{border-style:solid;border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.diy-theme-custom-toggle em{margin-left:auto;font-style:normal;font-size:11px;color:var(--text-subtle)}.diy-theme-custom{margin-top:8px;display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--border-subtle);border-radius:10px;background:#fff}.diy-theme-field{display:grid;grid-template-columns:78px 34px 104px minmax(0,1fr);align-items:center;gap:8px}.diy-theme-field-label{font-size:12px;color:var(--text-body)}.diy-theme-field-hint{font-style:normal;font-size:11px;color:var(--text-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diy-phone-screen img{cursor:zoom-in}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;padding:24px;background:#0f172ac7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;cursor:zoom-out}.lightbox-panel{width:min(980px,100%);max-height:calc(100dvh - 60px);background:#fff;border-radius:var(--radius-lg);overflow:hidden;cursor:default;box-shadow:0 24px 60px #0f172a73;display:flex;flex-direction:column}.lightbox-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-subtle)}.lightbox-head strong{display:block;font-size:14px;color:var(--text-main)}.lightbox-head small{font-size:11px;color:var(--text-subtle)}.lightbox-image-wrap{flex:1;min-height:240px;max-height:calc(100dvh - 160px);overflow:auto;display:grid;place-items:center;background:#0f172a;padding:20px}.lightbox-image-wrap img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 10px 30px #0006;border-radius:4px}@media(max-width:1500px){.diy-main{grid-template-columns:220px minmax(0,1fr) clamp(496px,34%,520px)}}@media(max-width:1180px){.diy-main{grid-template-columns:200px minmax(0,1fr)}.diy-preview-rail{display:none}.diy-main>.diy-center{order:2}.diy-main>.diy-right{order:3;grid-column:1 / -1;position:static;max-height:none}}.diy-need-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--border-medium, #d5dbe5);border-radius:8px;background:#fff;color:var(--text-main, #1f2937);font-size:12.5px;font-family:inherit;cursor:pointer;white-space:nowrap}.diy-need-btn:hover{border-color:var(--primary);color:var(--primary)}.diy-need-btn.is-open{border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 3px #2563eb24}.diy-need-dot{font-style:normal;font-size:10.5px;padding:1px 6px;border-radius:999px;background:var(--primary-light, #e8f0fe);color:var(--primary)}.diy-need-menu{position:absolute;right:0;top:calc(100% + 8px);width:min(560px,calc(100vw - 24px));z-index:125;background:#fff;border:1px solid var(--border-subtle, #e5e9f0);border-radius:12px;box-shadow:0 16px 40px #0f172a2e;display:flex;flex-direction:column;overflow:hidden}.diy-need-menu-head{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-bottom:1px solid var(--border-subtle, #e5e9f0);background:var(--bg-subtle, #f6f8fb)}.diy-need-menu-head strong{font-size:12.5px;color:var(--text-main, #1f2937)}.diy-need-menu-head span{font-size:11.5px;line-height:1.6;color:var(--text-subtle, #6b7280)}.diy-need-menu-body{max-height:min(72vh,560px);overflow-y:auto;overscroll-behavior:contain;padding:12px;display:flex;flex-direction:column;gap:16px}.diy-need-section{display:flex;flex-direction:column;gap:8px}.diy-need-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.diy-need-title h4{margin:0;font-size:12px;font-weight:600;color:var(--text-main, #1f2937)}.diy-need-sub{font-size:11px;color:var(--text-muted, #9aa3b0)}.diy-need-ops{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.diy-need-ops button{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:11.5px;font-family:inherit;color:var(--text-main, #1f2937);background:#fff;border:1px solid var(--border-subtle, #e5e9f0);border-radius:7px;cursor:pointer}.diy-need-ops button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.diy-need-ops button:disabled{opacity:.45;cursor:not-allowed}.diy-need-ops button.is-primary{background:var(--primary);border-color:var(--primary);color:#fff}.diy-need-ops button.is-primary:hover:not(:disabled){filter:brightness(1.06);color:#fff}.diy-need-text{min-height:190px;max-height:320px;resize:vertical;width:100%;border:1px solid var(--border-subtle, #e5e9f0);border-radius:8px;padding:8px 10px;font-size:12.5px;line-height:1.8;color:var(--text-main, #1f2937);font-family:inherit}.diy-need-text:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.diy-need-meta{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--text-muted, #9aa3b0)}.diy-need-meta em{font-style:normal}.diy-need-meta em.is-ok{color:var(--primary)}.diy-need-flash{font-style:normal;color:#0f9d58}.diy-need-linkbtn{border:0;background:none;padding:0;font-size:11px;font-family:inherit;color:var(--primary);cursor:pointer;text-decoration:underline}.diy-need-create{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;font-size:12px;font-family:inherit;cursor:pointer;color:var(--primary);background:var(--primary-light, #e8f0fe);border:1px dashed var(--primary);border-radius:8px}.diy-need-create:disabled{opacity:.5;cursor:not-allowed}.diy-need-link{display:flex;align-items:center;gap:6px}.diy-need-link input{flex:1;min-width:0;height:32px;padding:0 8px;font-size:11.5px;font-family:inherit;color:var(--text-main, #1f2937);background:var(--bg-subtle, #f6f8fb);border:1px solid var(--border-subtle, #e5e9f0);border-radius:7px}.diy-need-link button{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;font-size:11.5px;font-family:inherit;cursor:pointer;color:var(--text-main, #1f2937);background:#fff;border:1px solid var(--border-subtle, #e5e9f0);border-radius:7px}.diy-need-link button:hover{border-color:var(--primary);color:var(--primary)}.diy-snap-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--border-medium, #d5dbe5);border-radius:8px;background:#fff;color:var(--text-main, #1f2937);font-size:12.5px;font-family:inherit;cursor:pointer;white-space:nowrap}.diy-snap-btn:hover{border-color:var(--primary);color:var(--primary)}.diy-snap-btn.is-open{border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 3px #2563eb24}.diy-snap-menu{position:absolute;right:0;top:calc(100% + 8px);width:min(600px,calc(100vw - 24px));z-index:126;background:#fff;border:1px solid var(--border-subtle, #e5e9f0);border-radius:12px;box-shadow:0 16px 40px #0f172a2e;display:flex;flex-direction:column;overflow:hidden}.diy-snap-menu-head{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-bottom:1px solid var(--border-subtle, #e5e9f0);background:var(--bg-subtle, #f6f8fb)}.diy-snap-menu-head strong{font-size:12.5px;color:var(--text-main, #1f2937)}.diy-snap-menu-head span{font-size:11.5px;line-height:1.6;color:var(--text-subtle, #6b7280)}.diy-snap-menu-body{max-height:min(74vh,580px);overflow-y:auto;overscroll-behavior:contain;padding:12px;display:flex;flex-direction:column;gap:16px}.diy-snap-section{display:flex;flex-direction:column;gap:8px}.diy-snap-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.diy-snap-title h4{margin:0;font-size:12px;font-weight:600;color:var(--text-main, #1f2937)}.diy-snap-sub{font-size:11px;color:var(--text-muted, #9aa3b0)}.diy-snap-ops{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.diy-snap-ops button{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:11.5px;font-family:inherit;color:var(--text-main, #1f2937);background:#fff;border:1px solid var(--border-subtle, #e5e9f0);border-radius:7px;cursor:pointer}.diy-snap-ops button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.diy-snap-ops button:disabled{opacity:.45;cursor:not-allowed}.diy-snap-ops button.is-primary{background:var(--primary);border-color:var(--primary);color:#fff}.diy-snap-ops button.is-primary:hover:not(:disabled){filter:brightness(1.06);color:#fff}.diy-snap-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.diy-snap-summary span{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:7px;background:var(--bg-subtle, #f6f8fb);font-size:11.5px;overflow:hidden}.diy-snap-summary em{font-style:normal;flex:0 0 auto;color:var(--text-muted, #9aa3b0)}.diy-snap-summary b{font-weight:600;color:var(--text-main, #1f2937);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diy-snap-tip{margin:0;font-size:11px;line-height:1.7;color:var(--text-muted, #9aa3b0)}.diy-snap-meta{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--text-muted, #9aa3b0)}.diy-snap-meta em{font-style:normal}.diy-snap-empty{margin:0;padding:12px;border:1px dashed var(--border-subtle, #e5e9f0);border-radius:8px;font-size:11.5px;color:var(--text-muted, #9aa3b0);background:var(--bg-subtle, #f6f8fb)}.diy-snap-changes{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}.diy-snap-changes li{display:flex;align-items:baseline;gap:8px;padding:6px 8px;border-radius:7px;background:#2563eb0f;font-size:11.5px;line-height:1.6}.diy-snap-changes em{font-style:normal;flex:0 0 auto;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--primary);font-weight:600}.diy-snap-changes b{font-weight:400;color:var(--text-main, #1f2937)}.diy-snap-modules{display:flex;flex-direction:column;gap:8px}.diy-snap-module{border:1px solid var(--border-subtle, #e5e9f0);border-radius:9px;padding:8px 9px;display:flex;flex-direction:column;gap:6px;background:#fff}.diy-snap-modhead{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.diy-snap-modhead strong{font-size:12px;color:var(--text-main, #1f2937)}.diy-snap-role{font-style:normal;font-size:10.5px;padding:1px 6px;border-radius:999px;background:var(--bg-subtle, #f6f8fb);color:var(--text-subtle, #6b7280)}.diy-snap-click{font-style:normal;font-size:10.5px;padding:1px 6px;border-radius:999px}.diy-snap-click.is-yes{background:#0f9d581f;color:#0f9d58}.diy-snap-click.is-no{background:var(--bg-subtle, #f6f8fb);color:var(--text-muted, #9aa3b0)}.diy-snap-copy{font-style:normal;font-size:10.5px;color:var(--text-muted, #9aa3b0)}.diy-snap-purpose{margin:0;font-size:11.5px;line-height:1.7;color:var(--text-subtle, #6b7280)}.diy-snap-settings{display:flex;flex-wrap:wrap;gap:5px}.diy-snap-settings span{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:6px;border:1px solid var(--border-subtle, #e5e9f0);font-size:11px;background:#fff}.diy-snap-settings em{font-style:normal;color:var(--text-muted, #9aa3b0)}.diy-snap-settings b{font-weight:500;color:var(--text-main, #1f2937)}.diy-snap-slots{display:flex;flex-wrap:wrap;gap:5px}.diy-snap-slots span{font-size:10.5px;padding:2px 7px;border-radius:999px;background:var(--bg-subtle, #f6f8fb);color:var(--text-muted, #9aa3b0)}.diy-snap-slots span.is-done{background:#0f9d581f;color:#0f9d58}.diy-snap-slots span.is-uploaded{background:#2563eb1a;color:var(--primary)}.diy-snap-slots span.is-failed{background:#dc26261a;color:#dc2626}.diy-need-link a{font-size:11.5px;color:var(--primary)}.diy-need-answers{margin:0;padding:8px 10px;list-style:none;display:flex;flex-direction:column;gap:6px;background:var(--bg-subtle, #f6f8fb);border-radius:8px}.diy-need-answers li{display:flex;gap:8px;font-size:11.5px;line-height:1.6}.diy-need-answers em{flex:0 0 auto;font-style:normal;color:var(--text-muted, #9aa3b0)}.diy-need-answers b{font-weight:500;color:var(--text-main, #1f2937);word-break:break-all}.diy-need-tip{margin:0;font-size:11px;line-height:1.7;color:var(--text-muted, #9aa3b0)}html.qa-open,html.qa-open body,html.qa-open #root{height:auto;min-height:100%;overflow:visible;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}.qa-page{min-height:100dvh;padding:28px 14px 48px;background:var(--bg-subtle, #f5f7fa);display:flex;justify-content:center;align-items:flex-start;font-family:inherit}.qa-card{width:min(680px,100%);background:#fff;border-radius:16px;padding:20px;box-shadow:0 10px 30px #0f172a1a;display:flex;flex-direction:column;gap:18px}.qa-head{display:flex;flex-direction:column;gap:6px;padding-bottom:14px;border-bottom:1px solid var(--border-subtle, #e5e9f0)}.qa-badge{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;padding:3px 9px;border-radius:999px;font-size:11.5px;background:var(--primary-light, #e8f0fe);color:var(--primary)}.qa-head h2{margin:0;font-size:19px;color:var(--text-main, #1f2937)}.qa-head p{margin:0;font-size:13px;line-height:1.8;color:var(--text-subtle, #6b7280)}.qa-mods{font-size:12px;color:var(--text-muted, #9aa3b0)}.qa-progress{font-size:12.5px;color:var(--text-subtle, #6b7280)}.qa-progress em{font-style:normal}.qa-progress em.is-ok{color:#0f9d58}.qa-q{display:flex;flex-direction:column;gap:8px}.qa-q h3{margin:0;display:flex;align-items:center;gap:8px;font-size:14.5px;color:var(--text-main, #1f2937)}.qa-q h3 i{flex:0 0 auto;width:20px;height:20px;border-radius:50%;font-style:normal;display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;background:var(--primary);color:#fff}.qa-q h3 .qa-type{margin-left:auto;font-style:normal;font-size:11px;color:var(--text-muted, #9aa3b0)}.qa-why{margin:0;font-size:12px;line-height:1.7;color:var(--text-muted, #9aa3b0)}.qa-options{display:flex;flex-direction:column;gap:7px}.qa-option{display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;padding:10px 12px;border:1px solid var(--border-subtle, #e5e9f0);border-radius:10px;background:#fff;font-family:inherit;color:var(--text-main, #1f2937)}.qa-option:hover{border-color:var(--primary)}.qa-option.is-on{border-color:var(--primary);background:var(--primary-light, #e8f0fe);color:var(--primary)}.qa-option-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.qa-option-main strong{font-size:13.5px;font-weight:600}.qa-option-main span{font-size:11.5px;color:var(--text-muted, #9aa3b0)}.qa-option.is-on .qa-option-main span{color:var(--primary)}.qa-rec{margin-left:6px;font-style:normal;font-size:10.5px;padding:1px 6px;border-radius:999px;background:var(--primary);color:#fff}.qa-text{width:100%;min-height:78px;resize:vertical;padding:8px 10px;font-family:inherit;font-size:13px;line-height:1.7;color:var(--text-main, #1f2937);border:1px solid var(--border-subtle, #e5e9f0);border-radius:10px}.qa-text:focus{outline:none;border-color:var(--primary)}.qa-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:4px}.qa-foot-hint{font-size:11.5px;color:var(--text-muted, #9aa3b0)}.qa-error-line{margin:0;font-size:12px;color:#d93025}.qa-loading,.qa-error,.qa-done{align-items:center;text-align:center;gap:12px;padding:40px 20px}.qa-loading span{font-size:13px;color:var(--text-subtle, #6b7280)}.qa-error h2,.qa-done h2{margin:0;font-size:18px;color:var(--text-main, #1f2937)}.qa-error p,.qa-done p{margin:0;font-size:13px;line-height:1.8;color:var(--text-subtle, #6b7280)}.qa-hint{font-size:12px}.qa-done-icon{display:inline-flex;color:#0f9d58}@media(max-width:600px){.qa-page{padding:16px 10px 32px}.qa-card{padding:16px 14px;border-radius:14px}}.diy-confirm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:260;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a8c}.diy-confirm-box{width:min(460px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;background:#fff;border-radius:14px;padding:20px;box-shadow:0 18px 46px #0f172a47;display:flex;flex-direction:column;gap:10px}.diy-confirm-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#fdecea;color:#d93025}.diy-confirm-box h3{margin:0;font-size:17px;color:var(--text-main, #1f2937)}.diy-confirm-sub{margin:0;font-size:13px;line-height:1.8;color:var(--text-subtle, #6b7280)}.diy-confirm-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}.diy-confirm-list li{font-size:12.5px;line-height:1.7;color:var(--text-subtle, #6b7280)}.diy-confirm-warn{margin:2px 0 0;font-size:12.5px;color:#d93025}.diy-confirm-ops{display:flex;justify-content:flex-end;gap:10px;padding-top:6px}.btn.btn-sm.is-danger{border-color:#f0c4bf;color:#d93025}.btn.btn-sm.is-danger:hover:not(:disabled){background:#fdecea;border-color:#d93025}.btn.btn-primary.btn-sm.is-danger{background:#d93025;border-color:#d93025;color:#fff}.btn.btn-primary.btn-sm.is-danger:hover:not(:disabled){background:#b3261e;border-color:#b3261e}.diy-designer-option .is-rec{margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border);font-style:normal;font-weight:500}.diy-designer-option-why{display:block;margin-top:2px;font-size:11.5px;line-height:1.5;color:var(--text-muted)}:root{--bg-page: #f8fafc;--bg-surface: #ffffff;--bg-subtle: #f1f5f9;--bg-hover: #f8fafc;--border-subtle: #e2e8f0;--border-medium: #cbd5e1;--border-focus: #3b82f6;--text-main: #0f172a;--text-body: #334155;--text-muted: #64748b;--text-subtle: #94a3b8;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-light: #eff6ff;--primary-border: #bfdbfe;--emerald: #059669;--emerald-hover: #047857;--emerald-light: #ecfdf5;--emerald-border: #a7f3d0;--purple: #7c3aed;--purple-light: #f5f3ff;--purple-border: #ddd6fe;--rose: #e11d48;--rose-light: #fff1f2;--rose-border: #fecdd3;--amber: #d97706;--amber-light: #fffbeb;--amber-border: #fde68a;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .04);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text-body);background:var(--bg-page);-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed;opacity:.55}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:550;transition:all .15s ease;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff;border:1px solid var(--primary);box-shadow:0 2px 4px #2563eb33}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 4px 8px #2563eb4d}.btn-outline{background:#fff;color:var(--text-body);border:1px solid var(--border-medium)}.btn-outline:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--text-muted);color:var(--text-main)}.btn-sm{padding:5px 10px;font-size:12px;border-radius:var(--radius-sm)}.btn-icon{padding:6px;border-radius:var(--radius-sm);color:var(--text-muted)}.btn-icon:hover{background:var(--bg-subtle);color:var(--text-main)}.btn-block{width:100%}.btn-link{color:var(--primary);font-size:12px;font-weight:500;cursor:pointer}.btn-link:hover{text-decoration:underline}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:12px;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:4px}.form-label .required{color:var(--rose);font-style:normal}.form-input,.form-select,.form-textarea{width:100%;padding:7px 10px;font-size:13px;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-main);transition:all .15s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.form-input--sm{padding:5px 8px;font-size:12px}.form-textarea{resize:vertical;line-height:1.5}.login-page{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,#eff6ff,#f8fafc);padding:20px}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:36px 32px;box-shadow:var(--shadow-xl)}.login-header{text-align:center;margin-bottom:28px}.login-logo{width:48px;height:48px;margin:0 auto 14px;display:grid;place-items:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary),#3b82f6);color:#fff;box-shadow:0 8px 16px #2563eb40}.login-header h2{font-size:20px;font-weight:700;color:var(--text-main);margin-bottom:6px}.login-header p{font-size:13px;color:var(--text-muted)}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field span{font-size:12px;font-weight:600;color:var(--text-muted)}.login-field input{width:100%;padding:10px 12px;font-size:14px;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all .15s ease}.login-field input:focus{outline:none;background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.login-password-wrap{position:relative}.login-password-wrap input{padding-right:38px}.login-eye-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--text-subtle);padding:4px}.login-eye-btn:hover{color:var(--text-main)}.login-error{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:var(--radius-md);background:var(--rose-light);border:1px solid var(--rose-border);color:var(--rose);font-size:12px}.loading-fullscreen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);font-size:14px}.app-layout{display:grid;grid-template-columns:430px minmax(0,1fr);width:100%;height:100dvh;overflow:hidden;background:var(--bg-page)}.phone-col{height:100%;background:#fff;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:14px 16px 10px;gap:10px;overflow:hidden}.phone-col-header{display:flex;flex-direction:column;gap:8px}.phone-col-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--text-main)}.phone-pages-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:var(--bg-subtle);padding:3px;border-radius:var(--radius-md)}.phone-pages-tabs button{display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 0;font-size:12px;font-weight:500;color:var(--text-muted);border-radius:var(--radius-sm);transition:all .15s ease}.phone-pages-tabs button:hover{color:var(--text-main)}.phone-pages-tabs button.is-active{background:#fff;color:var(--text-main);font-weight:650;box-shadow:var(--shadow-sm)}.phone-device-wrapper{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.phone-device-shell{width:350px;height:100%;max-height:700px;background:#fff;border:5px solid #1e293b;border-radius:38px;box-shadow:0 16px 36px -8px #0f172a2e,0 0 0 1px #0f172a14;position:relative;overflow:hidden;display:flex;flex-direction:column}.phone-status-bar{height:28px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:transparent;color:#1e293b;font-size:11px;font-weight:600;position:relative;z-index:20}.phone-island{position:absolute;top:4px;left:50%;transform:translate(-50%);width:76px;height:16px;background:#000;border-radius:9px}.phone-status-icons{display:flex;align-items:center;gap:5px}.phone-battery-pill{width:17px;height:9px;border:1px solid currentColor;border-radius:3px;padding:1px;display:flex;align-items:center}.phone-battery-pill span{width:80%;height:100%;background:currentColor;border-radius:1px}.phone-nav-bar{height:40px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.05);background:#fffffff2;position:relative;z-index:15}.phone-nav-title{font-size:13px;font-weight:700;color:#1e293b;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-wechat-capsule{display:flex;align-items:center;gap:5px;padding:2px 7px;border:1px solid rgba(0,0,0,.12);border-radius:14px;background:#ffffffb3;font-size:10px;color:#334155}.capsule-dots{letter-spacing:-1px;font-weight:700}.capsule-divider{width:1px;height:10px;background:#0000001f}.capsule-circle{font-size:9px}.phone-screen{flex:1;min-height:0;overflow-y:auto;position:relative;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.phone-screen.is-full{padding-bottom:10px}.phone-slot-node{display:block;width:100%;position:relative;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 1px 3px #0000000a;transition:all .15s ease;border:1.5px solid transparent}.phone-slot-node img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.phone-slot-node:hover{transform:translateY(-1px);border-color:#2563eb66}.phone-slot-node.is-active{border-color:var(--primary)!important;box-shadow:0 0 0 2px #2563eb40!important;z-index:10}.phone-slot-node.is-failed{border-color:var(--rose)}.phone-slot-busy{position:absolute;top:6px;right:6px;background:#ffffffe6;border-radius:50%;padding:3px;display:grid;place-items:center;color:var(--primary);box-shadow:var(--shadow-sm);z-index:5}.phone-slot-badge{position:absolute;bottom:4px;left:4px;background:#0f172ab8;color:#fff;font-size:9px;font-weight:500;padding:1px 5px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .15s ease;pointer-events:none}.phone-slot-node:hover .phone-slot-badge,.phone-slot-node.is-active .phone-slot-badge{opacity:1}.phone-component-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:6px;background:#ffffffd9;color:var(--text-body);font-size:11px;padding:4px 8px}.placeholder-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:6px}.placeholder-title{font-size:11px;font-weight:600}.placeholder-hint{font-size:9px;color:var(--text-muted)}.phone-home-view{min-height:100%;padding:10px 10px 65px;display:flex;flex-direction:column;gap:8px;background-position:center top;background-repeat:no-repeat;background-size:100% auto}.phone-bg-switcher{display:flex;justify-content:flex-end}.phone-bg-btn{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;background:#0f172aa6;color:#fff;font-size:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.4)}.phone-bg-btn.is-active{background:var(--primary);border-color:#fff}.phone-notice-card{height:100%;display:flex;align-items:center;gap:6px;padding:0 10px;background:#fffffff2;border-radius:6px;font-size:10px;color:var(--text-body)}.phone-carousel{position:relative}.phone-carousel-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px}.carousel-tag{font-size:8px;font-weight:700;padding:1px 6px;border-radius:4px}.phone-carousel-dots{position:absolute;bottom:6px;left:0;right:0;display:flex;justify-content:center;gap:4px;z-index:5}.phone-carousel-dots button{width:5px;height:5px;border-radius:50%;background:#ffffffa6}.phone-carousel-dots button.is-active{background:#fff;box-shadow:0 0 0 1px #0000004d}.phone-funcs{display:grid;grid-template-columns:repeat(4,1fr);padding:10px 4px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000a}.phone-func-item{display:flex;flex-direction:column;align-items:center;gap:4px}.phone-func-item.is-active .phone-func-icon{box-shadow:0 0 0 2px var(--primary)}.phone-func-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;overflow:hidden}.phone-func-icon img{width:100%;height:100%;object-fit:contain}.phone-func-item small{font-size:10px;color:var(--text-body)}.phone-focus-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.phone-coupon-card{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#fff;border-left:3px solid var(--primary);border-radius:6px}.phone-coupon-card strong{font-size:11px}.phone-coupon-card small{font-size:9px;color:var(--text-muted);display:block}.coupon-action{font-size:9px;font-weight:700;color:#fff;padding:2px 7px;border-radius:10px}.phone-order-view{min-height:100%;padding-bottom:60px}.phone-order-hero{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;font-size:11px;font-weight:600}.phone-order-tabs{display:flex;gap:16px;padding:8px 14px;background:#fff;font-size:11px;border-bottom:1px solid var(--border-subtle)}.phone-order-tabs b{border-bottom:2px solid;padding-bottom:4px}.phone-order-list{padding:8px 10px;display:flex;flex-direction:column;gap:8px}.phone-order-item{display:grid;grid-template-columns:60px 1fr 24px;gap:10px;align-items:center;padding:8px;background:#fff;border-radius:8px}.order-item-img{width:60px;height:52px;border-radius:6px}.order-item-info b{font-size:11px;display:block}.order-item-info small{font-size:9px;color:var(--text-muted);display:block}.order-item-info strong{font-size:12px}.order-item-add{width:22px;height:22px;border-radius:50%;color:#fff;font-size:14px;display:grid;place-items:center}.phone-orders-view{min-height:100%;padding-bottom:60px}.phone-orders-list{padding:10px;display:flex;flex-direction:column;gap:8px}.phone-order-ticket{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#fff;border-radius:8px}.phone-order-ticket b{font-size:12px;display:block}.phone-order-ticket small{font-size:10px;color:var(--text-muted)}.phone-order-ticket strong{font-size:12px}.phone-mine-view{min-height:100%;padding:12px 10px 65px;display:flex;flex-direction:column;gap:10px}.phone-mine-header{padding:16px 14px;border-radius:10px;display:flex;align-items:center;gap:12px;color:#fff}.mine-avatar{width:42px;height:42px;border-radius:50%;background:#fff;color:#1e293b;display:grid;place-items:center;font-size:16px;font-weight:700}.mine-info b{font-size:13px;display:block}.mine-info small{font-size:10px;opacity:.8}.phone-mine-assets{display:grid;grid-template-columns:repeat(3,1fr);padding:10px;background:#fff;border-radius:8px;text-align:center}.phone-mine-assets.is-active{box-shadow:0 0 0 2px var(--primary)}.phone-mine-assets b{font-size:14px;display:block}.phone-mine-assets span{font-size:10px;color:var(--text-muted)}.phone-mine-section{padding:10px 12px;background:#fff;border-radius:8px}.phone-mine-section h3{font-size:11px;color:var(--text-muted);margin-bottom:8px}.mine-quick-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.mine-quick-icons span{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px;color:var(--text-body)}.phone-marketing-view{min-height:100%;padding:12px 10px}.marketing-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.marketing-header strong{font-size:12px;display:block}.marketing-header small{font-size:10px;color:var(--text-muted)}.marketing-list{display:flex;flex-direction:column;gap:12px}.marketing-card-wrap{display:flex;flex-direction:column;gap:4px}.marketing-card-title{display:flex;align-items:center;justify-content:space-between}.marketing-card-title h4{font-size:11px;color:var(--text-body)}.marketing-card-title small{font-size:9px;color:var(--text-muted)}.phone-tabbar{position:absolute;left:10px;right:10px;bottom:8px;height:50px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:25px;box-shadow:0 4px 14px #0f172a14;overflow:hidden;z-index:20}.phone-tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-muted);font-size:9px}.phone-tab-item.is-active{font-weight:700}.phone-tab-icon{width:20px;height:20px;display:grid;place-items:center}.phone-tab-icon img{width:100%;height:100%;object-fit:contain}.phone-tab-icon i{width:16px;height:16px;border-radius:5px;display:block}.phone-hint{font-size:11px;color:var(--text-muted);text-align:center;padding:4px 0}.main-col{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px 24px 90px;gap:16px;background:var(--bg-page);scrollbar-width:thin}.workspace-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);gap:16px;flex-wrap:wrap}.header-brand{display:flex;align-items:center;gap:12px}.header-logo{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary),#3b82f6);color:#fff;display:grid;place-items:center;box-shadow:0 4px 10px #2563eb33}.header-title-row{display:flex;align-items:center;gap:8px}.header-title-row h2{font-size:16px;font-weight:750;color:var(--text-main)}.template-badge{font-size:11px;background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border);padding:2px 7px;border-radius:10px;font-weight:600}.header-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.header-progress-wrap{display:flex;flex-direction:column;gap:4px;min-width:200px}.progress-info{display:flex;align-items:center;justify-content:space-between;font-size:12px}.progress-info span{color:var(--text-muted)}.progress-info strong{color:var(--text-main)}.progress-bar-bg{width:100%;height:6px;background:var(--bg-subtle);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),#10b981);border-radius:3px;transition:width .3s ease}.header-actions{display:flex;align-items:center;gap:10px}.provider-status-pill{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:550;border:1px solid transparent}.provider-status-pill .dot{width:7px;height:7px;border-radius:50%}.provider-status-pill.is-online{background:var(--emerald-light);color:var(--emerald);border-color:var(--emerald-border)}.provider-status-pill.is-online .dot{background:var(--emerald);box-shadow:0 0 0 2px #05966933}.provider-status-pill.is-offline{background:var(--rose-light);color:var(--rose);border-color:var(--rose-border);cursor:pointer}.provider-status-pill.is-offline .dot{background:var(--rose);box-shadow:0 0 0 2px #e11d4833}.store-profile-panel{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px}.store-panel-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:14px}.store-panel-bottom{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:flex-end;border-top:1px dashed var(--border-subtle);padding-top:12px}.palette-group{display:flex;flex-direction:column;gap:5px}.palette-inputs{display:flex;align-items:center;gap:8px}.palette-item{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle);cursor:pointer}.palette-color-dot{width:18px;height:18px;border-radius:50%;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000001a}.palette-color-dot input[type=color]{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;width:40px;height:40px;opacity:0;cursor:pointer}.palette-hex{font-size:11px;font-family:monospace;color:var(--text-main);font-weight:600}.form-group--brief{flex:1}.system-alert{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--rose-light);border:1px solid var(--rose-border);color:var(--rose);border-radius:var(--radius-md);font-size:13px}.alert-text{flex:1}.focus-workbench{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:stretch}.focus-workbench__preview{display:flex;flex-direction:column;gap:8px}.focus-shot-box{width:100%;height:200px;border-radius:var(--radius-md);background:var(--bg-subtle);border:1px solid var(--border-subtle);overflow:hidden;position:relative;display:grid;place-items:center}.focus-shot-img-wrap{width:100%;height:100%;position:relative;cursor:pointer}.focus-shot-img-wrap img{width:100%;height:100%}.focus-shot-zoom-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a66;color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;opacity:0;transition:opacity .15s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.focus-shot-img-wrap:hover .focus-shot-zoom-overlay{opacity:1}.focus-shot-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;color:var(--text-subtle);padding:16px}.shot-spinner{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--primary);font-size:12px}.shot-empty-msg{display:flex;flex-direction:column;align-items:center;gap:4px}.shot-empty-msg span{font-size:13px;font-weight:600;color:var(--text-muted)}.shot-empty-msg small{font-size:11px}.focus-shot-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.meta-badge{font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px;background:var(--bg-subtle);color:var(--text-body)}.meta-page-tag{font-size:11px;padding:2px 6px;border-radius:4px;background:#f3f4f6;color:var(--text-muted)}.meta-status{font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px;display:inline-flex;align-items:center;gap:4px}.meta-status.is-done{background:var(--emerald-light);color:var(--emerald)}.meta-status.is-busy{background:var(--primary-light);color:var(--primary)}.meta-status.is-failed{background:var(--rose-light);color:var(--rose)}.focus-workbench__editor{display:flex;flex-direction:column;gap:12px}.focus-editor-header{display:flex;align-items:flex-start;justify-content:space-between}.focus-editor-header h3{font-size:16px;font-weight:700;color:var(--text-main)}.focus-saas-path{font-size:12px;color:var(--text-muted)}.focus-prompt-field{display:flex;flex-direction:column;gap:4px}.focus-prompt-header{display:flex;align-items:center;justify-content:space-between}.prompt-len-counter{font-size:11px;color:var(--text-subtle);font-family:monospace}.focus-prompt-textarea{min-height:90px;font-size:13px;line-height:1.55;background:var(--bg-subtle)}.focus-prompt-textarea:focus{background:#fff}.focus-editor-buttons{display:flex;align-items:center;gap:10px}.focus-error-alert{display:flex;align-items:center;gap:6px;color:var(--rose);font-size:12px;padding:6px 10px;border-radius:var(--radius-sm);background:var(--rose-light)}.slots-section{display:flex;flex-direction:column;gap:12px}.slots-filter-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;background:#fff;padding:10px 14px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.filter-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.filter-tab-btn{display:flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--radius-md);font-size:12px;font-weight:550;color:var(--text-muted);background:transparent;transition:all .15s ease}.filter-tab-btn:hover{background:var(--bg-subtle);color:var(--text-main)}.filter-tab-btn.is-active{background:var(--primary-light);color:var(--primary);font-weight:650}.filter-tab-btn em{font-size:10px;font-style:normal;padding:1px 5px;border-radius:8px;background:#0000000f}.filter-tab-btn.is-active em{background:var(--primary);color:#fff}.filter-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-input-wrap{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle);font-size:12px;color:var(--text-subtle)}.search-input-wrap input{border:none;background:transparent;outline:none;font-size:12px;color:var(--text-main);width:120px}.status-filter-select{padding:5px 8px;font-size:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#fff;color:var(--text-body)}.bulk-select-btns{display:flex;align-items:center;gap:4px}.bulk-select-btns .divider{color:var(--border-medium);font-size:11px}.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}.slots-empty-view{grid-column:1 / -1;padding:48px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-subtle)}.slot-card{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 12px;display:grid;grid-template-columns:auto 64px minmax(0,1fr) auto auto;align-items:center;gap:10px;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px #00000005}.slot-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.slot-card.is-selected{background:#fafcff}.slot-card.is-active{border-color:var(--primary);background:#f0f7ff;box-shadow:0 0 0 1.5px var(--primary)}.slot-card__check input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary)}.slot-card__thumb{width:64px;height:48px;border-radius:6px;background:var(--bg-subtle);border:1px solid var(--border-subtle);overflow:hidden;position:relative;display:grid;place-items:center}.slot-card__thumb img{width:100%;height:100%}.thumb-placeholder{color:var(--text-subtle);font-size:10px;font-family:monospace}.slot-thumb-busy{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffd9;display:grid;place-items:center;color:var(--primary)}.slot-card__info{display:flex;flex-direction:column;gap:2px;min-width:0}.slot-card__title-row{display:flex;align-items:center;gap:6px}.slot-card__name{font-size:13px;font-weight:650;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-card__dim{font-size:10px;color:var(--text-subtle);font-family:monospace;background:var(--bg-subtle);padding:1px 4px;border-radius:3px}.slot-card__upload{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{font-size:11px;font-weight:600;padding:2px 7px;border-radius:12px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.status-badge.is-done{background:var(--emerald-light);color:var(--emerald);border:1px solid var(--emerald-border)}.status-badge.is-busy{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.status-badge.is-prompt{background:var(--purple-light);color:var(--purple);border:1px solid var(--purple-border)}.status-badge.is-empty{background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border-subtle)}.status-badge.is-failed{background:var(--rose-light);color:var(--rose);border:1px solid var(--rose-border)}.slot-card__jump-btn{color:var(--text-subtle);padding:4px;border-radius:4px;display:grid;place-items:center}.slot-card:hover .slot-card__jump-btn{color:var(--text-main);background:var(--bg-subtle)}.batch-action-bar{position:fixed;bottom:16px;left:450px;right:24px;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:0 12px 30px -4px #0f172a24,0 4px 6px -2px #0f172a0d;flex-wrap:wrap;gap:12px}.batch-stats{display:flex;align-items:center;gap:8px;font-size:13px}.batch-stats strong{color:var(--text-main);font-size:14px}.batch-missing-hint{color:var(--amber);font-size:12px}.batch-buttons{display:flex;align-items:center;gap:10px}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px}.lightbox-content{width:min(980px,100%);max-height:calc(100dvh - 60px);background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl);display:flex;flex-direction:column}.lightbox-header{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.lightbox-header h3{font-size:16px;font-weight:700;color:var(--text-main)}.lightbox-header span{font-size:12px;color:var(--text-muted)}.lightbox-header-actions{display:flex;align-items:center;gap:8px}.lightbox-image-wrap{flex:1;min-height:200px;max-height:calc(100dvh - 160px);overflow:auto;display:grid;place-items:center;background:#111827;padding:20px}.lightbox-image-wrap img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 10px 30px #0006}.module-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:grid;place-items:center;padding:24px;z-index:70}.module-picker{width:min(1100px,100%);height:min(760px,92vh);background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.module-picker.is-loading{width:320px;height:140px;align-items:center;justify-content:center;gap:12px;color:var(--text-muted)}.module-picker-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-subtle)}.module-picker-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--text-main)}.module-picker-title small{font-size:12px;color:var(--text-muted);font-weight:400;margin-left:6px}.module-picker-close{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--text-muted);cursor:pointer}.module-picker-close:hover{background:var(--rose-light);color:var(--rose)}.module-picker-body{flex:1;display:grid;grid-template-columns:130px 1fr 340px;min-height:0}.mp-groups{border-right:1px solid var(--border-subtle);padding:12px 8px;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.mp-group-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-body);font-size:13px;cursor:pointer;text-align:left;font-family:inherit}.mp-group-btn:hover{background:var(--bg-hover)}.mp-group-btn.is-active{background:var(--primary-light);color:var(--primary);font-weight:600}.mp-count{font-size:11px;padding:1px 6px;border-radius:999px;background:var(--bg-subtle);color:var(--text-muted)}.mp-group-btn.is-active .mp-count{background:var(--primary-border);color:var(--primary)}.mp-modules{border-right:1px solid var(--border-subtle);padding:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;align-content:start;overflow-y:auto}.mp-empty{grid-column:1 / -1;text-align:center;padding:40px 20px;color:var(--text-subtle);font-size:13px}.mp-module-card{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-body);cursor:pointer;text-align:left;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.mp-module-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-sm)}.mp-module-card.is-active{border-color:var(--primary);background:var(--primary-light)}.mp-module-name{font-size:13px;font-weight:600;color:var(--text-main)}.mp-module-meta{font-size:11px;color:var(--text-muted)}.mp-module-tags{display:flex;flex-wrap:wrap;gap:4px}.mp-tag{font-size:10px;padding:1px 5px;border-radius:999px;background:var(--bg-subtle);color:var(--text-subtle)}.mp-size{padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.mp-size-title{font-size:14px;font-weight:600;color:var(--text-main);margin-bottom:2px}.mp-size-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mp-size-card{padding:10px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);cursor:pointer;text-align:left;font-family:inherit;transition:border-color .15s ease}.mp-size-card:hover{border-color:var(--primary-border)}.mp-size-card.is-active{border-color:var(--primary);background:var(--primary-light)}.mp-size-visual{background:var(--bg-subtle);border:1px dashed var(--border-medium);border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--text-subtle);margin-bottom:8px;max-height:90px}.mp-size-name{font-size:12px;font-weight:600;color:var(--text-main)}.mp-size-dim{font-size:11px;color:var(--text-body);margin-top:2px}.mp-size-ratio{font-size:10px;color:var(--text-subtle);margin-top:1px}.mp-size-detail{display:flex;flex-direction:column;gap:10px;padding-top:8px;border-top:1px solid var(--border-subtle)}.mp-note-label{font-size:12px;font-weight:600;color:var(--text-body)}.mp-note-input{width:100%;padding:8px 10px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:13px;color:var(--text-main);background:var(--bg-surface);font-family:inherit;resize:vertical;outline:none}.mp-note-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61f}.mp-hint{display:flex;align-items:flex-start;gap:6px;font-size:11px;color:var(--text-muted);line-height:1.5}.mp-style-list{display:flex;flex-direction:column;gap:6px}.mp-style-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:4px 8px;background:var(--bg-subtle);border-radius:var(--radius-sm)}.mp-style-key{color:var(--text-muted)}.mp-style-values{color:var(--text-body);font-weight:500}.mp-message{padding:8px 10px;border-radius:var(--radius-sm);font-size:12px;display:flex;align-items:center;gap:6px}.mp-message.is-success{background:var(--emerald-light);color:var(--emerald)}.mp-message.is-error{background:var(--rose-light);color:var(--rose)}.mp-message.is-info{background:var(--amber-light);color:var(--amber)}.mp-history{margin-top:4px;padding-top:10px;border-top:1px solid var(--border-subtle)}.mp-history-title{font-size:12px;font-weight:600;color:var(--text-body);margin-bottom:8px}.mp-history-list{display:flex;flex-direction:column;gap:6px}.mp-history-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:var(--radius-sm);font-size:12px;background:var(--bg-subtle)}.mp-history-name{color:var(--text-body)}.mp-history-status{display:flex;align-items:center;gap:4px;color:var(--text-muted);font-size:11px}.mp-history-item.is-done .mp-history-status{color:var(--emerald)}.mp-history-item.is-failed .mp-history-status{color:var(--rose)}.module-picker-trigger{display:inline-flex;align-items:center;gap:6px}@media(max-width:1120px){.app-layout{grid-template-columns:380px minmax(0,1fr)}.batch-action-bar{left:400px}.phone-device-shell{width:320px}}@media(max-width:880px){.app-layout{grid-template-columns:1fr;height:auto;overflow:auto}.phone-col{height:720px;border-right:none;border-bottom:1px solid var(--border-subtle)}.batch-action-bar{left:16px;right:16px}.module-picker-body{grid-template-columns:1fr;grid-template-rows:auto 1fr 1fr}.mp-groups{flex-direction:row;border-right:0;border-bottom:1px solid var(--border-subtle);overflow-x:auto}.mp-modules{border-right:0;border-bottom:1px solid var(--border-subtle)}}.platform-dev-card{max-width:460px}.platform-dev-body{display:flex;flex-direction:column;gap:10px;padding:0 4px}.platform-dev-badge{align-self:center;padding:3px 12px;border-radius:999px;background:#f1f3f7;color:#8a94a6;font-size:12px}.platform-dev-desc{margin:0;font-size:13px;line-height:1.7;color:var(--text-muted);text-align:center}.platform-dev-list{margin:0;padding-left:18px;font-size:12px;color:var(--text-muted)}.platform-dev-note{margin:0;font-size:12px;color:var(--primary);text-align:center}