:root{--admin-bg: #F6F7FB;--admin-card: #FFFFFF;--admin-text: #0F172A;--admin-text-secondary: #64748B;--admin-text-muted: #94A3B8;--admin-primary: #6C5CE7;--admin-primary-light: #F0EDFF;--admin-border: #E5E7EB;--admin-success: #00B894;--admin-success-bg: #E6F9F4;--admin-warning: #FDCB6E;--admin-danger: #E04050;--admin-danger-bg: #FFF0F0;--admin-radius: 12px;--admin-radius-sm: 8px;--admin-shadow: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.03);--admin-shadow-card: 0 1px 3px rgba(0,0,0,.05), 0 4px 12px rgba(0,0,0,.04);--admin-sidebar-width: 236px;--admin-topbar-height: 64px}.admin-dashboard{display:flex;height:100vh;min-height:100vh;overflow:hidden;background:var(--admin-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--admin-text)}.admin-main-wrap{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;height:100vh;min-height:0;margin-left:var(--admin-sidebar-width);overflow-x:hidden;overflow-y:auto}.admin-sidebar{width:var(--admin-sidebar-width);min-width:var(--admin-sidebar-width);max-width:var(--admin-sidebar-width);display:flex;flex-direction:column;box-sizing:border-box;background:var(--admin-card);border-right:1px solid var(--admin-border);overflow:hidden;overflow-x:hidden;position:fixed;left:0;top:0;bottom:0;z-index:40;height:100vh}.admin-sidebar-logo{flex:0 0 var(--admin-topbar-height);display:flex;flex-direction:column;gap:2px;height:var(--admin-topbar-height);padding:0 20px;justify-content:center;border-bottom:1px solid var(--admin-border)}.admin-logo-btn{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:0;cursor:pointer}.admin-logo-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:#fff;background:linear-gradient(145deg,#10c9cf 2%,transparent 48%),linear-gradient(45deg,#3868ff,#dc6bf0 82%)}.admin-logo-text{font-size:16px;font-weight:800;color:var(--admin-text)}.admin-logo-badge{font-size:11px;font-weight:600;color:var(--admin-text-muted);margin-left:42px}.admin-sidebar-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px;display:flex;flex-direction:column;gap:6px}.admin-nav-group{display:flex;flex-direction:column}.admin-nav-group-header{display:flex;align-items:center;justify-content:space-between;width:100%;height:44px;padding:0 14px;border:1px solid transparent;border-radius:14px;background:transparent;color:#334155;font-size:14px;font-weight:600;cursor:pointer;transition:all .18s ease;text-align:left}.admin-nav-group-header:hover{background:#6366f114;color:#4f46e5}.admin-nav-group-header.is-active{background:#6366f11a;color:#4f46e5;border-color:#6366f129}.admin-nav-group-main{display:flex;align-items:center;gap:10px}.admin-nav-group-meta{display:flex;align-items:center;gap:8px}.admin-nav-group-arrow{color:#94a3b8;transition:transform .18s ease,color .18s ease;flex-shrink:0}.admin-nav-group-header:hover .admin-nav-group-arrow,.admin-nav-group-header.is-active .admin-nav-group-arrow{color:#4f46e5}.admin-nav-group-arrow.is-open{transform:rotate(180deg)}.admin-nav-group-children{display:flex;flex-direction:column;gap:4px;margin-top:0;margin-left:18px;padding-left:12px;border-left:1px solid rgba(148,163,184,.2);overflow:hidden;max-height:0;opacity:0;transition:max-height .22s ease,opacity .18s ease,margin .18s ease,padding .18s ease}.admin-nav-group-children.is-open{max-height:400px;opacity:1;margin-top:6px;padding-top:2px;padding-bottom:4px}.admin-nav-item{position:relative;display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;border:0;border-radius:12px;color:#475569;background:transparent;font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}.admin-nav-item:hover{background:#6366f10f;color:#334155}.admin-nav-item.is-active{background:#6366f11f;color:#4f46e5;font-weight:600}.admin-nav-indicator{position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:16px;border-radius:0 3px 3px 0;background:transparent;transition:background .15s ease}.admin-nav-item.is-active .admin-nav-indicator{background:#4f46e5}.admin-sidebar-footer{flex:0 0 auto;padding:12px 16px;border-top:1px solid var(--admin-border);display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;box-sizing:border-box}.admin-sidebar-user{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;max-width:100%}.admin-sidebar-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:var(--admin-primary);font-size:14px;font-weight:800;flex-shrink:0}.admin-sidebar-user-info{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-width:0;max-width:100%}.admin-sidebar-user-info strong,.admin-sidebar-user-info span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-sidebar-user-info strong{font-size:13px;font-weight:700;color:var(--admin-text)}.admin-sidebar-user-info span{font-size:11px;color:var(--admin-text-secondary)}.admin-sidebar-user-info:after{content:attr(data-tooltip);position:absolute;left:0;bottom:calc(100% + 8px);z-index:10;max-width:188px;padding:7px 9px;border:1px solid var(--admin-border);border-radius:8px;color:var(--admin-text);background:#fffffffa;box-shadow:var(--admin-shadow-card);font-size:12px;font-weight:700;line-height:1.35;overflow-wrap:anywhere;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease}.admin-sidebar-user-info:hover:after,.admin-sidebar-user-info:focus-within:after{opacity:1;transform:translateY(0)}.admin-sidebar-logout{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:8px;color:var(--admin-text-muted);background:#94a3b814;cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.admin-sidebar-logout:hover{color:var(--admin-danger);background:#ef44441a}.admin-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;height:var(--admin-topbar-height);padding:0 28px;background:var(--admin-card);border-bottom:1px solid var(--admin-border)}.admin-topbar-left{min-width:0}.admin-topbar-left h1{margin:0;font-size:18px;font-weight:800;color:var(--admin-text);line-height:1.2;white-space:nowrap}.admin-topbar-left p{margin:2px 0 0;font-size:13px;color:var(--admin-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-topbar-right{display:flex;align-items:center;gap:14px;flex-shrink:0}.admin-topbar-identity{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--admin-primary)}.admin-topbar-back{height:34px;padding:0 16px;border:1px solid var(--admin-border);border-radius:999px;color:var(--admin-text-secondary);background:var(--admin-bg);font-size:13px;font-weight:600;white-space:nowrap}.admin-topbar-back:hover{background:#e5e7eb}.admin-content{flex:0 0 auto;min-height:calc(100vh - var(--admin-topbar-height));padding:24px 28px;overflow:visible}.admin-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--admin-shadow-card)}.stat-card-body{display:flex;align-items:flex-start;justify-content:space-between}.stat-card-info strong{display:block;font-size:30px;font-weight:900;color:var(--admin-text);line-height:1}.stat-card-label{display:block;margin-top:6px;font-size:13px;font-weight:600;color:var(--admin-text)}.stat-card-sub{display:block;margin-top:2px;font-size:12px;color:var(--admin-text-secondary)}.stat-card-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;flex-shrink:0}.stat-card-footer{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--admin-text-secondary);padding-top:10px;border-top:1px solid var(--admin-border)}.stat-trend{font-weight:700}.admin-panel{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:16px;box-shadow:var(--admin-shadow-card);overflow:hidden}.admin-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--admin-border)}.admin-panel-header h2{margin:0;font-size:16px;font-weight:800;color:var(--admin-text)}.admin-panel-header p{margin:4px 0 0;font-size:13px;color:var(--admin-text-secondary)}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-bottom:1px solid var(--admin-border);flex-wrap:wrap}.admin-toolbar-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-search{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);background:var(--admin-bg);color:var(--admin-text-muted);min-width:200px}.admin-search input{border:0;outline:none;background:transparent;font-size:13px;color:var(--admin-text);width:100%}.admin-search input::placeholder{color:var(--admin-text-muted)}.admin-filter-tabs{display:flex;gap:4px;padding:3px;border-radius:var(--admin-radius-sm);background:var(--admin-bg)}.admin-filter-tab{height:30px;padding:0 14px;border:0;border-radius:6px;color:var(--admin-text-secondary);background:transparent;font-size:13px;font-weight:600}.admin-filter-tab.is-active{background:var(--admin-card);color:var(--admin-text);box-shadow:0 1px 2px #0000000f}.admin-batch-actions{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--admin-text-secondary)}.admin-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border:0;border-radius:var(--admin-radius-sm);font-size:13px;font-weight:700;white-space:nowrap;transition:background .15s ease,opacity .15s ease}.admin-btn-primary{color:#fff;background:var(--admin-primary)}.admin-btn-primary:hover{opacity:.9}.admin-btn-secondary{color:var(--admin-text);background:var(--admin-bg);border:1px solid var(--admin-border)}.admin-btn-secondary:hover{background:#e5e7eb}.admin-btn-ghost{color:var(--admin-primary);background:transparent;height:30px;padding:0 10px;font-weight:600}.admin-btn-ghost:hover{background:var(--admin-primary-light)}.admin-btn-ghost-danger{color:var(--admin-danger);background:transparent;height:30px;padding:0 10px;font-weight:600}.admin-btn-ghost-danger:hover{background:var(--admin-danger-bg)}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table thead{background:var(--admin-bg);border-bottom:1px solid var(--admin-border)}.admin-table th{padding:10px 16px;text-align:left;font-weight:700;color:var(--admin-text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.admin-table th.col-check{width:44px}.admin-table th.col-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.admin-table th.col-sortable svg{vertical-align:middle;margin-left:2px}.admin-table td{padding:12px 16px;border-bottom:1px solid var(--admin-border);color:var(--admin-text)}.admin-table tbody tr:hover{background:#fafbfc}.admin-table td.col-date{color:var(--admin-text-secondary);white-space:nowrap}.table-cell-name{font-weight:700}.table-actions{display:flex;gap:4px}.table-action-btn{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:6px;color:var(--admin-text-secondary);background:transparent}.table-action-btn:hover{background:var(--admin-bg);color:var(--admin-primary)}.admin-table-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;font-size:12px;color:var(--admin-text-muted);border-top:1px solid var(--admin-border)}.admin-tag{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.tag-success{color:#059669;background:#d1fae5}.tag-muted{color:#6b7280;background:#f3f4f6}.tag-system{color:var(--admin-primary);background:var(--admin-primary-light)}.tag-custom{color:#6366f1;background:#eef2ff}.admin-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.admin-empty-icon{width:88px;height:88px;display:grid;place-items:center;border-radius:20px;background:var(--admin-bg);color:var(--admin-text-muted);margin-bottom:20px}.admin-empty-state h3{margin:0;font-size:17px;font-weight:800;color:var(--admin-text)}.admin-empty-state p{margin:8px 0 0;font-size:14px;color:var(--admin-text-secondary);max-width:360px}.admin-empty-actions{display:flex;gap:10px;margin-top:24px}.panel-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 24px;text-align:center}.placeholder-icon{color:var(--admin-text-muted);margin-bottom:16px;opacity:.5}.panel-placeholder h3{margin:0;font-size:17px;font-weight:800;color:var(--admin-text)}.panel-placeholder p{margin:8px 0 0;font-size:14px;color:var(--admin-text-secondary)}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#0f172a4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:24px}.admin-modal{width:min(520px,100%);background:var(--admin-card);border-radius:16px;box-shadow:0 20px 60px #00000026;overflow:hidden}.admin-modal-wide{width:min(860px,100%)}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--admin-border)}.admin-modal-header h3{margin:0;font-size:17px;font-weight:800}.admin-modal-close{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--admin-text-secondary)}.admin-modal-close:hover{background:var(--admin-bg)}.admin-modal-body{padding:24px;display:flex;flex-direction:column;gap:18px}.form-row{display:flex;flex-direction:column;gap:6px}.form-row-split{display:flex;flex-direction:row;gap:16px}.form-row-split>*{flex:1}.form-label{font-size:13px;font-weight:700;color:var(--admin-text);display:flex;flex-direction:column;gap:6px}.form-label-check{flex-direction:row;align-items:center;gap:8px}.form-label-check input[type=checkbox]{width:18px;height:18px;accent-color:var(--admin-primary)}.required{color:var(--admin-danger)}.form-input,.form-select,.form-textarea{height:40px;padding:0 12px;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);background:var(--admin-card);font-size:14px;color:var(--admin-text);outline:none}.form-textarea{min-height:88px;padding:10px 12px;resize:vertical}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--admin-primary);box-shadow:0 0 0 3px var(--admin-primary-light)}.admin-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--admin-border)}.function-card-toolbar .admin-toolbar-left{width:100%}.function-card-table{min-width:1320px}.admin-code{display:inline-flex;padding:3px 7px;border-radius:6px;color:#475569;background:#f1f5f9;font-size:12px}.function-card-tag-list{display:flex;flex-wrap:wrap;gap:5px;max-width:220px}.admin-sort-input{width:72px;height:30px;padding:0 8px;border:1px solid var(--admin-border);border-radius:7px;background:#fff;color:var(--admin-text);font-size:13px;outline:none}.admin-sort-input:focus{border-color:var(--admin-primary);box-shadow:0 0 0 3px var(--admin-primary-light)}.function-card-route{max-width:220px;color:var(--admin-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-actions-wide{align-items:center;flex-wrap:wrap;min-width:210px}.table-action-btn.text-action{display:inline-flex;width:auto;padding:0 7px;gap:4px;font-size:12px;font-weight:700}.table-action-btn.text-action.danger:hover{color:var(--admin-danger);background:var(--admin-danger-bg)}.function-card-modal{width:min(1180px,calc(100vw - 48px));max-height:calc(100vh - 48px);display:flex;flex-direction:column}.function-card-editor{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;padding:22px 24px;overflow:auto}.function-card-form{display:grid;gap:16px}.function-card-form-section{display:grid;gap:14px;padding:16px;border:1px solid var(--admin-border);border-radius:14px;background:#fafbfc}.function-card-form-section h4,.function-card-preview-panel h4{margin:0;color:var(--admin-text);font-size:14px;font-weight:800}.function-card-check{align-self:end;min-height:40px}.function-card-preview-panel{position:sticky;top:0;align-self:start;display:grid;gap:12px;padding:16px;border:1px solid var(--admin-border);border-radius:16px;background:#fff;box-shadow:var(--admin-shadow)}.preview-modal{width:min(420px,calc(100vw - 40px))}.function-card-preview-standalone{padding:24px;background:#f8fafc}.admin-function-card-preview{overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:24px;background:#ffffffc7;box-shadow:0 18px 46px #2b38601f}.admin-function-card-preview.is-featured{border-color:#7c5cff61;box-shadow:0 22px 56px #5f58e22e}.admin-function-preview-cover{position:relative;display:grid;place-items:center;height:148px;margin:12px 12px 0;overflow:hidden;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--preview-gradient-start),var(--preview-gradient-end))}.admin-function-preview-cover:before,.admin-function-preview-cover:after{position:absolute;content:"";border-radius:999px;background:#ffffff2e}.admin-function-preview-cover:before{width:120px;height:120px;right:-36px;top:-42px}.admin-function-preview-cover:after{width:160px;height:160px;left:-58px;bottom:-72px}.admin-function-preview-cover>svg{position:relative;z-index:1;width:70px;height:70px;padding:18px;border-radius:22px;background:#ffffff2e;box-shadow:0 16px 32px #14182e33}.admin-function-preview-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.admin-function-preview-cover span{position:absolute;z-index:2;top:12px;right:12px;min-height:24px;padding:4px 10px;border-radius:999px;color:#fff;background:#14182e47;font-size:12px;font-weight:800}.admin-function-preview-body{padding:16px 18px 12px}.admin-function-preview-body h5{margin:0;color:#111933;font-size:18px;line-height:1.3}.admin-function-preview-body p{margin:8px 0 14px;color:#64708a;font-size:13px;line-height:1.6;font-weight:600}.admin-function-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 18px 18px}.admin-function-preview-footer span{display:inline-flex;align-items:center;gap:5px;color:#5d687f;font-size:13px;font-weight:760}@media (max-width: 980px){.function-card-editor{grid-template-columns:1fr}.function-card-preview-panel{position:static}}.admin-model-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 20px 16px}.compact-select{width:150px;flex:0 0 auto}.model-config-name{display:flex;align-items:center;gap:8px;min-width:180px}.model-config-icon{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border-radius:8px;background:#f4f5fa;color:var(--admin-primary);overflow:hidden}.model-config-icon img{width:100%;height:100%;object-fit:cover}.model-check-row{display:flex;gap:18px;flex-wrap:wrap}.model-json-textarea{min-height:112px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px}.api-key-list{display:flex;flex-direction:column;gap:10px}.api-key-row{display:flex;justify-content:space-between;gap:16px;padding:12px;border:1px solid var(--admin-border);border-radius:12px;background:#fff}.api-key-title{display:flex;align-items:center;gap:8px;margin-bottom:6px}.api-key-mask{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;color:var(--admin-text)}.api-key-meta,.api-key-hint,.admin-key-empty{font-size:12px;color:var(--admin-text-secondary)}.admin-key-empty{padding:16px;border-radius:12px;background:var(--admin-bg)}.api-key-form{display:flex;flex-direction:column;gap:14px;padding:14px;border:1px solid var(--admin-border);border-radius:12px;background:#fafbfc}.api-key-form-title{font-size:14px;font-weight:800;color:var(--admin-text)}.api-key-input-wrap{position:relative;display:block}.api-key-input-wrap .form-input{width:100%;padding-right:42px}.api-key-eye{position:absolute;top:50%;right:8px;width:28px;height:28px;display:grid;place-items:center;transform:translateY(-50%);border:0;border-radius:7px;color:var(--admin-text-secondary);background:transparent}.api-key-eye:hover{background:var(--admin-bg);color:var(--admin-primary)}.api-key-form-actions,.admin-inline-confirm{display:flex;justify-content:flex-end;align-items:center;gap:10px}.admin-inline-confirm{justify-content:space-between;padding:12px;border-radius:12px;background:var(--admin-danger-bg);color:var(--admin-danger);font-size:13px}.compact-placeholder{padding:24px}.works-thumb{width:52px;height:52px;border-radius:8px;background-color:var(--admin-bg);background-size:cover;background-position:center;background-repeat:no-repeat;display:grid;place-items:center;position:relative;color:var(--admin-text-muted);overflow:hidden}.works-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:8px;z-index:1}.works-thumb img{width:100%;height:100%;object-fit:cover;border-radius:8px}.works-upload-zone{border:2px dashed #d4d8e0;border-radius:12px;padding:32px;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease;min-height:140px;display:grid;place-items:center;background:#fff}.works-upload-zone:hover{border-color:#a8aeb8;background:#fafbfc}.works-upload-placeholder{color:var(--admin-text-muted)}.works-upload-placeholder svg{margin-bottom:8px}.works-upload-placeholder p{margin:0;font-size:14px;font-weight:600;color:var(--admin-text-secondary)}.works-upload-placeholder span{font-size:12px}.works-upload-preview{display:flex;flex-direction:column;align-items:center;gap:8px}.works-upload-preview img{max-width:200px;max-height:160px;border-radius:8px;object-fit:cover}.works-upload-preview span{font-size:13px;font-weight:600;color:var(--admin-text)}.works-edit-preview{position:relative;width:100%;overflow:hidden;border-radius:10px}.works-edit-preview img{display:block;width:100%;max-height:220px;object-fit:cover;cursor:pointer}.works-edit-preview span{position:absolute;right:10px;top:10px;padding:6px 10px;border-radius:999px;color:#fff;background:#0f172a9e;font-size:12px;font-weight:700;pointer-events:none}.admin-toast{position:fixed;right:24px;bottom:24px;z-index:300;padding:12px 16px;border-radius:12px;color:#fff;background:#0f172ae6;box-shadow:0 18px 42px #0f172a33;font-size:14px;font-weight:700}.admin-toast-error{background:#e04050f0}.admin-toast-success{background:#00b894f0}.popup-preview-card,.announcement-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;width:min(540px,calc(100vw - 32px));max-height:72vh;display:flex;flex-direction:column;overflow:hidden}.popup-preview-header,.announcement-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--admin-border)}.popup-preview-header h3,.announcement-header h3{margin:0;font-size:17px;font-weight:800}.popup-preview-header button,.announcement-header button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--admin-text-secondary);flex-shrink:0}.popup-preview-header button:hover,.announcement-header button:hover{background:var(--admin-bg)}.popup-preview-body,.announcement-body{flex:1;min-height:0;overflow-y:auto;padding:20px 22px}.popup-preview-footer,.announcement-footer{flex:0 0 auto;padding:12px 22px;border-top:1px solid var(--admin-border);display:flex;justify-content:flex-end;gap:10px}.homepage-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:24px;background:#0f172a66;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:popupFadeIn .2s ease}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}.col-actions{white-space:nowrap;width:210px}.credit-action-row{display:flex;align-items:center;gap:6px}.credit-action-btn{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 10px;border:1px solid var(--admin-border);border-radius:7px;color:var(--admin-text-secondary);background:#fff;font-size:12px;font-weight:650;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.credit-action-btn:hover{background:var(--admin-bg);color:var(--admin-text);border-color:#c4c8d4}.credit-action-btn span{white-space:nowrap}.credit-action-go{color:#059669;border-color:#05966933}.credit-action-go:hover{background:#ecfdf5;border-color:#05966959;color:#059669}.credit-action-warn{color:#d97706;border-color:#d9770633}.credit-action-warn:hover{background:#fffbeb;border-color:#d9770659;color:#d97706}.credit-action-danger{color:var(--admin-danger);border-color:#e040502e}.credit-action-danger:hover{background:#fff5f5;border-color:#e0405059;color:var(--admin-danger)}.credit-action-disabled{color:#b0b8c4;font-size:12px;font-weight:650}.form-fieldset{border:1px solid var(--admin-border);border-radius:12px;padding:16px;margin:0;display:flex;flex-direction:column;gap:14px}.form-fieldset legend{font-size:13px;font-weight:800;color:var(--admin-text);padding:0 8px}@media (max-width: 1024px){.admin-stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.admin-sidebar{display:none}.admin-main-wrap{margin-left:0}.admin-topbar{padding:0 16px}.admin-content{padding:16px}.admin-stats-row{grid-template-columns:1fr}.admin-panel-header{flex-direction:column}.admin-toolbar{flex-direction:column;align-items:stretch}}.admin-drawer{position:fixed;top:0;right:0;bottom:0;width:min(520px,92vw);z-index:500;display:flex;flex-direction:column;background:#fff;box-shadow:-8px 0 40px #0000001a;animation:drawerSlideIn .22s ease}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.admin-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e8ecf2;flex-shrink:0}.admin-drawer-header h3{margin:0;font-size:17px;font-weight:700;color:#1e293b}.admin-drawer-body{flex:1;overflow-y:auto;padding:20px 24px}.admin-drawer-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e8ecf2;flex-shrink:0}.admin-drawer-preview{margin-top:20px;padding-top:16px;border-top:1px solid #e8ecf2}.admin-drawer-preview h4{margin:0 0 10px;font-size:14px;font-weight:700;color:#1e293b}.admin-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;border:none;background:transparent;font-size:13px;color:#475569;cursor:pointer;text-align:left}.admin-dropdown-item:hover{background:#f5f6fa}.admin-dropdown-danger{color:#d85d6f}.admin-dropdown-danger:hover{background:#fef2f2}.admin-dropdown-item:disabled{opacity:.35;cursor:not-allowed}.function-card-form.is-readonly{pointer-events:none;opacity:.75}.function-card-form.is-readonly input,.function-card-form.is-readonly textarea,.function-card-form.is-readonly select{background:#f8f9fb}.order-manager{display:flex;flex-direction:column;gap:20px}.order-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;border-bottom:1px solid var(--admin-border);flex-wrap:wrap}.order-toolbar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.order-select-wrap{position:relative;display:flex;align-items:center}.order-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:40px;width:140px;padding:0 32px 0 14px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;font-size:13px;font-weight:600;color:var(--admin-text);cursor:pointer;outline:none;transition:border-color .15s ease,box-shadow .15s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px}.order-select:focus{border-color:var(--admin-primary);box-shadow:0 0 0 3px #6c5ce714}.order-select option{font-size:13px;padding:6px 12px}.order-search-wrap{display:flex;align-items:center;gap:8px;height:40px;width:260px;padding:0 14px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;color:var(--admin-text-muted);transition:border-color .15s ease,box-shadow .15s ease}.order-search-wrap:focus-within{border-color:var(--admin-primary);box-shadow:0 0 0 3px #6c5ce714}.order-search-input{border:0;outline:none;background:transparent;font-size:13px;color:var(--admin-text);width:100%;height:100%}.order-search-input::placeholder{color:var(--admin-text-muted)}.order-search-btn,.order-reset-btn{height:40px;border-radius:12px}.order-status-badge{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.order-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:16px}.order-loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:var(--admin-primary);border-radius:50%;animation:orderSpin .8s linear infinite}.order-loading-state p{margin:0;font-size:14px;color:var(--admin-text-secondary)}.order-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.order-empty-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:18px;background:var(--admin-bg);color:var(--admin-text-muted);margin-bottom:16px}.order-empty-state h3{margin:0;font-size:16px;font-weight:700;color:var(--admin-text)}.order-empty-state p{margin:6px 0 0;font-size:13px;color:var(--admin-text-secondary)}.order-empty-state .admin-btn{margin-top:20px}.order-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;gap:16px}.order-error-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:var(--admin-danger-bg);color:var(--admin-danger)}.order-error-state h3{margin:0;font-size:15px;font-weight:700;color:var(--admin-text)}.col-mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:12px;color:var(--admin-text-secondary)}.col-amount{font-weight:700;font-size:13px;color:var(--admin-text);white-space:nowrap}.order-refund-detail{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--admin-bg);border-radius:12px}.order-refund-detail>div{display:flex;justify-content:space-between;align-items:center;font-size:13px}.order-refund-detail span{color:var(--admin-text-secondary)}.order-refund-detail strong{font-weight:700;color:var(--admin-text)}.order-refund-error{padding:10px 14px;border-radius:10px;background:var(--admin-danger-bg);color:var(--admin-danger);font-size:13px;font-weight:600}.order-refund-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;background:var(--admin-bg);border-radius:12px}.order-refund-summary>div,.order-refund-record-grid>div{display:flex;flex-direction:column;gap:4px;min-width:0}.order-refund-summary span,.order-refund-record-grid span{color:var(--admin-text-muted);font-size:12px}.order-refund-summary strong,.order-refund-record-grid strong{color:var(--admin-text);font-size:13px;overflow-wrap:anywhere}.order-refund-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.order-refund-record{border:1px solid var(--admin-border);border-radius:8px;padding:12px;background:#fff}.order-refund-record-main{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.order-refund-record-main strong{font-size:13px;color:var(--admin-text);overflow-wrap:anywhere}.order-refund-record-main span{flex-shrink:0;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}.order-refund-record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.order-refund-record-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.refund-create-modal{width:min(1180px,calc(100vw - 48px));max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.refund-create-header{background:#fff}.refund-create-header h3{font-size:18px}.refund-create-header p{margin:4px 0 0;color:var(--admin-text-secondary);font-size:13px;font-weight:500}.refund-create-body{overflow:auto;gap:16px;background:#fafbff}.refund-create-note{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #C7D2FE;border-radius:8px;background:#eef4ff;color:#334155;font-size:13px}.refund-create-note strong{color:#2563eb;white-space:nowrap}.refund-search-panel{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(220px,1.2fr) auto;align-items:end;gap:12px;padding:14px;border:1px solid var(--admin-border);border-radius:8px;background:#fff}.refund-search-panel label,.refund-form-label{display:flex;flex-direction:column;gap:6px}.refund-search-panel label span,.refund-form-label span{color:var(--admin-text);font-size:13px;font-weight:700}.refund-search-button{height:40px;border-radius:8px}.refund-create-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.9fr);gap:16px;align-items:start}.refund-order-panel,.refund-form-panel{min-width:0;border:1px solid var(--admin-border);border-radius:8px;background:#fff;padding:14px}.refund-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.refund-section-title span{color:var(--admin-text);font-size:14px;font-weight:800}.refund-section-title small{color:var(--admin-text-muted);font-size:12px}.refund-order-table-wrap{overflow:auto;max-height:420px}.refund-order-table{width:100%;border-collapse:collapse;font-size:13px}.refund-order-table th{position:sticky;top:0;z-index:1;background:#f8fafc}.refund-order-table td{padding:10px 12px;border-bottom:1px solid var(--admin-border);max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.refund-order-table tr.is-selected{background:#eef4ff}.refund-order-table tr.is-disabled{color:#94a3b8;background:#fafafa}.refund-order-status{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:700}.refund-order-status.is-completed{color:#047857;background:#ecfdf5}.refund-order-status.is-refunded{color:#64748b;background:#f1f5f9}.refund-amount-available{color:#e04050;font-weight:800}.refund-amount-muted{color:#94a3b8;font-weight:700}.refund-select-button{height:32px;padding:0 10px;border-radius:8px;white-space:nowrap}.refund-select-button:disabled{color:#94a3b8;background:#f8fafc;border-color:#e2e8f0;cursor:not-allowed}.refund-selected-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;border-radius:8px;background:#f8fafc;border:1px solid #E2E8F0}.refund-selected-card>div{min-width:0;display:flex;flex-direction:column;gap:4px}.refund-selected-card span{color:var(--admin-text-muted);font-size:12px}.refund-selected-card strong{color:var(--admin-text);font-size:13px;overflow-wrap:anywhere}.refund-selected-card .refund-max-amount{color:#e04050;font-size:15px}.refund-form-panel{display:flex;flex-direction:column;gap:14px}.refund-form-label em{margin-left:3px;color:var(--admin-danger);font-style:normal}.refund-form-label small{color:var(--admin-text-muted);font-size:12px}.refund-form-label .refund-form-error{color:var(--admin-danger);font-weight:700}.refund-amount-input{height:46px;font-size:18px;font-weight:800}.refund-empty-selection{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--admin-text-muted);text-align:center;border:1px dashed #CBD5E1;border-radius:8px;background:#f8fafc;padding:24px}.refund-empty-selection strong{color:var(--admin-text);font-size:14px}.refund-empty-selection span{max-width:280px;font-size:13px;line-height:1.5}.order-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--admin-border);font-size:13px}.order-detail-row:last-child{border-bottom:none}.order-detail-label{color:var(--admin-text-muted);font-weight:600}.order-detail-value{color:var(--admin-text);font-weight:700}.table-action-btn.danger{color:var(--admin-danger)}.table-action-btn.danger:hover{background:var(--admin-danger-bg)}.order-table-scroll{overflow-x:auto;min-height:0}.order-table{table-layout:fixed;min-width:1560px}.order-table th,.order-table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-no-cell{display:inline-flex;align-items:center;gap:6px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:12px;color:var(--admin-text-secondary);max-width:100%}.order-no-cell:hover .order-copy-btn{opacity:1}.order-copy-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:0;border-radius:4px;background:transparent;color:var(--admin-text-muted);cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease,color .15s ease;padding:0;flex-shrink:0}.order-copy-btn:hover{background:var(--admin-primary-light);color:var(--admin-primary)}.order-package-cell{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-user-cell{display:flex;flex-direction:column;gap:2px}.order-user-name{font-size:13px;font-weight:700;color:var(--admin-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-user-email{font-size:11px;color:var(--admin-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-date-wrap{display:flex;align-items:center;gap:8px}.order-date-input{height:40px;padding:0 12px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;font-size:13px;color:var(--admin-text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.order-date-input:focus{border-color:var(--admin-primary);box-shadow:0 0 0 3px #6c5ce714}.order-empty-state.compact{padding:48px 24px}.order-empty-state.compact .order-empty-icon{width:56px;height:56px;margin-bottom:12px}.order-empty-state.compact h3{font-size:15px}.order-empty-state.compact p{font-size:13px}.col-amount{font-weight:700;font-size:13px;color:var(--admin-text);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.records-filter-bar{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.records-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.records-filter-input,.records-filter-select{height:40px;padding:0 12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;font-size:13px;color:var(--admin-text);outline:none;transition:border-color .15s ease,box-shadow .15s ease;min-width:120px;flex-shrink:0}.records-filter-input:focus,.records-filter-select:focus{border-color:var(--admin-primary);box-shadow:0 0 0 3px #6c5ce714}.records-filter-input::placeholder{color:#94a3b8}.records-filter-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;cursor:pointer}.records-filter-input[type=date]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}.records-table-scroll{width:100%;overflow-x:auto;overflow-y:hidden;border:1px solid var(--admin-border);border-radius:var(--admin-radius);background:var(--admin-card)}.records-table{min-width:1150px;width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px}.records-table thead{background:#f8fafc}.records-table thead th{padding:12px 14px;font-weight:600;font-size:12px;color:var(--admin-text-secondary);text-align:left;border-bottom:1px solid var(--admin-border);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.records-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .12s ease}.records-table tbody tr:hover{background:#fafbfc}.records-table tbody td{padding:12px 14px;vertical-align:middle;line-height:1.5}.records-user-cell{display:flex;flex-direction:column;gap:2px}.records-user-name{font-weight:600;font-size:13px;color:var(--admin-text)}.records-user-email{font-size:12px;color:var(--admin-text-muted)}.records-user-id{font-size:11px;color:var(--admin-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.records-tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid transparent;white-space:nowrap}.records-desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--admin-text-secondary);font-size:13px;max-width:100%}.records-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:48px 24px;color:var(--admin-text-muted);min-height:220px}.records-empty-title{font-size:14px;font-weight:600;color:var(--admin-text-secondary);margin-top:4px}.records-empty-desc{font-size:12px;color:var(--admin-text-muted)}@media (max-width: 640px){.order-toolbar-left{width:100%}.order-search-wrap{width:100%;min-width:0;flex:1}.order-select{width:100%}.refund-create-modal{width:calc(100vw - 24px);max-height:92vh}.refund-search-panel,.refund-create-grid,.refund-selected-card{grid-template-columns:1fr}.refund-search-button{width:100%}.refund-create-note{align-items:flex-start;flex-direction:column;gap:4px}}.api-key-pool-modal{position:relative;background:#fff;border-radius:16px;width:960px;max-width:95vw;max-height:84vh;overflow-y:auto;box-shadow:0 12px 48px #00000021}.akpm-header{display:flex;align-items:flex-start;justify-content:space-between;padding:26px 28px 22px;border-bottom:1px solid #EEF0F6}.akpm-title{margin:0;font-size:17px;font-weight:700;color:#111936;letter-spacing:-.2px}.akpm-subtitle{margin:2px 0 0;font-size:12.5px;color:#8a94b3}.akpm-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.akpm-btn-add{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 16px;border:none;border-radius:8px;background:linear-gradient(135deg,#7c5cff,#6c4fed);color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:box-shadow .15s,transform .1s}.akpm-btn-add:hover{box-shadow:0 2px 10px #7c5cff59;transform:translateY(-1px)}.akpm-btn-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:#94a3b8;cursor:pointer}.akpm-btn-close:hover{background:#f1f5f9;color:#64748b}.akpm-stats{display:flex;gap:10px;padding:16px 28px;border-bottom:1px solid #EEF0F6}.akpm-stat{flex:1;text-align:center;padding:8px 4px;background:#fafafe;border:1px solid #EEEDF5;border-radius:10px}.akpm-stat-num{display:block;font-size:22px;font-weight:700;color:#1e293b;line-height:1.2}.akpm-stat-lbl{display:block;font-size:11px;color:#94a3b8;margin-top:1px}.akpm-toolbar{display:flex;align-items:center;gap:10px;padding:12px 28px;border-bottom:1px solid #EEF0F6}.akpm-search{position:relative;flex:1;max-width:260px}.akpm-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#94a3b8;z-index:1}.akpm-search input{width:100%;height:34px;padding:0 12px 0 32px;border:1px solid #E2E8F0;border-radius:8px;font-size:12.5px;outline:none;background:#fff;transition:border-color .15s}.akpm-search input:focus{border-color:#7c5cff;box-shadow:0 0 0 3px #7c5cff14}.akpm-filter{height:34px;padding:0 10px;border:1px solid #E2E8F0;border-radius:8px;font-size:12.5px;outline:none;background:#fff;color:#334155;cursor:pointer}.akpm-table-area{padding:0 28px;min-height:140px}.akpm-table{width:100%;border-collapse:collapse;table-layout:fixed}.akpm-table thead th{padding:10px 8px;text-align:left;font-size:11px;font-weight:700;color:#7c5cff;text-transform:uppercase;letter-spacing:.4px;background:transparent;border-bottom:2px solid #E2E8F0;white-space:nowrap}.akpm-table th:first-child{padding-left:0}.akpm-table th:last-child{padding-right:0}.akpm-th-num{text-align:center;width:80px}.akpm-th-actions{text-align:right;width:120px}.akpm-table tbody td{padding:9px 8px;font-size:13px;color:#334155;border-bottom:1px solid #F1F5F9;vertical-align:middle}.akpm-table td:first-child{padding-left:0}.akpm-table td:last-child{padding-right:0}.akpm-table tbody tr:hover td{background:#fafafe}.akpm-td-name{font-weight:600;color:#1e293b}.akpm-td-key{font-family:SF Mono,Menlo,monospace;font-size:12px;color:#64748b}.akpm-td-num{text-align:center}.akpm-td-limit{color:#94a3b8}.akpm-td-fail{color:#ef4444;font-weight:600}.akpm-tag{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;line-height:1.5}.akpm-tag-on{background:#ecfdf5;color:#059669}.akpm-tag-off{background:#f1f5f9;color:#64748b}.akpm-td-actions{text-align:right;white-space:nowrap}.akpm-action-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:6px;background:transparent;color:#94a3b8;cursor:pointer;transition:background .12s,color .12s;vertical-align:middle}.akpm-action-btn:hover{background:#f1f5f9;color:#475569}.akpm-action-del:hover{background:#fef2f2;color:#ef4444}.akpm-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:44px 0;color:#94a3b8;font-size:13.5px}.akpm-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 28px 18px;border-top:1px solid #EEF0F6}.akpm-page-total{font-size:12.5px;color:#94a3b8}.akpm-page-btns{display:flex;align-items:center;gap:8px}.akpm-page-btns button{height:30px;padding:0 12px;border:1px solid #E2E8F0;border-radius:7px;background:#fff;cursor:pointer;font-size:12px;color:#475569;transition:border-color .12s,background .12s}.akpm-page-btns button:hover:not(:disabled){border-color:#7c5cff;background:#fafafe;color:#7c5cff}.akpm-page-btns button:disabled{opacity:.35;cursor:default}.akpm-page-info{font-size:12.5px;color:#64748b;font-weight:500}.sw-build-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;padding:14px 16px;border:1px solid #E5E7EB;border-radius:12px;background:#fff}.sw-build-main{display:flex;align-items:flex-start;gap:12px;min-width:0}.sw-build-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:32px;height:32px;border-radius:10px}.sw-build-card strong{display:block;color:#111827;font-size:14px}.sw-build-card p{margin:3px 0 7px;color:#64748b;font-size:12.5px}.sw-build-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:#64748b;font-size:12px}.sw-build-error{margin-top:8px;max-width:760px;color:#b91c1c;font-size:12px;line-height:1.5}.sw-build-card-ready{border-color:#bbf7d0;background:#f0fdf4}.sw-build-card-ready .sw-build-icon,.sw-build-card-empty .sw-build-icon{color:#16a34a;background:#16a34a1a}.sw-build-card-empty{border-color:#e2e8f0;background:#f8fafc}.sw-build-card-pending{border-color:#fde68a;background:#fffbeb}.sw-build-card-pending .sw-build-icon{color:#d97706;background:#d977061f}.sw-build-card-building{border-color:#ddd6fe;background:#f5f3ff}.sw-build-card-building .sw-build-icon{color:#7c3aed;background:#7c3aed1f}.sw-build-card-failed{border-color:#fecaca;background:#fef2f2}.sw-build-card-failed .sw-build-icon{color:#dc2626;background:#dc26261a}.sw-import-modal{width:min(820px,calc(100vw - 32px));max-height:88vh;display:flex;flex-direction:column;overflow:hidden;border-radius:14px}.sw-import-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 16px;border-bottom:1px solid #EEF0F6}.sw-import-header h3{margin:0;color:#111827;font-size:18px;font-weight:800}.sw-import-header p{margin:5px 0 0;color:#64748b;font-size:13px}.sw-import-body{flex:1;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:18px 24px 20px}.sw-import-notice{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border:1px solid #FDE68A;border-radius:10px;background:#fffbeb;color:#92400e;font-size:12.5px;font-weight:600}.sw-import-error{padding:10px 12px;border-radius:10px;background:#fef2f2;color:#b91c1c;font-size:12.5px;font-weight:700}.sw-import-textarea{min-height:240px;resize:vertical;font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.55}.sw-import-count{margin-top:-8px;color:#64748b;font-size:12px;text-align:right}.sw-import-count.is-over{color:#dc2626;font-weight:700}.sw-import-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sw-import-stats>div{padding:12px;border:1px solid #E9D5FF;border-radius:12px;background:linear-gradient(180deg,#faf5ff,#fff)}.sw-import-stats strong{display:block;color:#6d28d9;font-size:22px;line-height:1.1}.sw-import-stats span{display:block;margin-top:4px;color:#64748b;font-size:12px}.sw-import-preview{border:1px solid #E2E8F0;border-radius:12px;background:#fff;overflow:hidden}.sw-import-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #EEF0F6;background:#f8fafc}.sw-import-preview-head strong{color:#111827;font-size:13px}.sw-import-preview-head span,.sw-import-preview-more,.sw-import-server-stats{color:#64748b;font-size:12px}.sw-import-preview-grid{display:flex;flex-wrap:wrap;gap:8px;max-height:190px;overflow:auto;padding:14px}.sw-import-chip{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.sw-import-chip-valid{color:#166534;background:#dcfce7}.sw-import-chip-duplicate{color:#475569;background:#f1f5f9}.sw-import-chip-invalid{color:#b91c1c;background:#fee2e2}.sw-import-empty{padding:34px 16px;color:#94a3b8;font-size:13px;text-align:center}.sw-import-preview-more,.sw-import-server-stats{padding:0 14px 12px}.sw-import-server-stats{display:flex;gap:12px;font-weight:700}.sw-import-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #EEF0F6;background:#fff}@media (max-width: 640px){.sw-build-card{align-items:stretch;flex-direction:column}.sw-import-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sw-import-footer{flex-wrap:wrap}}.markdown-content{font-size:14px;line-height:1.75;color:#0f172a;word-break:break-word}.markdown-content h1{font-size:22px;margin:0 0 16px;font-weight:700}.markdown-content h2{font-size:18px;margin:18px 0 10px;font-weight:700}.markdown-content h3{font-size:16px;margin:14px 0 8px;font-weight:700}.markdown-content h1:first-child,.markdown-content h2:first-child,.markdown-content h3:first-child{margin-top:0}.markdown-content p{margin:6px 0}.markdown-content ul{margin:8px 0 8px 18px;padding:0}.markdown-content li{margin:4px 0}.markdown-content strong{font-weight:700}.markdown-content em{font-style:italic}.markdown-content a{color:#6c5ce7;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content hr{border:none;border-top:1px solid #e5e7eb;margin:14px 0}.markdown-content code{padding:2px 6px;border-radius:6px;background:#f1f5f9;font-size:13px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.markdown-content br+br{display:none}.overview-page{display:flex;flex-direction:column;gap:28px;padding-bottom:32px;overflow-x:hidden;min-width:0}.overview-page .recharts-responsive-container{min-width:0!important}.overview-section{display:flex;flex-direction:column;gap:16px}.overview-section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.overview-section-title{margin:0;font-size:17px;font-weight:800;color:var(--admin-text);letter-spacing:-.2px}.overview-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.overview-stat-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:16px;padding:18px 22px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 3px #00000008,0 4px 12px #00000008;transition:transform .18s ease,box-shadow .18s ease}.overview-stat-card:hover{transform:translateY(-2px);box-shadow:0 3px 8px #0000000d,0 8px 24px #0000000d}.overview-stat-card-body{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.overview-stat-card-info strong{display:block;font-size:28px;font-weight:900;color:var(--admin-text);line-height:1.1;letter-spacing:-.5px}.overview-stat-card-info .overview-stat-card-label{display:block;margin-top:6px;font-size:12.5px;font-weight:600;color:var(--admin-text-secondary)}.overview-stat-highlight{border-color:#6c5ce726;background:linear-gradient(135deg,#fff,#6c5ce706)}.overview-stat-highlight .overview-stat-card-icon{background:linear-gradient(135deg,#6c5ce72e,#6c5ce714);color:var(--admin-primary)}.overview-stat-card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--admin-primary-light);color:var(--admin-primary);flex-shrink:0}.overview-stat-card-hint{font-size:11px;color:var(--admin-text-muted);padding-top:4px;border-top:1px solid var(--admin-border)}.overview-chart-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:16px;box-shadow:0 1px 3px #00000008,0 4px 12px #00000008;overflow:hidden;display:flex;flex-direction:column}.overview-chart-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px 0}.overview-chart-card-title-wrap{display:flex;align-items:baseline;gap:8px;min-width:0}.overview-chart-card-title{margin:0;font-size:15px;font-weight:700;color:var(--admin-text)}.overview-chart-card-subtitle{font-size:12px;color:var(--admin-text-muted)}.overview-chart-card-actions{flex-shrink:0}.overview-chart-card-body{flex:1;min-height:260px;display:flex;align-items:center;justify-content:center;padding:12px 16px 18px}.overview-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:36px 16px;color:var(--admin-text-muted)}.overview-state p{margin:0;font-size:13.5px}.overview-state-error{color:var(--admin-danger)}.overview-state-error p{color:var(--admin-text-secondary);font-weight:600}.overview-spinner{width:28px;height:28px;border:3px solid var(--admin-border);border-top-color:var(--admin-primary);border-radius:50%;animation:overviewSpin .75s linear infinite}@keyframes overviewSpin{to{transform:rotate(360deg)}}.overview-retry-btn{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 14px;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);background:var(--admin-card);color:var(--admin-primary);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.overview-retry-btn:hover{background:var(--admin-primary-light);border-color:var(--admin-primary)}.overview-range-tabs{display:flex;gap:4px;padding:3px;border-radius:var(--admin-radius-sm);background:var(--admin-bg)}.overview-range-tab{height:30px;padding:0 14px;border:0;border-radius:6px;color:var(--admin-text-secondary);background:transparent;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.overview-range-tab:hover{background:var(--admin-primary-light);color:var(--admin-primary)}.overview-range-tab.is-active{background:var(--admin-card);color:var(--admin-primary);box-shadow:0 1px 3px #00000014}.overview-chart-tooltip{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:12px;padding:10px 14px;box-shadow:0 8px 28px #0000001a;font-size:12.5px;color:var(--admin-text)}.overview-tooltip-label{font-weight:700;margin-bottom:6px;color:var(--admin-text)}.overview-tooltip-row{display:flex;align-items:center;gap:6px;color:var(--admin-text-secondary);line-height:1.6}.overview-tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.overview-pie-wrap{width:100%}.overview-pie-legend{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center;padding:8px 0 0}.overview-pie-legend-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--admin-text-secondary);max-width:180px}.overview-pie-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.overview-pie-legend-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-pie-legend-pct{font-weight:700;color:var(--admin-text);flex-shrink:0}.overview-usage-grid{display:grid;grid-template-columns:1fr 360px;gap:16px}.overview-ranking-wrap{width:100%;display:flex;flex-direction:column;gap:4px}.overview-ranking-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer;transition:background .12s}.overview-ranking-row:hover{background:var(--admin-primary-light)}.overview-ranking-top3{background:#6c5ce70a}.overview-ranking-idx{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;font-size:13px;font-weight:700;color:var(--admin-text-muted);background:var(--admin-bg);flex-shrink:0}.overview-rank-1,.overview-rank-2,.overview-rank-3{background:transparent;font-size:16px;color:var(--admin-text)}.overview-ranking-user{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.overview-ranking-name{font-size:13px;font-weight:700;color:var(--admin-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-ranking-email{font-size:11px;color:var(--admin-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-ranking-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.overview-ranking-count{font-size:13px;font-weight:700;color:var(--admin-primary)}.overview-ranking-images{font-size:11px;color:var(--admin-text-muted)}.overview-user-grid,.overview-order-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.overview-order-summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.overview-order-summary-item{display:flex;flex-direction:column;gap:4px;background:var(--admin-card);border:1px solid var(--admin-border);border-radius:14px;padding:14px 18px}.overview-order-summary-label{font-size:12px;color:var(--admin-text-muted);font-weight:600}.overview-order-summary-item strong{font-size:20px;font-weight:800;color:var(--admin-text)}.overview-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0f172a2e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overview-drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,92vw);z-index:210;display:flex;flex-direction:column;background:var(--admin-card);box-shadow:-8px 0 40px #0000001a;animation:overviewDrawerIn .22s ease}@keyframes overviewDrawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}.overview-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--admin-border);flex-shrink:0}.overview-drawer-header h3{margin:0;font-size:17px;font-weight:700;color:var(--admin-text)}.overview-drawer-close{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--admin-text-secondary);cursor:pointer;transition:background .12s}.overview-drawer-close:hover{background:var(--admin-bg)}.overview-drawer-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:20px}.overview-drawer-user-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--admin-bg);border-radius:14px}.overview-drawer-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--admin-primary);color:#fff;font-size:18px;font-weight:800;flex-shrink:0}.overview-drawer-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.overview-drawer-user-info strong{font-size:15px;font-weight:700;color:var(--admin-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-drawer-user-info span{font-size:12px;color:var(--admin-text-muted)}.overview-drawer-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.overview-drawer-stat{display:flex;flex-direction:column;gap:4px;padding:14px;background:var(--admin-bg);border-radius:12px;text-align:center;align-items:center}.overview-drawer-stat svg{color:var(--admin-primary);margin-bottom:2px}.overview-drawer-stat span{font-size:11px;color:var(--admin-text-muted)}.overview-drawer-stat strong{font-size:17px;font-weight:800;color:var(--admin-text)}.overview-drawer-section h4{margin:0 0 10px;font-size:14px;font-weight:700;color:var(--admin-text)}.overview-drawer-model-list{display:flex;flex-direction:column;gap:8px}.overview-drawer-model-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--admin-bg);border-radius:10px}.overview-drawer-model-name{font-size:13px;font-weight:600;color:var(--admin-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.overview-drawer-model-stats{display:flex;gap:10px;font-size:12px;color:var(--admin-text-secondary);flex-shrink:0}.overview-drawer-model-fail{color:var(--admin-danger);font-weight:600}@media (max-width: 1200px){.overview-usage-grid,.overview-user-grid,.overview-order-grid{grid-template-columns:1fr}.overview-stats-row{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.overview-stats-row,.overview-order-summary-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.overview-stats-row{grid-template-columns:1fr}.overview-order-summary-row{grid-template-columns:1fr 1fr}.overview-drawer{width:100vw}}.admin-login-page{min-height:100vh;display:flex;flex-direction:column;padding:28px clamp(20px,5vw,56px) 48px;color:#1e2640;background:radial-gradient(ellipse at 20% 8%,rgba(80,90,195,.07),transparent 36rem),radial-gradient(ellipse at 78% 10%,rgba(130,110,210,.06),transparent 32rem),linear-gradient(180deg,#f5f4fb,#fff)}.admin-login-top{display:flex;align-items:center;justify-content:space-between}.admin-logo{display:inline-flex;align-items:center;gap:8px;border:0;background:none;color:#1b2346;font-size:19px;font-weight:750}.admin-logo-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#5468e8,#8960e0);box-shadow:0 8px 18px #5546d729}.admin-back-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 18px;border:1px solid rgba(0,0,0,.07);border-radius:20px;color:#4a5275;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13px;font-weight:600;transition:background .16s ease,box-shadow .16s ease}.admin-back-btn:hover{background:#fff;box-shadow:0 4px 14px #0000000f}.admin-login-shell{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:clamp(28px,5vw,80px);align-items:center;flex:1;width:min(980px,100%);margin:0 auto}.admin-hero{display:flex;flex-direction:column;gap:12px}.admin-hero-title{margin:0;font-size:42px;font-weight:750;letter-spacing:-.5px;color:#0d1533;line-height:1.1}.admin-hero-desc{margin:0;max-width:320px;color:#6b7299;font-size:14px;line-height:1.65}.admin-card{display:grid;gap:16px;padding:30px 28px;border:1px solid rgba(120,135,180,.1);border-radius:20px;background:#ffffffd1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 16px 48px #28326412}.field input{width:100%;height:44px;padding:0 12px;border:1px solid rgba(110,125,170,.15);border-radius:10px;outline:none;color:#1b2346;background:#fff;font-size:14px;font-weight:500;transition:border-color .18s ease,box-shadow .18s ease;box-sizing:border-box}.field input:focus{border-color:#505fdc66;box-shadow:0 0 0 3px #505fdc12}.captcha-btn{position:relative;flex-shrink:0;width:130px;height:44px;padding:0;border:1px solid rgba(110,125,170,.15);border-radius:10px;background:#f9fafc;cursor:pointer;overflow:hidden;transition:border-color .18s ease}.captcha-btn:hover{border-color:#505fdc4d}.captcha-refresh{position:absolute;top:3px;right:3px;display:grid;place-items:center;width:20px;height:20px;border-radius:5px;background:#ffffffe6;color:#5468e8;opacity:0;transition:opacity .18s ease;pointer-events:none}.admin-submit{display:inline-flex;align-items:center;justify-content:center;height:46px;border:0;border-radius:10px;color:#fff;background:linear-gradient(105deg,#4f65e0,#8856da);box-shadow:0 6px 20px #5041d229;font-size:15px;font-weight:700;transition:transform .16s ease,box-shadow .16s ease}.admin-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 26px #5041d238}.admin-submit:disabled{opacity:.6;cursor:wait}@media (max-width: 780px){.admin-login-shell{grid-template-columns:1fr;gap:28px;padding-top:24px}.admin-hero{align-items:center;text-align:center}.admin-hero-title{font-size:28px}.admin-hero-desc{max-width:100%}.admin-card{padding:24px 18px}}.payment-qr-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:230;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(circle at 50% 12%,rgba(124,92,255,.22),transparent 34%),radial-gradient(circle at 12% 78%,rgba(91,124,250,.14),transparent 30%),#0a0e1e6b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.payment-qr-modal{position:relative;width:min(456px,100%);overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:28px;background:linear-gradient(180deg,#fafbfffa,#fffffffc 58%),#fff;box-shadow:0 34px 92px #0d17304d,0 0 0 1px #7c5cff0f}.payment-qr-close{position:absolute;top:18px;right:18px;z-index:2;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:999px;color:#64748b;background:#f1f5f9e6;font-size:22px;line-height:1;cursor:pointer;transition:color .18s ease,background .18s ease,transform .18s ease}.payment-qr-close:hover{color:#334155;background:#e2e8f0f5;transform:translateY(-1px)}.payment-qr-header{padding:30px 32px 14px;text-align:center}.payment-qr-kicker{display:inline-flex;align-items:center;min-height:24px;padding:0 11px;border-radius:999px;color:#6555dc;background:#7c5cff1a;font-size:12px;font-weight:850}.payment-qr-title{margin:13px 0 0;color:#0f172a;font-size:26px;line-height:1.12;font-weight:920;letter-spacing:0}.payment-qr-subtitle{margin:8px 0 0;color:#64748b;font-size:14px;line-height:1.5;font-weight:680}.payment-qr-amount-card{margin:0 28px 16px;padding:18px 18px 16px;border:1px solid rgba(91,124,250,.16);border-radius:22px;background:radial-gradient(circle at 86% 0%,rgba(184,77,255,.14),transparent 32%),linear-gradient(135deg,#5b7cfa1a,#fffffff2 54%);box-shadow:inset 0 1px #ffffffdb,0 16px 34px #414d8014;text-align:center}.payment-qr-amount-label{display:block;color:#64748b;font-size:12px;font-weight:820}.payment-qr-amount{display:block;margin-top:5px;color:#0f172a;font-size:42px;line-height:1;font-weight:950;letter-spacing:0}.payment-qr-order-name{display:block;margin-top:10px;color:#1e293b;font-size:15px;font-weight:850}.payment-qr-order-id,.payment-qr-method,.payment-qr-expire{display:block;margin-top:6px;color:#94a3b8;font-size:12px;font-weight:680;word-break:break-all}.payment-qr-code-card{position:relative;display:grid;place-items:center;gap:12px;margin:0 28px;padding:20px 18px 16px;border:1px solid rgba(148,163,184,.2);border-radius:24px;background:linear-gradient(180deg,#fff,#f8fafcf5);box-shadow:0 18px 42px #0f172a14}.payment-qr-code-img{display:block;width:220px;height:220px;max-width:72vw;max-height:72vw;object-fit:contain;border-radius:16px;background:#fff}.payment-qr-code-empty{display:grid;place-items:center;width:220px;height:220px;max-width:72vw;max-height:72vw;padding:18px;border:1px dashed rgba(148,163,184,.5);border-radius:16px;color:#64748b;background:#f8fafc;font-size:14px;font-weight:760;text-align:center}.payment-qr-status-badge{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:30px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:840}.payment-qr-status-badge.is-pending{color:#6d4ddb;background:#7c5cff1a}.payment-qr-status-badge.is-processing,.payment-qr-status-badge.is-warning{color:#9a5b00;background:#f59e0b24}.payment-qr-status-badge.is-success{color:#047857;background:#10b98124}.payment-qr-status-badge.is-danger{color:#b91c1c;background:#ef44441f}.payment-qr-status-dot{width:7px;height:7px;border-radius:999px;background:currentColor;animation:paymentQrPulse 1.25s ease-in-out infinite}@keyframes paymentQrPulse{0%,to{opacity:.42;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}.payment-qr-tips{display:grid;gap:5px;margin:14px 32px 0;color:#64748b;font-size:12px;line-height:1.5;font-weight:650;text-align:center}.payment-qr-tips p{margin:0}.payment-qr-actions{display:flex;gap:12px;padding:20px 28px 28px}.payment-qr-actions button{flex:1;height:46px;border-radius:15px;font-size:14px;font-weight:850;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,opacity .18s ease}.payment-qr-action-secondary{border:1px solid rgba(148,163,184,.28);color:#475569;background:#ffffffdb}.payment-qr-action-primary{border:0;color:#fff;background:linear-gradient(135deg,#5b7cfa,#b84dff);box-shadow:0 10px 24px #6450dc42}.payment-qr-actions button:hover:not(:disabled){transform:translateY(-2px)}.payment-qr-action-primary:hover:not(:disabled){box-shadow:0 14px 30px #6450dc57}.payment-qr-actions button:disabled{cursor:not-allowed;opacity:.62;transform:none;box-shadow:none}@media (max-width: 520px){.payment-qr-backdrop{padding:16px 12px}.payment-qr-modal{border-radius:22px}.payment-qr-header{padding:26px 22px 12px}.payment-qr-title{font-size:23px}.payment-qr-amount-card,.payment-qr-code-card{margin-right:18px;margin-left:18px}.payment-qr-amount{font-size:36px}.payment-qr-code-img,.payment-qr-code-empty{width:190px;height:190px}.payment-qr-tips{margin-right:22px;margin-left:22px}.payment-qr-actions{flex-direction:column-reverse;padding:18px 18px 22px}}.credits-page{min-height:100vh;padding:100px var(--container-padding) 64px}.credits-page-inner{width:100%;max-width:1160px;margin:0 auto}.credits-page-header{display:flex;align-items:flex-start;justify-content:center;position:relative;margin-bottom:22px}.credits-title-group{text-align:center}.credits-title-group h1{margin:0;color:#0f172a;font-size:clamp(34px,4vw,48px);line-height:1.1}.credits-title-group p{margin:12px 0 0;color:#64748b;font-size:16px;font-weight:600}.mall-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1060px;margin:0 auto 28px}.credits-segment{display:inline-flex;padding:4px;border-radius:14px;background:#f1f5f9e6}.credits-segment-btn{height:38px;padding:0 24px;border:0;border-radius:11px;color:#64748b;background:transparent;font-size:14px;font-weight:700;cursor:pointer;transition:all .18s ease}.credits-segment-btn.is-active{color:#fff;background:linear-gradient(135deg,#5b7cfa,#b84dff);box-shadow:0 4px 14px #6450dc33}.credits-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;max-width:1060px;margin:0 auto}.credit-product-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px 24px;position:relative;cursor:pointer;border:1px solid rgba(124,92,255,.12);border-radius:24px;background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 3px #00000008,0 12px 32px #6450dc0d;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;min-height:460px}.credit-product-card:hover{transform:translateY(-6px);border-color:#7c5cff40;box-shadow:0 4px 16px #0000000a,0 20px 48px #6450dc1a}.credit-product-card.is-recommended{border-color:#7c5cff4d;background:linear-gradient(180deg,#7c5cff0d,#fff0 45%),#fffffff5;box-shadow:0 1px 3px #00000008,0 16px 40px #6450dc1a;transform:scale(1.03)}.credit-product-card.is-recommended:hover{transform:scale(1.03) translateY(-6px)}.credit-product-card.is-selected{border-color:#7c5cff80;box-shadow:0 0 0 4px #7c5cff12,0 16px 40px #6450dc24}.credit-card-check{position:absolute;top:16px;right:16px;z-index:2;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#5b7cfa,#b84dff);color:#fff;font-size:14px;font-weight:800;box-shadow:0 4px 14px #6450dc59}.credit-card-top{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin-bottom:16px}.credit-card-type-tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#5b7cfa,#7c5cff);font-size:12px;font-weight:800;box-shadow:0 2px 8px #5b7cfa33}.credit-card-tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;color:#7c5cff;background:#7c5cff14;font-size:12px;font-weight:800}.credit-card-badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#5b7cfa,#b84dff);font-size:12px;font-weight:800}.credit-card-name{margin:0 0 6px;font-size:19px;font-weight:800;color:#0f172a}.credit-card-desc{margin:0 0 20px;font-size:13px;color:#64748b;line-height:1.4;min-height:36px}.credit-card-credits-big{display:flex;flex-direction:column;align-items:center;padding:8px 0 6px;margin-bottom:10px}.credit-card-credits-num{font-size:48px;font-weight:900;line-height:1;color:#0f172a;letter-spacing:-2px}.credit-card-credits-unit{font-size:14px;font-weight:700;color:#7c5cff;margin-top:5px}.credit-card-expire{font-size:13px;color:#94a3b8;font-weight:650;margin-bottom:14px}.credit-card-benefits{flex:1;list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:8px;width:100%;text-align:left}.credit-card-benefits li{display:flex;align-items:center;gap:8px;font-size:13px;color:#475569}.credit-card-benefits svg{color:#7c5cff;flex-shrink:0}.credit-card-footer{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:auto}.credit-card-price{margin-bottom:4px}.credit-card-price strong{font-size:28px;font-weight:900;color:#0f172a}.credit-card-price del{font-size:14px;color:#94a3b8;margin-left:8px}.credit-card-buy-btn{width:100%;height:48px;border:0;border-radius:14px;color:#fff;background:linear-gradient(135deg,#5b7cfa,#b84dff);box-shadow:0 4px 16px #6450dc33;font-size:15px;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.credit-card-buy-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6450dc4d}.credit-mini-summary{display:inline-flex;align-items:center;gap:12px;min-height:38px;padding:0 14px;border:1px solid rgba(124,92,255,.12);border-radius:999px;background:#ffffffb3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#64748b;white-space:nowrap}.credit-mini-item{display:inline-flex;align-items:center;gap:5px}.current-credits-label{color:#64748b;font-size:12px;font-weight:780}.credit-mini-summary strong{color:#0f172a;font-size:13px;line-height:1;font-weight:860}.current-credits-note{color:#94a3b8;font-size:12px;font-weight:650}.credit-mini-divider{width:1px;height:14px;background:#64748b38}.login-prompt-modal{background:#fff;border-radius:16px;padding:28px 24px 20px;max-width:420px;width:100%;box-shadow:0 20px 60px #0000002e;text-align:center}.login-prompt-modal h2{margin:0 0 12px;font-size:18px;font-weight:800;color:#101633}.login-prompt-modal p{margin:0 0 22px;font-size:14px;color:#64748b;line-height:1.6}@media (max-width: 1080px){.credits-package-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.credits-package-grid{grid-template-columns:1fr}}.purchase-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(circle at 50% 18%,rgba(124,92,255,.18),transparent 34%),#0a0e1e57;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.purchase-confirm-modal{overflow:hidden;width:min(520px,100%);border:1px solid rgba(255,255,255,.78);border-radius:26px;background:linear-gradient(180deg,#f9fafffa,#fffffffc 58%),#fff;box-shadow:0 30px 84px #0d173042,0 0 0 1px #7c5cff0d}.purchase-modal-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px 28px 16px}.purchase-modal-header h2{margin:0;color:#0f172a;font-size:24px;line-height:1.15;font-weight:900;letter-spacing:0}.purchase-modal-header p{margin:7px 0 0;color:#64748b;font-size:13px;font-weight:700}.purchase-modal-header button,.purchase-success-toast button,.purchase-error-toast button{display:grid;place-items:center;border:0;border-radius:999px}.purchase-modal-close{flex:0 0 auto;width:36px;height:36px;color:#64748b;background:#f1f5f9eb;cursor:pointer;transition:color .18s ease,background .18s ease,transform .18s ease}.purchase-modal-close:hover{color:#334155;background:#e2e8f0f2;transform:translateY(-1px)}.purchase-modal-body{display:grid;gap:16px;padding:0 28px 18px;color:#334155}.purchase-package-card{position:relative;overflow:hidden;padding:18px;border:1px solid rgba(124,92,255,.16);border-radius:22px;background:radial-gradient(circle at 88% 10%,rgba(184,77,255,.14),transparent 30%),linear-gradient(135deg,#5b7cfa1a,#b84dff12 48%,#ffffffeb);box-shadow:inset 0 1px #ffffffdb,0 14px 36px #6450dc14}.purchase-package-card-top{display:flex;align-items:center;gap:13px}.purchase-package-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:17px;color:#fff;background:linear-gradient(135deg,#5b7cfa,#b84dff);box-shadow:0 10px 24px #6450dc47}.purchase-package-kicker{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.purchase-package-kicker span{display:inline-flex;align-items:center;min-height:22px;padding:0 9px;border-radius:999px;color:#6d4ddb;background:#7c5cff1a;font-size:12px;font-weight:850}.purchase-package-card h3{margin:0;color:#0f172a;font-size:20px;font-weight:900;line-height:1.2}.purchase-package-credits{display:flex;align-items:baseline;gap:9px;margin-top:18px;padding:14px 16px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(255,255,255,.72)}.purchase-package-credits strong{color:#0f172a;font-size:34px;line-height:1;font-weight:950}.purchase-package-credits span{color:#7c5cff;font-size:14px;font-weight:850}.purchase-package-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.purchase-package-meta span,.purchase-package-rules li,.purchase-amount-panel p{display:inline-flex;align-items:center;gap:6px}.purchase-package-meta span{min-height:34px;padding:0 11px;border-radius:12px;color:#475569;background:#ffffff9e;font-size:13px;font-weight:760}.purchase-package-meta svg,.purchase-package-rules svg,.purchase-amount-panel svg{flex-shrink:0;color:#7c5cff}.purchase-package-rules{margin-top:13px;padding-top:13px;border-top:1px solid rgba(124,92,255,.12)}.purchase-package-rules p{margin:0;color:#334155;font-size:13px;font-weight:800}.purchase-package-rules ul{display:flex;flex-wrap:wrap;gap:8px 12px;list-style:none;padding:0;margin:10px 0 0}.purchase-package-rules li{color:#64748b;font-size:12px;font-weight:720}.purchase-amount-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid rgba(91,124,250,.14);border-radius:20px;background:linear-gradient(135deg,#fff,#f8fafff5);box-shadow:0 12px 30px #414d8012}.purchase-amount-panel div{display:grid;gap:4px}.purchase-amount-panel span{color:#64748b;font-size:13px;font-weight:820}.purchase-amount-panel strong{color:#0f172a;font-size:38px;line-height:1;font-weight:950}.purchase-amount-panel p{margin:0;color:#64748b;font-size:12px;font-weight:720;text-align:right}.purchase-payment-methods{display:grid;gap:9px}.purchase-payment-methods>span{color:#64748b;font-size:13px;font-weight:820}.purchase-payment-methods>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.purchase-payment-methods button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid rgba(148,163,184,.28);border-radius:14px;color:#334155;background:#fff;font-size:14px;font-weight:760;cursor:pointer}.purchase-payment-methods button.is-active{color:#5b5fe8;border-color:#5b7cfa80;background:#5b7cfa14;box-shadow:0 6px 18px #5b7cfa1f}.purchase-modal-actions{display:flex;justify-content:space-between;gap:12px;padding:18px 28px 28px;background:linear-gradient(180deg,#fff0,#f8faffe0)}.purchase-modal-actions button{flex:1;height:48px;border-radius:15px;border:0;font-size:15px;font-weight:850;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.purchase-action-secondary{color:#475569;background:#fffc;border:1px solid rgba(148,163,184,.28)!important}.purchase-action-primary{color:#fff;background:linear-gradient(135deg,#5b7cfa,#b84dff);box-shadow:0 10px 24px #6450dc42}.purchase-modal-actions button:hover:not(:disabled){transform:translateY(-2px)}.purchase-action-primary:hover:not(:disabled){box-shadow:0 14px 30px #6450dc57}.purchase-action-primary:disabled{cursor:not-allowed;opacity:.72;box-shadow:none}.purchase-success-toast,.purchase-error-toast{position:fixed;right:24px;bottom:24px;z-index:230;display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 10px 0 14px;border:1px solid rgba(255,255,255,.72);border-radius:999px;color:#152034;background:#fffffff5;box-shadow:0 18px 46px #0d17302e;font-size:14px;font-weight:820}.purchase-error-toast{color:#7f1d1d;background:#fff7f7fa;border-color:#f8717142}.purchase-success-toast svg{color:#5e56dd}.purchase-success-toast button,.purchase-error-toast button{width:26px;height:26px;color:#6a7286;background:#f2f4f8}.mall-faq-section{margin-top:26px;padding:18px;border:1px solid rgba(124,137,171,.12);border-radius:22px;background:#ffffffb8;box-shadow:0 14px 34px #414d8014}.mall-faq-heading{display:flex;align-items:center;gap:8px;color:#5e56dd}.mall-faq-heading h2{margin:0;color:#101633;font-size:17px;letter-spacing:0}.mall-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.mall-faq-grid article{padding:13px;border-radius:16px;background:#f8faffcc}.mall-faq-grid svg{color:#5e56dd}.mall-faq-grid strong{display:block;margin-top:8px;color:#101633;font-size:14px}.mall-faq-grid p{margin:6px 0 0;color:#68738b;font-size:13px;line-height:1.55}@media (max-width: 1120px){.credits-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 680px){.credits-page{padding:88px 16px 44px}.credits-page-header{align-items:stretch;flex-direction:column}.mall-toolbar{flex-direction:column;align-items:center}.credits-package-grid,.mall-faq-grid{grid-template-columns:1fr}.credit-package-card{min-height:0}.credit-package-footer{align-items:stretch;flex-direction:column}.credit-package-footer button,.purchase-modal-actions button{width:100%}.purchase-confirm-modal{border-radius:22px}.purchase-modal-header{padding:22px 20px 14px}.purchase-modal-body{padding:0 20px 16px}.purchase-package-card{padding:16px}.purchase-package-credits{align-items:flex-start;flex-direction:column;gap:4px}.purchase-package-meta,.purchase-payment-methods>div{grid-template-columns:1fr}.purchase-amount-panel{align-items:flex-start;flex-direction:column;gap:10px}.purchase-amount-panel p{text-align:left}.purchase-modal-actions{flex-direction:column-reverse;padding:16px 20px 22px}.purchase-success-toast,.purchase-error-toast{right:16px;bottom:16px;left:16px;justify-content:center}}.function-square-page{min-height:100vh;width:min(1480px,calc(100vw - 56px));margin:0 auto;padding:104px 0 64px}.function-square-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,470px);align-items:end;gap:28px;margin-bottom:24px}.function-square-heading{min-width:0}.function-square-kicker{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:0 12px;border:1px solid rgba(115,104,255,.16);border-radius:999px;color:#725dff;background:#ffffffad;box-shadow:0 10px 22px #5f58e214;font-size:12px;font-weight:820}.function-square-heading h1,.tool-coming-soon-card h1{margin:14px 0 8px;color:#0d1532;font-size:48px;line-height:1.08;letter-spacing:0}.function-square-heading p,.tool-coming-soon-card p{margin:0;color:#64708a;font-size:17px;line-height:1.6;font-weight:650}.function-square-search{display:flex;align-items:center;gap:11px;min-height:54px;padding:0 18px;border:1px solid rgba(255,255,255,.74);border-radius:18px;color:#7a85a2;background:#ffffffa3;box-shadow:0 18px 42px #36446e17;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.function-square-search input{width:100%;min-width:0;border:0;outline:0;color:#1a2340;background:transparent;font:inherit;font-size:14px;font-weight:650}.function-square-search input::placeholder{color:#98a3ba}.function-square-tabs{display:flex;align-items:center;gap:10px;margin-bottom:22px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none}.function-square-tabs::-webkit-scrollbar{display:none}.function-square-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px;border:1px solid rgba(255,255,255,.72);border-radius:999px;color:#526078;background:#ffffffa8;box-shadow:0 10px 22px #36446e0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:14px;font-weight:780;white-space:nowrap;transition:transform .18s ease,color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.function-square-tab:hover{transform:translateY(-1px);color:#6259e8;border-color:#7a6fff38;background:#ffffffd1}.function-square-tab.is-active{color:#fff;border-color:transparent;background:linear-gradient(105deg,#4e76ff,#c74bea);box-shadow:0 14px 28px #5f58e23d}.function-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.function-tool-card{position:relative;display:flex;min-width:0;min-height:388px;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:24px;background:#ffffffa6;box-shadow:0 18px 46px #2b38601a;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.function-tool-card:hover{transform:translateY(-6px);border-color:#776fff47;box-shadow:0 26px 60px #2b386026}.function-tool-card.is-recommended{border-color:#7c5cff5c;background:linear-gradient(180deg,#7867ff14,#fff0 48%),#ffffffc2;box-shadow:0 0 0 1px #c74bea1f,0 24px 62px #5f58e229}.function-tool-card.is-recommended:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";border-radius:inherit;padding:1px;background:linear-gradient(135deg,#4e76ffc2,#c74beab8);pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.function-tool-preview{position:relative;display:grid;place-items:center;min-height:150px;margin:12px 12px 0;overflow:hidden;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--tool-gradient-start, #5f7cff),var(--tool-gradient-end, #e06be8))}.function-tool-preview:before,.function-tool-preview:after{position:absolute;content:"";border-radius:999px;background:#ffffff2e}.function-tool-preview:before{width:130px;height:130px;right:-38px;top:-44px}.function-tool-preview:after{width:170px;height:170px;left:-62px;bottom:-76px}.function-tool-preview-glow{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:999px;background:#ffffff1f;filter:blur(14px)}.function-tool-icon{position:relative;z-index:1;display:grid;place-items:center;width:72px;height:72px;border:1px solid rgba(255,255,255,.34);border-radius:22px;background:#ffffff2e;box-shadow:0 16px 32px #14182e33;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.function-tool-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.function-tool-cover+.function-tool-badge{background:#14182e5c}.function-tool-badge{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:0 10px;border-radius:999px;color:#fff;background:#14182e3d;font-size:12px;font-weight:860;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.function-tool-badge.is-recommended{background:#ffffff38}.function-tone-violet .function-tool-preview{background:linear-gradient(135deg,#5f7cff,#9c63ff 48%,#e06be8)}.function-tone-blue .function-tool-preview{background:linear-gradient(135deg,#2f67f6,#52a8ff 52%,#93e4ff)}.function-tone-rose .function-tool-preview{background:linear-gradient(135deg,#d94f8c,#ff8aa5 52%,#ffd0a2)}.function-tone-orange .function-tool-preview{background:linear-gradient(135deg,#d96c54,#f7a65f 54%,#ffe083)}.function-tone-cyan .function-tool-preview{background:linear-gradient(135deg,#1e6fa5,#2cbfd2 52%,#a8e7ff)}.function-tone-green .function-tool-preview{background:linear-gradient(135deg,#26866a,#64c391 52%,#d7ef93)}.function-tone-indigo .function-tool-preview{background:linear-gradient(135deg,#4657c9,#7988ff 52%,#9bd8ff)}.function-tone-teal .function-tool-preview{background:linear-gradient(135deg,#247b8e,#3fc7b5 52%,#b8f3d1)}.function-tool-body{flex:1;min-width:0;padding:18px 18px 14px}.function-tool-body h2{margin:0;color:#111933;font-size:20px;line-height:1.3;letter-spacing:0}.function-tool-body p{margin:10px 0 16px;color:#64708a;font-size:14px;line-height:1.68;font-weight:620}.function-tool-tags{display:flex;flex-wrap:wrap;gap:8px}.function-tool-tags span{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border:1px solid rgba(124,92,255,.1);border-radius:999px;color:#6455d8;background:#f4f1ffb8;font-size:12px;font-weight:760}.function-tool-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding:0 18px 18px}.function-tool-credit{display:inline-flex;align-items:center;gap:6px;min-width:0;color:#5d687f;font-size:13px;font-weight:780;white-space:nowrap}.function-tool-credit svg{color:#8566ff}.function-tool-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:92px;height:40px;padding:0 15px;border:1px solid rgba(124,92,255,.14);border-radius:14px;color:#5f56df;background:#ffffffb8;box-shadow:0 10px 20px #36446e14;font-size:14px;font-weight:840;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.function-tool-action:hover{transform:translateY(-2px);background:#ffffffe6;box-shadow:0 14px 26px #36446e1f}.function-tool-action.is-primary{color:#fff;border-color:transparent;background:linear-gradient(105deg,#4e76ff,#c74bea);box-shadow:0 14px 28px #5f58e247}.function-tool-action.is-primary:hover{box-shadow:0 18px 34px #5f58e257}.function-square-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;padding:14px 16px;border:1px solid rgba(255,255,255,.72);border-radius:18px;background:#ffffff94;box-shadow:0 14px 34px #2b386014;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.function-page-count{color:#6d7890;font-size:13px;font-weight:760}.function-page-controls{display:inline-flex;align-items:center;gap:10px}.function-page-controls>span{min-width:92px;color:#27314c;font-size:13px;font-weight:840;text-align:center;white-space:nowrap}.function-page-controls button{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:36px;padding:0 13px;border:1px solid rgba(124,92,255,.14);border-radius:12px;color:#5f56df;background:#ffffffb8;box-shadow:0 8px 18px #36446e12;font-size:13px;font-weight:820;white-space:nowrap}.function-page-controls button:hover:not(:disabled){background:#ffffffe6;box-shadow:0 12px 24px #36446e1c}.function-page-controls button:disabled{cursor:not-allowed;opacity:.42}.function-square-empty{display:grid;place-items:center;min-height:320px;padding:42px;border:1px solid rgba(255,255,255,.72);border-radius:24px;color:#7a85a2;background:#ffffff9e;box-shadow:0 18px 46px #2b386014;text-align:center;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.function-square-empty h2{margin:12px 0 4px;color:#17203c;font-size:22px;letter-spacing:0}.function-square-empty p{margin:0;color:#7a85a2;font-size:14px;font-weight:650}.function-square-toast{position:fixed;right:30px;bottom:30px;z-index:90;min-height:42px;padding:0 16px;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.7);border-radius:14px;color:#fff;background:#181e34d6;box-shadow:0 18px 42px #12182c2e;font-size:14px;font-weight:760;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tool-coming-soon-page{display:grid;place-items:center}.tool-coming-soon-card{width:min(620px,100%);padding:42px;border:1px solid rgba(255,255,255,.72);border-radius:28px;background:#ffffffad;box-shadow:0 24px 62px #2b38601f;text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.tool-coming-soon-card .function-tool-action{margin-top:24px}@media (max-width: 1180px){.function-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.function-square-page{width:calc(100vw - 32px);padding-top:86px}.function-square-hero{grid-template-columns:1fr;align-items:stretch}.function-square-heading h1,.tool-coming-soon-card h1{font-size:40px}}@media (max-width: 640px){.function-square-page{width:calc(100vw - 28px);padding-top:76px}.function-square-heading h1,.tool-coming-soon-card h1{font-size:34px}.function-square-heading p,.tool-coming-soon-card p{font-size:15px}.function-tool-grid{grid-template-columns:1fr}.function-tool-card{min-height:360px}.function-tool-footer{align-items:stretch;flex-direction:column}.function-tool-action{width:100%}.function-square-pagination{align-items:stretch;flex-direction:column}.function-page-controls{justify-content:space-between;width:100%}.function-page-controls button{flex:1 1 0;padding:0 10px}.tool-coming-soon-card{padding:30px 22px}}.fsq-not-login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:12px;padding:80px 20px}.fsq-not-login svg{color:#bcc3d6}.fsq-not-login h2{margin:0;color:#111936;font-size:22px;font-weight:800}.fsq-not-login p{margin:0;color:#7a84a0;font-size:14px}.fsq-login-btn{margin-top:8px;height:40px;padding:0 24px;border:none;border-radius:12px;color:#fff;background:linear-gradient(135deg,#7c5cff,#4a90e2);font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #5c6bff2e;transition:transform .15s ease}.fsq-login-btn:hover{transform:translateY(-1px)}.fsq-page{min-height:100vh}.generation-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;display:grid;place-items:center;padding:24px;background:#0f172a38;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.generation-dialog{width:min(390px,100%);padding:24px;border:1px solid rgba(119,132,170,.16);border-radius:18px;color:#11152f;background:#fffffff5;box-shadow:0 24px 64px #2b35592e}.generation-dialog h2{margin:0 0 10px;font-size:21px;line-height:1.25;letter-spacing:0}.generation-dialog p{margin:0;color:#64708a;font-size:14px;line-height:1.7}.generation-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.generation-dialog-actions button{min-height:38px;padding:0 16px;border:1px solid rgba(102,116,151,.16);border-radius:10px;color:#2f3852;background:#fff;font-weight:760;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.generation-dialog-actions button:hover{transform:translateY(-1px);border-color:#5f63d93d;box-shadow:0 10px 22px #2d3a641a}.generation-dialog-actions button:last-child{color:#fff;border-color:transparent;background:linear-gradient(100deg,#4e76ff,#c74bea);box-shadow:0 12px 24px #625be53d}.hero-section{position:relative;isolation:isolate;z-index:10;min-height:280px;padding:80px 0 0}.orb{position:absolute;z-index:-2;border-radius:999px;filter:blur(.2px)}.orb-left{left:8%;top:54px;width:min(430px,38vw);aspect-ratio:1;background:radial-gradient(circle at 44% 50%,rgba(255,148,221,.5),transparent 8%),radial-gradient(circle at 36% 48%,rgba(135,202,255,.42),transparent 31%),radial-gradient(circle at 64% 34%,rgba(190,161,255,.42),transparent 44%);opacity:.8}.orb-right{right:9%;top:34px;width:min(370px,30vw);aspect-ratio:1;background:radial-gradient(circle at 45% 35%,rgba(255,197,245,.72),transparent 32%),radial-gradient(circle at 62% 58%,rgba(170,183,255,.45),transparent 49%)}.hero-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-stars svg{position:absolute;color:#8d8cf5;filter:drop-shadow(0 8px 12px rgba(122,112,234,.2))}.hero-stars svg:nth-child(1){left:65%;top:70px}.hero-stars svg:nth-child(2){left:11%;top:190px;color:#fff}.hero-stars svg:nth-child(3){right:8%;top:180px;color:#fff}.hero-copy{position:relative;z-index:1;text-align:center;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.release-pill{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:0 16px;border-radius:999px;color:#646b80;background:#f2f4fad1;font-size:14px;font-weight:650}.release-pill span{display:inline-flex;align-items:center;height:18px;padding:0 8px;border-radius:999px;color:#fff;background:#8b5cf6;font-size:12px}.release-pill-link{color:#e87b3a;font-weight:700;font-size:13px;transition:color .18s ease}.release-pill-link:hover{color:#d35a10}.hero-copy h1{margin:14px 0 4px;color:#08102e;font-size:clamp(34px,5vw,52px);line-height:1.04;letter-spacing:0}.typing-cursor{display:inline-block;color:#8a7af5;animation:cursorBlink 1s step-end infinite;font-weight:300}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.usage-guide-link{display:inline-flex;align-items:center;gap:6px;margin-top:6px;color:#36aa78;font-size:14px;font-weight:650;transition:color .18s ease}.usage-guide-link:hover{color:#2a8a60}.guide-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#36aa78;box-shadow:0 0 8px #36aa7880}.prompt-card{position:relative;z-index:40;width:min(760px,calc(100% - var(--container-padding) * 2));margin:36px auto 0;overflow:visible;border:none;border-radius:20px;background:#fffffff5;box-shadow:0 24px 58px #414d8017,0 0 38px #7a8fff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:box-shadow .18s ease,transform .18s ease}.prompt-card:focus-within{box-shadow:0 26px 64px #414d801f,0 0 44px #7a8fff24}.prompt-card.is-reference-dragging{box-shadow:0 26px 64px #414d801f,0 0 0 1px #7c5cff2e,0 0 44px #7a8fff29}.prompt-input-wrap{display:flex;align-items:flex-start;gap:12px;min-height:112px;padding:18px 16px 10px;background:transparent;transition:background .18s ease}.prompt-input-wrap.is-dragging{background:#f7f8ffc2}.prompt-media-strip{display:flex;flex:0 1 auto;gap:8px;width:auto;max-width:min(196px,36%);min-width:72px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.prompt-input-main{flex:1 1 auto;align-self:stretch;display:flex;flex-direction:column;min-width:0;width:100%}.prompt-textarea{flex:1 1 auto;display:block;width:100%;min-height:84px;padding:0;resize:none;border:0;outline:none;color:#202640;background:transparent;font-size:15px;line-height:1.7}.prompt-textarea::placeholder{color:#a2a8ba}.prompt-textarea:focus-visible{outline:none}.prompt-upload-card,.prompt-thumbnail-card{flex:0 0 72px;width:72px;height:84px;border-radius:12px}.prompt-upload-card{display:grid;grid-template-rows:1fr auto;place-items:center;padding:12px 7px 10px;border:1px dashed rgba(114,124,154,.34);color:#667089;background:#f7f8fcb8;font-size:12px;font-weight:720;line-height:1.2;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.prompt-upload-card:hover,.prompt-upload-card:focus-visible,.prompt-input-wrap.is-dragging .prompt-upload-card{border-color:#5f63d994;color:#4f58c9;background:#f4f6fff5;box-shadow:0 10px 22px #525e9614}.prompt-upload-card:disabled{cursor:wait;opacity:.7}.prompt-upload-plus{display:grid;place-items:center;width:30px;height:30px;color:#59637c;font-size:28px;font-weight:420;line-height:1}.prompt-thumbnail-card{position:relative;overflow:hidden;border:1px solid rgba(114,124,154,.2);background:#f5f6fb}.prompt-thumb-button{display:block;width:100%;height:100%;padding:0;overflow:hidden;border:0;border-radius:inherit;background:transparent}.prompt-thumb-button img{display:block;width:100%;height:100%;object-fit:cover}.prompt-thumb-remove{position:absolute;top:5px;right:5px;z-index:2;display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:50%;color:#fff;background:#161a27b8;box-shadow:0 4px 10px #141a2c2e;transition:background .16s ease,transform .16s ease}.prompt-thumb-remove:hover{background:#161a27e6;transform:scale(1.05)}.prompt-upload-error{margin:6px 0 0;color:#c7434f;font-size:12px;font-weight:680;line-height:1.4}.prompt-action-error{display:flex;align-items:center;justify-content:space-between;margin:0 16px;padding:8px 14px;border-radius:8px;background:#fff0f3;color:#a92843;font-size:13px;font-weight:650}.prompt-action-error button{border:0;background:transparent;color:inherit;font-size:16px;cursor:pointer;padding:0 0 0 8px}.prompt-upload-toast{position:fixed;left:50%;bottom:28px;z-index:1000;transform:translate(-50%);padding:10px 16px;border:1px solid rgba(124,92,255,.22);border-radius:12px;color:#fff;background:#262a48e0;box-shadow:0 16px 34px #343d702e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:13px;font-weight:700}.reference-drop-overlay{position:absolute;top:10px;right:12px;bottom:58px;left:12px;z-index:20;display:grid;place-content:center;gap:6px;border:1.5px dashed rgba(124,92,255,.46);border-radius:16px;background:#f8f5ffbd;color:#6b4dff;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.reference-drop-overlay strong{font-size:14px;font-weight:820}.reference-drop-overlay span{color:#7e7898;font-size:12px;font-weight:700}.prompt-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:0;margin:0;padding:0 16px 14px;background:transparent;width:100%;box-sizing:border-box}.prompt-left-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto;flex-shrink:0}.reference-upload-control,.prompt-helper-control{position:relative;display:grid;place-items:center;flex:0 0 auto}.prompt-tool-button{display:grid;place-items:center;width:34px;height:34px;position:relative;border:1px solid rgba(116,104,236,.28);border-radius:10px;color:#6551e8;background:linear-gradient(135deg,#6b8fdf1a,#7468ec1f,#9b78e81a);box-shadow:0 5px 14px #625be517,inset 0 1px #ffffffeb;cursor:pointer;flex-shrink:0;transition:transform .18s ease,opacity .18s ease,color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.prompt-tool-button:hover{transform:translateY(-1px);color:#fff;background:linear-gradient(135deg,#6b8fdf,#7468ec,#9b78e8);border-color:#7468ec94;box-shadow:0 8px 18px #625be52e,0 0 0 3px #7c5cff12,inset 0 1px #ffffff42}.prompt-attach-button.is-active{color:#5f46ea;border-color:#7468ec7a;background:linear-gradient(135deg,#6b8fdf38,#7468ec3d,#9b78e838);box-shadow:0 8px 18px #625be529,0 0 0 3px #7c5cff0f,inset 0 1px #ffffffc2}.prompt-tool-button:disabled{opacity:.52;cursor:not-allowed;transform:none}.reference-upload-icon{position:relative;display:grid;place-items:center;width:18px;height:18px}.reference-upload-spark{position:absolute;right:-3px;top:-3px;color:currentColor;stroke-width:2.4}.reference-upload-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;border:2px solid rgba(255,255,255,.96);border-radius:50%;background:#fff;box-shadow:0 0 0 2px #8b5cf62e,0 0 10px #ffffffb8}.reference-upload-tooltip,.prompt-helper-tooltip{position:absolute;left:50%;bottom:calc(100% + 10px);z-index:30;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,6px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.reference-upload-control.has-reference:after{content:"";position:absolute;left:0;bottom:100%;z-index:69;width:204px;height:8px;background:transparent}.reference-popover{position:absolute;left:0;bottom:calc(100% + 6px);z-index:70;display:grid;gap:8px;width:204px;padding:10px;border:1px solid rgba(124,92,255,.18);border-radius:15px;color:#2b2943;background:#fffffff5;box-shadow:0 16px 34px #3a417429,0 0 0 1px #ffffffb8 inset;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transform:translateY(4px) scale(.98);transform-origin:left bottom;pointer-events:none;transition:opacity .24s ease,transform .24s ease}.reference-popover.is-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.reference-popover:after{content:"";position:absolute;left:12px;top:100%;width:10px;height:10px;transform:translateY(-5px) rotate(45deg);border-right:1px solid rgba(124,92,255,.18);border-bottom:1px solid rgba(124,92,255,.18);background:inherit}.reference-popover-thumb{width:100%;height:120px;object-fit:contain;object-position:center;border:1px solid rgba(124,92,255,.14);border-radius:12px;background:#f5f7ff;box-shadow:0 8px 18px #4a528a1a}.reference-popover-copy{display:grid;gap:4px;min-width:0}.reference-popover-copy strong{color:#27233f;font-size:13px;font-weight:820;line-height:1.1}.reference-popover-copy span,.reference-popover-copy em{overflow:hidden;color:#757c96;font-size:12px;font-style:normal;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.reference-popover-copy em{color:#8b83a4;font-weight:650}.reference-popover-remove{display:inline-flex;align-items:center;justify-content:center;width:100%;height:30px;padding:0 10px;border:1px solid rgba(239,68,68,.18);border-radius:9px;color:#c94a5f;background:#fff0f3b8;font-size:12px;font-weight:760;cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease}.reference-popover-remove:hover:not(:disabled){color:#b83247;border-color:#ef444447;background:#fff0f3}.reference-popover-remove:disabled{opacity:.48;cursor:not-allowed}.reference-upload-tooltip:after,.prompt-helper-tooltip:after{content:"";position:absolute;left:50%;top:100%;width:10px;height:10px;transform:translate(-50%,-5px) rotate(45deg);background:inherit;border-right:inherit;border-bottom:inherit}.reference-upload-control:hover .reference-upload-tooltip,.reference-upload-control:focus-within .reference-upload-tooltip,.prompt-helper-control:hover .prompt-helper-tooltip,.prompt-helper-control:focus-within .prompt-helper-tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.reference-upload-tooltip,.prompt-helper-tooltip{width:max-content;padding:7px 10px;border:1px solid rgba(124,92,255,.16);border-radius:9px;color:#665a88;background:#fffffff0;box-shadow:0 10px 24px #3c44701f;font-size:12px;font-weight:700;white-space:nowrap}.prompt-library-button{color:#6551e8;border-color:#7468ec4d;background:linear-gradient(135deg,#6b8fdf29,#7468ec2e,#9b78e829);box-shadow:0 6px 16px #625be51c,inset 0 1px #ffffffe6}.toolbar-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex:1 1 auto;flex-wrap:wrap;justify-content:flex-end;min-width:0}.toolbar-right>*{flex-shrink:0}.parameter-group{display:flex;align-items:center;flex:0 1 auto;gap:8px;min-width:0;flex-wrap:wrap;justify-content:flex-end}.prompt-control-wrap{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}.parameter-control-wrap{min-width:0;flex:0 0 auto}.is-model-control{min-width:112px}.is-size-control{min-width:104px}.is-count-control{min-width:92px}.prompt-config-chip{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 10px;border:1px solid rgba(124,137,171,.12);border-radius:13px;color:#3f465d;background:#ffffffc7;font-size:13px;font-weight:650;white-space:nowrap;box-shadow:0 1px 4px #00000008;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.prompt-config-chip.parameter-card{display:grid;grid-template-columns:20px minmax(0,1fr) 14px;align-items:center;gap:6px;width:auto;min-width:max-content;height:38px;padding:0 10px;border:1px solid rgba(120,130,180,.12);border-radius:13px;color:#24304f;background:#ffffffc7;box-shadow:0 2px 6px #505a8c0a;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.prompt-config-chip:hover{background:#fff;color:#5e56dd;border-color:#6e64f038;box-shadow:0 4px 14px #625be51a}.prompt-config-chip.parameter-card:hover:not(:disabled){background:#fff;border-color:#7864ff59;box-shadow:0 4px 10px #5862a812;transform:translateY(-1px)}.prompt-config-chip:disabled{cursor:default;color:#8a93a8;background:#f8f9fcb8;box-shadow:none}.prompt-config-chip.parameter-card:disabled{opacity:.72;transform:none}.parameter-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:8px;color:#6f67f6;background:#6f67f61a}.parameter-text{display:flex;flex:1 1 auto;min-width:0;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px;white-space:nowrap}.parameter-text--value-only{gap:0}.parameter-card-label{color:#6d7897;font-size:13px;font-weight:600;line-height:1;white-space:nowrap}.parameter-card-value{display:block;color:#1d2742;font-size:13px;font-weight:650;line-height:1;white-space:nowrap}.parameter-card-label:after{content:"："}.parameter-chevron{flex:0 0 auto;justify-self:end;color:#8a94b3}.prompt-config-chip svg:first-child{color:#725dff}.prompt-count-chip{min-width:0}.prompt-popover{position:absolute;right:0;z-index:60;border:1px solid rgba(102,116,151,.14);border-radius:8px;background:#fff;box-shadow:0 18px 44px #1c264a29;max-height:320px;overflow-y:auto}.prompt-popover.is-below,.prompt-count-popover{top:calc(100% + 8px);bottom:auto}.prompt-popover.is-above{top:auto;bottom:calc(100% + 12px)}.prompt-resolution-popover{width:min(290px,calc(100vw - 32px));padding:12px 14px}.prompt-count-popover{display:grid;width:118px;padding:6px}.prompt-popover-section+.prompt-popover-section{margin-top:12px}.prompt-popover-section h2{margin:0 0 8px;color:#2a3146;font-size:13px;font-weight:800;letter-spacing:0}.resolution-segment{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;border-radius:8px;background:#f4f5f8}.resolution-segment button,.prompt-count-popover button{border:0;color:#3e465d;background:transparent;font-size:13px;font-weight:760;transition:background .16s ease,color .16s ease}.resolution-segment button{height:30px;border-radius:6px}.resolution-segment button:hover,.prompt-count-popover button:hover{background:#eef0f5}.resolution-segment button.is-selected,.prompt-count-popover button.is-selected{color:#171d32;background:#e8eaf0}.aspect-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.aspect-option{display:grid;grid-template-rows:32px auto;place-items:center;width:100%;height:56px;padding:4px 2px;border:0;border-radius:8px;color:#4d566d;background:transparent;font-size:12px;font-weight:760;transition:background .16s ease,color .16s ease}.aspect-option:hover,.aspect-option.is-selected{color:#171d32;background:#f0f1f5}.aspect-glyph{display:grid;place-items:center;width:var(--ratio-width, 24px);height:var(--ratio-height, 24px);max-width:40px;max-height:36px;min-width:7px;min-height:7px;border:1.5px solid #8c95a8;border-radius:4px}.aspect-auto-glyph{width:28px;height:24px;border:0;border-radius:7px;color:#5f6474;background:#ebeef4;font-size:14px;font-weight:900}.prompt-count-popover button{height:32px;border-radius:6px;text-align:left;padding:0 10px}.generate-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;min-width:142px;padding:0 12px;height:38px;border:0;border-radius:13px;color:#fff;background:linear-gradient(105deg,#6b8fdf,#7468ec,#9b78e8);font-size:14px;font-weight:650;white-space:nowrap;box-shadow:0 4px 10px #6161c41f;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.generate-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 14px #6161c429;filter:saturate(.93)}.generate-button:active:not(:disabled){transform:translateY(0) scale(.99)}.generate-button-text{line-height:1;white-space:nowrap;min-width:0;font-size:13px}.generate-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.42);border-top-color:#fff;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.model-select-popover{position:absolute;bottom:calc(100% + 8px);right:0;width:min(270px,calc(100vw - 24px));max-height:230px;display:flex;flex-direction:column;padding:0;z-index:120;overflow:hidden;pointer-events:auto;border:1px solid rgba(102,116,151,.1);border-radius:12px;background:#fff;box-shadow:0 10px 28px #0f172a1a}.model-select-popover.open-below{bottom:auto;top:calc(100% + 8px)}.model-select-header{height:34px;padding:0 10px;display:flex;align-items:center;border-bottom:1px solid #eef2f7;flex-shrink:0}.model-select-header h2{margin:0;font-size:12px;font-weight:700;color:#64748b}.model-select-list{flex:1;overflow-y:auto;padding:4px 4px 0;display:flex;flex-direction:column;gap:0;pointer-events:auto}.model-select-empty{padding:18px 10px;text-align:center;font-size:12px;color:#64748b}.model-select-item{position:relative;z-index:1;display:grid;grid-template-columns:28px minmax(0,1fr) auto;column-gap:8px;align-items:center;width:100%;height:52px;min-height:52px;box-sizing:border-box;padding:6px 8px;margin:0;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;cursor:pointer;outline:none;font:inherit;pointer-events:auto;user-select:none;-webkit-user-select:none}.model-select-item:hover,.model-select-item:focus-visible{background:#f8f6ff}.model-select-item.is-selected{background:#7c5cff0f;border-color:#7c5cff2e}.model-select-item>*{pointer-events:none}.model-select-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#f4f5fa;color:#725dff;overflow:hidden;flex-shrink:0}.model-select-icon img{width:100%;height:100%;object-fit:cover;border-radius:7px}.model-select-info{display:flex;flex-direction:column;gap:1px;min-width:0;overflow:hidden}.model-select-name{font-size:12.5px;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:5px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.model-select-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;color:inherit;font-weight:inherit}.model-new-tag{display:inline-flex;align-items:center;height:13px;padding:0 4px;border-radius:3px;background:#8b5cf6;color:#fff;font-size:9px;font-weight:800;flex-shrink:0}.model-select-remark{font-size:11px;line-height:1.2;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-select-right{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:6px;flex-shrink:0}.model-select-credit{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;color:#475569;white-space:nowrap}.model-select-credit svg{width:13px;height:13px;flex-shrink:0;color:#d49316}.model-select-dot{display:block;width:14px;height:14px;border-radius:50%;border:1.5px solid #c4c8d4;background:transparent;flex-shrink:0}.model-select-item.is-selected .model-select-dot{border-color:#6c5ce7;background:#6c5ce7}.model-select-item:before,.model-select-item:after,.model-select-popover:before,.model-select-popover:after{pointer-events:none}.generate-button:disabled{cursor:not-allowed;opacity:.6;transform:none;box-shadow:0 12px 28px #6d5bff38}@media (max-width: 900px){.prompt-footer{flex-wrap:wrap;gap:8px;min-height:0}.parameter-group{gap:8px;justify-content:flex-end}.prompt-attach-button,.prompt-library-button{width:34px;height:34px}.is-model-control,.is-size-control,.is-count-control{min-width:0}.generate-button{min-width:110px;flex:0 0 auto}}@media (max-width: 560px){.generation-dialog{padding:20px;border-radius:16px}.hero-section{min-height:320px;padding:50px 0 0}.hero-copy h1{font-size:32px}.prompt-card{border-radius:16px;margin-top:24px}.prompt-input-wrap{gap:10px;padding:16px 16px 10px}.prompt-media-strip{max-width:84px}.prompt-footer{margin:0;min-height:0;padding:0 12px 12px;gap:8px;border-radius:20px;align-items:flex-start}.prompt-left-actions{gap:6px}.prompt-control-wrap{position:static}.parameter-control-wrap{position:relative}.toolbar-right{width:100%;flex:1 1 100%;justify-content:flex-end}.parameter-group{width:100%;justify-content:flex-end}.prompt-config-chip{max-width:none}.prompt-config-chip.parameter-card{height:38px;gap:6px;padding:0 12px;border-radius:13px;width:auto;min-width:max-content}.parameter-icon{width:20px;height:20px;border-radius:8px}.parameter-card-label,.parameter-card-value{font-size:13px}.is-model-control,.is-size-control,.is-count-control{min-width:max-content}.generate-button{width:100%;min-width:0;height:38px;border-radius:13px;font-size:13px}.prompt-resolution-popover{left:0;right:auto;width:min(290px,100%)}.prompt-count-popover{right:12px}.aspect-grid{gap:5px}}.generate-button-wrap{position:relative;display:inline-flex;flex:0 0 auto;align-items:center}.generate-button.is-credit-low{background:linear-gradient(135deg,#f43f5e,#e11d48);border-color:transparent}.generate-button.is-credit-low:hover{background:linear-gradient(135deg,#e11d48,#be123c)}.generate-credit-tooltip{position:absolute;right:0;bottom:calc(100% + 12px);z-index:1000;width:320px;max-width:min(340px,calc(100vw - 32px));max-height:min(320px,calc(100vh - 120px));overflow-y:auto;padding:12px 14px;border-radius:14px;border:1px solid rgba(102,116,151,.12);background:#fffffff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 44px #1c264a29,0 4px 12px #1c264a0f;font-size:12px;line-height:1.45;color:#2c385a;text-align:left;font-weight:400;opacity:0;visibility:hidden;transform:translateY(6px) scale(.98);pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;contain:layout paint;will-change:opacity,transform}.generate-credit-tooltip:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:12px;background:transparent}.generate-credit-tooltip.is-open{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.generate-credit-tooltip.is-below{bottom:auto;top:calc(100% + 12px)}.generate-credit-tooltip.is-below:after{top:-12px;bottom:auto}.gct-head{font-size:12px;font-weight:700;color:#1a2142;margin-bottom:8px}.gct-balance-grid{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;background:#7b61ff0f;color:#667085;font-size:11px;white-space:nowrap;margin-bottom:8px}.gct-balance-grid strong{font-weight:700;color:#7b61ff}.gct-error{color:#f43f5e;font-size:12px;padding:4px 0}.gct-error-block{padding:4px 0}.gct-hint{color:#6d7897;font-size:11px;line-height:1.45}.gct-loading{display:flex;align-items:center;gap:6px;color:#6d7897;font-size:12px}.gct-cost-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0 5px;color:#2c385a;font-size:12px;font-weight:600;line-height:1.35}.gct-cost-line strong{color:#7b61ff;font-size:14px}.gct-sufficient{color:#10b981;font-size:11px;font-weight:650;white-space:nowrap}.gct-insufficient{color:#f43f5e;font-size:11px;font-weight:650;white-space:nowrap}.gct-formula,.gct-compact-line,.gct-note{margin-top:6px;font-size:11px;color:#6d7897;line-height:1.45}.gct-formula{padding:7px 9px;border-radius:9px;background:#7b61ff0d;color:#4d5574;word-break:break-word}.gct-compact-line{color:#53607d}.gct-note{color:#7a829a}.credit-spin{animation:credit-spin-anim .8s linear infinite}@keyframes credit-spin-anim{to{transform:rotate(360deg)}}@media (max-width: 600px){.generate-credit-tooltip{right:-8px;width:min(300px,calc(100vw - 32px))}}.login-page{min-height:100vh;display:flex;flex-direction:column;padding:28px clamp(20px,5vw,56px) 48px;color:#1b2346;background:radial-gradient(ellipse at 22% 10%,rgba(88,204,220,.1),transparent 36rem),radial-gradient(ellipse at 78% 12%,rgba(136,110,230,.09),transparent 34rem),radial-gradient(ellipse at 50% 85%,rgba(100,160,240,.06),transparent 30rem),linear-gradient(180deg,#f5f8fd,#fff)}.login-top{display:flex;align-items:center;justify-content:space-between}.login-logo{display:inline-flex;align-items:center;gap:8px;border:0;background:none;color:#1b2346;font-size:19px;font-weight:750;letter-spacing:.3px}.login-logo-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#5b6eff,#a672f2);box-shadow:0 8px 20px #625be52e}.login-back{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 18px;border:1px solid rgba(0,0,0,.07);border-radius:20px;color:#4a5275;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13px;font-weight:600;transition:background .16s ease,box-shadow .16s ease}.login-back:hover{background:#fff;box-shadow:0 4px 14px #0000000f}.login-shell{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:clamp(28px,5vw,72px);align-items:center;flex:1;width:min(960px,100%);margin:0 auto}.login-hero{display:flex;flex-direction:column;gap:12px}.login-hero-title{margin:0;font-size:42px;font-weight:750;letter-spacing:-.5px;color:#0d1533;line-height:1.12}.login-hero-desc{margin:0;max-width:340px;color:#6b7299;font-size:15px;line-height:1.65}.login-card{display:grid;gap:16px;padding:28px;border:1px solid rgba(120,135,180,.1);border-radius:14px;background:#ffffffbd;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 18px 50px #28326414}.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:10px;background:#ebf0fa99;margin-bottom:4px}.login-tab{height:36px;border:0;border-radius:8px;font-size:14px;font-weight:650;color:#6b7299;background:transparent;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.login-tab.is-active{color:#1b2346;background:#fff;box-shadow:0 2px 10px #2832640f}.field{display:grid;gap:6px}.field span{font-size:13px;font-weight:650;color:#3d4568}.field input{width:100%;height:44px;padding:0 12px;border:1px solid rgba(110,125,170,.16);border-radius:10px;outline:none;color:#1b2346;background:#fff;font-size:14px;font-weight:500;transition:border-color .16s ease,box-shadow .16s ease;box-sizing:border-box}.field input:focus{border-color:#5a69f073;box-shadow:0 0 0 3px #5a69f014}.field input::placeholder{color:#b0b8d0}.captcha-row{display:flex;gap:10px}.captcha-input{flex:1;min-width:0}.captcha-btn{position:relative;flex-shrink:0;width:130px;height:44px;padding:0;border:1px solid rgba(110,125,170,.16);border-radius:10px;background:#f9fafc;cursor:pointer;overflow:hidden;transition:border-color .16s ease}.captcha-btn:hover{border-color:#5a69f059}.captcha-btn:disabled{opacity:.5;cursor:wait}.captcha-img{width:130px;height:44px;display:block}.captcha-placeholder{color:#8b92b0;font-size:12px;font-weight:600}.captcha-refresh{position:absolute;top:3px;right:3px;display:grid;place-items:center;width:20px;height:20px;border-radius:5px;background:#ffffffe6;color:#5a61ea;opacity:0;transition:opacity .16s ease;pointer-events:none}.captcha-btn:hover .captcha-refresh{opacity:1}.form-error{margin:0;padding:9px 12px;border-radius:8px;color:#b8324a;background:#fef0f3;font-size:13px;font-weight:600}.login-submit{display:inline-flex;align-items:center;justify-content:center;height:46px;border:0;border-radius:10px;color:#fff;background:linear-gradient(105deg,#5d78f4,#a45ce6);box-shadow:0 8px 22px #6455e62e;font-size:15px;font-weight:700;transition:transform .15s ease,box-shadow .15s ease}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px #6455e63d}.login-submit:disabled{opacity:.65;cursor:wait}.login-switch{margin:0;text-align:center;font-size:13px;font-weight:600;color:#7b83a4}.login-switch button{margin-left:4px;border:0;background:none;color:#5a66ec;font-weight:700;cursor:pointer}@media (max-width: 780px){.login-shell{grid-template-columns:1fr;gap:28px;padding-top:24px}.login-hero{align-items:center;text-align:center}.login-hero-title{font-size:30px}.login-hero-desc{max-width:100%;font-size:14px}.login-card{padding:22px 18px}}.projects-not-login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:12px;color:#64748b}.projects-not-login h2{font-size:24px;font-weight:800;color:#0f172a;margin:0}.projects-not-login p{font-size:15px;margin:0}.projects-login-btn{margin-top:12px;padding:12px 32px;border:0;border-radius:12px;background:linear-gradient(100deg,#4e76ff,#c74bea);color:#fff;font-size:16px;font-weight:700;cursor:pointer}.projects-page{min-height:100vh;padding:112px var(--container-padding) 64px}.projects-page-inner{width:100%;max-width:var(--container-max);margin:0 auto}.projects-page-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.projects-title-group{display:flex;align-items:baseline;gap:12px;min-width:0}.projects-title-group h1{margin:0;color:#101633;font-size:clamp(30px,4vw,44px);line-height:1.08;letter-spacing:0}.projects-title-group span{color:#68738b;font-size:14px;font-weight:720;white-space:nowrap}.projects-create-button,.projects-empty-state button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 18px;border:0;border-radius:999px;color:#fff;background:linear-gradient(100deg,#4e76ff,#c74bea);box-shadow:0 12px 24px #625be53d;font-size:14px;font-weight:800;white-space:nowrap}.projects-create-button:hover,.projects-empty-state button:hover{transform:translateY(-1px);box-shadow:0 16px 30px #625be54d}.projects-total-card{display:inline-grid;grid-template-columns:34px auto;grid-template-areas:"icon number" "icon label";align-items:center;column-gap:10px;min-width:148px;margin-bottom:24px;padding:12px 14px;border:1px solid rgba(124,137,171,.12);border-radius:16px;background:#ffffffc7;box-shadow:0 12px 30px #414d8014;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.projects-total-icon{grid-area:icon;display:grid;place-items:center;width:34px;height:34px;border-radius:12px;color:#5e56dd;background:#6669e61a}.projects-total-card strong{grid-area:number;color:#111832;font-size:24px;line-height:1}.projects-total-card>span:last-child{grid-area:label;color:#7a849a;font-size:12px;font-weight:760}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card{overflow:hidden;border:1px solid rgba(121,137,176,.12);border-radius:18px;background:#ffffffe0;box-shadow:0 14px 32px #232d5212;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.project-card:hover,.project-card:focus-visible{transform:translateY(-4px);border-color:#7067f538;box-shadow:0 22px 44px #2e3a6424;outline:none}.project-thumb-wrap{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:#eef2f7}.project-thumb{display:block;width:100%;height:100%;object-fit:cover}.project-thumb-fallback{background:linear-gradient(135deg,#9ed7ff,#8fe1cb 52%,#d8b4fe)}.project-type-badge,.project-play-badge{position:absolute;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#0f14287a;box-shadow:0 8px 18px #121a2d29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-type-badge{left:12px;top:12px;gap:5px;min-height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:800}.project-play-badge{right:12px;top:12px;width:34px;height:34px;border-radius:50%}.project-quick-actions{position:absolute;inset:auto 12px 12px;display:flex;gap:8px;opacity:0;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease}.project-card:hover .project-quick-actions,.project-card:focus-visible .project-quick-actions{opacity:1;transform:translateY(0)}.project-quick-actions span{min-height:28px;padding:6px 10px;border-radius:999px;color:#141a2e;background:#ffffffe0;box-shadow:0 10px 22px #121a2d29;font-size:12px;font-weight:800}.project-card-body{padding:14px}.project-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.project-card-title-row h2{margin:0;min-width:0;overflow:hidden;color:#121832;font-size:16px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.project-card-title-row span,.project-meta-row{color:#7a849a;font-size:12px;font-weight:720;white-space:nowrap}.project-meta-row{display:flex;align-items:center;gap:8px;min-width:0;margin-top:8px}.project-meta-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-meta-row span:first-child{flex:0 0 auto;color:#5e56dd}.project-card-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:12px}.project-card-actions button,.project-card-actions a,.project-modal-actions button,.project-modal-actions a{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:0 9px;border:1px solid rgba(124,137,171,.13);border-radius:999px;color:#3d465d;background:#f8f9fcd1;font-size:12px;font-weight:780;text-decoration:none}.project-card-actions button:hover,.project-card-actions a:hover,.project-modal-actions button:hover,.project-modal-actions a:hover{color:#5e56dd;background:#fff;border-color:#6e64f038}.project-danger-action,.project-danger-button{color:#c7434f!important}.project-modal-backdrop,.project-confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:24px;overflow-y:auto;overscroll-behavior:contain;background:#0f172a61;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:pv-backdrop-in .18s ease}@keyframes pv-backdrop-in{0%{opacity:0}to{opacity:1}}.pv-viewer{position:relative;display:flex;width:min(1180px,94vw);height:min(86vh,840px);border-radius:24px;background:#fffffffa;box-shadow:0 18px 46px #0f172a24;overflow:hidden;animation:pv-in .22s ease;contain:layout paint}@keyframes pv-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.pv-image-area{flex:1 1 auto;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;padding:20px;background:#f8fafc;contain:layout paint}.pv-close{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;color:#6b7280;background:#f1f5f9eb;box-shadow:none;cursor:pointer;transition:background .15s ease,transform .15s ease}.pv-close:hover{background:#e8edf5;transform:scale(1.04)}.pv-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:16px}.pv-image-preview{position:absolute;opacity:1}.pv-image-original{transition:opacity .18s ease}.pv-image-original.is-loading{opacity:0}.pv-image-original.is-loaded{opacity:1}.project-preview-fallback{display:grid;place-items:center;gap:10px;min-width:min(320px,70%);min-height:220px;border-radius:18px;color:#64748b;background:#eef2f7;font-size:14px;font-weight:720}.pv-info{width:clamp(360px,32vw,380px);flex-shrink:0;display:flex;flex-direction:column;padding:22px 20px 20px;border-left:1px solid rgba(226,232,240,.7);background:linear-gradient(180deg,#fffffffc,#f8fafcf5);box-shadow:inset 1px 0 #ffffff73}.pv-info-top{flex:1;min-height:0;display:flex;flex-direction:column;gap:14px}.pv-side-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.pv-title-wrap{flex:1 1 auto;min-width:0}.pv-title-row{display:flex;align-items:flex-start;gap:10px;min-width:0}.pv-title{margin:0;flex:1 1 auto;min-width:0;font-size:18px;font-weight:750;color:#0d1533;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding-right:0}.pv-count-badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 10px;border-radius:999px;background:#6066ff14;color:#5e56dd;font-size:12px;font-weight:800;white-space:nowrap}.pv-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:#8a93a8;font-weight:600;line-height:1.4;margin-top:8px}.pv-meta span{display:inline-flex;align-items:center;gap:4px}.pv-meta span+span:before{content:"·";color:#d6dbe8;margin-right:6px}.pv-prompt-wrap{flex:0 0 auto;max-height:248px;display:flex;flex-direction:column;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;overflow:hidden}.pv-prompt-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #eceff4;font-size:12px;font-weight:700;color:#6b7299}.pv-prompt-head button{border:0;background:none;color:#5468e8;font-size:12px;font-weight:700;cursor:pointer}.pv-prompt-head button:hover{color:#3f4fd0}.pv-prompt-scroll{flex:1 1 auto;min-height:0;max-height:196px;overflow-y:auto;overscroll-behavior:contain;padding:10px 14px 12px}.pv-prompt-scroll::-webkit-scrollbar{width:4px}.pv-prompt-scroll::-webkit-scrollbar-thumb{background:#d4dae8;border-radius:4px}.pv-prompt-scroll p{margin:0;font-size:13px;line-height:1.7;color:#3d4660;white-space:pre-wrap;word-break:break-word}.pv-copy-status{padding:0 14px 12px;color:#5e56dd;font-size:12px;font-weight:700}.pv-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:16px;border-top:1px solid rgba(226,232,240,.7);margin-top:6px}.pv-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:42px;border:1px solid rgba(120,135,200,.14);border-radius:14px;background:#fff;color:#3d4568;font-size:13px;font-weight:700;white-space:nowrap;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}.pv-btn:hover{background:#f8faff;box-shadow:0 3px 10px #0f172a0a;transform:translateY(-1px)}.pv-btn-primary{border-color:transparent;color:#fff;background:linear-gradient(105deg,#5f84ea,#7a67ec,#9a74ea);box-shadow:0 6px 16px #6455e624}.pv-btn-primary:hover{box-shadow:0 10px 22px #6455e633}.pv-btn-secondary{background:#f8fafc}.pv-btn-copy{grid-column:1 / -1}.project-confirm-dialog{width:min(360px,100%);padding:22px;border:1px solid rgba(255,255,255,.7);border-radius:20px;background:#fffffffa;box-shadow:0 24px 68px #0d17303d;text-align:center}.project-confirm-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 10px;border-radius:14px;color:#c7434f;background:#fff0f2}.project-confirm-dialog h2{font-size:20px}.project-confirm-dialog p{margin:10px 0;color:#5f6a80;font-size:14px;line-height:1.6}.project-confirm-dialog strong{display:block;color:#111832;font-size:14px}.project-confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.project-confirm-actions button{min-height:34px;padding:0 14px;border:0;border-radius:999px;font-size:13px;font-weight:800}.project-confirm-actions button:first-child{color:#3d465d;background:#eef1f6}.project-confirm-actions button:last-child{color:#fff;background:#d44a57}.projects-empty-state{display:grid;justify-items:center;min-height:380px;padding:62px 20px;border:1px solid rgba(124,137,171,.12);border-radius:22px;background:#ffffffb8;box-shadow:0 14px 34px #414d8014;text-align:center}.projects-empty-art{display:grid;place-items:center;width:70px;height:70px;margin-bottom:18px;border-radius:22px;color:#5e56dd;background:linear-gradient(145deg,#3f68ff24,#c74bea1f),#fff;box-shadow:0 14px 32px #625be51f}.projects-empty-state h2{font-size:22px}.projects-empty-state p{max-width:440px;margin:10px 0 22px;color:#68738b;font-size:14px;line-height:1.7}@media (max-width: 980px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pv-viewer{width:94vw;height:86vh}.pv-info{width:320px}}@media (max-width: 620px){.projects-page{padding:88px 16px 44px}.projects-page-header{align-items:flex-start;flex-direction:column}.projects-title-group{align-items:flex-start;flex-direction:column;gap:6px}.projects-grid{grid-template-columns:1fr}.project-modal-actions,.project-confirm-actions{justify-content:stretch}.pv-viewer{flex-direction:column;width:94vw;height:90vh;max-height:90vh}.pv-image-area{flex:1;min-height:0;padding:12px}.pv-info{width:100%;flex-shrink:0;padding:14px 16px 16px;border-left:none;border-top:1px solid rgba(226,232,240,.7)}.pv-prompt-wrap{max-height:120px}.pv-prompt-scroll{max-height:82px}.pv-title{font-size:16px}.pv-actions{grid-template-columns:1fr}.pv-btn-copy{grid-column:auto}.project-modal-actions button,.project-modal-actions a,.project-confirm-actions button{flex:1 1 auto}}.rp-toast{padding:8px 16px;border-radius:10px;background:#1a1e2e;color:#fff;font-size:13px;font-weight:600;box-shadow:0 8px 24px #0000002e;z-index:999;animation:rp-fade-in .2s ease}@keyframes rp-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tasks-loading{display:flex;align-items:center;justify-content:center;padding:32px 0;color:#8b92b0;font-size:14px}.tasks-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:24px}.redeem-page{min-height:100vh;padding:32px clamp(16px,4vw,48px) 56px;color:#1b2346}.redeem-page-inner{max-width:1100px;margin:0 auto}.redeem-page-header{margin-bottom:28px}.redeem-title-group h1{margin:0 0 6px;font-size:clamp(24px,4vw,34px);font-weight:750;color:#0d1533}.redeem-title-group p{margin:0;color:#6b7299;font-size:14px}.redeem-card{border:1px solid rgba(120,135,180,.1);border-radius:20px;background:#ffffffd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 36px #2832640d;padding:22px}.redeem-card-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.redeem-card-head h2{margin:0;font-size:17px;font-weight:700;color:#1b2346}.redeem-card-head p{margin:2px 0 0;color:#6b7299;font-size:13px}.redeem-card-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#5468e8;background:#5468e814}.redeem-main-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.9fr);gap:20px;align-items:start;margin-bottom:20px}.redeem-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:4px}.redeem-input-row input{width:100%;height:48px;padding:0 14px;border:1px solid rgba(110,125,170,.16);border-radius:12px;color:#1b2346;background:#fff;font-size:14px;font-weight:600;font-family:monospace;letter-spacing:1px;outline:none;text-transform:uppercase;transition:border-color .16s ease,box-shadow .16s ease;box-sizing:border-box}.redeem-input-row input:focus{border-color:#5468e873;box-shadow:0 0 0 3px #5468e814}.redeem-input-row button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:110px;height:48px;padding:0 20px;border:0;border-radius:12px;color:#fff;background:linear-gradient(105deg,#5d78f4,#a45ce6);box-shadow:0 8px 22px #6455e62e;font-size:14px;font-weight:700;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease}.redeem-input-row button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px #6455e63d}.redeem-input-row button:disabled{opacity:.5;cursor:not-allowed}.redeem-spin{animation:redeem-spin .8s linear infinite}@keyframes redeem-spin{to{transform:rotate(360deg)}}.redeem-form-hint{margin:8px 0 0;color:#6b7299;font-size:12px}.redeem-form-error{margin:8px 0 0;padding:8px 12px;border-radius:8px;color:#b8324a;background:#fef0f3;font-size:13px;font-weight:600}.redeem-benefits-card .redeem-card-head{margin-bottom:12px}.redeem-benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.redeem-benefit-item{padding:12px;border-radius:12px;background:#f8faffd9}.redeem-benefit-item span{display:block;font-size:11px;font-weight:650;color:#8b92b0;margin-bottom:4px}.redeem-benefit-item strong{display:block;font-size:20px;font-weight:750;color:#0d1533}.redeem-benefits-login{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 0;text-align:center}.redeem-benefits-login p{margin:0;color:#8b92b0;font-size:13px}.redeem-benefits-login button{height:36px;padding:0 24px;border:1px solid rgba(84,104,232,.25);border-radius:10px;color:#5468e8;background:transparent;font-size:13px;font-weight:650}.redeem-benefits-loading{text-align:center;color:#8b92b0;padding:24px 0;font-size:13px}.redeem-history-card{margin-bottom:20px}.redeem-history-count{font-size:13px;color:#8b92b0;font-weight:600}.redeem-history-list{display:grid;gap:8px}.redeem-history-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:12px;background:#f8faffc7}.redeem-history-main{display:flex;align-items:center;gap:10px;min-width:0}.redeem-history-badge{flex-shrink:0;display:inline-flex;padding:2px 8px;border-radius:10px;background:#2783621a;color:#278362;font-size:11px;font-weight:700}.redeem-history-main strong{display:block;font-size:14px;color:#1b2346}.redeem-history-main p{margin:2px 0 0;font-size:12px;color:#8b92b0;font-family:monospace}.redeem-history-item time{flex-shrink:0;font-size:12px;color:#8b92b0;font-weight:600}.redeem-history-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 0;color:#8b92b0;text-align:center}.redeem-history-empty strong{color:#1b2346;font-size:15px}.redeem-history-empty p{margin:0;font-size:13px}.redeem-history-empty button{margin-top:4px;height:34px;padding:0 20px;border:1px solid rgba(84,104,232,.25);border-radius:10px;color:#5468e8;background:transparent;font-size:13px;font-weight:650}.redeem-history-loading{text-align:center;padding:24px 0;color:#8b92b0;font-size:13px}.redeem-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}.redeem-pagination button{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 14px;border:1px solid rgba(110,125,170,.14);border-radius:8px;color:#5468e8;background:#fff;font-size:12px;font-weight:650}.redeem-pagination button:disabled{opacity:.35;cursor:not-allowed}.redeem-pagination span{font-size:13px;color:#6b7299;font-weight:650}.redeem-tips{display:flex;justify-content:center;gap:28px;color:#9ba3be;font-size:12px;font-weight:600;flex-wrap:wrap}.redeem-tips span{display:inline-flex;align-items:center;gap:5px}.redeem-tips svg{color:#a0b0c8}.redeem-toast{position:fixed;right:24px;bottom:24px;z-index:230;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 12px 0 16px;border-radius:12px;color:#1b2346;background:#fffffff5;box-shadow:0 12px 36px #0d173024;font-size:14px;font-weight:700}.redeem-toast svg{color:#5468e8}.redeem-toast button{display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:8px;color:#6a7286;background:#f2f4f8}@media (max-width: 780px){.redeem-main-grid,.redeem-input-row{grid-template-columns:1fr}.redeem-tips{gap:12px;justify-content:flex-start}}.pf-page{min-height:100vh;background:radial-gradient(circle at 15% 10%,rgba(147,197,253,.14),transparent 34%),radial-gradient(circle at 85% 15%,rgba(196,181,253,.12),transparent 36%),radial-gradient(circle at 50% 90%,rgba(221,214,254,.1),transparent 42%),linear-gradient(135deg,#f0f6ff,#f5f7ff 48%,#f9f6ff)}.pf-container{width:min(100%,1280px);margin:0 auto;padding:24px 32px 48px}.pf-topbar{display:flex;align-items:center;gap:24px;margin-bottom:24px}.pf-back-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border:1px solid rgba(255,255,255,.52);border-radius:14px;color:#475569;background:#ffffff85;font-size:13px;font-weight:650;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;white-space:nowrap}.pf-back-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3c46780f}.pf-topbar-title{flex:1;min-width:0}.pf-topbar-title h1{margin:0;color:#111936;font-size:24px;font-weight:800}.pf-topbar-title p{margin:3px 0 0;color:#7a84a0;font-size:13px}.pf-edit-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 18px;border:none;border-radius:14px;color:#fff;background:linear-gradient(135deg,#7c5cff,#4a90e2);font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 10px 24px #5c6bff2e;transition:transform .15s ease,box-shadow .15s ease}.pf-edit-btn:hover{transform:translateY(-1px);box-shadow:0 14px 32px #5c6bff42}.pf-card{border:1px solid rgba(255,255,255,.54);border-radius:28px;background:#fff9;box-shadow:0 24px 64px #3c46780f,inset 0 1px #ffffff80;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.pf-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.pf-card-head h3{display:flex;align-items:center;gap:8px;margin:0;color:#111936;font-size:16px;font-weight:700}.pf-card-head h3 svg{color:#725cff}.pf-link-btn{display:inline-flex;align-items:center;gap:4px;border:none;background:transparent;color:#725cff;font-size:13px;font-weight:650;cursor:pointer}.pf-link-btn:hover{opacity:.8}.pf-grid-top{margin-bottom:20px}.pf-grid-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch;margin-bottom:20px}.pf-profile-card{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 32px;gap:24px}.pf-profile-main{display:flex;align-items:flex-start;gap:22px;flex:1;min-width:0}.pf-avatar{display:grid;place-items:center;width:68px;height:68px;flex-shrink:0;border-radius:22px;color:#fff;background:linear-gradient(135deg,#7c5cff,#b38cf6);font-size:28px;font-weight:800;box-shadow:0 14px 32px #725cff38}.pf-profile-info{min-width:0}.pf-profile-name-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.pf-profile-name-row h2{margin:0;color:#111936;font-size:22px;font-weight:800}.pf-plan-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;color:#725cff;background:#725cff14;font-size:12px;font-weight:700}.pf-profile-meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:10px;color:#7a84a0;font-size:13px}.pf-profile-meta span{display:inline-flex;align-items:center;gap:5px}.pf-tags{display:flex;flex-wrap:wrap;gap:6px}.pf-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;color:#5a6499;background:#725cff0f;font-size:11px;font-weight:600}.pf-profile-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.pf-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 18px;border:1px solid transparent;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease}.pf-btn:hover{transform:translateY(-1px)}.pf-btn-primary{color:#fff;background:linear-gradient(135deg,#7c5cff,#4a90e2);box-shadow:0 10px 24px #5c6bff2e}.pf-btn-primary:hover{box-shadow:0 14px 32px #5c6bff42}.pf-btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.pf-btn-ghost{color:#475569;border-color:#94a3b82e;background:#ffffff85}.pf-btn-ghost:hover{background:#fffc}.pf-credits-card{padding:24px 28px;height:100%;box-sizing:border-box}.pf-credits-hero{display:flex;align-items:baseline;gap:8px;margin-bottom:20px;padding:20px 22px;border-radius:20px;background:#ffffff7a}.pf-credits-hero span{color:#8a94b3;font-size:13px;font-weight:500}.pf-credits-hero strong{color:#725cff;font-size:36px;font-weight:860;line-height:1}.pf-credits-unit{margin-left:2px;color:#725cff;font-size:16px;font-weight:700}.pf-credits-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.pf-credits-stats div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:#ffffff61}.pf-credits-stats small{color:#8a94b3;font-size:11px;font-weight:500}.pf-credits-stats span{color:#111936;font-size:15px;font-weight:700}.pf-credits-btns{display:flex;gap:10px}.pf-credits-alert{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;margin-bottom:16px;font-size:13px;font-weight:600}.pf-credits-alert--expired{background:#ef444414;color:#dc2626}.pf-credits-alert--warning{background:#f59e0b14;color:#d97706}.pf-usage-card{padding:24px 28px;height:100%;box-sizing:border-box}.pf-usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pf-usage-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 16px;border-radius:20px;background:#ffffff6b;text-align:center}.pf-usage-item svg{color:#725cff}.pf-usage-item strong{color:#111936;font-size:26px;font-weight:800}.pf-usage-item span{color:#8a94b3;font-size:12px;font-weight:500}.pf-list-card{padding:24px 28px;height:100%;box-sizing:border-box}.pf-list{display:flex;flex-direction:column}.pf-list-item{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid rgba(120,130,170,.06);cursor:pointer;transition:background .14s ease}.pf-list-item:last-child{border-bottom:none}.pf-list-item:hover{background:#ffffff4d;margin:0 -12px;padding:16px 12px;border-radius:14px}.pf-list-item-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:14px;color:#725cff;background:#725cff14}.pf-prompt-icon{color:#c85cf6;background:#c85cf614}.pf-list-item-body{flex:1;min-width:0}.pf-list-item-title{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pf-list-item-title strong{color:#111936;font-size:14px;font-weight:700}.pf-status{flex-shrink:0;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}.pf-status-active{color:#4a90e2;background:#4a90e21a}.pf-status-done{color:#35a872;background:#35a8721a}.pf-list-item-body p{margin:0 0 4px;color:#475569;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pf-list-item-meta{color:#8a94b3;font-size:12px;font-weight:500}.pf-list-item-bottom{display:flex;align-items:center;gap:10px;margin-top:4px}.pf-prompt-tags{display:flex;gap:4px}.pf-tag-sm{font-size:10px;padding:2px 7px}.pf-list-item-arrow{color:#bcc3d6;flex-shrink:0}.pf-copy-btn{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border:1px solid rgba(124,92,255,.14);border-radius:10px;color:#725cff;background:#ffffff7a;font-size:12px;font-weight:650;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .14s ease}.pf-copy-btn:hover{background:#7c5cff0f}.pf-copy-btn.is-copied{color:#35a872;border-color:#35a87224;background:#35a8720f}.pf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;background:#0f142852;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:pfFadeIn .18s ease}@keyframes pfFadeIn{0%{opacity:0}to{opacity:1}}.pf-modal{width:min(480px,92vw);max-height:80vh;overflow-y:auto;border:1px solid rgba(255,255,255,.48);border-radius:24px;background:#ffffffeb;box-shadow:0 32px 80px #1e28502e;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.pf-modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.pf-modal-head h3{margin:0;color:#111936;font-size:18px;font-weight:800}.pf-modal-close{display:grid;place-items:center;width:34px;height:34px;border:none;border-radius:10px;color:#7a84a0;background:#7882aa0f;cursor:pointer}.pf-modal-close:hover{background:#7882aa1f}.pf-modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:12px}.pf-modal-body label{color:#475569;font-size:13px;font-weight:650}.pf-modal-body input,.pf-modal-body textarea{width:100%;padding:10px 14px;border:1px solid rgba(120,130,170,.14);border-radius:12px;background:#ffffffad;color:#111936;font-size:14px;font-family:inherit;outline:none;box-sizing:border-box}.pf-modal-body input:focus,.pf-modal-body textarea:focus{border-color:#7c5cff52}.pf-modal-desc{margin:0;color:#7a84a0;font-size:13px}.pf-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 24px 20px}.pf-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pf-plan-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:18px 12px;border:2px solid rgba(120,130,170,.1);border-radius:18px;background:#ffffff85;cursor:pointer;transition:border-color .14s ease}.pf-plan-card:hover{border-color:#7c5cff38}.pf-plan-card.is-selected{border-color:#725cff;background:#725cff0a}.pf-plan-card strong{color:#111936;font-size:26px;font-weight:800}.pf-plan-card span{color:#8a94b3;font-size:12px;font-weight:500}.pf-plan-card small{color:#725cff;font-size:15px;font-weight:700;margin-top:4px}.pf-plan-badge{position:absolute;top:-8px;padding:2px 8px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#ff6b6b,#ff8e53);font-size:10px;font-weight:700}.pf-history-modal{width:min(640px,92vw)}.pf-history-body{gap:0;max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.pf-history-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid rgba(120,130,170,.06)}.pf-history-item:last-child{border-bottom:none}.pf-history-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:10px;color:#725cff;background:#725cff14}.pf-history-tone--earn{color:#35a872;background:#35a87214}.pf-history-tone--consume{color:#d85d6f;background:#d85d6f14}.pf-history-tone--neutral{color:#8a94b3;background:#8a94b314}.pf-history-info{flex:1;min-width:0}.pf-history-label{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#111936;font-size:14px;font-weight:650}.pf-history-source{font-weight:500;font-size:11px;color:#8a94b3;background:#8a94b314;padding:1px 6px;border-radius:4px}.pf-history-info small{display:block;color:#8a94b3;font-size:12px;margin-top:2px}.pf-history-time{color:#b0b8d0!important;font-size:11px!important}.pf-history-amount{font-size:15px;font-weight:800;flex-shrink:0}.pf-history-amount.is-plus{color:#35a872}.pf-history-amount.is-minus{color:#d85d6f}.pf-history-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 20px;text-align:center}.pf-history-empty span{color:#475569;font-size:14px;font-weight:650}.pf-history-empty small{color:#8a94b3;font-size:12px;max-width:240px}.pf-history-skel{pointer-events:none}.pf-skel-circle{width:36px;height:36px;border-radius:10px}.pf-skel-num{width:50px;height:16px;border-radius:6px}.pf-history-pagination{justify-content:center;border-top:1px solid rgba(120,130,170,.06);padding:14px 24px}.pf-page-indicator{font-size:12px;color:#8a94b3;font-weight:550;-webkit-user-select:none;user-select:none}@media (max-width: 640px){.pf-history-modal{width:100vw;max-height:100dvh;border-radius:0}.pf-history-body{max-height:55dvh}.pf-history-item{gap:10px;padding:12px 0}.pf-history-icon{width:32px;height:32px;border-radius:8px}.pf-history-amount{font-size:14px}.pf-page-indicator{font-size:11px}}.pf-toast{position:fixed;right:28px;bottom:28px;z-index:999;padding:11px 16px;border:1px solid rgba(255,255,255,.18);border-radius:12px;color:#fff;background:#1c2244d6;box-shadow:0 16px 40px #2a336729;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:13px;font-weight:700;animation:pfToastIn .3s ease}@keyframes pfToastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pf-skeleton{border-radius:12px;background:linear-gradient(100deg,#ffffff5c,#ffffffb8 42%,#ffffff5c 78%);background-size:220% 100%;animation:pfShimmer 1.8s ease-in-out infinite}@keyframes pfShimmer{0%{background-position:220% 0}to{background-position:-220% 0}}.pf-skel-head{height:24px;width:140px;margin-bottom:16px}.pf-skel-row{height:52px;margin-bottom:12px}.pf-skel-avatar{width:68px;height:68px;border-radius:22px;flex-shrink:0}.pf-skel-line-lg{height:22px;width:60%;margin-bottom:10px}.pf-skel-line{height:16px;max-width:280px;margin-bottom:8px}.pf-skel-line-short{height:16px;width:40%}.pf-skel-hero{height:72px;margin-bottom:20px}.pf-empty{display:flex;flex-direction:column;align-items:center;padding:32px 20px;text-align:center;color:#8a94b3}.pf-empty svg{margin-bottom:10px;opacity:.55}.pf-empty strong{color:#475569;font-size:14px;font-weight:700;margin-bottom:4px}.pf-empty p{color:#8a94b3;font-size:13px;margin:0}.pf-error-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 20px;text-align:center;border:1px solid rgba(255,255,255,.48);border-radius:28px;background:#ffffff85}.pf-error-card span{color:#8a94b3;font-size:14px;font-weight:650}.pf-error-banner{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;padding:10px 16px;border-radius:14px;background:#f472840f;border:1px solid rgba(244,114,132,.1);color:#d85d6f;font-size:13px;font-weight:650}@media (max-width: 1024px){.pf-grid-cards{grid-template-columns:1fr}.pf-profile-card{flex-direction:column}.pf-profile-actions{flex-direction:row}.pf-container{padding:16px 20px 32px}}@media (max-width: 640px){.pf-topbar{flex-wrap:wrap}.pf-profile-meta{flex-direction:column}.pf-credits-stats,.pf-usage-grid{grid-template-columns:1fr 1fr}.pf-plans{grid-template-columns:1fr}}.pf-modal-lg{width:min(560px,92vw)}.pf-field-label{color:#475569;font-size:13px;font-weight:650}.pf-field-input{width:100%;padding:10px 14px;border:1px solid rgba(120,130,170,.14);border-radius:14px;background:#ffffffad;color:#111936;font-size:14px;font-family:inherit;outline:none;box-sizing:border-box}.pf-field-input:focus{border-color:#7c5cff52}.pf-field-textarea{resize:vertical;min-height:72px}.pf-field-error{margin:2px 0 0;color:#ef5b7a;font-size:12px;font-weight:600}.pf-tag-btn{padding:5px 12px;border:1px solid rgba(120,130,170,.12);border-radius:999px;color:#5a6499;background:#ffffff85;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.pf-tag-btn:hover{border-color:#7c5cff38;color:#725cff}.pf-tag-active{color:#fff;background:linear-gradient(135deg,#7c5cff,#4a90e2);border-color:transparent;box-shadow:0 4px 12px #5c6bff2e}.pf-tag-active:hover{color:#fff}.invite-page{width:100%;padding:32px clamp(16px,4vw,48px) 48px;min-height:calc(100vh - 80px);color:#1b2346}.invite-page-inner{max-width:960px;margin:0 auto}.invite-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.invite-title-group h1{margin:0 0 4px;font-size:clamp(24px,4vw,36px);font-weight:750;color:#0d1533}.invite-not-login{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:50vh;text-align:center;color:#6b7299}.invite-not-login h2{margin:0;color:#1b2346;font-size:28px}.invite-not-login p{margin:0;max-width:360px;font-size:15px;line-height:1.6}.invite-login-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 32px;border:0;border-radius:10px;color:#fff;background:linear-gradient(105deg,#5d78f4,#a45ce6);font-size:15px;font-weight:700;box-shadow:0 8px 22px #6455e62e}.invite-main-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);gap:28px;align-items:start}.invite-card{border:1px solid rgba(120,135,180,.1);border-radius:16px;background:#ffffffc7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 36px #2832640d;padding:24px;margin-bottom:20px}.invite-card:last-child{margin-bottom:0}.invite-card-head{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:15px;font-weight:700;color:#1b2346}.invite-code-display{padding:18px;border-radius:10px;background:linear-gradient(135deg,#f5f4fb,#f0f0f8);text-align:center;margin-bottom:14px}.invite-code-display code{font-size:28px;font-weight:800;letter-spacing:3px;color:#4e5fd8;background:none}.invite-copy-btn{display:inline-flex;align-items:center;gap:6px;width:100%;justify-content:center;height:42px;border:1px solid rgba(90,105,240,.25);border-radius:10px;color:#5468e8;background:#6473f50f;font-size:14px;font-weight:650;transition:background .16s ease}.invite-copy-btn:hover{background:#6473f51f}.invite-copy-btn:disabled{opacity:.4;cursor:not-allowed}.invite-loading{text-align:center;color:#8b92b0;padding:24px 0;font-size:14px}.invite-stats{display:flex;align-items:center;gap:20px}.invite-stat-item{flex:1;text-align:center}.invite-stat-item strong{display:block;font-size:32px;font-weight:800;color:#0d1533;margin-bottom:4px}.invite-stat-item span{font-size:13px;color:#6b7299;font-weight:600}.invite-stat-divider{width:1px;height:44px;background:#7887b426}.invite-steps{margin:0;padding-left:18px;display:grid;gap:8px}.invite-steps li{font-size:14px;color:#4a5275;line-height:1.55}.invite-toast{position:fixed;bottom:28px;right:28px;padding:12px 24px;border-radius:10px;background:#1a1e2e;color:#fff;font-size:14px;font-weight:600;box-shadow:0 8px 24px #0000002e;z-index:100;animation:invite-fade-in .2s ease}@keyframes invite-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 720px){.invite-main-grid{grid-template-columns:1fr;gap:20px}.invite-code-display code{font-size:22px;letter-spacing:2px}.invite-stat-item strong{font-size:26px}}.orders-page{min-height:100vh;padding:104px 0 64px;background:radial-gradient(circle at 14% -5%,rgba(137,190,255,.32),transparent 30rem),radial-gradient(circle at 83% -5%,rgba(235,120,219,.28),transparent 28rem),linear-gradient(180deg,#f4f7fc,#f8fbff 44%,#f5f7ff)}.orders-page-inner{max-width:none;margin:0;padding:0 48px}.orders-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.orders-page-header h1{margin:0;font-size:26px;font-weight:800;color:#111827}.orders-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;margin-bottom:16px}.orders-tabs{display:flex;gap:6px;padding:5px;border:1px solid rgba(229,231,235,.6);border-radius:10px;background:#fff9;overflow-x:auto}.orders-tab{flex:0 0 auto;min-height:34px;padding:0 14px;border:0;border-radius:7px;background:transparent;color:#64748b;font-size:14px;font-weight:700;cursor:pointer}.orders-tab.is-active{background:#111827;color:#fff}.orders-refreshing{flex:0 0 auto;min-height:28px;padding:6px 10px;border-radius:999px;background:#4f46e514;color:#4f46e5;font-size:12px;font-weight:700}.orders-error{margin-bottom:16px;padding:11px 14px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:13px;font-weight:600}.orders-list{display:flex;flex-direction:column;gap:12px;min-height:420px}.orders-loading-state,.orders-empty-state{min-height:320px;display:flex;align-items:center;justify-content:center;border:1px dashed #d8dee8;border-radius:12px;background:#fff;color:#94a3b8}.orders-empty-state{flex-direction:column;gap:10px;text-align:center}.orders-empty-state strong{color:#111827;font-size:16px}.orders-empty-state span{color:#64748b;font-size:13px}.order-card{cursor:pointer;border:1px solid #e5e7eb;border-radius:10px;padding:18px;background:#fff;box-shadow:0 1px 2px #0f172a0a;transition:border-color .2s,box-shadow .2s,transform .2s}.order-card:hover{border-color:#cbd5e1;box-shadow:0 10px 24px #0f172a14;transform:translateY(-1px)}.order-card.is-cancelled,.order-card.is-expired{opacity:.78}.order-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.order-title-group{min-width:0;display:flex;flex-direction:column;gap:5px}.order-package{color:#111827;font-size:16px;font-weight:800}.order-no-row{max-width:100%;display:flex;align-items:center;gap:6px;color:#64748b;font-size:12px;font-weight:600}.order-no{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-status{flex:0 0 auto;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800}.order-card-body{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.order-metric{display:flex;min-width:0;flex-direction:column;gap:5px;padding:10px 12px;border-radius:8px;background:#f8fafc}.order-metric span{color:#94a3b8;font-size:12px;font-weight:700}.order-metric strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1e293b;font-size:13px;font-weight:800}.order-amount{color:#4f46e5!important;font-size:17px!important}.order-card-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;border-top:1px solid #eef2f7}.order-date{color:#64748b;font-size:13px;font-weight:600}.order-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.order-btn{min-height:34px;padding:0 14px;border:0;border-radius:8px;font-size:13px;font-weight:800;cursor:pointer}.order-btn-pay{background:#4f46e5;color:#fff}.order-btn-cancel,.order-btn-secondary{background:#eef2f7;color:#475569}.order-btn:hover{opacity:.88}.order-btn:disabled{opacity:.55;cursor:not-allowed}.orders-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.orders-pagination button{min-height:34px;padding:0 14px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}.orders-pagination button:disabled{opacity:.4;cursor:not-allowed}.payment-method-backdrop,.order-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0f172a38;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.payment-method-modal{position:fixed;z-index:220;top:50%;left:50%;width:min(420px,calc(100vw - 32px));transform:translate(-50%,-50%);border-radius:12px;background:#fff;box-shadow:0 24px 70px #0f172a33}.payment-method-modal header,.payment-method-modal footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px}.payment-method-modal h3{margin:0;font-size:17px}.payment-method-modal header button{width:30px;height:30px;border:0;border-radius:8px;background:#f1f5f9;cursor:pointer}.payment-method-list{display:grid;gap:10px;padding:0 20px 4px}.payment-method-list button{min-height:44px;border:1px solid #e5e7eb;border-radius:9px;background:#fff;color:#1e293b;font-weight:800;cursor:pointer}.payment-method-list button.is-active{border-color:#4f46e5;background:#4f46e514;color:#4f46e5}.order-detail-drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,92vw);z-index:210;display:flex;flex-direction:column;background:#fff;box-shadow:-8px 0 40px #0000001a;animation:orderDrawerIn .22s ease}@keyframes orderDrawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}.order-detail-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e8ecf2}.order-detail-header h3{margin:0;font-size:17px;font-weight:800}.order-detail-close{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#94a3b8;cursor:pointer}.order-detail-close:hover{background:#f1f5f9}.order-detail-body{flex:1;overflow-y:auto;padding:20px 24px}.order-detail-section{margin-bottom:20px}.order-detail-section h4{margin:0 0 10px;font-size:14px;font-weight:800;color:#1e293b}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.order-detail-item{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:#f8fafc;border-radius:8px}.order-detail-item span{font-size:11px;color:#94a3b8;font-weight:700}.order-detail-item strong{font-size:13px;color:#1e293b;font-weight:800}.order-detail-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 16px;color:#94a3b8}.order-detail-error{color:#ef4444}.order-detail-error p{color:#475569;font-weight:700;margin:0}.order-detail-spinner{width:28px;height:28px;border:3px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;animation:orderSpin .75s linear infinite}@keyframes orderSpin{to{transform:rotate(360deg)}}@media (max-width: 760px){.orders-page{padding-top:88px}.orders-page-inner{padding:0 14px}.orders-toolbar{align-items:stretch;flex-direction:column}.orders-tabs{width:100%}.order-card-body{grid-template-columns:1fr 1fr}.order-card-footer{align-items:stretch;flex-direction:column}.order-actions{justify-content:flex-start}}@media (max-width: 480px){.order-card{padding:14px}.order-card-header{flex-direction:column}.order-card-body,.order-detail-grid{grid-template-columns:1fr}}.tasks-page{min-height:100vh;padding:32px clamp(16px,4vw,48px) 56px;color:#1b2346}.tasks-page-inner{max-width:780px;margin:0 auto}.tasks-page-header{display:flex;align-items:baseline;gap:12px;margin-bottom:24px}.tasks-page-header h1{margin:0;font-size:clamp(22px,3vw,28px);font-weight:750;color:#0d1533}.tasks-page-header span{color:#8b92b0;font-size:14px;font-weight:600}.tasks-not-login{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:50vh;text-align:center;color:#6b7299}.tasks-not-login h2{margin:0;color:#1b2346;font-size:26px}.tasks-not-login p{margin:0;max-width:320px;font-size:14px}.tasks-login-btn{height:42px;padding:0 28px;border:0;border-radius:10px;color:#fff;font-weight:700;background:linear-gradient(105deg,#5d78f4,#a45ce6);box-shadow:0 8px 22px #6455e62e}.tasks-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px 0;color:#8b92b0;font-size:14px}.ts-spin{animation:ts-spin .8s linear infinite}@keyframes ts-spin{to{transform:rotate(360deg)}}.tasks-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 0;color:#8b92b0;text-align:center}.tasks-empty strong{color:#1b2346;font-size:16px}.tasks-empty p{margin:0;font-size:13px}.tasks-list{display:grid;gap:8px}.tasks-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid rgba(120,135,180,.08);border-radius:14px;background:#ffffffc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 16px #28326408}.tasks-item-left{display:flex;align-items:center;gap:10px;min-width:0}.tasks-item-icon{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:10px;background:#5468e814;color:#5468e8}.tasks-item-left strong{display:block;font-size:14px;color:#1b2346}.tasks-item-left p{margin:2px 0 0;font-size:12px;color:#8b92b0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.tasks-item-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.tasks-item-status{font-size:11px;font-weight:700;padding:2px 8px;border-radius:8px}.ts-status-pending{color:#b08800;background:#fff8e1}.ts-status-running{color:#5a66ec;background:#e8ecff}.ts-status-completed{color:#278362;background:#e4f5ee}.ts-status-partial{color:#b45309;background:#fff7ed}.ts-status-partial-refunded{color:#065f46;background:#ecfdf5}.ts-status-failed{color:#b8324a;background:#fef0f3}.ts-status-cancelled{color:#7a7a8c;background:#f2f2f5}.tasks-item-cost{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:#8b92b0;font-weight:600}.tasks-item time{font-size:12px;color:#8b92b0}.tasks-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px}.tasks-pagination button{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 14px;border:1px solid rgba(110,125,170,.14);border-radius:8px;color:#5468e8;background:#fff;font-size:12px;font-weight:650}.tasks-pagination button:disabled{opacity:.35}.tasks-pagination span{font-size:13px;color:#6b7299;font-weight:650}@media (max-width: 640px){.tasks-item{flex-direction:column;align-items:flex-start}.tasks-item-right{width:100%;justify-content:space-between}.tasks-item-left p{max-width:200px}}.pp-page{min-height:100vh}.pp-container{width:min(100%,1280px);margin:0 auto;padding:24px 32px 48px}.pp-topbar{display:flex;align-items:center;gap:24px;margin-bottom:24px}.pp-back-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border:1px solid rgba(255,255,255,.52);border-radius:14px;color:#475569;background:#ffffff85;font-size:13px;font-weight:650;cursor:pointer;transition:transform .15s ease}.pp-back-btn:hover{transform:translateY(-1px)}.pp-topbar-title{flex:1}.pp-topbar-title h1{margin:0;color:#111936;font-size:24px;font-weight:800}.pp-topbar-title p{margin:3px 0 0;color:#7a84a0;font-size:13px}.pp-create-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 18px;border:none;border-radius:14px;color:#fff;background:linear-gradient(135deg,#7c5cff,#4a90e2);font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 10px 24px #5c6bff2e;transition:transform .15s ease}.pp-create-btn:hover{transform:translateY(-1px)}.pp-filter-bar{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.pp-search-wrap{display:flex;align-items:center;gap:8px;flex:1;min-width:200px;padding:10px 14px;border:1px solid rgba(255,255,255,.48);border-radius:14px;background:#ffffff85}.pp-search-wrap svg{color:#8a94b3;flex-shrink:0}.pp-search-wrap input{flex:1;border:none;background:transparent;color:#111936;font-size:14px;outline:none}.pp-search-wrap input::placeholder{color:#bcc3d6}.pp-filter-tabs{display:flex;gap:6px;flex-wrap:wrap}.pp-filter-tab{padding:7px 14px;border:1px solid rgba(255,255,255,.4);border-radius:999px;color:#7a84a0;background:#ffffff61;font-size:12px;font-weight:650;cursor:pointer;white-space:nowrap;transition:all .15s ease}.pp-filter-tab:hover{border-color:#7c5cff38;color:#725cff}.pp-filter-tab.is-active{color:#725cff;border-color:#7c5cff47;background:#7c5cff0f}.pp-sort-select{padding:7px 12px;border:1px solid rgba(255,255,255,.4);border-radius:12px;color:#475569;background:#ffffff6b;font-size:13px;outline:none;cursor:pointer}.pp-search-row{margin-bottom:20px}.pp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.pp-card{display:flex;flex-direction:column;justify-content:space-between;padding:20px 22px;border:1px solid rgba(255,255,255,.48);border-radius:22px;background:#ffffff80;box-shadow:0 16px 40px #3c46780a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .15s ease,box-shadow .15s ease}.pp-card:hover{transform:translateY(-2px);box-shadow:0 20px 48px #3c467814}.pp-card-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.pp-card-top h3{margin:0;color:#111936;font-size:15px;font-weight:700}.pp-fav-star{color:#f5a623;fill:#f5a623;flex-shrink:0}.pp-card-body p{margin:0 0 10px;color:#475569;font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pp-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.pp-card-tags{display:flex;gap:4px;flex-wrap:wrap}.pp-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:999px;color:#5a6499;background:#725cff0f;font-size:11px;font-weight:600}.pp-used{color:#8a94b3;font-size:12px;font-weight:500;white-space:nowrap}.pp-card-actions{display:flex;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(120,130,170,.07)}.pp-act-btn{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:650;cursor:pointer;white-space:nowrap;transition:background .14s ease}.pp-act-use{color:#fff;background:linear-gradient(135deg,#7c5cff,#4a90e2)}.pp-act-use:hover{opacity:.9}.pp-act-copy{color:#725cff;border-color:#7c5cff24;background:transparent}.pp-act-copy:hover{background:#7c5cff0f}.pp-act-edit{color:#7a84a0;border-color:#7882aa1f;background:transparent}.pp-act-edit:hover{background:#7882aa0f}.pp-act-del{color:#d85d6f;border-color:#d85d6f1a;background:transparent}.pp-act-del:hover{background:#d85d6f0f}.pp-card-skeleton{min-height:180px}.pp-skel{border-radius:10px;background:linear-gradient(100deg,#ffffff5c,#ffffffb8 42%,#ffffff5c 78%);background-size:220% 100%;animation:ppShimmer 1.8s ease-in-out infinite}.pp-skel-title{height:20px;width:60%;margin-bottom:12px}.pp-skel-body{height:52px;margin-bottom:12px}.pp-skel-tags{height:24px;width:45%}@keyframes ppShimmer{0%{background-position:220% 0}to{background-position:-220% 0}}.pp-empty{display:flex;flex-direction:column;align-items:center;padding:80px 20px;text-align:center}.pp-empty svg{color:#bcc3d6;margin-bottom:16px}.pp-empty h2{margin:0 0 8px;color:#111936;font-size:20px;font-weight:800}.pp-empty p{margin:0 0 20px;color:#8a94b3;font-size:14px}.pp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 18px;border:1px solid transparent;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform .15s ease}.pp-btn:hover{transform:translateY(-1px)}.pp-btn-primary{color:#fff;background:linear-gradient(135deg,#7c5cff,#4a90e2);box-shadow:0 10px 24px #5c6bff2e}.pp-btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.pp-btn-ghost{color:#475569;border-color:#94a3b82e;background:#ffffff85}.pp-btn-danger{color:#fff;background:linear-gradient(135deg,#e05276,#d85d6f)}.pp-btn-danger:disabled{opacity:.45;cursor:not-allowed;transform:none}.pp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;background:#0f142852;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:ppFadeIn .18s ease}@keyframes ppFadeIn{0%{opacity:0}to{opacity:1}}.pp-modal{width:min(520px,92vw);max-height:80vh;overflow-y:auto;border:1px solid rgba(255,255,255,.48);border-radius:24px;background:#ffffffeb;box-shadow:0 32px 80px #1e28502e;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.pp-modal-sm{width:min(400px,90vw)}.pp-modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.pp-modal-head h3{margin:0;color:#111936;font-size:18px;font-weight:800}.pp-modal-close{display:grid;place-items:center;width:34px;height:34px;border:none;border-radius:10px;color:#7a84a0;background:#7882aa0f;cursor:pointer}.pp-modal-close:hover{background:#7882aa1f}.pp-modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:12px}.pp-modal-body label{color:#475569;font-size:13px;font-weight:650}.pp-modal-body input,.pp-modal-body textarea,.pp-modal-body select{width:100%;padding:10px 14px;border:1px solid rgba(120,130,170,.14);border-radius:12px;background:#ffffffad;color:#111936;font-size:14px;font-family:inherit;outline:none;box-sizing:border-box}.pp-modal-body input:focus,.pp-modal-body textarea:focus{border-color:#7c5cff52}.pp-modal-body p{margin:0;color:#475569;font-size:14px;line-height:1.6}.pp-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 24px 20px}.pp-toast{position:fixed;right:28px;bottom:28px;z-index:999;padding:11px 16px;border:1px solid rgba(255,255,255,.18);border-radius:12px;color:#fff;background:#1c2244d6;box-shadow:0 16px 40px #2a336729;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:13px;font-weight:700;animation:ppToastIn .3s ease}@keyframes ppToastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.pp-grid{grid-template-columns:1fr}.pp-filter-bar{flex-direction:column;align-items:stretch}}.pp-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;padding:16px 0}.pp-page-btn{height:36px;padding:0 16px;border:1px solid rgba(124,92,255,.16);border-radius:10px;color:#725cff;background:#ffffff85;font-size:13px;font-weight:650;cursor:pointer;transition:background .14s ease}.pp-page-btn:hover:not(:disabled){background:#7c5cff0f}.pp-page-btn:disabled{opacity:.35;cursor:not-allowed}.pp-page-info{color:#7a84a0;font-size:13px;font-weight:600}.pp-not-login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:12px;padding:80px 20px}.pp-not-login svg{color:#bcc3d6}.pp-not-login h2{margin:0;color:#111936;font-size:22px;font-weight:800}.pp-not-login p{margin:0;color:#7a84a0;font-size:14px}.pp-login-btn{margin-top:8px;height:40px;padding:0 24px;border:none;border-radius:12px;color:#fff;background:linear-gradient(135deg,#7c5cff,#4a90e2);font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #5c6bff2e;transition:transform .15s ease}.pp-login-btn:hover{transform:translateY(-1px)}.rp-page{height:100%;min-height:0;overflow:hidden}.rp-layout{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:24px;align-items:stretch;height:100%;min-height:0;padding:20px 32px 20px 28px}.rp-content{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0}.rp-aside{min-height:0;display:flex}.rp-header{padding:0 0 2px;flex-shrink:0}.rp-header-title{margin:0;color:#11152f;font-size:24px;font-weight:820;line-height:1.12}.rp-header-status{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:13px;font-weight:680}.rp-status-success{color:#35a872}.rp-status-partial{color:#d97706}.rp-status-partial-refunded{color:#059669}.rp-status-loading{color:#6978e2}.rp-status-failed{color:#d85d6f}.rp-status-empty{color:#8892b0}.rp-header-sep{color:#bcc3d8;margin:0 2px}.rp-header-desc{color:#6d7898;font-weight:560}.rp-stage-shell{flex:1;min-height:460px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.52);border-radius:24px;background:#ffffff70;box-shadow:0 18px 48px #3641800d,inset 0 1px #ffffff70;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.rp-stage-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-height:100%;padding:20px 32px 18px;overflow:hidden}.rp-loading-area{display:flex;flex-direction:column;align-items:center;padding:40px 20px 24px}.rp-loading-icon-wrap{display:grid;place-items:center;width:60px;height:60px;margin-bottom:16px;border-radius:20px;color:#675cff;background:linear-gradient(135deg,#efeeffe0,#f6f0ffd6);box-shadow:0 10px 24px #625be514}.rp-loading-title{margin:0;color:#11152f;font-size:20px;font-weight:800}.rp-loading-sub{margin:6px 0 0;color:#6b7794;font-size:14px}.rp-loading-bar{width:min(300px,60%);height:6px;margin-top:22px;border-radius:999px;background:#dde5facc;overflow:hidden}.rp-loading-bar-fill{display:block;height:100%;width:60%;border-radius:inherit;background:linear-gradient(90deg,#566dff,#8b5cf6,#c45bea);box-shadow:0 0 12px #7d5cf62e;animation:rpBarPulse 1.8s ease-in-out infinite}@keyframes rpBarPulse{0%,to{width:40%}50%{width:82%}}@keyframes rpSpin{to{transform:rotate(360deg)}}.rp-spin{animation:rpSpin 1.1s linear infinite}.rp-image-viewer{position:relative;display:flex;align-items:center;justify-content:center;width:100%;flex:1;min-height:0}.rp-preview-box{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;border:0;border-radius:22px;background:transparent;box-shadow:0 18px 60px #141e462e}.rp-preview-trigger{cursor:zoom-in;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.rp-preview-trigger:hover{transform:translateY(-2px) scale(1.006);box-shadow:0 22px 68px #141e4638;filter:saturate(1.02)}.rp-preview-hint{position:absolute;left:50%;bottom:14px;display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 13px;border:1px solid rgba(255,255,255,.45);border-radius:999px;color:#fff;background:#0f172a6b;font-size:12px;font-weight:760;opacity:0;pointer-events:none;transform:translate(-50%,6px);transition:opacity .16s ease,transform .16s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rp-preview-trigger:hover .rp-preview-hint{opacity:1;transform:translate(-50%)}.rp-preview-square{aspect-ratio:1 / 1;max-height:min(540px,62vh);max-width:min(540px,100%)}.rp-preview-16-9{aspect-ratio:16 / 9;max-height:min(480px,58vh);width:100%;max-width:860px}.rp-preview-4-3{aspect-ratio:4 / 3;max-height:min(520px,60vh);width:100%;max-width:720px}.rp-preview-3-4{aspect-ratio:3 / 4;max-height:min(560px,64vh);max-width:min(420px,100%)}.rp-preview-9-16{aspect-ratio:9 / 16;max-height:min(580px,66vh);max-width:min(340px,100%)}.rp-preview-3-2{aspect-ratio:3 / 2;max-height:min(500px,58vh);width:100%;max-width:780px}.rp-preview-2-3{aspect-ratio:2 / 3;max-height:min(560px,64vh);max-width:min(400px,100%)}.rp-preview-21-9{aspect-ratio:21 / 9;max-height:min(360px,48vh);width:100%;max-width:900px}.rp-preview-default{max-height:min(540px,62vh);max-width:min(860px,100%)}.rp-preview-img{display:block;width:100%;height:100%;object-fit:contain;border-radius:22px}.rp-carousel-btn{position:absolute;top:50%;z-index:5;display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.38);border-radius:50%;color:#646bdf;background:#ffffff80;box-shadow:0 8px 20px #303e7a0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(-50%);cursor:pointer;transition:transform .15s ease,background .15s ease}.rp-carousel-btn:hover{background:#ffffffb8;transform:translateY(-50%) scale(1.06)}.rp-carousel-left{left:12px}.rp-carousel-right{right:12px}.rp-image-caption{display:flex;justify-content:center;margin-top:8px}.rp-image-index{display:inline-flex;align-items:center;min-height:26px;padding:0 14px;border-radius:999px;color:#615be9;background:#ffffff8a;font-size:13px;font-weight:760;box-shadow:0 6px 14px #5963ac0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rp-thumb-strip{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.rp-thumb-btn{width:68px;height:50px;padding:3px;overflow:hidden;border:none;border-radius:12px;background:#ffffff80;box-shadow:0 4px 12px #343f7d08;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.rp-thumb-btn img{display:block;width:100%;height:100%;border-radius:9px;object-fit:cover}.rp-thumb-btn:hover,.rp-thumb-btn.is-active{outline:2px solid rgba(124,131,255,.52);outline-offset:2px;transform:translateY(-2px);box-shadow:0 8px 18px #5c63c214}.rp-thumb-skeleton{background:linear-gradient(100deg,#ffffff52,#ffffffb8 42%,#ffffff52 78%);background-size:220% 100%;animation:rpShimmer 1.8s ease-in-out infinite;cursor:default}.rp-thumb-skeleton:hover{outline:none;transform:none;box-shadow:0 4px 12px #343f7d08}@keyframes rpShimmer{0%{background-position:220% 0}to{background-position:-220% 0}}.rp-lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:240;display:grid;place-items:center;padding:24px;overflow:hidden;background:#0f172a6b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:rpLightboxBackdrop .18s ease}@keyframes rpLightboxBackdrop{0%{opacity:0}to{opacity:1}}.rp-lightbox{position:relative;display:flex;flex-direction:column;width:min(1120px,94vw);height:min(86vh,760px);border:1px solid rgba(255,255,255,.62);border-radius:24px;background:radial-gradient(circle at 18% 10%,rgba(121,130,255,.12),transparent 34%),#f8fafcf5;box-shadow:0 26px 80px #0f172a38;overflow:hidden;animation:rpLightboxIn .22s ease}@keyframes rpLightboxIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.rp-lightbox-toolbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 0}.rp-lightbox-count{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border:1px solid rgba(120,130,180,.16);border-radius:999px;color:#4d55bc;background:#ffffffb8;font-size:13px;font-weight:800;white-space:nowrap}.rp-lightbox-resolution{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border:1px solid rgba(120,130,180,.12);border-radius:999px;color:#5d687f;background:#fff9;font-size:12.5px;font-weight:700;white-space:nowrap}.rp-lightbox-resolution--na{color:#94a3b8;font-weight:500}.rp-lightbox-actions{display:flex;align-items:center;gap:8px}.rp-lightbox-action,.rp-lightbox-close,.rp-lightbox-nav{border:1px solid rgba(120,130,180,.16);color:#535dc9;background:#ffffffc7;box-shadow:0 10px 28px #3a448214;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.rp-lightbox-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:82px;height:36px;padding:0 13px;border-radius:999px;font-size:13px;font-weight:760;white-space:nowrap}.rp-lightbox-action:disabled{cursor:wait;opacity:.76}.rp-lightbox-close{display:grid;place-items:center;width:36px;height:36px;border-radius:50%}.rp-lightbox-action:hover:not(:disabled),.rp-lightbox-close:hover,.rp-lightbox-nav:hover{border-color:#7864ff4d;background:#ffffffeb;transform:translateY(-1px);box-shadow:0 14px 34px #3a44821f}.rp-lightbox-stage{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:14px 72px 28px}.rp-lightbox-image-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#ffffffc7,#f1f5f9b8),#f8fafc}.rp-lightbox-img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:16px;opacity:0;transition:opacity .18s ease}.rp-lightbox-img.is-loaded{opacity:1}.rp-lightbox-loading,.rp-lightbox-error{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#66708d;font-size:13px;font-weight:720;background:#f8fafcbd}.rp-lightbox-error{color:#d85d6f}.rp-lightbox-nav{position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.rp-lightbox-nav:hover{transform:translateY(-50%) scale(1.04)}.rp-lightbox-prev{left:18px}.rp-lightbox-next{right:18px}.rp-failed-area{display:flex;flex-direction:column;align-items:center;max-width:560px;padding:32px 36px 28px;text-align:center}.rp-failed-icon-wrap{display:grid;place-items:center;width:56px;height:56px;margin-bottom:14px;border-radius:18px;color:#e05276;background:linear-gradient(135deg,#fff1f5,#f8f0ff);box-shadow:0 8px 20px #e0527614}.rp-failed-title{margin:0;color:#11152f;font-size:21px;font-weight:800}.rp-failed-desc{max-width:440px;margin:8px 0 0;color:#6b7794;font-size:14px;line-height:1.55}.rp-failed-hint{display:flex;align-items:flex-start;gap:8px;max-width:480px;margin-top:14px;padding:11px 15px;border-radius:10px;color:#88738a;background:#f472840e;border:1px solid rgba(244,114,132,.07);font-size:12px;font-weight:600;line-height:1.5;text-align:left}.rp-failed-hint svg{flex-shrink:0;margin-top:1px;color:#d88a9a}.rp-failed-actions{display:flex;align-items:center;gap:10px;margin-top:18px}.rp-empty-area{display:flex;flex-direction:column;align-items:center;max-width:480px;padding:36px 32px;text-align:center}.rp-empty-icon-wrap{display:grid;place-items:center;width:56px;height:56px;margin-bottom:14px;border-radius:18px;color:#8892b0;background:linear-gradient(135deg,#eff2facc,#f6f4fcc2);box-shadow:0 8px 20px #646e960f}.rp-empty-title{margin:0;color:#11152f;font-size:21px;font-weight:800}.rp-empty-desc{margin:8px 0 0;color:#6b7794;font-size:14px}.rp-empty-actions{margin-top:18px}.rp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 20px;border:1px solid transparent;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;white-space:nowrap}.rp-btn:hover{transform:translateY(-1px)}.rp-btn-primary{color:#fff;background:linear-gradient(135deg,#8b8cf6,#b38cf6);box-shadow:0 6px 18px #847ce924}.rp-btn-primary:hover{box-shadow:0 8px 22px #847ce938}.rp-btn-ghost{color:#475569;border-color:#94a3b829;background:#ffffff8a}.rp-btn-ghost:hover{border-color:#8b82f624;background:#fffc}.rp-action-bar{display:flex;justify-content:center;gap:10px;flex-shrink:0;margin-top:16px}.rp-action-btn{display:flex;align-items:center;justify-content:center;gap:7px;height:44px;padding:0 18px;border:none;border-radius:14px;color:#fff;background:linear-gradient(135deg,#7c5cff,#4a90e2);box-shadow:0 14px 30px #5c6bff38;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.rp-action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 40px #5c6bff52}.rp-action-btn:disabled{cursor:not-allowed;color:#a0a8c0;background:#ffffff80;border:1px solid rgba(255,255,255,.6);box-shadow:none;transform:none}.rp-info-panel{width:100%;height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.48);border-radius:28px;background:#ffffff9e;box-shadow:0 24px 64px #34417c0f,inset 0 1px #ffffff7a;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.rp-info-inner{display:flex;flex-direction:column;height:100%;padding:22px 24px 20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(120,130,180,.12) transparent}.rp-section-divider{height:1px;margin:22px 0;background:#d8ddf099}.rp-info-sec{flex-shrink:0}.rp-info-sec-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.rp-info-sec-head h3{margin:0;color:#111936;font-size:15px;font-weight:700;letter-spacing:0}.rp-prompt-block{padding:0;border-radius:0;background:transparent}.rp-prompt-text{margin:0;color:#26304d;font-size:13px;line-height:1.8;font-weight:500;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.rp-prompt-text.is-expanded{-webkit-line-clamp:unset;display:block}.rp-expand-btn{display:inline-flex;align-items:center;height:26px;padding:0 8px;border:none;border-radius:6px;color:#725cff;background:transparent;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .14s ease}.rp-expand-btn:hover{background:#7c5cff14}.rp-params-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rp-param-card{display:flex;flex-direction:column;gap:6px;padding:13px 15px;border-radius:16px;background:#ffffff73}.rp-param-card-full{grid-column:span 2}.rp-param-label{display:flex;align-items:center;gap:6px;color:#8a94b3;font-size:12px;font-weight:500;line-height:1}.rp-param-label svg{color:#7c5cff;opacity:.7;flex-shrink:0}.rp-param-value{color:#111936;font-size:14px;font-weight:700;line-height:1.3;word-break:break-all}.rp-cost-badge{flex-shrink:0;padding:5px 11px;border-radius:999px;color:#725cff;background:#7c5cff14;font-size:11px;font-weight:760;white-space:nowrap}.rp-credit-hero{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding:18px;border-radius:18px;background:linear-gradient(135deg,#725cff1a,#52a1ff14),#ffffff85;border:1px solid rgba(124,92,255,.1)}.rp-credit-hero span{color:#8a94b3;font-size:12px;font-weight:500}.rp-credit-hero strong{color:#725cff;font-size:32px;font-weight:800;line-height:1}.rp-credit-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rp-credit-stat{display:flex;flex-direction:column;gap:4px;padding:13px 14px;border-radius:15px;background:#ffffff73}.rp-credit-stat-label{color:#8a94b3;font-size:11px;font-weight:500}.rp-credit-stat-value{color:#111936;font-size:14px;font-weight:700}.rp-credit-consume-detail{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;color:#64708f;font-size:12px;font-weight:650}.rp-credit-consume-detail span{display:inline-flex;min-height:24px;align-items:center;padding:0 9px;border-radius:999px;background:#ffffff70}.rp-credit-rule{display:flex;flex-direction:column;gap:5px;margin-top:10px;padding:11px 12px;border:1px solid rgba(114,92,255,.1);border-radius:14px;color:#64708f;background:#725cff0e;font-size:12px;line-height:1.55}.rp-credit-rule strong{color:#4f5ac5;font-size:12px}.rp-current-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rp-current-card{display:flex;flex-direction:column;gap:6px;padding:14px 15px;border-radius:16px;background:#ffffff73}.rp-current-card-label{color:#8a94b3;font-size:12px;font-weight:500}.rp-current-card-value{color:#111936;font-size:14px;font-weight:700}.rp-current-index{color:#725cff;font-size:20px;font-weight:800}.rp-current-file{font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px;font-weight:700;word-break:break-all}.rp-current-simple{display:flex;flex-direction:column;gap:4px;padding:4px 0}.rp-current-simple-index{color:#8a94b3;font-size:12px;font-weight:500}.rp-current-simple-file{color:#26304d;font-size:13px;font-weight:600}.rp-toast{position:fixed;right:28px;bottom:28px;z-index:999;padding:11px 16px;border:1px solid rgba(255,255,255,.18);border-radius:12px;color:#fff;background:#1c2244d6;box-shadow:0 16px 40px #2a336729;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:13px;font-weight:700;animation:rpToastIn .3s ease}@keyframes rpToastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1440px){.rp-layout{grid-template-columns:minmax(0,1fr) 380px;gap:20px;padding:16px 24px 16px 20px}.rp-action-btn{font-size:13px}}@media (max-width: 1280px){.rp-layout{grid-template-columns:minmax(0,1fr) 340px;gap:16px;padding:14px 20px 14px 16px}.rp-stage-shell{min-height:400px}.rp-action-btn{height:42px;font-size:12px;padding:0 8px}}@media (max-width: 960px){.rp-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:12px;padding:10px}.rp-stage-shell{min-height:360px}.rp-info-panel{max-height:260px;border-radius:22px}.rp-info-inner{max-height:260px;padding:16px 14px 14px}.rp-action-bar{flex-wrap:wrap;gap:8px}.rp-action-btn{height:40px;font-size:12px;padding:0 12px}.rp-lightbox-backdrop{padding:14px}.rp-lightbox{width:94vw;height:88vh;border-radius:22px}.rp-lightbox-toolbar{padding:12px 12px 0}.rp-lightbox-stage{padding:12px 58px 18px}.rp-lightbox-nav{width:40px;height:40px}.rp-lightbox-prev{left:10px}.rp-lightbox-next{right:10px}}@media (max-width: 560px){.rp-preview-hint{opacity:1;transform:translate(-50%)}.rp-lightbox{height:90vh;border-radius:20px}.rp-lightbox-toolbar{align-items:flex-start;padding:10px 10px 0}.rp-lightbox-action{min-width:72px;height:34px;padding:0 10px}.rp-lightbox-close{width:34px;height:34px}.rp-lightbox-stage{padding:10px 12px 14px}.rp-lightbox-nav{top:auto;bottom:22px;background:#ffffffdb}.rp-lightbox-prev{left:20px}.rp-lightbox-next{right:20px}}.ecommerce-studio-page{min-height:100vh;width:min(1420px,calc(100vw - 92px));margin:0 auto;padding:30px 0 34px}.studio-topbar,.studio-hero-card,.studio-process-card,.studio-projects-panel,.studio-placeholder-card{border:1px solid rgba(226,232,255,.72);background:#ffffffbd;box-shadow:0 14px 34px #2b386012;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.studio-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:40px;margin-bottom:12px;padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.studio-topbar-left{display:inline-flex;align-items:center;gap:14px;min-width:0}.studio-breadcrumb,.studio-account-strip,.studio-account-strip span{display:inline-flex;align-items:center}.studio-breadcrumb{gap:7px;color:#8b95ac;font-size:12px;font-weight:760}.studio-breadcrumb button{display:inline-flex;align-items:center;gap:7px;border:0;color:#6259e8;background:transparent;font:inherit;cursor:pointer}.studio-back-square-btn{min-height:34px;padding:0 12px;border:1px solid rgba(124,92,255,.14)!important;border-radius:999px;background:#ffffffbd!important;box-shadow:0 10px 24px #2b38600f;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.studio-back-square-btn:hover{transform:translateY(-1px);border-color:#7c5cff47!important;background:#ffffffeb!important;box-shadow:0 14px 28px #2b38601a}.studio-account-strip{gap:8px;color:#536078;font-size:12px;font-weight:780}.studio-account-strip span:not(.studio-user-avatar){gap:5px;min-height:26px;padding:0 9px;border:1px solid rgba(124,92,255,.1);border-radius:999px;background:#f8f7ffb8}.studio-account-strip svg{color:#8566ff}.studio-user-avatar{justify-content:center;width:28px;height:28px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#4e76ff,#c74bea);box-shadow:0 10px 22px #5f58e238;font-size:13px;font-weight:900}.studio-hero-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:0 0 4px;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.studio-hero-copy{min-width:0}.studio-hero-copy h1,.studio-placeholder-card h1{margin:8px 0 6px;color:#0d1532;font-size:32px;line-height:1.12;letter-spacing:0}.studio-hero-copy p,.studio-placeholder-card p{margin:0;color:#64708a;font-size:13px;line-height:1.55;font-weight:650}.studio-primary-btn,.studio-query-btn,.studio-reset-btn,.studio-card-primary,.studio-card-secondary,.studio-pagination button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;font:inherit;cursor:pointer;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.studio-primary-btn{min-height:44px;padding:0 24px;border-radius:12px;color:#fff;background:linear-gradient(105deg,#4e76ff,#c74bea);box-shadow:0 10px 22px #5f58e238;font-size:14px;font-weight:860}.studio-primary-btn:hover,.studio-card-primary:hover,.studio-query-btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px #5f58e24d}.studio-process-card{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px 22px;border-radius:14px}.studio-process-title{display:inline-flex;align-items:center;gap:8px;color:#5f56df;font-size:12px;font-weight:860;white-space:nowrap}.studio-process-steps{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:6px}.studio-process-step{display:inline-flex;align-items:center;gap:6px;color:#4d5871;font-size:13px;font-weight:760;white-space:nowrap}.studio-process-step b{color:#a2acc1;font-size:14px}.studio-process-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#6a5cff;background:#f4f1ffd1}.studio-projects-panel{padding:16px 14px 12px;border-radius:16px;background:#ffffffd1;box-shadow:0 18px 44px #2b386013}.studio-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.studio-section-head h2{margin:0 0 4px;color:#111933;font-size:20px;line-height:1.2}.studio-section-head p{margin:0;color:#748097;font-size:12px;font-weight:650}.studio-section-head>span{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;color:#6259e8;background:#f4f1ffc7;font-size:12px;font-weight:820;white-space:nowrap}.studio-query-toolbar{display:grid;grid-template-columns:240px 160px 160px 160px auto;gap:12px;margin-bottom:14px;padding:0;border:1px solid rgba(226,232,255,.72);border-radius:0;background:transparent;border-color:transparent}.studio-search-field,.studio-query-toolbar select{min-height:38px;border:1px solid rgba(120,130,180,.13);border-radius:10px;color:#536078;background:#ffffffc7;box-shadow:none;font-size:12px;font-weight:760}.studio-search-field{display:flex;align-items:center;gap:7px;padding:0 10px}.studio-search-field svg{flex:0 0 auto;color:#8566ff}.studio-search-field input{width:100%;min-width:0;border:0;outline:0;color:#17203c;background:transparent;font:inherit}.studio-search-field input::placeholder{color:#9aa4b8}.studio-query-toolbar select{min-width:0;padding:0 9px;outline:0}.studio-query-actions{display:flex;gap:7px}.studio-query-btn,.studio-reset-btn{min-height:38px;padding:0 12px;border-radius:10px;font-size:12px;font-weight:840}.studio-query-btn{color:#fff;background:linear-gradient(105deg,#617ef8,#af5de3);box-shadow:0 8px 18px #5f58e22e}.studio-reset-btn{border:1px solid rgba(124,92,255,.14);color:#5f56df;background:#ffffffb8}.studio-reset-btn:hover,.studio-card-secondary:hover,.studio-pagination button:hover:not(:disabled){transform:translateY(-1px);background:#ffffffeb;box-shadow:0 12px 24px #36446e1a}.studio-project-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.studio-project-card{display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;border:1px solid rgba(226,232,255,.88);border-radius:12px;background:#fffffff0;box-shadow:0 8px 22px #2b38600e;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.studio-project-card:hover{transform:translateY(-2px);border-color:#776fff3d;box-shadow:0 16px 30px #2b38601a}.studio-project-cover{position:relative;height:100px;margin:8px 8px 0;overflow:hidden;border:1px solid rgba(226,232,240,.78);border-radius:10px;background:#f8fafc}.studio-project-cover img{width:100%;height:100%;object-fit:cover}.studio-status-tag{position:static;width:fit-content;margin-top:7px;display:inline-flex;align-items:center;min-height:23px;padding:0 7px;border-radius:999px;font-size:11px;font-weight:860;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.studio-status-tag.is-completed{color:#12805b;background:#def7ece6}.studio-status-tag.is-generating{color:#5f56df;background:#f1eeffeb}.studio-status-tag.is-draft,.studio-status-tag.is-waiting{color:#64708a;background:#f8fafce6}.studio-status-tag.is-failed{color:#c2410c;background:#ffedd5eb}.studio-project-body{flex:1;min-width:0;padding:10px 12px 8px}.studio-project-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.studio-project-heading h3{margin:0;color:#111933;overflow:hidden;font-size:14px;line-height:1.28;text-overflow:ellipsis;white-space:nowrap}.studio-project-heading span{display:block;margin-top:3px;color:#7b86a0;font-size:11px;font-weight:720}.studio-project-stats{display:flex;flex-wrap:wrap;gap:4px 8px;margin:0 0 8px}.studio-project-stats div{display:inline-flex;align-items:center;gap:4px;min-width:0;padding:0;border:0;border-radius:0;background:transparent}.studio-project-stats dt{margin:0;color:#8b95aa;font-size:10px;font-weight:760}.studio-project-stats dd{margin:0;overflow:hidden;color:#26314c;font-size:12px;font-weight:840;text-overflow:ellipsis;white-space:nowrap}.studio-latest-task{min-height:32px;padding:0;border:0;border-radius:0;background:transparent}.studio-latest-task span{display:none}.studio-latest-task p{display:-webkit-box;margin:0;overflow:hidden;color:#26314c;font-size:11px;line-height:1.45;font-weight:760;-webkit-box-orient:vertical;-webkit-line-clamp:2}.studio-progress{position:relative;height:6px;margin-top:8px;overflow:hidden;border-radius:999px;background:#e2e8f0f2}.studio-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4e76ff,#c74bea)}.studio-progress em{position:absolute;right:0;top:-20px;color:#6455d8;font-size:11px;font-style:normal;font-weight:840}.studio-project-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 12px}.studio-card-primary,.studio-card-secondary{height:32px;padding:0 10px;border-radius:8px;font-size:12px;font-weight:840}.studio-card-primary{color:#fff;background:linear-gradient(105deg,#4e76ff,#c74bea);box-shadow:0 8px 16px #5f58e22e}.studio-card-secondary{border:1px solid rgba(124,92,255,.12);color:#5f56df;background:#ffffffc2}.studio-card-secondary.is-danger{color:#c2410c;border-color:#fb923c33}.studio-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:14px;padding:10px;border:0;border-radius:14px;background:transparent}.studio-page-summary,.studio-page-buttons{display:inline-flex;align-items:center;gap:8px}.studio-page-summary{color:#6d7890;font-size:12px;font-weight:760}.studio-pagination button{height:28px;min-width:28px;padding:0 9px;border:1px solid rgba(124,92,255,.12);border-radius:8px;color:#5f56df;background:#ffffffc7;font-size:12px;font-weight:820}.studio-pagination button.is-active{color:#fff;border-color:transparent;background:linear-gradient(105deg,#4e76ff,#c74bea);box-shadow:0 8px 16px #5f58e22e}.studio-pagination button:disabled{cursor:not-allowed;opacity:.42}.studio-empty-state{display:grid;place-items:center;min-height:260px;padding:32px;border:1px solid rgba(226,232,240,.82);border-radius:16px;color:#7a85a2;background:#f8fafcb8;text-align:center}.studio-empty-state h3{margin:12px 0 6px;color:#17203c;font-size:18px}.studio-empty-state p{max-width:520px;margin:0;color:#7a85a2;font-size:13px;font-weight:650}.studio-empty-state>div{display:flex;gap:10px;margin-top:18px}.studio-project-card.is-skeleton{pointer-events:none}.studio-project-card.is-skeleton .studio-project-cover,.studio-skeleton-line,.studio-skeleton-btn{background:linear-gradient(90deg,#e2e8f094,#ffffffdb,#e2e8f094);background-size:240% 100%;animation:studioSkeleton 1.2s ease-in-out infinite}.studio-skeleton-line,.studio-skeleton-btn{display:block;height:14px;margin-bottom:12px;border-radius:999px}.studio-skeleton-line.is-title{width:58%;height:20px}.studio-skeleton-line.is-short{width:42%}.studio-skeleton-btn{width:100%;height:38px;margin:0}.studio-toast{position:fixed;right:26px;bottom:26px;z-index:90;display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.7);border-radius:14px;color:#fff;background:#181e34d6;box-shadow:0 18px 42px #12182c2e;font-size:13px;font-weight:760;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.studio-placeholder-page{display:grid;place-items:center}.studio-placeholder-card{width:min(680px,100%);padding:42px;border-radius:28px;text-align:center}.studio-placeholder-name{margin-bottom:10px!important;color:#26314c!important;font-weight:820!important}.studio-placeholder-card .studio-primary-btn{margin-top:24px}.studio-placeholder-note{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:10px 14px;border-radius:999px;color:#6b5cff;background:#f4f1ffb8;font-size:13px;font-weight:760}.studio-editor-page{display:block}.studio-editor-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.studio-editor-hero,.studio-editor-card,.studio-editor-loading{border:1px solid rgba(255,255,255,.72);background:#ffffffad;box-shadow:0 18px 46px #2b386017;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.studio-editor-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;padding:28px 30px;border-radius:28px;background:radial-gradient(circle at 14% 20%,rgba(124,92,255,.13),transparent 34%),radial-gradient(circle at 86% 18%,rgba(255,141,211,.15),transparent 30%),#ffffffb3}.studio-editor-hero h1{margin:0 0 8px;color:#0d1532;font-size:40px;line-height:1.12}.studio-editor-hero p{margin:0;color:#64708a;font-size:15px;line-height:1.65;font-weight:650}.studio-editor-grid{display:grid;grid-template-columns:minmax(360px,.88fr) minmax(520px,1.12fr);gap:20px;align-items:start}.studio-editor-card{min-width:0;padding:22px;border-radius:26px}.studio-editor-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.studio-editor-card-head h2{margin:0 0 6px;color:#111933;font-size:23px;line-height:1.25}.studio-editor-card-head p{margin:0;color:#78849c;font-size:13px;line-height:1.55;font-weight:650}.studio-editor-card-head>span,.studio-editor-card-head>svg{flex:0 0 auto;color:#6a5cff}.studio-editor-card-head>span{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;background:#f4f1ffc7;font-size:13px;font-weight:840}.studio-upload-dropzone{display:grid;place-items:center;width:100%;min-height:166px;padding:24px;border:1px dashed rgba(124,92,255,.28);border-radius:20px;color:#6a5cff;background:linear-gradient(180deg,#f4f1ff9e,#ffffffc7),#ffffffc7;cursor:pointer;text-align:center;transition:transform .18s ease,border-color .18s ease,background .18s ease}.studio-upload-dropzone:hover{transform:translateY(-2px);border-color:#7c5cff6b;background:#ffffffe6}.studio-upload-dropzone strong{margin-top:10px;color:#26314c;font-size:16px}.studio-upload-dropzone span{max-width:360px;margin-top:6px;color:#7a85a2;font-size:13px;line-height:1.55;font-weight:650}.studio-add-mock-btn{width:100%;margin-top:10px}.studio-material-grid{display:grid;gap:12px;margin-top:16px}.studio-material-item{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;border:1px solid rgba(226,232,240,.86);border-radius:18px;background:#f8fafcc7}.studio-material-item img{width:76px;height:58px;border-radius:14px;object-fit:cover;background:#fff}.studio-material-item div{min-width:0}.studio-material-item span{display:inline-flex;min-height:22px;padding:0 8px;border-radius:999px;color:#6455d8;background:#f4f1ffe6;font-size:11px;font-weight:840}.studio-material-item strong{display:block;margin-top:6px;overflow:hidden;color:#26314c;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.studio-material-actions{display:inline-flex;gap:7px}.studio-material-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 9px;border:1px solid rgba(124,92,255,.12);border-radius:10px;color:#5f56df;background:#ffffffd6;font-size:12px;font-weight:820;white-space:nowrap;cursor:pointer}.studio-material-empty{display:grid;place-items:center;min-height:146px;margin-top:16px;padding:24px;border:1px solid rgba(226,232,240,.86);border-radius:18px;color:#8994aa;background:#f8fafcb3;text-align:center}.studio-material-empty p{max-width:380px;margin:10px 0 0;font-size:13px;line-height:1.6;font-weight:650}.studio-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.studio-field{display:grid;gap:8px;min-width:0}.studio-field.is-wide{grid-column:1 / -1}.studio-field span{color:#536078;font-size:13px;font-weight:820}.studio-field input,.studio-field select,.studio-field textarea{width:100%;min-width:0;border:1px solid rgba(124,92,255,.12);border-radius:14px;color:#17203c;background:#ffffffc7;box-shadow:0 10px 20px #36446e0d;font:inherit;font-size:14px;font-weight:650;outline:0}.studio-field input,.studio-field select{height:42px;padding:0 13px}.studio-field textarea{resize:vertical;min-height:92px;padding:12px 13px;line-height:1.6}.studio-field input:focus,.studio-field select:focus,.studio-field textarea:focus{border-color:#7c5cff57;box-shadow:0 0 0 4px #7c5cff14}.studio-editor-alert{display:flex;align-items:center;gap:8px;margin-top:16px;padding:11px 13px;border-radius:14px;font-size:13px;font-weight:760}.studio-editor-alert.is-error{color:#c2410c;background:#ffedd5e6}.studio-editor-alert.is-success{color:#12805b;background:#def7ece6}.studio-editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.studio-editor-loading{display:inline-flex;align-items:center;gap:10px;min-height:88px;padding:0 22px;border-radius:20px;color:#5f56df;font-size:14px;font-weight:820}.studio-primary-btn:disabled{cursor:not-allowed;opacity:.68}@keyframes studioSkeleton{0%{background-position:120% 0}to{background-position:-120% 0}}@media (max-width: 1180px){.studio-project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-editor-grid{grid-template-columns:1fr}.studio-query-toolbar{grid-template-columns:minmax(220px,1fr) repeat(3,minmax(120px,.45fr))}.studio-query-actions{grid-column:1 / -1}}@media (max-width: 900px){.ecommerce-studio-page{width:calc(100vw - 32px);padding-top:68px}.studio-topbar,.studio-topbar-left,.studio-hero-card,.studio-process-card,.studio-section-head,.studio-pagination{align-items:stretch;flex-direction:column}.studio-topbar-left{padding-left:0}.studio-brand{top:11px}.studio-hero-copy h1,.studio-placeholder-card h1,.studio-editor-hero h1{font-size:38px}.studio-editor-hero{align-items:stretch;flex-direction:column}.studio-query-toolbar{grid-template-columns:1fr 1fr}.studio-project-cover{height:118px}.studio-query-actions{grid-column:auto}}@media (max-width: 640px){.ecommerce-studio-page{width:calc(100vw - 28px);padding-top:70px}.studio-brand{top:14px;left:24px}.studio-brand-mark{width:32px;height:32px}.studio-brand-name{font-size:18px}.studio-hero-card,.studio-projects-panel,.studio-placeholder-card,.studio-editor-hero,.studio-editor-card{padding:22px}.studio-projects-panel{padding:12px}.studio-hero-copy h1,.studio-placeholder-card h1,.studio-editor-hero h1{font-size:32px}.studio-query-toolbar,.studio-project-grid,.studio-form-grid{grid-template-columns:1fr}.studio-project-cover{height:168px}.studio-query-toolbar{padding:9px}.studio-editor-topbar,.studio-material-item,.studio-editor-actions{align-items:stretch;flex-direction:column}.studio-material-item{display:flex}.studio-material-actions{justify-content:flex-end}.studio-project-card{min-height:auto}.studio-project-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-project-actions,.studio-empty-state>div{grid-template-columns:1fr;flex-direction:column}.studio-primary-btn,.studio-query-btn,.studio-reset-btn{width:100%}.studio-page-buttons{flex-wrap:wrap}}:root{--container-max: 1100px;--container-padding: 32px;color:#11152f;background:#f5f7ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 14% -5%,rgba(137,190,255,.32),transparent 30rem),radial-gradient(circle at 83% -5%,rgba(235,120,219,.28),transparent 28rem),linear-gradient(180deg,#f4f7fc,#f8fbff 44%,#f5f7ff)}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;overflow-x:hidden}.main-content{min-width:0;display:flex;flex-direction:column;padding-left:54px}.main-content.is-result-page{height:100vh;overflow:hidden;padding-top:80px}.main-content.is-result-page main{min-height:0;flex:1 1 auto;overflow:hidden}.ecommerce-workspace-shell{min-height:100vh;background:radial-gradient(circle at 12% -8%,rgba(137,190,255,.3),transparent 30rem),radial-gradient(circle at 84% -10%,rgba(235,120,219,.24),transparent 28rem),linear-gradient(180deg,#f5f8ff,#fbfdff 48%,#f6f7ff)}.ecommerce-workspace-main{min-width:0}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:30;display:flex;flex-direction:column;align-items:center;padding:8px;background:transparent}.sidebar-nav{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:auto;margin-bottom:auto}.sidebar-item{position:relative;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:10px;color:#7c8aa5;background:transparent;transition:color .18s ease,background .18s ease,box-shadow .18s ease}.sidebar-item:hover{color:#7c83ff;background:#ffffff1f}.sidebar-item.is-active{color:#7c83ff;background:#ffffff1a;box-shadow:none}.sidebar-label{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);white-space:nowrap;padding:5px 12px;border-radius:8px;background:#1a1e2e;color:#fff;font-size:13px;font-weight:600;box-shadow:0 6px 18px #0000002e;opacity:0;pointer-events:none;transition:opacity .15s ease}.sidebar-item:hover .sidebar-label{opacity:1}.sidebar-divider{width:24px;height:1px;margin:6px 0 12px;background:#94a3b82e}.sidebar-user-wrap{position:relative;margin-bottom:16px;display:flex;flex-direction:column;align-items:center;gap:4px}.sidebar-user-btn{width:38px;height:38px;padding:0!important}.sidebar-user-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#4e76ff,#c74bea);font-size:12px;font-weight:900}.sidebar-user-avatar--guest{background:#7c83ff26;color:#7c83ff}.sidebar-user-menu{position:absolute;left:calc(100% + 12px);bottom:0;display:grid;min-width:120px;padding:6px;border:1px solid rgba(103,117,158,.12);border-radius:8px;background:#fff;box-shadow:0 18px 42px #232d5224;z-index:50}.sidebar-user-menu button{height:34px;border:0;border-radius:6px;color:#27314c;background:transparent;text-align:left;font-size:13px;font-weight:750;cursor:pointer;padding:0 8px}.sidebar-user-menu button:hover{color:#5a61ea;background:#f5f6ff}.site-header{position:absolute;top:0;left:0;width:100%;z-index:20;display:flex;align-items:center;justify-content:space-between;height:80px;padding:0 48px;background:transparent;border:none}.brand{display:inline-flex;align-items:center;gap:10px;min-width:0;font-weight:800}.brand-mark{display:grid;place-items:center;width:36px;height:36px;color:#fff;border-radius:8px;background:linear-gradient(145deg,#10c9cf 2%,transparent 48%),linear-gradient(45deg,#3868ff,#dc6bf0 82%);box-shadow:0 10px 26px #5f53e83d}.brand-name{font-size:clamp(18px,2vw,24px);letter-spacing:0;white-space:nowrap}.brand-subtitle{font-size:16px;color:#161a35;white-space:nowrap}.main-nav{display:flex;align-items:center;gap:clamp(30px,4vw,62px);color:#171b35;font-size:15px;font-weight:650}.main-nav a{padding:12px 0}.main-nav a:hover,.main-nav a:focus-visible,.main-nav a.is-active{color:#6549f4}.header-actions{display:flex;align-items:center;gap:16px}.user-menu-wrap{position:relative}.user-menu-button{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px 0 8px;border:1px solid rgba(0,0,0,.08);border-radius:999px;color:#121633;background:#ffffff8f;box-shadow:0 4px 12px #0000000a;font-weight:700;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.user-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#4e76ff,#c74bea);font-size:13px;font-weight:900}.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu{position:absolute;right:0;top:calc(100% + 10px);display:grid;min-width:132px;padding:6px;border:1px solid rgba(103,117,158,.12);border-radius:8px;background:#fff;box-shadow:0 18px 42px #232d5224}.user-menu button{height:34px;border:0;border-radius:6px;color:#27314c;background:transparent;text-align:left;font-size:13px;font-weight:750}.user-menu button:hover{color:#5a61ea;background:#f5f6ff}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 22px;border:1px solid transparent;border-radius:8px;font-weight:700;color:#121633;background:#fff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.button:hover,.button:focus-visible{transform:translateY(-1px)}.button-ghost{border:1px solid rgba(0,0,0,.08);border-radius:999px;background:#fff6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#121633;font-weight:600;padding:0 24px;box-shadow:0 4px 12px #0000000a}.button-ghost:hover{background:#fff;border-color:#0000001f;box-shadow:0 6px 16px #00000014}.button-primary{color:#fff;border-color:transparent;background:linear-gradient(100deg,#4e76ff,#c74bea);box-shadow:0 14px 28px #625be547}.content-section{width:100%;max-width:var(--container-max);margin:48px auto 0;padding:0 var(--container-padding)}.section-header{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px}.section-header h2{margin:0;color:#171b35;font-size:18px;letter-spacing:0}.section-icon{display:grid;place-items:center;color:#8a70ff}.section-icon.hot{color:#ff5868}.inspiration-section{width:min(1600px,calc(100vw - 96px));max-width:none;margin-top:56px;padding-right:0;padding-left:0;padding-bottom:64px}.inspiration-header{margin-bottom:16px}.inspiration-title{margin:0;color:#171b35;font-size:22px;font-weight:800;letter-spacing:0}.category-tabs-wrap{position:relative;display:flex;align-items:center;margin-bottom:20px;max-width:100%}.category-tabs-wrap:after{content:"";position:absolute;right:0;top:0;width:48px;height:100%;pointer-events:none;background:linear-gradient(to right,#f8fbff00,#f8fbff);z-index:2}.tabs-arrow{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(124,137,171,.14);border-radius:50%;color:#5a627c;background:#fff;box-shadow:0 4px 12px #0000000f;z-index:3;flex-shrink:0}.tabs-arrow:hover{color:#5e56dd;background:#f8f6ff}.tabs-arrow-left{margin-right:6px}.tabs-arrow-right{margin-left:6px}.category-tabs-scroll{flex:1;min-width:0;display:flex;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding:4px 0;scrollbar-width:none}.category-tabs-scroll::-webkit-scrollbar{display:none}.category-tab{flex:0 0 auto;height:34px;padding:0 16px;border:1px solid rgba(124,137,171,.18);border-radius:999px;color:#3f465d;background:#fff;font-size:14px;font-weight:650;white-space:nowrap;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.category-tab:hover{transform:translateY(-1px);border-color:#7067f547;background:#f8f6ff}.category-tab.is-active{color:#fff;border-color:transparent;background:linear-gradient(100deg,#4e76ff,#c74bea);box-shadow:0 6px 18px #625be538}.masonry-grid{column-count:5;column-gap:20px}.masonry-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;padding:0;break-inside:avoid;margin-bottom:20px;position:relative;overflow:hidden;border:1px solid rgba(121,137,176,.12);border-radius:18px;background:#f4f6fb;box-shadow:0 10px 24px #232d5214;color:inherit;cursor:pointer;font:inherit;text-align:left;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.masonry-card:hover{transform:translateY(-5px);border-color:#7067f533;box-shadow:0 18px 38px #2e3a6421}.masonry-img-wrap{position:relative;width:100%;overflow:hidden;background:#f4f6fb}.masonry-img{display:block;width:100%;height:auto;object-fit:contain;transition:transform .4s ease,opacity .3s ease}.masonry-card:hover .masonry-img{transform:scale(1.025)}.masonry-skeleton-img{width:100%;aspect-ratio:4 / 5;background:linear-gradient(90deg,#edf1f8,#f8faff,#edf1f8);background-size:220% 100%;animation:masonryPulse 1.2s ease-in-out infinite}.masonry-img-fallback{display:grid;place-items:center;width:100%;min-height:260px;color:#bcc3d4;background:#f4f6fb}@keyframes masonryPulse{0%{background-position:120% 0}to{background-position:-120% 0}}.masonry-category-tag{position:absolute;left:10px;top:10px;z-index:2;padding:3px 10px;border-radius:6px;color:#fff;background:#0f142873;font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.masonry-card-body{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:34px 13px 12px;gap:12px;color:#fff;background:linear-gradient(180deg,#0f142800,#0f142894);pointer-events:none}.masonry-card-body.is-meta-only{justify-content:flex-end}.masonry-author{min-width:0;font-size:13px;font-weight:650;color:#fffffff0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 8px rgba(15,20,40,.35)}.masonry-card-stats{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.masonry-stat{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:#ffffffe0;font-weight:600;text-shadow:0 1px 8px rgba(15,20,40,.35)}.masonry-skeleton{pointer-events:none}.masonry-skeleton .skeleton-img{width:100%;background:linear-gradient(90deg,#edf1f8,#f8faff,#edf1f8);background-size:220% 100%;animation:masonryPulse 1.2s ease-in-out infinite}@media (max-width: 1440px){.masonry-grid{column-count:5;column-gap:18px}.masonry-card{margin-bottom:18px}}@media (max-width: 1024px){.masonry-grid{column-count:3;column-gap:20px}.masonry-card{margin-bottom:20px;border-radius:18px}}@media (max-width: 768px){.masonry-grid{column-count:2;column-gap:16px}.masonry-card{margin-bottom:16px;border-radius:18px}}@media (max-width: 560px){.masonry-grid{column-count:1;column-gap:0}.masonry-card{margin-bottom:18px}}.image-placeholder{position:relative;display:flex;align-items:flex-end;min-height:126px;padding:14px;overflow:hidden;color:#ffffffeb;font-weight:800}.image-placeholder:before,.image-placeholder:after{position:absolute;content:"";border-radius:999px}.image-placeholder:before{right:-26px;top:-18px;width:100px;height:100px;background:#ffffff42}.image-placeholder:after{left:-34px;bottom:-38px;width:130px;height:130px;background:#ffffff29}.image-placeholder>span:not(.image-badge){position:relative;z-index:1;max-width:90%;text-shadow:0 6px 16px rgba(25,31,58,.26)}.image-badge{position:absolute;left:10px;top:10px;z-index:3;display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;color:#fff;background:#0f14286b;font-size:12px;font-weight:800}.placeholder-sky{background:linear-gradient(135deg,#84cdfa,#70d7b8 50%,#ffd577)}.placeholder-navy{background:linear-gradient(135deg,#0d2846,#125ca3 58%,#69ddff)}.placeholder-cyan{background:linear-gradient(135deg,#143b57,#20aac4 54%,#96f2ff)}.placeholder-sage{background:linear-gradient(135deg,#b5c998,#eef0c8 48%,#9bc2a0)}.placeholder-sunset{background:linear-gradient(135deg,#a6323d,#ef8d3d 52%,#ffd36b)}.placeholder-pink{background:linear-gradient(135deg,#d975a3,#f5b7c6 52%,#a88bff)}.placeholder-emerald{background:linear-gradient(135deg,#4da66f,#9bd7bf 52%,#8bd0ff)}.placeholder-ice{background:linear-gradient(135deg,#a5c3df,#f3f7ff 52%,#89afe0)}.placeholder-cyber{background:linear-gradient(135deg,#111a37,#2354c7 52%,#ee5c9f)}.placeholder-dream{background:linear-gradient(135deg,#7cc4d6,#ffd2a2 54%,#b392e9)}.placeholder-blossom{background:linear-gradient(135deg,#e7aacb,#ffe6b4 55%,#a7c5ff)}.placeholder-meadow{background:linear-gradient(135deg,#74b576,#d2e8a0 52%,#8fc9f1)}.page-loading-shell{width:100%;max-width:var(--container-max);margin:0 auto;padding:58px var(--container-padding) 42px}.page-loading-title{width:min(360px,70vw);height:48px;margin-bottom:24px;border-radius:8px;background:linear-gradient(90deg,#edf1f8,#f8faff,#edf1f8);background-size:220% 100%;animation:loadingPulse 1.2s ease-in-out infinite}.page-loading-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.page-loading-card{min-height:220px;border-radius:8px;background:linear-gradient(90deg,#edf1f8,#f8faff,#edf1f8);background-size:220% 100%;animation:loadingPulse 1.2s ease-in-out infinite}@keyframes loadingPulse{0%{background-position:120% 0}to{background-position:-120% 0}}button:focus-visible,a:focus-visible{outline:3px solid rgba(99,102,241,.28);outline-offset:2px}.inspiration-loading-more,.inspiration-status{text-align:center;padding:20px 0 8px;font-size:14px;color:var(--text-secondary, #6b7280)}.inspiration-retry-btn{display:block;margin:16px auto 8px;padding:8px 24px;border:1px solid var(--border, #e5e7eb);border-radius:8px;background:var(--card-bg, #fff);color:var(--text-secondary, #6b7280);font-size:14px;cursor:pointer}.inspiration-retry-btn:hover{color:var(--primary, #6c5ce7);border-color:var(--primary, #6c5ce7)}@media (max-width: 1280px){.main-nav{justify-content:center;gap:24px}.page-loading-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 900px){.site-header{height:58px}.main-nav,.brand-subtitle{display:none}.page-loading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){:root{--container-padding: 16px}.sidebar{display:none}.main-content{padding-left:0}.site-header{padding:0 24px;height:60px}.brand-mark{width:32px;height:32px}.brand-name{font-size:18px}.button{min-height:36px;padding:0 14px}.page-loading-grid{grid-template-columns:1fr}}.popup-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border:1px solid transparent;border-radius:10px;font-size:13px;font-weight:650;cursor:pointer;transition:background .15s ease}.popup-btn-text{color:#7a84a0;background:transparent}.popup-btn-text:hover{background:#7882aa0f}.popup-btn-solid{color:#fff;background:linear-gradient(135deg,#7c5cff,#4a90e2)}.popup-btn-solid:hover{box-shadow:0 6px 16px #5c6bff2e}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;background:#0f142859;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:modalFadeIn .18s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:20px;box-shadow:0 30px 80px #0f172a33;animation:modalSlideIn .2s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reference-preview-row{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:0 16px 8px;background:#f0f4ff;border-radius:8px;border:1px solid #d0d8f0}.reference-preview-img{width:48px;height:48px;object-fit:contain;border-radius:6px;border:1px solid #e0e0e0;background:#fff}.reference-preview-label{flex:1;font-size:13px;color:#475569}.reference-preview-remove{background:none;border:none;font-size:20px;color:#94a3b8;cursor:pointer;padding:2px 6px;border-radius:4px}.reference-preview-remove:hover{background:#fee2e2;color:#ef4444}