.material-item img,.replace-material-item img,.layer-thumb-img,.layer-bg-img,.bg-current-swatch,.material-library img,.tpl-preview-img{-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}:root{--b-bg-deep: #F0F0F0;--b-bg-panel: #FFFFFF;--b-bg-elevated: #FAFAFA;--b-border: #E8E8E8;--b-text-primary: #333333;--b-text-secondary: #666666;--b-text-muted: #999999;--b-accent: #3B82F6;--b-accent-hover: #2563EB;--b-success: #22C55E;--b-warning: #EAB308;--b-danger: #EF4444;--b-toolbar-height: 48px;--b-left-panel-width: 260px;--b-right-panel-width: 288px;--b-sub-toolbar-width: 72px;--b-transition-fast: .15s ease;--b-transition-normal: .3s cubic-bezier(.25, .1, .25, 1);--b-transition-slow: .5s cubic-bezier(.175, .885, .32, 1.1);--b-transition-collapse: .35s cubic-bezier(.4, 0, 1, 1)}.template-editor{display:flex;flex-direction:column;height:calc(100vh - 96px);overflow:hidden;background:var(--b-bg-panel);color:var(--b-text-primary);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,Roboto,sans-serif;transition:all var(--b-transition-slow)}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:var(--b-toolbar-height);background:var(--b-bg-panel);border-bottom:1px solid var(--b-border);flex-shrink:0;z-index:100;transition:transform var(--b-transition-slow),height var(--b-transition-slow)}.editor-toolbar .ant-divider{margin:0 4px;border-color:var(--b-border)}.editor-toolbar .ant-btn-sm{border-radius:6px;border-color:var(--b-border);color:var(--b-text-secondary);background:transparent;transition:all var(--b-transition-fast)}.editor-toolbar .ant-btn-sm:hover{border-color:var(--b-accent);color:var(--b-accent);background:#f5f8ff}.editor-toolbar .ant-btn-primary{border-radius:6px;font-weight:500;background:var(--b-accent);border-color:var(--b-accent)}.editor-toolbar .ant-btn-primary:hover{background:var(--b-accent-hover)!important;border-color:var(--b-accent-hover)!important}.editor-toolbar .ant-segmented{border-radius:6px;background:var(--b-bg-elevated);border:1px solid var(--b-border)}.editor-toolbar .ant-segmented .ant-segmented-item{border-radius:4px;color:var(--b-text-secondary)}.editor-toolbar .ant-segmented .ant-segmented-item-selected{background:var(--b-accent);color:#fff}.editor-body{display:flex;flex:1;overflow:hidden;position:relative}.editor-panel--left{width:var(--b-left-panel-width);background:var(--b-bg-panel);border-right:1px solid var(--b-border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.editor-panel--left .ant-tabs{display:flex;flex-direction:column;height:100%}.editor-panel--left .ant-tabs-nav{margin:0!important;padding:0 8px;border-bottom:1px solid var(--b-border);background:var(--b-bg-panel)}.editor-panel--left .ant-tabs-tab{padding:8px!important;font-size:12px;font-weight:500;color:var(--b-text-muted);transition:color var(--b-transition-fast)}.editor-panel--left .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--b-accent)!important}.editor-panel--left .ant-tabs-ink-bar{background:var(--b-accent);height:2px;border-radius:1px}.editor-panel--left .ant-tabs-content-holder{flex:1;overflow:hidden;display:flex}.editor-panel--left .ant-tabs-content{height:100%;display:flex}.editor-panel--left .ant-tabs-tabpane{height:100%;display:flex;flex-direction:column}.material-library{display:flex;flex-direction:column;flex:1;overflow:hidden}.material-search-box{flex-shrink:0;padding:8px}.material-search-box .ant-input-affix-wrapper{background:#f5f5f5;border-color:#e8e8e8;border-radius:6px;color:#333}.material-search-box .ant-input-affix-wrapper input{background:transparent;color:#333;font-size:12px}.material-search-box .ant-input-affix-wrapper:hover{border-color:var(--b-accent)}.material-category-tree{flex:0 0 auto;padding:6px 8px;border-bottom:1px solid var(--b-border);background:var(--b-bg-elevated)}.material-category-tree-header{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 8px;font-size:11px;color:var(--b-text-muted);font-weight:500;letter-spacing:.5px}.material-category-tree-header .ant-btn{font-size:11px;padding:0 8px;height:22px;border-radius:4px}.material-sub-categories{padding:4px 0 4px 22px;display:flex;flex-direction:column;gap:2px}.material-sub-category{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:4px;cursor:pointer;font-size:12px;color:var(--b-text-secondary);transition:all var(--b-transition-fast)}.material-sub-category:hover,.material-sub-category.active{background:#3b82f614;color:var(--b-accent)}.material-sub-category-count{font-size:10px;color:var(--b-text-muted);background:#ffffff0f;padding:1px 8px;border-radius:8px}.material-sub-category.active .material-sub-category-count{color:var(--b-accent);background:#3b82f61f}.material-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 8px;color:var(--b-text-muted);font-size:12px;gap:8px}.material-icon-upload{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:22px;background:#3b82f61a;color:var(--b-accent)}.material-divider{flex-shrink:0;height:1px;margin:4px 8px;background:var(--b-border)}.material-grid-wrapper{flex:1;overflow-y:auto;min-height:120px;padding:4px}.material-grid-wrapper::-webkit-scrollbar{width:4px}.material-grid-wrapper::-webkit-scrollbar-thumb{background:var(--b-border);border-radius:2px}.material-upload-btn{flex-shrink:0;padding:8px;border-top:1px solid var(--b-border)}.material-upload-btn .ant-btn{width:100%;border-radius:6px;border-color:#e8e8e8;color:#666;background:#fff;font-size:12px}.material-upload-btn .ant-btn:hover{border-color:var(--b-accent);color:var(--b-accent);background:#f5f8ff}.material-category{border-bottom:1px solid rgba(64,64,64,.3)}.material-category:last-child{border-bottom:none}.material-category-header{display:flex;align-items:center;padding:10px 8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:600;color:var(--b-text-primary);gap:6px;transition:all var(--b-transition-fast);border-radius:4px}.material-category-header:hover{background:#3b82f614;color:var(--b-accent)}.material-category-header .anticon{font-size:10px;color:var(--b-text-muted);transition:transform .2s;transform:rotate(90deg)}.material-category-header.collapsed .anticon{transform:rotate(0)}.material-category-count{margin-left:auto;font-size:10px;color:var(--b-text-muted);font-weight:400;background:#f0f0f0;padding:1px 8px;border-radius:8px}.material-category-body{padding:4px 4px 8px}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.material-item{display:flex;flex-direction:column;align-items:center;padding:6px 3px;border:1px solid #F0F0F0;border-radius:6px;cursor:pointer;transition:all var(--b-transition-fast);background:#fafafa;position:relative;overflow:hidden}.material-item:hover{border-color:var(--b-accent);background:#f5f8ff;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f626}.material-item:active{transform:translateY(0)}.material-item.replace-highlight,.user-material-grid-item.replace-highlight{border-color:#3b82f6;border-width:2px;box-shadow:0 0 0 2px #3b82f64d;background:#3b82f614}.material-item.replace-disabled,.user-material-grid-item.replace-disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.replace-mode-banner{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#3b82f614;border:1px solid rgba(59,130,246,.3);border-radius:6px;margin-bottom:8px;font-size:12px;color:#3b82f6;font-weight:500}.replace-mode-banner button{background:none;border:1px solid rgba(59,130,246,.3);color:#3b82f6;border-radius:4px;padding:2px 8px;font-size:11px;cursor:pointer;transition:all .15s}.replace-mode-banner button:hover{background:#3b82f61f}.material-item img{width:48px;height:48px;object-fit:cover;border-radius:4px}.material-icon-text,.material-icon-shape{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:22px}.material-icon-text{background:#3b82f61a;color:var(--b-accent)}.material-icon-shape{background:#22c55e1a;color:var(--b-success)}.material-label{font-size:10px;color:var(--b-text-muted);margin-top:4px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.text-preset-list{display:flex;flex-direction:column;gap:4px}.text-preset-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid var(--b-border);border-radius:6px;cursor:pointer;background:var(--b-bg-elevated);transition:all var(--b-transition-fast)}.text-preset-item:hover{border-color:var(--b-accent);background:#f5f8ff}.text-preset-hint{font-size:10px;color:var(--b-text-muted)}.editor-canvas-area{flex:1;overflow:hidden;background:#ececec;position:relative;display:flex;flex-direction:column;transition:width var(--b-transition-slow);background-image:radial-gradient(circle,#E0E0E0 1px,transparent 1px);background-size:20px 20px}.canvas-tab-bar{display:flex;align-items:flex-end;height:36px;padding:0 8px;background:var(--b-bg-deep);border-bottom:1px solid var(--b-border);gap:2px;overflow-x:auto;overflow-y:hidden;flex-shrink:0;scrollbar-width:none;transition:transform var(--b-transition-slow),height var(--b-transition-slow)}.canvas-tab-bar::-webkit-scrollbar{height:4px;background:transparent}.canvas-tab-bar::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.canvas-tab-bar::-webkit-scrollbar-thumb:hover{background:#00000040}.canvas-tab-bar.is-fullscreen{position:absolute;top:0;left:0;right:0;z-index:50;opacity:0;pointer-events:none;transition:opacity .3s ease}.canvas-tab-bar.is-fullscreen:hover,.canvas-tab-bar.is-fullscreen.show-on-hover{opacity:1;pointer-events:auto}.canvas-tab{display:flex;align-items:center;gap:5px;padding:6px 10px;min-width:90px;max-width:180px;border-radius:6px 6px 0 0;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:12px;color:var(--b-text-muted);background:transparent;border:1px solid transparent;border-bottom:none;transition:all var(--b-transition-fast);position:relative;flex-shrink:0}.canvas-tab:hover{color:var(--b-accent);background:#f5f8ff}.canvas-tab.active{color:var(--b-accent);background:#ebf2ff;border-color:transparent;border-bottom:2px solid var(--b-accent);font-weight:600;border-radius:4px 4px 0 0}.canvas-tab-name{font-weight:500;flex:1;min-width:36px;max-width:100px;overflow:hidden;text-overflow:ellipsis}.canvas-tab:not(.active) .canvas-tab-name{font-size:12px}.canvas-tab.active .canvas-tab-name{font-size:13px;font-weight:600}.canvas-tab-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0;transition:background-color .2s ease}.canvas-tab-status-dot.saved{background:#22c55e;box-shadow:0 0 0 1.5px #22c55e2e}.canvas-tab-status-dot.dirty{background:#f59e0b;box-shadow:0 0 0 1.5px #f59e0b33;animation:canvas-dot-pulse 1.8s ease-in-out infinite}@keyframes canvas-dot-pulse{0%,to{box-shadow:0 0 0 1.5px #f59e0b33}50%{box-shadow:0 0 0 3.5px #f59e0b14}}.canvas-tab-ratio{font-size:10px;color:#888;background:#fff;padding:1px 5px;border-radius:3px;border:1px solid #E8E8E8;cursor:pointer;transition:all .15s}.canvas-tab-ratio:hover,.canvas-tab.active .canvas-tab-ratio{color:var(--b-accent);background:#fff;border-color:var(--b-accent)}.canvas-tab-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:3px;font-size:14px;line-height:1;color:#bbb;cursor:pointer;margin-left:2px;opacity:0;transition:all var(--b-transition-fast)}.canvas-tab:hover .canvas-tab-close{opacity:.7}.canvas-tab-close:hover{opacity:1!important;background:#fef2f2;color:var(--b-danger)}.canvas-tab.active .canvas-tab-close{color:#888;opacity:.6}.canvas-tab:hover .canvas-tab-close{opacity:1}.canvas-tab-input{width:100%;min-width:80px;background:#fff;border:1px solid var(--b-accent);border-radius:4px;color:#333;font-size:13px;padding:2px 6px;outline:none;font-family:inherit}.canvas-tab-input:focus{border-color:var(--b-accent);box-shadow:0 0 0 2px #3b82f633}.canvas-tab-add{display:flex;align-items:center;justify-content:center;width:36px;height:28px;border-radius:6px;cursor:pointer;color:#999;border:1px dashed #D0D0D0;margin-bottom:4px;flex-shrink:0;transition:all var(--b-transition-fast);font-size:18px;line-height:1;background:#fff}.canvas-tab-add:hover{color:var(--b-accent);border-color:var(--b-accent);background:#f5f8ff}.canvas-tab-add.disabled{opacity:.35;cursor:not-allowed;background:transparent;border-color:var(--b-border);color:var(--b-text-muted)}.canvas-tab-add.disabled:hover{color:var(--b-text-muted);border-color:var(--b-border);background:transparent}.canvas-stage-container{flex:1;position:relative;overflow:hidden;background:#ececec}.canvas-stage-container canvas{display:block}.pixi-canvas-container canvas{display:block;width:100%;height:100%}.pixi-canvas-container{box-shadow:0 0 0 1px #d0d0d0,0 8px 24px #00000014,0 2px 6px #0000000a}@keyframes canvas-spin{to{transform:rotate(360deg)}}.canvas-loading-mask{border-radius:4px}.export-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffd9;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:all}.export-overlay-inner{color:#555;font-size:15px;font-weight:500;letter-spacing:1px;display:flex;align-items:center;gap:10px}.export-overlay-inner:before{content:"";width:18px;height:18px;border:2px solid rgba(0,0,0,.1);border-top-color:#3b82f6;border-radius:50%;animation:export-spin .8s linear infinite}@keyframes export-spin{to{transform:rotate(360deg)}}.canvas-top-left-btns{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;z-index:20;pointer-events:none}.canvas-top-left-btns>*{pointer-events:auto}.canvas-top-left-btns .canvas-float-btn.undo-redo-btn{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border-radius:16px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #E8E8E8;color:#555;cursor:pointer;transition:all var(--b-transition-fast);font-size:12px;font-weight:500;white-space:nowrap;box-shadow:0 2px 8px #00000014}.canvas-top-left-btns .canvas-float-btn.undo-redo-btn svg{flex-shrink:0;display:block}.canvas-top-left-btns .canvas-float-btn.undo-redo-btn:hover{background:#f5f8ff;color:#3b82f6;border-color:#3b82f6}.canvas-top-left-btns .canvas-float-btn.undo-redo-btn:disabled,.canvas-top-left-btns .canvas-float-btn.undo-redo-btn.disabled{opacity:.4;cursor:not-allowed}.canvas-top-left-btns .canvas-float-btn.undo-redo-btn:disabled:hover,.canvas-top-left-btns .canvas-float-btn.undo-redo-btn.disabled:hover{background:#ffffffeb;color:#555;border-color:#e8e8e8}.canvas-top-right-btns{position:absolute;top:10px;right:12px;z-index:20;display:flex;gap:4px}.canvas-top-right-btns .canvas-float-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #E8E8E8;color:#666;cursor:pointer;transition:all var(--b-transition-fast);font-size:15px}.canvas-top-right-btns .canvas-float-btn:hover,.canvas-top-right-btns .canvas-float-btn.is-fullscreen{background:#f5f8ff;color:var(--b-accent);border-color:var(--b-accent)}.canvas-zoom-indicator{position:absolute;bottom:12px;left:12px;z-index:20;display:flex;align-items:center;gap:2px;background:#ffffffeb;border:1px solid #E8E8E8;border-radius:20px;padding:2px;box-shadow:0 2px 8px #00000014}.canvas-zoom-indicator .zoom-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--b-text-secondary);cursor:pointer;transition:all var(--b-transition-fast);font-size:13px}.canvas-zoom-indicator .zoom-btn:hover{background:#f5f8ff;color:var(--b-accent)}.canvas-zoom-indicator .zoom-value{min-width:48px;text-align:center;font-size:12px;font-weight:600;color:var(--b-text-primary);cursor:pointer;padding:4px 6px;border-radius:4px;transition:all var(--b-transition-fast);-webkit-user-select:none;user-select:none}.canvas-zoom-indicator .zoom-value:hover{background:#f5f8ff;color:var(--b-accent)}.canvas-bottom-tools{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:4px;border-radius:10px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #E8E8E8;box-shadow:0 4px 16px #0000001a;z-index:20}.canvas-bottom-tools .tool-btn{display:flex;align-items:center;justify-content:center;gap:4px;height:32px;padding:0 10px;border-radius:8px;cursor:pointer;color:#666;transition:all var(--b-transition-fast);font-size:13px;background:transparent;border:1px solid transparent;white-space:nowrap}.canvas-bottom-tools .tool-btn:hover{color:#333;background:#f5f5f5}.canvas-bottom-tools .tool-btn.active{color:#fff;background:var(--b-accent);border-color:var(--b-accent);box-shadow:0 0 8px #3b82f64d}.canvas-bottom-tools .tool-btn .tool-label{font-size:12px;line-height:1}.canvas-bottom-tools .tool-btn.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.canvas-bottom-tools .tool-sep{width:1px;height:20px;background:#e8e8e8;flex-shrink:0}.canvas-bottom-tools .tool-btn-group{display:flex;align-items:center;height:32px;border-radius:8px;background:transparent;border:1px solid transparent;transition:all var(--b-transition-fast);overflow:hidden}.canvas-bottom-tools .tool-btn-group:hover{background:#f5f5f5}.canvas-bottom-tools .tool-btn-group.active{background:var(--b-accent);border-color:var(--b-accent);box-shadow:0 0 8px #3b82f64d}.canvas-bottom-tools .tool-btn-group.active .tool-btn-main,.canvas-bottom-tools .tool-btn-group.active .tool-btn-arrow{color:#fff}.canvas-bottom-tools .tool-btn-group .tool-btn-main{display:flex;align-items:center;gap:4px;padding:0 8px 0 10px;height:100%;cursor:pointer;color:#666;font-size:13px;transition:color var(--b-transition-fast)}.canvas-bottom-tools .tool-btn-group:hover .tool-btn-main{color:#333}.canvas-bottom-tools .tool-btn-group .tool-btn-arrow{display:flex;align-items:center;justify-content:center;padding:0 6px 0 2px;height:100%;cursor:pointer;color:#bbb;border-left:1px solid #E8E8E8;transition:color var(--b-transition-fast)}.canvas-bottom-tools .tool-btn-group:hover .tool-btn-arrow{color:#555}.canvas-bottom-tools .tool-btn-group .tool-label{font-size:12px;line-height:1}.canvas-bottom-tools .tool-btn-group.multi-mode:not(.active){background:#3b82f61a;border-color:#3b82f64d}.canvas-bottom-tools .tool-btn-group.multi-mode:not(.active) .tool-btn-main,.canvas-bottom-tools .tool-btn-group.multi-mode:not(.active) .tool-btn-arrow{color:var(--b-accent)}.tool-floating-panel{position:absolute;bottom:60px;left:50%;transform:translate(-50%);background:#fff;border:1px solid #E8E8E8;border-radius:10px;box-shadow:0 8px 24px #0000001a;z-index:50;min-width:360px;max-width:90%;overflow:hidden;animation:toolPanelSlideUp .2s ease-out}@keyframes toolPanelSlideUp{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tool-floating-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #F0F0F0;background:#fafafa}.tool-floating-title{font-size:12px;font-weight:600;color:#333}.tool-floating-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;color:#999;cursor:pointer;font-size:10px;transition:all var(--b-transition-fast)}.tool-floating-close:hover{color:#333;background:#f0f0f0}.tool-floating-body{padding:10px 12px;display:flex;flex-direction:column;gap:8px}.tool-option-row{display:flex;align-items:center;gap:8px}.tool-option-label{font-size:11px;color:var(--b-text-muted);width:36px;flex-shrink:0;text-align:right}.tool-color-swatches{display:flex;gap:4px}.tool-color-swatch{width:20px;height:20px;border-radius:4px;cursor:pointer;border:1px solid #E0E0E0;transition:all var(--b-transition-fast)}.tool-color-swatch.active{border:2px solid var(--b-accent);box-shadow:0 0 0 1px var(--b-accent),0 0 6px #3b82f666;transform:scale(1.1)}.tool-color-swatch:hover{transform:scale(1.15)}.canvas-tool-dropdown .ant-dropdown-menu{background:#fff!important;border:1px solid #E8E8E8;box-shadow:0 6px 20px #0000001a;padding:4px}.canvas-tool-dropdown .ant-dropdown-menu-item{color:#555!important;font-size:13px;border-radius:6px}.canvas-tool-dropdown .ant-dropdown-menu-item:hover{background:#f5f5f5!important}.canvas-tool-dropdown .ant-dropdown-menu-item-disabled{color:#ccc!important}.canvas-tool-dropdown .ant-dropdown-menu-item-divider{background-color:#f0f0f0!important}.editor-sub-toolbar{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;width:var(--b-sub-toolbar-width);background:var(--b-bg-panel);border-left:1px solid var(--b-border);flex-shrink:0;overflow-y:auto;scrollbar-width:none;transition:width var(--b-transition-slow),opacity var(--b-transition-normal)}.editor-sub-toolbar::-webkit-scrollbar{width:0}.sub-tool-btn{display:flex;align-items:center;justify-content:center;width:56px;height:32px;padding:0 4px;border-radius:6px;cursor:pointer;color:var(--b-text-secondary);transition:all var(--b-transition-fast);font-size:12px;background:#fff;border:1px solid var(--b-border);position:relative;flex-shrink:0;font-weight:500;white-space:nowrap}.sub-tool-btn:hover{color:var(--b-text-primary);background:#f5f5f5;border-color:#d0d0d0}.sub-tool-btn.active{color:#fff;background:var(--b-accent);border-color:var(--b-accent);box-shadow:0 2px 8px #3b82f659}.sub-tool-btn.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.sub-tool-btn.danger{color:var(--b-danger);border-color:#ef444433}.sub-tool-btn.danger:hover{color:var(--b-danger);background:#ef44441f;border-color:var(--b-danger)}.editor-panel--right{width:var(--b-right-panel-width);background:var(--b-bg-panel);border-left:1px solid var(--b-border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;user-select:none;-webkit-user-select:none;transition:width var(--b-transition-slow),opacity var(--b-transition-normal),margin-right var(--b-transition-slow);position:relative}.editor-panel--right *,.editor-panel--right .ant-slider-handle,.editor-panel--right .ant-tabs-tab{user-select:none;-webkit-user-select:none}.editor-panel--right input,.editor-panel--right textarea{user-select:text;-webkit-user-select:text}.editor-panel--right.collapsed{width:0;opacity:0;border-left:none}.editor-panel--right .ant-tabs{display:flex;flex-direction:column;height:100%}.editor-panel--right .ant-tabs-nav{margin:0!important;padding:0 8px;border-bottom:1px solid var(--b-border);background:var(--b-bg-panel)}.editor-panel--right .ant-tabs-tab{padding:8px 10px!important;font-size:12px;font-weight:500;color:var(--b-text-muted);transition:color var(--b-transition-fast)}.editor-panel--right .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--b-accent)!important}.editor-panel--right .ant-tabs-ink-bar{background:var(--b-accent);height:2px;border-radius:1px}.editor-panel--right .ant-tabs-content-holder{flex:1;overflow:hidden}.editor-panel--right .ant-tabs-content{height:100%}.editor-panel--right .ant-tabs-tabpane{height:100%;overflow-y:auto}.editor-panel--right .ant-tabs-tabpane::-webkit-scrollbar{width:4px}.editor-panel--right .ant-tabs-tabpane::-webkit-scrollbar-thumb{background:var(--b-border);border-radius:2px}.panel-collapse-btn{display:flex;align-items:center;justify-content:center;height:36px;border-top:1px solid var(--b-border);color:var(--b-text-muted);cursor:pointer;font-size:12px;transition:all var(--b-transition-fast);flex-shrink:0;-webkit-user-select:none;user-select:none}.panel-collapse-btn:hover{color:var(--b-accent);background:#f5f8ff}.panel-collapse-btn .anticon{font-size:14px}.panel-tab-strip{position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:48px;background:var(--b-accent);border-radius:4px 0 0 4px;cursor:pointer;transition:opacity var(--b-transition-fast);z-index:15;opacity:0}.panel-tab-strip:hover{opacity:1;width:6px}.template-editor:not(.is-fullscreen) .editor-panel--right.collapsed~.panel-tab-strip{opacity:.6}.layer-list{padding:6px}.layer-empty{text-align:center;color:var(--b-text-muted);padding:32px 0;font-size:12px}.layer-empty-text{font-size:13px;color:var(--b-text-secondary);margin-bottom:4px}.layer-empty-hint{font-size:11px;color:var(--b-text-muted)}.layer-item{display:flex;align-items:center;padding:6px 8px;border-radius:6px;cursor:pointer;gap:8px;font-size:12px;border:1px solid transparent;border-left:3px solid transparent;margin-bottom:2px;transition:all var(--b-transition-fast);background:transparent;color:var(--b-text-secondary)}.layer-item:hover{background:var(--b-bg-elevated)}.layer-item--active{background:#3b82f61f;border-color:#3b82f64d;color:var(--b-accent);font-weight:500}.layer-item--grouped{border-left-color:var(--group-color, var(--b-accent));padding-left:6px}.layer-item--hidden{opacity:.35}.layer-thumb{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0;overflow:hidden;background:var(--b-bg-elevated);border:1px solid var(--b-border)}.layer-thumb-img{width:100%;height:100%;object-fit:cover}.layer-thumb-text{font-size:10px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:24px}.layer-thumb-color{width:16px;height:16px;border-radius:3px}.layer-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--b-text-secondary);font-size:12px}.layer-item--active .layer-name{color:var(--b-accent)}.layer-group-tag{font-size:9px;padding:1px 5px;border-radius:3px;color:#fff;background:var(--group-color, var(--b-accent));flex-shrink:0;font-weight:500}.layer-actions{display:flex;gap:2px;color:var(--b-text-muted);font-size:12px;flex-shrink:0}.layer-actions .anticon{padding:2px;border-radius:3px;transition:all var(--b-transition-fast)}.layer-actions .anticon:hover{color:var(--b-accent);background:#3b82f61a}.layer-mode-tabs{display:flex;align-items:center;background:#ffffff0f;border-radius:16px;padding:2px;margin:6px 8px 2px}.layer-mode-tab{flex:1;text-align:center;padding:4px 12px;border-radius:14px;font-size:12px;font-weight:500;cursor:pointer;color:var(--b-text-muted);transition:all var(--b-transition-fast);-webkit-user-select:none;user-select:none}.layer-mode-tab:hover{color:var(--b-text-secondary)}.layer-mode-tab-active{background:var(--b-bg-elevated);color:var(--b-text-primary);box-shadow:0 1px 4px #0003}.layer-radio{width:16px;height:16px;border-radius:50%;border:2px solid var(--b-border);cursor:pointer;flex-shrink:0;transition:all var(--b-transition-fast);display:flex;align-items:center;justify-content:center}.layer-radio-selected{border-color:var(--b-accent);background:var(--b-accent)}.layer-radio-selected:after{content:"";width:6px;height:6px;border-radius:50%;background:#fff}.layer-zorder{display:flex;gap:4px;padding:6px 8px;border-bottom:1px solid var(--b-border);margin-bottom:4px}.layer-zorder-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:4px 0;border-radius:5px;font-size:12px;color:var(--b-text-muted);cursor:pointer;border:1px solid var(--b-border);background:transparent;transition:all var(--b-transition-fast)}.layer-zorder-btn:hover{border-color:var(--b-accent);color:var(--b-accent);background:#3b82f61a}.layer-drag-handle{display:flex;align-items:center;justify-content:center;width:14px;flex-shrink:0;color:var(--b-text-muted);font-size:10px;cursor:grab;opacity:0;transition:opacity var(--b-transition-fast)}.layer-item:hover .layer-drag-handle{opacity:.5}.layer-drag-handle:hover{opacity:1!important;color:var(--b-accent)}.layer-drag-handle:active{cursor:grabbing}.layer-item--dragging{opacity:.35}.layer-item--drag-over{background:#2d8cf00a}.layer-item .layer-actions{opacity:0;transition:opacity var(--b-transition-fast)}.layer-item:hover .layer-actions,.layer-item--active .layer-actions{opacity:1}.layer-panel-actions{display:flex;gap:4px;padding:6px 8px;border-top:1px solid var(--b-border);flex-shrink:0}.layer-panel-actions .ant-btn{border-radius:5px;font-size:11px;border-color:var(--b-border);color:var(--b-text-secondary);background:transparent}.layer-panel-actions .ant-btn:hover{border-color:var(--b-accent);color:var(--b-accent)}.layer-bg-entry{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;cursor:pointer;background:var(--b-bg-elevated);border:1px solid var(--b-border);border-top:1px solid var(--b-border);margin-top:4px;flex-shrink:0;transition:all var(--b-transition-fast)}.layer-bg-entry:hover{border-color:var(--b-accent);background:#3b82f614}.layer-bg-thumb{width:24px;height:24px;border-radius:4px;flex-shrink:0;overflow:hidden;border:1px solid var(--b-border)}.layer-bg-color{width:100%;height:100%}.layer-bg-img{width:100%;height:100%;object-fit:cover}.layer-bg-transparent{width:100%;height:100%;background-image:linear-gradient(45deg,#404040 25%,transparent 25%),linear-gradient(-45deg,#404040 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#404040 75%),linear-gradient(-45deg,transparent 75%,#404040 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.layer-bg-label{flex:1;font-size:12px;color:var(--b-text-secondary);font-weight:500}.layer-bg-ratio{font-size:10px;color:var(--b-text-muted);padding:1px 5px;background:var(--b-bg-panel);border-radius:3px}.bg-panel{padding:10px}.bg-section-title{font-size:11px;font-weight:600;color:var(--b-text-muted);margin:0 0 8px;padding:0;text-transform:uppercase;letter-spacing:.5px}.bg-preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.bg-preset-item{aspect-ratio:1;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:all var(--b-transition-fast);position:relative;overflow:hidden}.bg-preset-item:hover{border-color:var(--b-accent);transform:scale(1.05)}.bg-preset-item.active{border-color:var(--b-accent);box-shadow:0 0 0 2px #3b82f640}.bg-preset-color{width:100%;height:100%;border-radius:4px}.bg-preset-transparent{width:100%;height:100%;border-radius:4px;background-image:linear-gradient(45deg,#404040 25%,transparent 25%),linear-gradient(-45deg,#404040 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#404040 75%),linear-gradient(-45deg,transparent 75%,#404040 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0;background-color:var(--b-bg-elevated)}.bg-upload-area{border:2px dashed var(--b-border);border-radius:8px;padding:20px 16px;text-align:center;cursor:pointer;transition:all var(--b-transition-fast);color:var(--b-text-muted)}.bg-upload-area:hover{border-color:var(--b-accent);background:#3b82f60d;color:var(--b-text-secondary)}.bg-upload-area .anticon{font-size:24px;margin-bottom:6px}.bg-upload-area-text{font-size:12px}.bg-upload-area-hint{font-size:10px;margin-top:4px}.bg-custom-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.bg-custom-row .ant-color-picker{flex-shrink:0}.bg-current-info{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--b-bg-elevated);border-radius:6px;margin-bottom:12px;border:1px solid var(--b-border)}.bg-current-swatch{width:28px;height:28px;border-radius:4px;flex-shrink:0;object-fit:cover;border:1px solid var(--b-border)}.bg-current-text{flex:1;min-width:0}.bg-current-label{font-size:12px;font-weight:600;color:var(--b-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bg-current-size{font-size:10px;color:var(--b-text-muted);margin-top:2px}.bg-ratio-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:12px}.bg-ratio-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:6px;cursor:pointer;border:1px solid var(--b-border);background:var(--b-bg-elevated);transition:all var(--b-transition-fast)}.bg-ratio-card:hover{border-color:var(--b-accent)}.bg-ratio-card.active{border-color:var(--b-accent);background:#3b82f61a}.bg-ratio-shape-box{height:40px;display:flex;align-items:center;justify-content:center}.bg-ratio-shape{border-radius:2px;transition:background var(--b-transition-fast)}.bg-ratio-label{font-size:10px;color:var(--b-text-secondary);font-weight:500}.bg-ratio-card.active .bg-ratio-label{color:var(--b-accent)}.bg-ratio-num{font-size:9px;color:var(--b-text-muted)}.bg-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;border:none;transition:all var(--b-transition-fast);white-space:nowrap}.bg-action-new{background:#3b82f626;color:var(--b-accent);border:1px solid rgba(59,130,246,.3)}.bg-action-new:hover{background:#3b82f640;border-color:var(--b-accent)}.bg-action-apply{background:var(--b-accent);color:#fff}.bg-action-apply:hover{background:#ea680c}.property-panel{padding:10px}.prop-group{margin-bottom:14px}.readonly-panel{margin-bottom:14px;border:1px solid var(--b-border);border-radius:6px;overflow:hidden}.readonly-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;font-size:10px;font-weight:600;color:var(--b-text-secondary);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--b-bg-elevated);transition:background .15s}.readonly-panel-header:hover{background:var(--b-bg-hover, rgba(255,255,255,.06))}.readonly-panel .prop-group{padding:0 10px;margin-bottom:10px}.readonly-panel .prop-group:first-of-type{margin-top:10px}.prop-group:last-child{margin-bottom:0}.prop-label{font-size:10px;font-weight:600;color:var(--b-text-muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.prop-field{font-size:10px;color:var(--b-text-muted);width:16px;display:inline-block;font-weight:500}.prop-group .ant-input{border-radius:5px;background:var(--b-bg-elevated);border-color:var(--b-border);color:var(--b-text-primary)}.prop-group .ant-input:hover,.prop-group .ant-input:focus{border-color:var(--b-accent)}.prop-group .ant-slider{margin:4px 8px}.prop-group .ant-tag{background:var(--b-bg-elevated);border-color:var(--b-border);color:var(--b-text-secondary)}.panel-empty{text-align:center;color:var(--b-text-muted);padding:40px 16px;font-size:12px}.variable-card{display:flex;align-items:center;gap:6px;padding:6px 8px;margin-bottom:4px;background:var(--b-bg-elevated);border-radius:6px;border:1px solid var(--b-border);transition:border-color var(--b-transition-fast)}.variable-card:hover{border-color:#3b82f64d}.variable-card-icon{font-size:14px;flex-shrink:0}.variable-card-body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.variable-card-meta{font-size:10px;color:var(--b-text-muted)}.group-actions-bar{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#3b82f614;border-bottom:1px solid rgba(59,130,246,.15);font-size:11px;color:var(--b-accent)}.text-edit-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.text-edit-card{background:var(--b-bg-panel);border-radius:12px;padding:20px;min-width:340px;box-shadow:0 8px 32px #00000080;border:1px solid var(--b-border)}.text-edit-card .ant-input{background:var(--b-bg-elevated);border-color:var(--b-border);color:var(--b-text-primary)}.text-edit-card .ant-btn-primary{background:var(--b-accent);border-color:var(--b-accent)}.template-editor.is-fullscreen .editor-panel--right{width:0;opacity:0;border-left:none;transition:width var(--b-transition-collapse),opacity .2s ease-in,margin-right var(--b-transition-collapse)}.template-editor:not(.is-fullscreen) .editor-panel--right{transition:width var(--b-transition-slow),opacity var(--b-transition-normal),margin-right var(--b-transition-slow)}.template-editor.is-fullscreen .editor-sub-toolbar{width:0;opacity:0;overflow:hidden;transition:width var(--b-transition-collapse),opacity .2s ease-in}.template-editor:not(.is-fullscreen) .editor-sub-toolbar{transition:width var(--b-transition-slow),opacity var(--b-transition-normal)}.template-editor.is-fullscreen .editor-toolbar{height:0;overflow:hidden;border-bottom:none;transform:translateY(-100%);transition:transform var(--b-transition-collapse),height var(--b-transition-collapse),border-bottom .2s}.template-editor:not(.is-fullscreen) .editor-toolbar{transition:transform var(--b-transition-slow),height var(--b-transition-slow),border-bottom .3s}.template-editor.is-fullscreen .canvas-tab-bar{height:0;overflow:hidden;border-bottom:none;transform:translateY(-100%);transition:transform var(--b-transition-collapse),height var(--b-transition-collapse)}.template-editor:not(.is-fullscreen) .canvas-tab-bar{transition:transform var(--b-transition-slow),height var(--b-transition-slow)}.template-editor.is-fullscreen .editor-canvas-area{flex:1;transition:flex var(--b-transition-slow)}.fullscreen-hint{position:absolute;top:16px;left:50%;transform:translate(-50%);padding:6px 16px;border-radius:8px;background:#2d2d2de6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);color:var(--b-text-secondary);font-size:12px;z-index:40;pointer-events:none;transition:opacity .5s ease;opacity:0}.fullscreen-hint.visible{opacity:1}.fullscreen-exit-btn{position:absolute;bottom:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:var(--b-danger);cursor:pointer;z-index:40;font-size:16px;transition:all var(--b-transition-fast)}.fullscreen-exit-btn:hover{background:#ef444440;border-color:var(--b-danger);box-shadow:0 0 12px #ef444433}.minimal-layer-toggle{position:absolute;right:16px;bottom:16px;width:40px;height:40px;border-radius:12px;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #E8E8E8;color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:46;font-size:16px;transition:all var(--b-transition-fast);box-shadow:0 4px 16px #00000014}.minimal-layer-toggle:hover{background:#f5f8ff;color:var(--b-accent);border-color:var(--b-accent)}.minimal-layer-panel{position:absolute;right:16px;bottom:64px;width:180px;max-height:360px;background:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #E8E8E8;border-radius:12px;overflow:hidden;z-index:45;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;transition:opacity .2s ease,transform .2s ease;opacity:0;transform:translateY(8px) scale(.95);transform-origin:bottom right;pointer-events:none}.minimal-layer-panel.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.minimal-layer-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #F0F0F0;font-size:12px;font-weight:600;color:#333;flex-shrink:0}.minimal-layer-panel-close{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;color:var(--b-text-muted);font-size:12px;transition:all var(--b-transition-fast)}.minimal-layer-panel-close:hover{color:var(--b-danger);background:#ef44441f}.minimal-layer-panel-body{flex:1;overflow-y:auto;padding:6px}.minimal-layer-panel-body::-webkit-scrollbar{width:3px}.minimal-layer-panel-body::-webkit-scrollbar-thumb{background:var(--b-border);border-radius:2px}.minimal-layer-item{display:flex;align-items:center;padding:5px 8px;border-radius:6px;cursor:pointer;gap:8px;font-size:11px;color:#666;transition:all var(--b-transition-fast);-webkit-user-select:none;user-select:none}.minimal-layer-item:hover{background:#f5f5f5}.minimal-layer-item.active{background:#3b82f61f;color:var(--b-accent);font-weight:500}.minimal-layer-item.dragging{opacity:.5;background:#3b82f61f}.minimal-layer-item-thumb{width:28px;height:28px;border-radius:4px;background:#f5f5f5;border:1px solid #E8E8E8;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;overflow:hidden}.minimal-layer-item-thumb img{width:100%;height:100%;object-fit:cover}.minimal-layer-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.minimal-layer-item-drag{flex-shrink:0;color:var(--b-text-muted);cursor:grab;font-size:10px;padding:2px}.minimal-layer-item-drag:active{cursor:grabbing}.minimal-layer-mode-tabs{display:flex;align-items:center;background:#ffffff0f;border-radius:12px;padding:2px;margin:6px 8px 2px}.minimal-layer-mode-tab{flex:1;text-align:center;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:500;cursor:pointer;color:var(--b-text-muted);transition:all var(--b-transition-fast);-webkit-user-select:none;user-select:none}.minimal-layer-mode-tab:hover{color:var(--b-text-secondary)}.minimal-layer-mode-tab.active{background:var(--b-bg-elevated);color:var(--b-text-primary);box-shadow:0 1px 3px #0003}.minimal-layer-radio{width:14px;height:14px;border-radius:50%;border:2px solid var(--b-border);cursor:pointer;flex-shrink:0;transition:all var(--b-transition-fast);display:flex;align-items:center;justify-content:center}.minimal-layer-radio.selected{border-color:var(--b-accent);background:var(--b-accent)}.minimal-layer-radio.selected:after{content:"";width:5px;height:5px;border-radius:50%;background:#fff}.ant-modal-content{background:var(--b-bg-panel)!important;border:1px solid var(--b-border)}.ant-modal-header{background:transparent!important;border-bottom-color:var(--b-border)!important}.ant-modal-title{color:var(--b-text-primary)!important}.ant-modal-close{color:var(--b-text-muted)!important}.ant-modal-close:hover{color:#333!important}.ant-modal-body .ant-input{background:var(--b-bg-elevated);border-color:var(--b-border);color:var(--b-text-primary)}.ant-tabs-nav{background:transparent!important}.ant-tabs-nav:before{border-bottom-color:var(--b-border)!important}.ant-color-picker-trigger{border-color:var(--b-border)!important;background:var(--b-bg-elevated)!important}.ant-slider-rail{background:var(--b-bg-elevated)!important}.ant-slider-track{background:var(--b-accent)!important}.ant-slider-handle{border-color:var(--b-accent)!important}.editor-toolbar .ant-divider,.editor-body .ant-divider{border-color:var(--b-border)!important;color:var(--b-text-muted)!important}.ant-segmented{background:var(--b-bg-elevated)!important;border:1px solid var(--b-border)}.ant-segmented .ant-segmented-item-label{color:var(--b-text-muted)!important}.ant-segmented .ant-segmented-item-selected .ant-segmented-item-label{color:#fff!important}.ant-space-item .ant-btn:disabled{color:var(--b-text-muted)!important;border-color:var(--b-border)!important;background:transparent!important}.ant-dropdown-menu,.ant-select-dropdown{background:var(--b-bg-elevated)!important;border:1px solid var(--b-border)!important}.ant-dropdown-menu-item{color:var(--b-text-secondary)!important}.ant-dropdown-menu-item:hover{background:#3b82f61a!important;color:var(--b-accent)!important}.ant-dropdown-menu-item-danger{color:var(--b-danger)!important}.ant-select-item{color:var(--b-text-secondary)!important}.ant-select-item-option-selected{background:#3b82f61a!important;color:var(--b-accent)!important}.ant-message .ant-message-notice-content,.ant-tooltip-inner{background:var(--b-bg-elevated)!important;color:var(--b-text-primary)!important;border:1px solid var(--b-border)}.ant-tooltip-arrow-content{--antd-arrow-background-color: var(--b-bg-elevated) !important}.bg-upload-area .ant-upload{color:inherit}@media (max-width: 1200px){.editor-panel--left{width:220px}.editor-panel--right{width:250px}}.font-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.font-card{position:relative;display:flex;align-items:center;justify-content:center;height:40px;border-radius:4px;border:1px solid var(--b-border);background:var(--b-bg-elevated);cursor:pointer;transition:var(--b-transition-fast);overflow:hidden}.font-card:hover{border-color:var(--b-accent);background:#3d3d3d}.font-card.active{border-color:var(--b-accent);background:#3b82f61f;box-shadow:0 0 0 1px var(--b-accent) inset}.font-card>span:first-child{font-size:13px;color:var(--b-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.font-star{position:absolute;top:2px;right:4px;font-size:12px;color:var(--b-text-muted);cursor:pointer;line-height:1}.font-star.active{color:#facc15}.font-cat-bar{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}.font-cat-chip{padding:2px 8px;font-size:11px;border-radius:10px;border:1px solid var(--b-border);background:var(--b-bg-elevated);color:var(--b-text-secondary);cursor:pointer;transition:var(--b-transition-fast);-webkit-user-select:none;user-select:none}.font-cat-chip:hover{border-color:var(--b-accent);color:var(--b-text-primary)}.font-cat-chip.active{background:var(--b-accent);color:#fff;border-color:var(--b-accent)}.text-font-panel,.text-style-panel,.text-typography-panel{padding-top:4px}.ant-segmented.block{display:flex;width:100%}.ant-segmented.block .ant-segmented-item{flex:1}.replace-material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;max-height:240px;overflow-y:auto;padding:2px}.replace-material-item{aspect-ratio:1;border-radius:4px;overflow:hidden;cursor:pointer;border:1px solid #404040;transition:all var(--b-transition-fast)}.replace-material-item:hover{border-color:var(--b-accent);box-shadow:0 0 0 1px var(--b-accent)}.replace-material-item img{width:100%;height:100%;object-fit:cover}.publish-modal-light .ant-modal-content,.publish-modal-light .ant-modal-header{background:#fff!important}.publish-modal-light .ant-modal-title{color:#1a1a1a!important}.publish-modal-light .ant-modal-body{color:#1a1a1a!important;background:#fff!important}.publish-modal-light .ant-typography,.publish-modal-light .ant-tag{color:inherit}.publish-modal-light .ant-input{color:#1a1a1a;background:#fff}.publish-modal-light .ant-btn:not(.ant-btn-primary){color:#1a1a1a}.publish-modal-light .ant-btn-default{color:#1a1a1a;background:#fff;border-color:#d9d9d9}.publish-modal-light .ant-modal-close{color:#666}.editor-panel--left-user{width:320px!important}.user-material-panel{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#fff;color:#333;font-size:12px}.user-material-fixed-tabs{display:flex;flex-shrink:0;padding:4px 8px;gap:6px;border-bottom:1px solid #F0F0F0;background:var(--b-bg-panel, #FFFFFF)}.user-material-fixed-tab{flex:1;padding:5px 8px;font-size:12px;text-align:center;cursor:pointer;border-radius:6px;color:var(--b-text-secondary, #666);background:var(--b-bg-card, #F5F5F5);transition:all .15s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.user-material-fixed-tab:hover{background:#ebf5ff;color:var(--b-accent, #3B82F6)}.user-material-fixed-tab.active{background:var(--b-accent, #3B82F6);color:#fff;font-weight:500}.user-material-l1-tabs{display:flex;flex-shrink:0;padding:0 8px;gap:0;border-bottom:1px solid #F0F0F0;background:#fafafa}.user-material-l1-tab{display:flex;align-items:center;justify-content:center;padding:8px 14px;font-size:13px;color:#999;font-weight:400;cursor:pointer;position:relative;transition:color .15s;white-space:nowrap;-webkit-user-select:none;user-select:none}.user-material-l1-tab:hover{color:#555}.user-material-l1-tab-active{color:#222!important;font-weight:500}.user-material-l1-tab-active:after{content:"";position:absolute;bottom:0;left:8px;right:8px;height:2px;border-radius:1px;background:#3b82f6}.user-material-search{display:flex;align-items:center;flex-shrink:0;margin:8px 10px;padding:0 10px;height:30px;border-radius:8px;background:#f5f5f5;gap:6px}.user-material-search-icon{font-size:12px;flex-shrink:0;line-height:1}.user-material-search-input{flex:1;border:none;outline:none;background:transparent;font-size:12px;color:#333;height:100%}.user-material-search-input::placeholder{color:#bbb}.user-material-search-clear{font-size:12px;color:#ccc;cursor:pointer;flex-shrink:0;line-height:1;padding:2px}.user-material-search-clear:hover{color:#999}.user-material-search-back{font-size:18px;color:#3b82f6;cursor:pointer;flex-shrink:0;line-height:1;padding:0 2px;-webkit-user-select:none;user-select:none}.user-material-search-back:hover{color:#2563eb}.user-material-search-cancel{font-size:12px;color:#3b82f6;cursor:pointer;flex-shrink:0;font-weight:500;-webkit-user-select:none;user-select:none;white-space:nowrap}.user-material-search-cancel:hover{color:#2563eb}.user-material-search-auto-hint{display:flex;align-items:center;justify-content:space-between;margin:0 10px 4px;padding:6px 10px;background:#eff6ff;border:1px solid #BFDBFE;border-radius:6px;font-size:11px;color:#3b82f6}.user-material-search-auto-hint-close{cursor:pointer;font-size:12px;color:#93c5fd;padding:0 2px}.user-material-search-auto-hint-close:hover{color:#3b82f6}.user-material-search-history{margin:4px 10px 8px}.user-material-search-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.user-material-search-history-title{font-size:11px;color:#999;font-weight:500}.user-material-search-history-clear-all{font-size:11px;color:#3b82f6;cursor:pointer}.user-material-search-history-tags{display:flex;flex-wrap:wrap;gap:6px}.user-material-search-history-tag{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#f8f8f8;border:1px solid #E8E8E8;border-radius:12px;font-size:11px;color:#555;cursor:pointer;transition:all .15s}.user-material-search-history-tag:hover{background:#f0f0f0;border-color:#d0d0d0}.user-material-search-history-tag-close{font-size:10px;color:#ccc;cursor:pointer}.user-material-search-history-tag-close:hover{color:#999}.user-material-l1-tab-disabled{color:#ccc!important;cursor:not-allowed!important;pointer-events:auto}.user-material-l1-tab-disabled:hover{color:#ccc!important;background:transparent!important}.user-material-tree-l2-count{font-size:10px;color:#aaa;margin-left:2px}.user-material-filter-bar{flex-shrink:0;border-bottom:1px solid #F0F0F0;background:#fafafa;padding:0;position:relative}.user-material-filter-dims{display:flex;flex-wrap:nowrap;gap:0;padding:6px 8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent;-webkit-overflow-scrolling:touch}.user-material-filter-dims::-webkit-scrollbar{height:0}.user-material-filter-dims::-webkit-scrollbar-thumb{background:transparent}.user-material-filter-dim-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;color:#666;background:#f5f5f5;border-radius:14px;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none;margin:2px 4px;white-space:nowrap;border:1px solid transparent}.user-material-filter-dim-btn:hover{background:#ebf2ff;color:#3b82f6}.user-material-filter-dim-btn.active{background:#ebf2ff;color:#3b82f6;border-color:#3b82f6}.user-material-filter-dim-btn.expanded{background:#dfe8f5;color:#3b82f6}.user-material-filter-dim-label{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-material-filter-dim-arrow{font-size:8px;transition:transform .2s;line-height:1}.user-material-filter-dim-arrow.up{transform:rotate(180deg)}.user-material-filter-child-bar{display:flex;align-items:center;position:relative;padding:0 8px 6px;gap:4px}.user-material-filter-child-scroll-x{display:flex;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;flex:1;padding:2px 0;scrollbar-width:thin;scrollbar-color:transparent transparent;-webkit-overflow-scrolling:touch}.user-material-filter-child-scroll-x::-webkit-scrollbar{height:0}.user-material-filter-child-scroll-x::-webkit-scrollbar-thumb{background:transparent}.user-material-filter-child-opt{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:4px 12px;font-size:11px;color:#555;background:#fff;border-radius:14px;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #E8E8E8}.user-material-filter-child-opt:hover{background:#ebf2ff;color:#3b82f6;border-color:#3b82f6}.user-material-filter-child-opt.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.user-material-filter-overflow-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#f0f0f0;color:#888;font-size:9px;cursor:pointer;transition:all .15s;box-shadow:0 1px 3px #00000014;line-height:1;position:sticky;right:0;z-index:2}.user-material-filter-overflow-btn:hover{background:#e0e0e0;color:#555}.user-material-filter-overflow-wrapper{position:relative;flex-shrink:0}.user-material-filter-popup{position:absolute;top:calc(100% + 4px);right:0;z-index:100;background:#fff;border-radius:10px;box-shadow:0 4px 16px #0000001f;min-width:260px;max-width:360px;overflow:hidden;animation:filter-popup-in .12s ease-out;border:1px solid #E8E8E8}@keyframes filter-popup-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.user-material-filter-popup-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px;border-bottom:1px solid #F0F0F0}.user-material-filter-popup-title{font-size:13px;font-weight:500;color:#222}.user-material-filter-popup-reset{display:flex;align-items:center;gap:4px;font-size:11px;color:#999;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s;-webkit-user-select:none;user-select:none}.user-material-filter-popup-reset:hover{color:#3b82f6;background:#f5f5f5}.user-material-filter-popup-options{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px 16px}.user-material-filter-popup-opt{display:flex;align-items:center;justify-content:center;padding:7px 16px;font-size:12px;color:#555;background:#f5f5f5;border-radius:16px;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid transparent}.user-material-filter-popup-opt:hover{background:#ebf2ff;color:#3b82f6}.user-material-filter-popup-opt.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.user-material-body{display:flex;flex:1;overflow:hidden}.user-material-tree{width:100px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid #F0F0F0;background:#fff}.user-material-tree-my{flex-shrink:0;border-bottom:1px solid #F0F0F0;background:#fff}.user-material-tree-my .user-material-tree-l2{border-bottom:none}.user-material-tree-fixed{flex-shrink:0;display:flex;flex-direction:column;gap:4px;padding:6px 4px;border-bottom:1px solid #F0F0F0;background:#fff}.user-material-tree-fixed-tab{display:flex;align-items:center;justify-content:center;padding:5px 4px;font-size:11px;text-align:center;cursor:pointer;border-radius:5px;color:var(--b-text-secondary, #666);background:var(--b-bg-card, #F5F5F5);transition:all .15s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid transparent}.user-material-tree-fixed-tab:hover{background:#ebf5ff;color:var(--b-accent, #3B82F6)}.user-material-tree-fixed-tab.active{background:var(--b-accent, #3B82F6);color:#fff;font-weight:500}.user-material-tree-scroll{flex:1;overflow-y:auto;padding:4px 0}.user-material-tree-scroll::-webkit-scrollbar{width:3px}.user-material-tree-scroll::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.user-material-tree-empty{display:flex;align-items:center;justify-content:center;padding:20px 8px;font-size:11px;color:#aaa}.user-material-tree-l2{display:flex;align-items:center;gap:4px;padding:8px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s;border-radius:0}.user-material-tree-l2:hover{background:#f5f5f5}.user-material-tree-l2-active{background:#ebf2ff}.user-material-tree-l2-active:hover{background:#dfe8f5}.user-material-tree-l2-arrow{font-size:11px;width:16px;color:#999;flex-shrink:0;text-align:center}.user-material-tree-l2-name{font-size:13px;font-weight:500;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-material-tree-l3-group{overflow:hidden;border-left:1px solid #F0F0F0;margin-left:12px}.user-material-tree-l3{display:flex;align-items:center;padding:6px 8px 6px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.user-material-tree-l3:hover{background:#f5f5f5}.user-material-tree-l3-active{background:#ebf2ff;color:#3b82f6;font-weight:500}.user-material-tree-l3-name{font-size:11px;font-weight:400;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-material-tree-l3-active .user-material-tree-l3-name{color:#3b82f6}.user-material-grid-scroll{flex:1;overflow-y:auto;padding:8px 8px 12px}.user-material-grid-scroll::-webkit-scrollbar{width:4px}.user-material-grid-scroll::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.user-material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.user-material-grid-item{display:flex;flex-direction:column;align-items:center;padding:4px;border-radius:8px;cursor:pointer;background:#fff;transition:all .15s;position:relative;overflow:hidden}.user-material-grid-item:hover{background:#f5f5f5;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.user-material-grid-item:active{transform:translateY(0)}.user-material-grid-label{font-size:10px;color:#888;margin-top:4px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;line-height:1.3}.user-material-grid-thumb-box{width:100%;aspect-ratio:1;overflow:hidden;border-radius:6px;background:#f5f5f5;position:relative}.user-material-grid-star{position:absolute;top:3px;right:3px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;color:#ccc;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:color .15s,transform .15s;z-index:2;line-height:1}.user-material-grid-star:hover{transform:scale(1.2)}.user-material-grid-star.on{color:#f59e0b}.user-material-grid-star.on:hover{color:#d97706}.user-material-grid-thumb{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.user-material-grid-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#bbb;background:#f5f5f5}.user-material-grid-empty{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;padding:24px 8px;font-size:12px;color:#aaa}.user-material-upload-bar{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:10px;border-top:1px solid #F0F0F0;font-size:12px;color:#666;cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none;gap:4px}.user-material-upload-bar:hover{background:#f5f5f5;color:#3b82f6}.template-editor--user{height:100vh!important;background:#f5f5f5;color:#333}.template-editor--user .editor-body{background:#f5f5f5}.template-editor--user .editor-toolbar{background:#fff;border-bottom:1px solid #F0F0F0;height:48px;padding:0 16px}.template-editor--user .editor-toolbar .ant-btn-sm{background:#fff;border-color:#e8e8e8;color:#555;border-radius:6px;box-shadow:0 1px 2px #0000000a}.template-editor--user .editor-toolbar .ant-btn-sm:hover{border-color:#3b82f6;color:#3b82f6;background:#f5f8ff}.template-editor--user .editor-toolbar .ant-btn-primary{background:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 1px 3px #3b82f640}.template-editor--user .editor-toolbar .ant-btn-primary:hover{background:#2563eb!important;border-color:#2563eb!important}.template-editor--user .editor-toolbar .ant-divider{border-color:#e8e8e8}.template-editor--user .editor-toolbar .editor-back-btn.ant-btn-sm{color:#555;background:#fff;border:1px solid #E8E8E8;border-radius:6px;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center}.template-editor--user .editor-toolbar .editor-back-btn.ant-btn-sm:hover{color:#3b82f6;border-color:#3b82f6;background:#ebf2ff}.template-editor--user .editor-toolbar .ant-segmented{background:#f5f5f5;border-color:#e8e8e8;border-radius:6px}.template-editor--user .editor-toolbar .ant-segmented .ant-segmented-item{color:#888}.template-editor--user .editor-toolbar .ant-segmented .ant-segmented-item-selected{background:#3b82f6;color:#fff}.template-editor--user .canvas-tab-bar{background:#fff;border-bottom:1px solid #F0F0F0;padding:0 12px}.template-editor--user .canvas-tab{color:#666;background:transparent;border:1px solid transparent;border-bottom:none}.template-editor--user .canvas-tab:hover{color:#3b82f6;background:#f5f8ff}.template-editor--user .canvas-tab.active{color:#3b82f6;background:#ebf2ff;border-color:transparent;border-bottom:2px solid #3B82F6;font-weight:600;border-radius:4px 4px 0 0}.template-editor--user .canvas-tab-name{color:inherit}.template-editor--user .canvas-tab:not(.active) .canvas-tab-name{font-size:12px;color:#999}.template-editor--user .canvas-tab.active .canvas-tab-name{font-size:13px;color:#3b82f6}.template-editor--user .canvas-tab-ratio{color:#888;background:#fff;border:1px solid #E8E8E8;cursor:pointer;transition:all .15s}.template-editor--user .canvas-tab-ratio:hover,.template-editor--user .canvas-tab.active .canvas-tab-ratio{color:#3b82f6;background:#fff;border-color:#3b82f6}.template-editor--user .canvas-tab-close{color:#bbb}.template-editor--user .canvas-tab-close:hover{color:#ef4444;background:#fef2f2}.template-editor--user .canvas-tab.active .canvas-tab-close{color:#888;opacity:.6}.template-editor--user .canvas-tab:hover .canvas-tab-close{opacity:1}.template-editor--user .canvas-tab-input{background:#fff;color:#333;border:1px solid #3B82F6}.template-editor--user .canvas-tab-add{color:#999;border:1px dashed #D0D0D0;background:#fff}.template-editor--user .canvas-tab-add:hover{color:#3b82f6;border-color:#3b82f6;background:#f5f8ff}.template-editor--user .canvas-tab-add.disabled{color:#ccc;border-color:#e8e8e8;background:#f5f5f5;cursor:not-allowed;opacity:.6}.template-editor--user .canvas-tab-add.disabled:hover{color:#ccc;border-color:#e8e8e8;background:#f5f5f5}.template-editor--user .canvas-stage-container{background:#e8e8e8}.template-editor--user .canvas-float-btn{background:#fff;color:#555;border:1px solid #E8E8E8;box-shadow:0 1px 4px #0000000f}.template-editor--user .canvas-float-btn:hover{background:#f5f8ff;color:#3b82f6;border-color:#3b82f6}.template-editor--user .canvas-float-btn.disabled{opacity:.4;cursor:not-allowed}.template-editor--user .canvas-zoom-indicator{background:#ffffffeb;border:1px solid #E8E8E8;box-shadow:0 2px 8px #00000014;border-radius:20px}.template-editor--user .canvas-zoom-indicator .zoom-btn{color:#666}.template-editor--user .canvas-zoom-indicator .zoom-btn:hover{color:#3b82f6;background:#f5f8ff}.template-editor--user .canvas-zoom-indicator .zoom-value{color:#333}.template-editor--user .canvas-bottom-tools{background:#fff;border-top:1px solid #F0F0F0;padding:0 16px}.template-editor--user .tool-btn-group,.template-editor--user .tool-btn{background:transparent;color:#666;border-radius:6px}.template-editor--user .tool-btn-group.active,.template-editor--user .tool-btn.active{background:#f0f7ff;color:#3b82f6}.template-editor--user .tool-btn-group:hover,.template-editor--user .tool-btn:hover{background:#f5f5f5;color:#333}.template-editor--user .tool-btn-main{color:#666}.template-editor--user .tool-btn-group.active .tool-btn-main{color:#3b82f6}.template-editor--user .tool-btn-arrow{color:#bbb}.template-editor--user .tool-btn-group.active .tool-btn-arrow{color:#3b82f6}.template-editor--user .tool-sep{background:#e8e8e8}.template-editor--user .editor-sub-toolbar{background:#fff;border-left:1px solid #F0F0F0}.template-editor--user .sub-tool-btn{background:#fff;border-color:#e8e8e8;color:#666;border-radius:6px}.template-editor--user .sub-tool-btn:hover{background:#f5f5f5;color:#333;border-color:#d0d0d0}.template-editor--user .sub-tool-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 2px 6px #3b82f640}.template-editor--user .sub-tool-btn.danger{color:#ef4444;border-color:#ef444433}.template-editor--user .sub-tool-btn.danger:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.template-editor--user .editor-panel--right{background:#fff;border-left:1px solid #F0F0F0}.template-editor--user .editor-panel--right .ant-tabs-nav{background:#fff!important;border-bottom:1px solid #F0F0F0!important}.template-editor--user .editor-panel--right .ant-tabs-tab{color:#999!important;font-weight:400}.template-editor--user .editor-panel--right .ant-tabs-tab-active .ant-tabs-tab-btn{color:#222!important;font-weight:500}.template-editor--user .editor-panel--right .ant-tabs-ink-bar{background:#3b82f6!important}.template-editor--user .editor-panel--right .ant-tabs-tabpane::-webkit-scrollbar-thumb{background:#e0e0e0}.template-editor--user .layer-item{color:#666;background:transparent}.template-editor--user .layer-item:hover{background:#f5f5f5}.template-editor--user .layer-item--active{background:#f0f7ff;border-color:#3b82f640;color:#222}.template-editor--user .layer-thumb{background:#f5f5f5;border-color:#e8e8e8}.template-editor--user .layer-name{color:#666}.template-editor--user .layer-item--active .layer-name{color:#222}.template-editor--user .layer-empty-text{color:#999}.template-editor--user .layer-empty-hint{color:#bbb}.template-editor--user .layer-mode-tab{color:#999}.template-editor--user .layer-mode-tab.layer-mode-tab-active{color:#3b82f6}.template-editor--user .layer-zorder-btn{color:#888;background:#f5f5f5}.template-editor--user .layer-zorder-btn:hover{color:#3b82f6;background:#f0f7ff}.template-editor--user .layer-panel-actions .ant-btn-sm{color:#666;border-color:#e8e8e8}.template-editor--user .layer-panel-actions .ant-btn-sm:hover{color:#3b82f6;border-color:#3b82f6}.template-editor--user .layer-bg-entry{background:#f5f5f5;border-top:1px solid #F0F0F0}.template-editor--user .layer-bg-entry:hover{background:#f0f7ff}.template-editor--user .layer-bg-label{color:#666}.template-editor--user .layer-bg-ratio{color:#bbb}.template-editor--user .panel-collapse-btn{color:#999;border-top-color:#f0f0f0}.template-editor--user .panel-collapse-btn:hover{color:#3b82f6;background:#f5f8ff}.template-editor--user .panel-tab-strip{background:#3b82f6}.template-editor--user .tool-floating-panel{background:#fff;border:1px solid #E8E8E8;box-shadow:0 8px 24px #0000001a}.template-editor--user .tool-floating-header{background:#fafafa;border-bottom:1px solid #F0F0F0}.template-editor--user .tool-floating-title{color:#333}.template-editor--user .tool-floating-close{color:#999}.template-editor--user .tool-floating-close:hover{color:#333;background:#f0f0f0}.template-editor--user .tool-option-label{color:#888}.template-editor--user .minimal-layer-toggle{background:#fff;color:#666;border:1px solid #E8E8E8;box-shadow:0 1px 4px #0000000f}.template-editor--user .minimal-layer-toggle:hover{background:#f5f8ff;color:#3b82f6}.template-editor--user .minimal-layer-panel{background:#fff;border:1px solid #E8E8E8;box-shadow:0 8px 24px #0000001a}.template-editor--user .minimal-layer-panel-header{color:#333;border-bottom:1px solid #F0F0F0}.template-editor--user .minimal-layer-item{color:#666}.template-editor--user .minimal-layer-item:hover{background:#f5f5f5}.template-editor--user .minimal-layer-item.active{background:#f0f7ff;color:#222}.template-editor--user .minimal-layer-item-name{color:#666}.template-editor--user .minimal-layer-mode-tab{color:#999}.template-editor--user .minimal-layer-mode-tab.active{color:#3b82f6}.template-editor--user .canvas-tool-dropdown .ant-dropdown-menu{background:#fff!important;border:1px solid #E8E8E8;box-shadow:0 6px 20px #0000001a}.template-editor--user .canvas-tool-dropdown .ant-dropdown-menu-item{color:#555!important}.template-editor--user .canvas-tool-dropdown .ant-dropdown-menu-item:hover{background:#f5f5f5!important;color:#222!important}.template-editor--user .canvas-tool-dropdown .ant-dropdown-menu-item-disabled{color:#bbb!important}.template-editor--user .canvas-tool-dropdown .ant-dropdown-menu-item-divider{background-color:#f0f0f0!important}.template-editor--user .text-edit-card{background:#fff;border:1px solid #E8E8E8;box-shadow:0 8px 24px #0000001a}.template-editor--user .fullscreen-exit-btn{background:#fff;color:#666;border:1px solid #E8E8E8;box-shadow:0 1px 4px #0000000f}.template-editor--user .fullscreen-exit-btn:hover{background:#f5f8ff;color:#3b82f6}.template-editor--user .fullscreen-hint{background:#ffffffeb;color:#666;border:1px solid #E8E8E8}.template-editor--user .property-panel{color:#333}.template-editor--user .property-panel .ant-slider-track{background:#3b82f6}.template-editor--user .property-panel .ant-slider-handle:after{background:#3b82f6;box-shadow:0 0 0 2px #3b82f6}.template-editor--user .prop-group-label{color:#888}.template-editor--user .prop-group{border-bottom:1px solid #F0F0F0}.template-editor--user .color-preset-item{border:1px solid #E8E8E8}.template-editor--user .color-preset-item:hover{border-color:#3b82f6}.template-editor--user .color-preset-item.active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.template-editor--user .text-font-panel .ant-input,.template-editor--user .text-font-panel .ant-input-affix-wrapper{border-color:#e8e8e8}.template-editor--user .font-cat-tab{color:#999}.template-editor--user .font-cat-tab.active{color:#222;border-bottom:2px solid #3B82F6}.template-editor--user .font-item{color:#555;border:1px solid #F0F0F0}.template-editor--user .font-item:hover{background:#f5f8ff;border-color:#3b82f6}.template-editor--user .font-item.active{background:#f0f7ff;border-color:#3b82f6;color:#3b82f6}.template-editor--user .marker-confirm-btn{background:#3b82f6!important}.template-editor--user .editor-panel--right .ant-input,.template-editor--user .editor-panel--right .ant-input-number{border-color:#e8e8e8}.template-editor--user .editor-panel--right .ant-input:hover,.template-editor--user .editor-panel--right .ant-input-number:hover{border-color:#3b82f6}.template-editor--user .editor-panel--right .ant-select-selector{border-color:#e8e8e8!important}.template-editor--user .editor-panel--left:not(.editor-panel--left-user){display:none}.template-editor--user .export-overlay{background:#ffffffd9}.template-editor--user .export-overlay-inner{color:#555}.template-editor--user .canvas-tab-bar-title{display:flex;align-items:center;gap:6px;padding:0 14px 0 12px;height:100%;border-right:1px solid #F0F0F0;margin-right:6px;flex-shrink:0}.template-editor--user .canvas-tab-bar-title-text{font-size:13px;font-weight:600;color:#333;white-space:nowrap}.template-editor--user .canvas-tab-bar-title-status{font-size:11px;white-space:nowrap}.template-editor--user .canvas-tab-bar-title-status.dirty{color:#f59e0b}.template-editor--user .canvas-tab-bar-title-status.saved{color:#22c55e}.template-editor--user .sub-tool-btn.active{color:#3b82f6!important;background:#ebf2ff!important;border-color:#3b82f6!important;box-shadow:none!important}.template-editor--user .sub-tool-btn:hover{background:#f5f5f5!important;color:#3b82f6!important;border-color:#e8e8e8!important}.template-editor--user .canvas-bottom-tools{background:#fff!important;border:1px solid #E8E8E8!important;box-shadow:0 2px 12px #00000014!important}.template-editor--user .canvas-bottom-tools .tool-btn{color:#555!important}.template-editor--user .canvas-bottom-tools .tool-btn:hover{color:#3b82f6!important;background:#f5f5f5!important}.template-editor--user .canvas-bottom-tools .tool-btn.active{color:#3b82f6!important;background:#ebf2ff!important;border-color:#3b82f6!important;box-shadow:none!important}.template-editor--user .canvas-bottom-tools .tool-btn-group.active .tool-btn-main,.template-editor--user .canvas-bottom-tools .tool-btn-group.active .tool-btn-arrow{color:#3b82f6!important;background:#ebf2ff!important}.template-editor--user .canvas-bottom-tools .tool-sep{background:#e8e8e8!important}.template-editor--user .minimal-layer-mode-tab.active{background:#ebf2ff!important;color:#3b82f6!important;box-shadow:none!important}.template-editor--user .layer-mode-tab.layer-mode-tab-active{background:#ebf2ff!important;color:#3b82f6!important}.template-editor--user .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#3b82f6!important}.template-editor--user .ant-tabs .ant-tabs-ink-bar{background:#3b82f6!important}.template-editor--user .ant-tabs .ant-tabs-tab:hover{color:#3b82f6!important}.template-editor--user .canvas-zoom-indicator{background:#fff!important;border:1px solid #E8E8E8!important;color:#555!important;box-shadow:0 2px 12px #00000014!important}.template-editor--user .canvas-zoom-indicator .zoom-btn,.template-editor--user .canvas-zoom-indicator .zoom-value{color:#555!important}.template-editor--user .canvas-zoom-indicator .zoom-btn:hover,.template-editor--user .canvas-zoom-indicator .zoom-value:hover{color:#3b82f6!important;background:#f5f5f5!important}.template-editor--user .canvas-top-right-btns .canvas-float-btn{background:#fff!important;border:1px solid #E8E8E8!important;color:#555!important;box-shadow:0 2px 12px #00000014!important}.template-editor--user .canvas-top-right-btns .canvas-float-btn:hover,.template-editor--user .canvas-top-right-btns .canvas-float-btn.is-fullscreen{background:#ebf2ff!important;color:#3b82f6!important;border-color:#3b82f6!important}.template-editor--user .canvas-top-left-btns .canvas-float-btn.undo-redo-btn{background:#fff!important;border:1px solid #E8E8E8!important;color:#333!important;box-shadow:0 2px 12px #00000014!important}.template-editor--user .canvas-top-left-btns .canvas-float-btn.undo-redo-btn:hover{background:#ebf2ff!important;color:#3b82f6!important;border-color:#3b82f6!important}.template-editor--user .canvas-top-left-btns .canvas-float-btn.undo-redo-btn.disabled{background:#f5f5f5!important;color:#bbb!important;border-color:#e8e8e8!important;cursor:not-allowed}.template-editor--user .canvas-top-left-btns .canvas-float-btn.undo-redo-btn.disabled:hover{background:#f5f5f5!important;color:#bbb!important;border-color:#e8e8e8!important}.template-editor--user .canvas-tab-bar{border-bottom:1px solid #F0F0F0!important}.canvas-ratio-dropdown .ant-dropdown-menu{background:#fff!important;border:1px solid #E8E8E8!important;box-shadow:0 6px 20px #0000001a!important;border-radius:8px!important;padding:4px!important;min-width:140px!important}.canvas-ratio-dropdown .ant-dropdown-menu-item{color:#333!important;border-radius:6px!important;padding:8px 12px!important;font-size:13px!important;margin:2px 0!important}.canvas-ratio-dropdown .ant-dropdown-menu-item:hover{background:#ebf2ff!important;color:#3b82f6!important}.canvas-ratio-dropdown .ant-dropdown-menu-item-selected{background:#ebf2ff!important;color:#3b82f6!important;font-weight:600}.editor-panel--left.collapsed{width:0!important;min-width:0!important;opacity:0;overflow:hidden;border-right:none;transition:width var(--b-transition-slow),opacity var(--b-transition-normal),margin-left var(--b-transition-slow)}.panel-tab-strip--left{position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:48px;background:var(--b-accent);border-radius:0 4px 4px 0;cursor:pointer;transition:opacity var(--b-transition-fast);z-index:15;opacity:0}.panel-tab-strip--left:hover{opacity:1;width:6px}.template-editor:not(.is-fullscreen) .editor-panel--left.collapsed~.panel-tab-strip--left{opacity:.6}.editor-sub-toolbar.collapsed{width:0!important;min-width:0!important;opacity:0;overflow:hidden;border-left:none;padding:0;transition:width var(--b-transition-slow),opacity var(--b-transition-normal)}.sub-toolbar-tab-strip{width:4px;height:60px;background:var(--b-text-muted);border-radius:4px 0 0 4px;cursor:pointer;transition:opacity var(--b-transition-fast);z-index:15;opacity:0;flex-shrink:0;align-self:center}.sub-toolbar-tab-strip:hover{opacity:1;width:6px}@media (max-width: 1300px){.template-editor .editor-panel--left{width:220px}}@media (max-width: 1200px){.template-editor .editor-panel--left{width:200px}}@media (max-width: 1100px){.template-editor .editor-panel--left{width:0!important;min-width:0!important;opacity:0;overflow:hidden;border-right:none}.template-editor .editor-sub-toolbar{width:0!important;min-width:0!important;opacity:0;overflow:hidden;border-left:none;padding:0}.template-editor .editor-panel--left~.panel-tab-strip--left{opacity:.6}}@media (max-width: 900px){.editor-toolbar .ant-btn-sm>span:not(.anticon){display:none}.editor-toolbar .ant-btn-sm .anticon+span{display:none}}.template-editor--user .panel-tab-strip--left{background:#3b82f6}.template-editor-standalone-wrap{width:100vw;height:100vh;overflow:hidden;background:#ececec}.template-editor-standalone-wrap .template-editor{height:100vh!important}.template-editor-standalone-wrap .template-editor .editor-toolbar{flex-shrink:0}.web-home,.workspace-page,.teach-page,.mine-page{width:100%}.banner-wrap{flex:1.5;border-radius:18px;overflow:hidden;box-shadow:0 4px 20px #00000014;min-width:0}.banner-wrap .ant-carousel{border-radius:18px;overflow:hidden}.banner-slide{width:100%;aspect-ratio:750 / 420;max-height:420px;display:flex!important;flex-direction:column;justify-content:center;padding:40px 48px;position:relative;overflow:hidden}.banner-slide-1{background:linear-gradient(135deg,#2d8b6f,#1a6b54)}.banner-slide-2{background:linear-gradient(135deg,#667eea,#764ba2)}.banner-slide-3{background:linear-gradient(135deg,#f093fb,#f5576c)}.banner-slide h2{color:#fff;font-size:36px;font-weight:700;margin:0 0 12px;text-shadow:0 2px 8px rgba(0,0,0,.15);z-index:1}.banner-slide p{color:#ffffffe6;font-size:16px;margin:0;z-index:1;max-width:520px}.banner-slide .banner-tag{display:inline-block;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:14px;padding:5px 14px;border-radius:20px;width:fit-content;z-index:1;margin-bottom:12px}.banner-deco{position:absolute;right:-40px;bottom:-40px;width:240px;height:240px;border-radius:50%;background:#ffffff1a}.banner-deco-2{position:absolute;right:80px;top:-40px;width:140px;height:140px;border-radius:50%;background:#ffffff14}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.section-more{font-size:14px;color:#999;cursor:pointer;transition:color .2s}.section-more:hover{color:#2d8b6f}.hero-row{display:flex;gap:20px;margin-bottom:28px}.hero-cards{flex:1;display:flex;flex-direction:column;gap:20px;min-width:0}.hero-card{flex:1;border-radius:18px;padding:24px 28px;display:flex;align-items:center;gap:18px;cursor:pointer;transition:all .25s;box-shadow:0 4px 20px #00000014;position:relative;overflow:hidden}.hero-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0000001f}.hero-card-start{background:linear-gradient(135deg,#2d8b6f,#1a6b54);color:#fff}.hero-card-template{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.hero-card-emoji{font-size:42px;line-height:1;flex-shrink:0}.hero-card-body{flex:1}.hero-card-body h3{font-size:18px;font-weight:600;margin:0 0 4px}.hero-card-body p{font-size:14px;opacity:.85;margin:0}.hero-card-arrow{font-size:16px;opacity:.7}.tools-section{margin-bottom:28px}.tools-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.tool-card{background:#fff;border-radius:14px;padding:20px 18px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .2s;box-shadow:0 1px 4px #0000000a}.tool-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.tool-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.tool-card-info{min-width:0}.tool-card-name{font-size:15px;font-weight:500;color:#333}.tool-card-desc{font-size:12px;color:#999;margin-top:2px}.category-tabs{margin-bottom:14px}.category-tabs .ant-tabs-tab{padding:8px 4px!important;font-size:15px}.sub-filters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.sub-filter-tag{padding:5px 14px;border-radius:16px;font-size:13px;color:#666;background:#f5f6f8;cursor:pointer;transition:all .2s}.sub-filter-tag:hover{background:#eceef1}.sub-filter-tag.active{background:#2d8b6f1a;color:#2d8b6f;font-weight:500}.template-masonry{column-count:5;column-gap:18px;padding-bottom:32px}.template-card{break-inside:avoid;margin-bottom:18px;display:inline-block;width:100%;background:#fff;border-radius:14px;overflow:hidden;cursor:pointer;transition:all .2s;box-shadow:0 1px 4px #0000000a}.template-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.template-thumb{width:100%;position:relative;overflow:hidden}.template-thumb-inner{width:100%;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff9}.template-badge{position:absolute;top:10px;left:10px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:12px;padding:3px 10px;border-radius:6px}.template-cat-tag{position:absolute;bottom:10px;right:10px;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#333;font-size:12px;padding:3px 10px;border-radius:6px}.template-info{padding:12px 14px}.template-name{font-size:14px;color:#333;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-meta{font-size:13px;color:#999;margin-top:3px}.ws-dual{display:flex;gap:24px;align-items:flex-start}.ws-left{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:8px}.ws-quick-actions{margin-bottom:8px}.ws-new-folder-btn{width:100%;background:linear-gradient(135deg,#2d8b6f,#1a6b54);color:#fff;font-size:14px;font-weight:500;padding:12px 16px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.ws-new-folder-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2d8b6f4d}.ws-folder-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;cursor:pointer;transition:all .2s;background:#fff;box-shadow:0 1px 3px #00000008}.ws-folder-item:hover{background:#f9fafb}.ws-folder-item.active{background:#2d8b6f14;box-shadow:0 2px 8px #2d8b6f1a}.ws-folder-item-icon.all{width:44px;height:44px;border-radius:10px;background:#2d8b6f1a;display:flex;align-items:center;justify-content:center;font-size:20px;color:#2d8b6f;flex-shrink:0}.ws-folder-item-cover{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ws-folder-item-info{flex:1;min-width:0}.ws-folder-item-name{font-size:14px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-folder-item-count{font-size:12px;color:#999;margin-top:2px}.ws-folder-item-edit{font-size:14px;color:#ccc;opacity:0;transition:opacity .2s}.ws-folder-item:hover .ws-folder-item-edit{opacity:1}.ws-right{flex:1;min-width:0}.ws-right-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.ws-right-actions{display:flex;align-items:center;gap:12px}.ws-new-design-btn{background:#fff;border:1px solid #2D8B6F;color:#2d8b6f;font-size:14px;font-weight:500;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center}.ws-new-design-btn:hover{background:#2d8b6f0d}.design-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}.design-card{background:#fff;border-radius:14px;overflow:hidden;cursor:pointer;transition:all .2s;box-shadow:0 1px 4px #0000000a}.design-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.design-thumb{width:100%;aspect-ratio:3 / 4}.design-card-new{border:2px dashed #e0e0e0;background:transparent;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:3 / 4;cursor:pointer;border-radius:14px;transition:all .2s}.design-card-new:hover{border-color:#2d8b6f;background:#2d8b6f05}.design-card-new-icon{font-size:36px;color:#d9d9d9;margin-bottom:8px}.design-card-new-text{font-size:14px;color:#999}.design-info{padding:12px 14px}.design-name{font-size:14px;color:#333;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.design-meta{display:flex;align-items:center;gap:12px;margin-top:6px}.design-meta-canvas,.design-meta-time{font-size:12px;color:#bbb}.teach-page{width:100%}.teach-banner{border-radius:18px;overflow:hidden;margin-bottom:28px;box-shadow:0 4px 20px #00000014}.teach-banner .ant-carousel{border-radius:18px;overflow:hidden}.teach-banner-slide{display:flex!important;width:100%;aspect-ratio:21 / 8;max-height:320px}.teach-banner-visual{flex:1;position:relative;overflow:hidden}.teach-banner-visual .banner-deco{width:320px;height:320px;right:-60px;bottom:-80px}.teach-banner-visual .banner-deco-2{width:180px;height:180px;right:120px;top:-50px}.teach-banner-text{width:340px;flex-shrink:0;padding:36px 32px;display:flex;flex-direction:column;justify-content:center;background:#00000026;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.teach-banner-text .banner-tag{display:inline-block;background:#ffffff40;color:#fff;font-size:13px;padding:4px 12px;border-radius:16px;width:fit-content;margin-bottom:12px}.teach-banner-text h2{color:#fff;font-size:28px;font-weight:700;margin:0 0 10px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.teach-banner-text p{color:#ffffffe6;font-size:14px;margin:0 0 20px;line-height:1.5}.teach-banner-btn{display:inline-block;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:14px;padding:8px 20px;border-radius:20px;width:fit-content;cursor:pointer;transition:all .2s}.teach-banner-btn:hover{background:#ffffff4d}.teach-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.teach-category-tabs{margin-bottom:20px}.teach-category-tabs .ant-tabs-tab{padding:8px 2px!important;font-size:15px}.teach-category-tabs .ant-tabs-ink-bar{background:#2d8b6f!important;height:3px!important;border-radius:2px}.teach-category-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:#2d8b6f!important;font-weight:600}.teach-course-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:18px;padding-bottom:32px}.course-card-h{background:#fff;border-radius:14px;overflow:hidden;display:flex;cursor:pointer;transition:all .2s;box-shadow:0 1px 4px #0000000a}.course-card-h:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.course-h-thumb{width:180px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.course-h-play{font-size:36px;color:#ffffffb3}.course-h-badge{position:absolute;top:10px;right:10px;font-size:11px;padding:2px 8px;border-radius:4px;color:#fff}.course-h-badge.free{background:#2d8b6fe6}.course-h-badge.vip{background:linear-gradient(135deg,gold,orange);color:#5a3500}.course-h-info{flex:1;padding:18px 20px;display:flex;flex-direction:column;justify-content:center;min-width:0}.course-h-title{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-h-teacher{font-size:13px;color:#999;margin-bottom:12px}.course-h-meta{display:flex;align-items:center;justify-content:space-between}.course-h-price{display:flex;align-items:center}.price-free{font-size:15px;font-weight:600;color:#2d8b6f}.price-vip{font-size:14px;font-weight:600;color:#d48806;display:flex;align-items:center}.price-num{font-size:16px;font-weight:700;color:#f5576c}.course-h-students{font-size:13px;color:#bbb;display:flex;align-items:center}.mine-page{width:100%}.mine-layout{display:flex;gap:24px;align-items:flex-start}.mine-main{flex:2;min-width:0;display:flex;flex-direction:column;gap:20px}.mine-side{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:20px}.mine-profile{background:linear-gradient(135deg,#2d8b6f,#1a6b54);border-radius:18px;padding:24px 28px;display:flex;align-items:center;gap:24px;box-shadow:0 4px 20px #2d8b6f33}.mine-profile-left{display:flex;align-items:center;gap:14px;flex-shrink:0}.mine-profile-avatar{width:60px;height:60px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#fff;flex-shrink:0;border:2px solid rgba(255,255,255,.3)}.mine-profile-info{min-width:0}.mine-profile-name{font-size:18px;font-weight:600;color:#fff;margin:0 0 5px}.mine-profile-tag{display:inline-block;background:#fff3;color:#fff;font-size:12px;padding:2px 10px;border-radius:12px}.mine-profile-stats{flex:1;display:flex;gap:28px;justify-content:center;border-left:1px solid rgba(255,255,255,.15);border-right:1px solid rgba(255,255,255,.15);padding:0 24px;margin:0 4px}.mine-profile-stat{text-align:center}.mine-profile-stat-num{font-size:22px;font-weight:700;color:#fff}.mine-profile-stat-label{font-size:12px;color:#ffffffb3;margin-top:2px}.mine-profile-actions{flex-shrink:0}.mine-profile-btn{background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:13px;padding:8px 16px;border-radius:10px;cursor:pointer;transition:all .2s;display:flex;align-items:center}.mine-profile-btn:hover{background:#ffffff40}.mine-points-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:18px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #00000026}.mine-points-left{display:flex;align-items:baseline;gap:12px}.mine-points-label{font-size:14px;color:#fff9}.mine-points-num{font-size:32px;font-weight:700;color:gold}.mine-points-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.mine-points-btn{background:linear-gradient(135deg,gold,orange);color:#5a3500;font-size:14px;font-weight:600;padding:10px 24px;border-radius:10px;cursor:pointer;transition:all .2s}.mine-points-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ffd7004d}.mine-points-tip{font-size:12px;color:#fff6}.mine-vip-banner{background:linear-gradient(135deg,#ffecd2,#fcb69f);border-radius:18px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #fcb69f4d}.mine-vip-banner-left{display:flex;align-items:center;gap:16px}.mine-vip-banner-icon{font-size:36px;color:#b8860b}.mine-vip-banner-title{font-size:18px;font-weight:700;color:#7a4a2a}.mine-vip-banner-desc{font-size:13px;color:#7a4a2a;opacity:.8;margin-top:4px}.mine-vip-banner-btn{background:#7a4a2a;color:#fff;font-size:14px;font-weight:500;padding:10px 24px;border-radius:10px;cursor:pointer;transition:all .2s;flex-shrink:0}.mine-vip-banner-btn:hover{opacity:.9;transform:translateY(-1px)}.mine-orders{background:#fff;border-radius:18px;padding:22px 24px;box-shadow:0 1px 4px #0000000a}.mine-orders-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.mine-orders-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mine-order-item{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:all .2s;padding:12px 8px;border-radius:12px}.mine-order-item:hover{background:#f9fafb}.mine-order-icon{width:48px;height:48px;border-radius:14px;background:#f5f6f8;display:flex;align-items:center;justify-content:center;font-size:22px;color:#666;position:relative}.mine-order-badge{position:absolute;top:-4px;right:-4px;background:#f5576c;color:#fff;font-size:11px;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid #fff}.mine-order-label{font-size:13px;color:#666}.mine-func-grid{background:#fff;border-radius:18px;padding:22px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;box-shadow:0 1px 4px #0000000a}.mine-func-item{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:all .2s;padding:12px 8px;border-radius:12px}.mine-func-item:hover{background:#f9fafb;transform:translateY(-1px)}.mine-func-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px}.mine-func-label{font-size:13px;color:#666}.mine-menu{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #0000000a}.mine-menu-item{display:flex;align-items:center;padding:16px 22px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f5f5f5}.mine-menu-item:last-child{border-bottom:none}.mine-menu-item:hover{background:#fafbfc}.mine-menu-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:16px;flex-shrink:0}.mine-menu-label{flex:1;font-size:15px;color:#333;font-weight:500}.mine-menu-extra{font-size:14px;color:#bbb;margin-right:10px}.mine-menu-arrow{color:#ccc;font-size:12px}.settings-page{max-width:1000px;margin:0 auto}.settings-section{background:#fff;border-radius:14px;overflow:hidden;margin-bottom:18px;box-shadow:0 1px 4px #0000000a}.settings-section-title{font-size:16px;font-weight:600;color:#333;padding:18px 22px 10px;margin:0}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:background .2s}.settings-item:last-child{border-bottom:none}.settings-item:hover{background:#fafbfc}.settings-item-label{font-size:15px;color:#333}.settings-item-value{font-size:14px;color:#999}.web-placeholder{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.web-placeholder-icon{font-size:48px;color:#d9d9d9;margin-bottom:16px}.web-placeholder-title{font-size:18px;color:#666;font-weight:500;margin-bottom:8px}.web-placeholder-desc{font-size:14px;color:#999}@media (max-width: 1400px){.template-masonry{column-count:4}}@media (max-width: 1200px){.tools-row{grid-template-columns:repeat(3,1fr)}.template-masonry{column-count:3}.teach-course-list{grid-template-columns:1fr}.mine-layout{flex-direction:column}.mine-main,.mine-side{width:100%}.mine-profile{flex-wrap:wrap}.mine-profile-stats{width:100%;justify-content:flex-start;padding-top:16px;border-top:1px solid rgba(255,255,255,.15);border-left:none;border-right:none;margin:0}}@media (max-width: 900px){.hero-row{flex-direction:column}.banner-slide{padding:28px 32px}.banner-slide h2{font-size:26px}.tools-row{grid-template-columns:repeat(2,1fr)}.template-masonry{column-count:2}.ws-dual{flex-direction:column}.ws-left{width:100%;flex-direction:row;flex-wrap:wrap}.ws-folder-item{width:calc(50% - 4px)}.ws-quick-actions{width:100%}.teach-banner-slide{flex-direction:column;aspect-ratio:auto;max-height:none}.teach-banner-visual{min-height:180px}.teach-banner-text{width:100%}.mine-profile{flex-direction:column;text-align:center}.mine-profile-left{flex-direction:column}.mine-profile-stats{justify-content:space-around}.mine-orders-grid,.mine-func-grid{grid-template-columns:repeat(2,1fr)}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f0f2f5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-track{background:transparent}.tree-node-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding-right:2px}.tree-node-add-btn{font-size:12px;color:#999;opacity:0;transition:opacity .15s,color .15s;flex-shrink:0;cursor:pointer}.tree-node-row:hover .tree-node-add-btn{opacity:1}.tree-node-add-btn:hover{color:#1677ff}.tree-node-del-btn{font-size:12px;color:#999;opacity:0;transition:opacity .15s,color .15s;flex-shrink:0;cursor:pointer;margin-left:2px}.tree-node-row:hover .tree-node-del-btn{opacity:1}.tree-node-del-btn:hover{color:#ff4d4f}.drag-handle{transition:opacity .15s,background-color .15s}.drag-handle:hover{opacity:1!important;background-color:#f0f0f0}.drag-handle:active{cursor:grabbing!important}