*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#333;-webkit-font-smoothing:antialiased;background:#f5f6fa;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5}#root{height:100%}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}select{font-family:inherit}.app-root{--layout-direction:row;--layout-height:100vh;--sidebar-w:220px;--sidebar-direction:column;--sidebar-padding:0;--sidebar-h:auto;--sidebar-sticky:static;--sidebar-z:auto;--sidebar-header-padding:24px 20px 16px;--sidebar-header-border:1px solid #ffffff14;--sidebar-header-display:block;--sidebar-h1-size:20px;--sidebar-sub-display:block;--sidebar-nav-direction:column;--sidebar-nav-padding:12px 0;--sidebar-nav-gap:2px;--sidebar-nav-overflow:visible;--sidebar-nav-scrollbar:auto;--sidebar-footer-padding:12px 20px;--sidebar-footer-border:1px solid #ffffff14;--sidebar-footer-gap:0;--nav-item-padding:12px 20px;--nav-item-gap:10px;--nav-item-font-size:14px;--nav-item-h:auto;--nav-item-border:3px solid transparent;--nav-item-border-active:3px solid transparent;--nav-icon-size:16px;--nav-icon-w:20px;--nav-label-display:inline;--sidebar-user-size:13px;--sidebar-user-maxw:none;--sidebar-logout-padding:4px 10px;--sidebar-logout-font:12px;--main-padding:32px;--login-padding:0;--login-card-w:380px;--login-card-maxw:none;--login-card-padding:48px 40px;--login-title-size:24px;--login-sub-mb:32px;--scenes-section-padding:24px;--scene-row-flex:flex;--scene-row-gap:16px;--scene-row-padding:12px 16px;--scene-preview-w:80px;--scene-preview-h:45px;--scene-name-size:14px;--scene-select-w:180px;--bg-section-padding:24px;--bg-section-minh:400px;--bg-grid-cols:repeat(auto-fill, minmax(300px, 1fr));--bg-grid-gap:20px;--bg-card-preview-h:200px;--bg-card-padding:14px;--bg-upload-padding:8px 18px;--bg-upload-font:13px;--pt-section-padding:24px;--pt-header-display:flex;--pt-header-gap:0;--pt-h2-size:16px;--pt-form-cols:repeat(3, 1fr);--pt-form-gap:18px;--pt-modal-w:720px;--pt-modal-maxw:92vw;--pt-modal-overflow:visible;--pt-modal-header-padding:20px 24px 0;--pt-modal-body-padding:24px 28px;--pt-modal-footer-flex:row;--pt-modal-btn-flex:none;--table-cell-padding:10px 12px;--table-cell-font:13px;--table-cell-maxw:200px;--pt-actions-direction:row;--pt-actions-gap:6px;--pt-btn-sm-padding:4px 12px;--pt-btn-sm-font:12px;--loading-h:200px;--loading-font:16px;height:100%}@media (width<=768px){.app-root:not([data-view-mode=pc]){--layout-direction:column;--layout-height:100dvh;--sidebar-w:100%;--sidebar-direction:row;--sidebar-padding:0 12px;--sidebar-h:52px;--sidebar-sticky:sticky;--sidebar-z:100;--sidebar-header-padding:0;--sidebar-header-border:none;--sidebar-header-display:flex;--sidebar-h1-size:16px;--sidebar-sub-display:none;--sidebar-nav-direction:row;--sidebar-nav-padding:0 8px;--sidebar-nav-gap:0;--sidebar-nav-overflow:auto;--sidebar-nav-scrollbar:none;--sidebar-footer-padding:0;--sidebar-footer-border:none;--sidebar-footer-gap:8px;--nav-item-padding:0 12px;--nav-item-gap:4px;--nav-item-font-size:13px;--nav-item-h:52px;--nav-item-border:none;--nav-item-border-active:none;--nav-icon-size:14px;--nav-icon-w:auto;--nav-label-display:inline;--sidebar-user-size:12px;--sidebar-user-maxw:60px;--sidebar-logout-padding:3px 8px;--sidebar-logout-font:11px;--main-padding:16px;--login-padding:16px;--login-card-w:100%;--login-card-maxw:100%;--login-card-padding:32px 24px;--login-title-size:20px;--login-sub-mb:24px;--scenes-section-padding:16px;--scene-row-flex:wrap;--scene-row-gap:10px;--scene-row-padding:10px 12px;--scene-preview-w:60px;--scene-preview-h:34px;--scene-name-size:13px;--scene-select-w:100%;--bg-section-padding:16px;--bg-section-minh:auto;--bg-grid-cols:1fr;--bg-grid-gap:14px;--bg-card-preview-h:160px;--bg-card-padding:10px 12px;--bg-upload-padding:6px 14px;--bg-upload-font:12px;--pt-section-padding:16px;--pt-header-display:flex;--pt-header-gap:8px;--pt-h2-size:14px;--pt-form-cols:1fr 1fr;--pt-form-gap:12px;--pt-modal-w:94vw;--pt-modal-maxw:94vw;--pt-modal-overflow:auto;--pt-modal-header-padding:16px 16px 0;--pt-modal-body-padding:16px;--pt-modal-footer-flex:wrap;--pt-modal-btn-flex:1;--table-cell-padding:8px 8px;--table-cell-font:12px;--table-cell-maxw:120px;--pt-actions-direction:column;--pt-actions-gap:4px;--pt-btn-sm-padding:3px 8px;--pt-btn-sm-font:11px;--loading-h:120px;--loading-font:14px}}.app-root[data-view-mode=mobile]{--layout-direction:column;--layout-height:100dvh;--sidebar-w:100%;--sidebar-direction:row;--sidebar-padding:0 12px;--sidebar-h:52px;--sidebar-sticky:sticky;--sidebar-z:100;--sidebar-header-padding:0;--sidebar-header-border:none;--sidebar-header-display:flex;--sidebar-h1-size:16px;--sidebar-sub-display:none;--sidebar-nav-direction:row;--sidebar-nav-padding:0 8px;--sidebar-nav-gap:0;--sidebar-nav-overflow:auto;--sidebar-nav-scrollbar:none;--sidebar-footer-padding:0;--sidebar-footer-border:none;--sidebar-footer-gap:8px;--nav-item-padding:0 12px;--nav-item-gap:4px;--nav-item-font-size:13px;--nav-item-h:52px;--nav-item-border:none;--nav-item-border-active:none;--nav-icon-size:14px;--nav-icon-w:auto;--nav-label-display:inline;--sidebar-user-size:12px;--sidebar-user-maxw:60px;--sidebar-logout-padding:3px 8px;--sidebar-logout-font:11px;--main-padding:16px;--login-padding:16px;--login-card-w:100%;--login-card-maxw:100%;--login-card-padding:32px 24px;--login-title-size:20px;--login-sub-mb:24px;--scenes-section-padding:16px;--scene-row-flex:wrap;--scene-row-gap:10px;--scene-row-padding:10px 12px;--scene-preview-w:60px;--scene-preview-h:34px;--scene-name-size:13px;--scene-select-w:100%;--bg-section-padding:16px;--bg-section-minh:auto;--bg-grid-cols:1fr;--bg-grid-gap:14px;--bg-card-preview-h:160px;--bg-card-padding:10px 12px;--bg-upload-padding:6px 14px;--bg-upload-font:12px;--pt-section-padding:16px;--pt-header-display:flex;--pt-header-gap:8px;--pt-h2-size:14px;--pt-form-cols:1fr 1fr;--pt-form-gap:12px;--pt-modal-w:94vw;--pt-modal-maxw:94vw;--pt-modal-overflow:auto;--pt-modal-header-padding:16px 16px 0;--pt-modal-body-padding:16px;--pt-modal-footer-flex:wrap;--pt-modal-btn-flex:1;--table-cell-padding:8px 8px;--table-cell-font:12px;--table-cell-maxw:120px;--pt-actions-direction:column;--pt-actions-gap:4px;--pt-btn-sm-padding:3px 8px;--pt-btn-sm-font:11px;--loading-h:120px;--loading-font:14px}@media (width<=480px){.app-root:not([data-view-mode=pc]){--pt-form-cols:1fr}}.app-root[data-view-mode=mobile]{--pt-form-cols:1fr}@media (width>=769px) and (width<=1024px){.app-root:not([data-view-mode=mobile]){--bg-grid-cols:repeat(2, 1fr);--main-padding:24px}}.app-layout{flex-direction:var(--layout-direction);height:var(--layout-height);background:#f5f6fa;display:flex}.sidebar{width:var(--sidebar-w);color:#fff;flex-direction:var(--sidebar-direction);padding:var(--sidebar-padding);height:var(--sidebar-h);position:var(--sidebar-sticky);z-index:var(--sidebar-z);background:#1a1f36;flex-shrink:0;display:flex;top:0}.sidebar-header{padding:var(--sidebar-header-padding);border-bottom:var(--sidebar-header-border);display:var(--sidebar-header-display);align-items:center;gap:6px}.sidebar-header-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.sidebar-header h1{font-size:var(--sidebar-h1-size);letter-spacing:1px;margin:0;font-weight:700}.sidebar-subtitle{opacity:.5;display:var(--sidebar-sub-display);margin-top:2px;font-size:12px}.sidebar-nav{padding:var(--sidebar-nav-padding);flex:1;flex-direction:var(--sidebar-nav-direction);gap:var(--sidebar-nav-gap);overflow-x:var(--sidebar-nav-overflow);-webkit-overflow-scrolling:touch;scrollbar-width:var(--sidebar-nav-scrollbar);display:flex}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-footer{padding:var(--sidebar-footer-padding);border-top:var(--sidebar-footer-border);justify-content:space-between;align-items:center;gap:var(--sidebar-footer-gap);flex-shrink:0;display:flex}.sidebar-user{font-size:var(--sidebar-user-size);color:#ffffffb3;max-width:var(--sidebar-user-maxw);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-logout{color:#fff9;padding:var(--sidebar-logout-padding);font-size:var(--sidebar-logout-font);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:4px;transition:all .15s}.sidebar-logout:hover{color:#fff;background:#ffffff1a}.nav-item{align-items:center;gap:var(--nav-item-gap);padding:var(--nav-item-padding);color:#ffffffa6;font-size:var(--nav-item-font-size);border-left:var(--nav-item-border);height:var(--nav-item-h);white-space:nowrap;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item--active{color:#58a6ff;border-bottom-color:#58a6ff;border-left-color:#58a6ff;border-left:var(--nav-item-border-active);background:#58a6ff1a;border-bottom:3px solid #0000}.nav-icon{font-size:var(--nav-icon-size);width:var(--nav-icon-w);text-align:center}.nav-label{display:var(--nav-label-display)}.main-content{padding:var(--main-padding);flex:1;overflow-y:auto}.welcome{color:#666;flex-direction:column;justify-content:center;align-items:center;height:60vh;display:flex}.welcome h2{color:#333;margin-bottom:8px;font-size:24px}.bg-page{flex-direction:column;gap:24px;height:100%;display:flex}.bg-scenes-section{padding:var(--scenes-section-padding);background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f}.bg-scenes-section h2,.bg-list-section h2{color:#1a1f36;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:600;display:flex}.scene-list{flex-direction:column;gap:10px;display:flex}.scene-row{display:var(--scene-row-flex);align-items:center;gap:var(--scene-row-gap);padding:var(--scene-row-padding);background:#f8f9fc;border:1px solid #eef0f4;border-radius:8px;transition:border-color .2s,background .2s}.scene-row:hover{border-color:#c0c8d8}.scene-row--saving{background:#f0f4ff;border-color:#b3d4ff}.scene-row-preview{width:var(--scene-preview-w);height:var(--scene-preview-h);background:#eef0f4;border-radius:6px;flex-shrink:0;overflow:hidden}.scene-row-img{object-fit:cover;width:100%;height:100%}.scene-row-empty{color:#aaa;justify-content:center;align-items:center;width:100%;height:100%;font-size:11px;display:flex}.scene-row-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.scene-row-name{font-size:var(--scene-name-size);color:#333;font-weight:600}.scene-row-current{color:#888;font-size:12px}.scene-row-select{width:var(--scene-select-w);cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:6px;outline:none;flex-shrink:0;padding:7px 10px;font-size:13px;transition:border-color .2s}.scene-row-select:focus{border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff26}.bg-list-section{padding:var(--bg-section-padding);min-height:var(--bg-section-minh);background:#fff;border-radius:12px;flex:1;box-shadow:0 1px 3px #0000000f}.bg-list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.bg-list-header h2{margin:0!important}.bg-upload-area{align-items:center;display:flex}.bg-file-input{display:none}.bg-upload-btn{padding:var(--bg-upload-padding);color:#fff;font-size:var(--bg-upload-font);cursor:pointer;-webkit-user-select:none;user-select:none;background:#1a1f36;border-radius:8px;align-items:center;gap:6px;transition:background .2s;display:inline-flex}.bg-upload-btn:hover{background:#2d3452}.bg-grid{grid-template-columns:var(--bg-grid-cols);gap:var(--bg-grid-gap);display:grid}.bg-card{background:#f8f9fc;border:1px solid #eef0f4;border-radius:10px;transition:transform .2s,box-shadow .2s;overflow:hidden}.bg-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.bg-card--unused{border-color:#ffe0e0}.bg-card--unused:hover{border-color:#faa}.bg-card-preview{height:var(--bg-card-preview-h);background:#f0f1f5;overflow:hidden}.bg-card-img{object-fit:cover;width:100%;height:100%}.bg-card-info{padding:var(--bg-card-padding);justify-content:space-between;align-items:flex-start;display:flex}.bg-card-info-left{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.bg-card-info h3{color:#333;margin:0;font-size:14px;font-weight:600}.bg-card-key{color:#999;background:#eef0f4;border-radius:4px;align-self:flex-start;padding:2px 8px;font-size:11px}.bg-card-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.bg-card-status{white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:11px}.status-used{color:#2e7d32;background:#e8f5e9}.status-unused{color:#e65100;background:#fff3e0}.bg-delete-btn{color:#e53935;cursor:pointer;background:#fff;border:1px solid #ffcdd2;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:all .15s;display:flex}.bg-delete-btn:hover{background:#ffebee;border-color:#e53935}.login-wrapper{height:100vh;padding:var(--login-padding);box-sizing:border-box;background:#f5f6fa;justify-content:center;align-items:center;display:flex}.login-card{padding:var(--login-card-padding);width:var(--login-card-w);max-width:var(--login-card-maxw);text-align:center;box-sizing:border-box;background:#fff;border-radius:12px;position:relative;box-shadow:0 2px 12px #0000000f}.login-card-top-bar{justify-content:flex-end;align-items:center;display:flex;position:absolute;top:10px;left:12px;right:12px}.login-title{font-size:var(--login-title-size);color:#1a1f36;margin:0 0 2px;font-weight:700}.login-subtitle{color:#888;margin:0 0 var(--login-sub-mb) 0;font-size:13px}.login-form{flex-direction:column;gap:14px;display:flex}.login-input{border:1px solid #d0d5dd;border-radius:8px;outline:none;padding:12px 16px;font-size:14px;transition:border-color .2s}.login-input:focus{border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff1f}.login-error{color:#e53935;margin:0;font-size:13px}.login-btn{color:#fff;cursor:pointer;background:#1a1f36;border:none;border-radius:8px;padding:12px;font-size:15px;font-weight:600;transition:background .2s}.login-btn:hover{background:#2d3452}.login-btn:disabled{opacity:.6;cursor:not-allowed}.view-toggle{color:#fffc;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;padding:3px 10px;font-size:11px;transition:all .15s}.view-toggle:hover{color:#fff;background:#ffffff40}.login-card-top-bar .view-toggle{color:#666;background:#0000000a;border-color:#d0d5dd}.login-card-top-bar .view-toggle:hover{color:#1a1f36;background:#00000014;border-color:#58a6ff}.page-loading,.page-error{height:var(--loading-h);font-size:var(--loading-font);color:#888;justify-content:center;align-items:center;display:flex}.page-error{color:#e74c3c}.pt-page{flex-direction:column;gap:24px;display:flex}.pt-form-section,.pt-list-section{padding:var(--pt-section-padding);background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f}.pt-form-section h2,.pt-list-section h2{font-size:var(--pt-h2-size);color:#1a1f36;margin:0 0 16px;font-weight:600}.pt-form-grid{grid-template-columns:var(--pt-form-cols);gap:var(--pt-form-gap);display:grid}.pt-form-grid label{color:#666;flex-direction:column;gap:4px;font-size:12px;display:flex}.pt-form-grid input{border:1px solid #d0d5dd;border-radius:6px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.pt-form-grid input:focus{border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff1f}.pt-form-actions{gap:10px;margin-top:16px;display:flex}.pt-btn{cursor:pointer;text-align:center;background:#fff;border:1px solid #d0d5dd;border-radius:6px;padding:8px 20px;font-size:13px;transition:all .15s}.pt-btn:hover{background:#f5f6fa}.pt-btn-primary{color:#fff;background:#1a1f36;border-color:#1a1f36}.pt-btn-primary:hover{background:#2d3452}.pt-empty{text-align:center;color:#aaa;padding:60px 0;font-size:15px}.pt-table-wrap{overflow-x:auto}.pt-table{border-collapse:collapse;width:100%;font-size:var(--table-cell-font)}.pt-table th{text-align:left;padding:var(--table-cell-padding);color:#666;white-space:nowrap;background:#f8f9fc;border-bottom:2px solid #eef0f4;font-weight:600}.pt-table td{padding:var(--table-cell-padding);color:#333;max-width:var(--table-cell-maxw);text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #eef0f4;overflow:hidden}.pt-table tr:hover td{background:#f8f9fc}.pt-actions{flex-direction:var(--pt-actions-direction);gap:var(--pt-actions-gap);white-space:nowrap;display:flex}.pt-btn-sm{padding:var(--pt-btn-sm-padding);font-size:var(--pt-btn-sm-font);cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:4px;transition:all .15s}.pt-btn-sm:hover{background:#f0f2f5}.pt-btn-danger{color:#e53935;border-color:#ffcdd2}.pt-btn-danger:hover{background:#ffebee}.pt-modal-overlay{z-index:1000;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pt-modal{width:var(--pt-modal-w);max-width:var(--pt-modal-maxw);max-height:90dvh;overflow-y:var(--pt-modal-overflow);background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026}.pt-modal-header{padding:var(--pt-modal-header-padding);justify-content:space-between;align-items:center;display:flex}.pt-modal-lg{width:min(800px,94vw)!important}.pt-modal-header h3{color:#1a1f36;margin:0;font-size:16px;font-weight:600}.pt-modal-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;transition:all .15s;display:flex}.pt-modal-close:hover{color:#333;background:#f0f2f5}.pt-modal-body{padding:var(--pt-modal-body-padding)}.pt-modal-footer{flex-direction:var(--pt-modal-footer-flex);justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.pt-modal-footer .pt-btn{flex:var(--pt-modal-btn-flex);text-align:center}.pt-list-header{display:var(--pt-header-display);justify-content:space-between;align-items:center;gap:var(--pt-header-gap);margin-bottom:16px}.pt-list-header h2{margin:0!important}.pt-strategy-select{color:inherit;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:6px;max-width:130px;padding:4px 8px;font-size:12px}.pt-strategy-select:focus{border-color:#1677ff;outline:none}.pt-strategy-badge{color:#1677ff;white-space:nowrap;background:#1677ff1f;border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.pt-strategy-none{color:#999;font-size:12px}.pt-strategy-tip{color:#888;margin:-6px 0 12px;font-size:12px}.pt-table td.pt-actions{white-space:normal;max-width:none;overflow:visible}.pt-actions{flex-wrap:wrap;align-items:center}