.custom-dropdown-root{background:#25272e;border-radius:12px;padding:0}.custom-dropdown-root .ant-dropdown-menu{min-width:160px;padding:2px 6px;background:#25272e;box-shadow:none}.custom-dropdown-root .ant-dropdown-menu .ant-dropdown-menu-item{color:#e9eaf1cc;padding:10px 16px;border-radius:8px;margin:6px 0}.custom-dropdown-root .ant-dropdown-menu .ant-dropdown-menu-item:hover{background:#30333b}.custom-dropdown-root .ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-item-icon{font-size:14px}.left-menu-container{width:76px;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:24px 0 44px;background:#16161a;border-width:0px 1px 0px 0px;border-style:solid;border-color:#25272e;color:#e9eaf1cc}.left-menu-container .left-menu-top{display:flex;flex-direction:column;align-items:center;gap:28px;width:100%}.left-menu-container .left-menu-top .left-menu-top-item{height:58px;width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s ease-in-out}.left-menu-container .left-menu-top .left-menu-top-item:hover{background:#1e2124}.left-menu-container .left-menu-top .left-menu-top-item.active{background:#2a2c30}.left-menu-container .left-menu-top .left-menu-top-item .iconfont{color:#e9eaf1cc;font-size:16px}.left-menu-container .left-menu-top .left-menu-top-item .iconfont.icon-gen{font-size:18px}.left-menu-container .left-menu-bottom .btn-box{display:flex;justify-content:center;align-items:center;height:40px;width:40px;border-radius:50%;background:#25272e;transition:all .2s ease-in-out}.left-menu-container .left-menu-bottom .btn-box:hover{background:#303236}.left-menu-container .left-menu-bottom .iconfont{color:#e9eaf1cc}.custom-modal-root .ant-modal-mask{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.custom-modal-root .ant-modal{box-shadow:0 20px 60px #00000052;padding-bottom:0;outline:none!important}.custom-modal-root .ant-modal input::placeholder{color:#e9eaf14d;font-size:12px}.custom-modal-root .ant-modal textarea::placeholder{color:#e9eaf14d;font-size:12px}.custom-modal-root .ant-modal-close{color:#fff;outline:none!important}.custom-modal-root .ant-modal-close:hover{color:#fffc}.custom-modal-root .ant-input,.custom-modal-root .ant-input-textarea textarea,.custom-modal-root .ant-input-password{background:#30333b!important;color:#fff!important;height:40px;border:1px solid transparent!important;font-size:clamp(12px,2vw,16px)!important;transition:none}.custom-modal-root .ant-input:hover,.custom-modal-root .ant-input-textarea textarea:hover,.custom-modal-root .ant-input-password:hover,.custom-modal-root .ant-input:focus,.custom-modal-root .ant-input-textarea textarea:focus,.custom-modal-root .ant-input-password:focus{border:1px solid rgba(233,234,241,.1)!important;box-shadow:none!important;outline:none!important}.custom-modal-root .ant-input-password .ant-input{border:none!important;height:100%}.custom-modal-root .ant-input::placeholder,.custom-modal-root .ant-input-textarea textarea::placeholder{color:#31313166}.type-select-modal .ant-modal-mask{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.type-select-modal .ant-modal{box-shadow:0 20px 60px #00000052;background:#25272e;border-radius:12px;outline:none!important}.type-select-modal .ant-modal-header{background:#25272e;border-bottom:1px solid rgba(255,255,255,.06);padding:16px 20px}.type-select-modal .ant-modal-title{color:#fff;font-size:16px;font-weight:500}.type-select-modal .ant-modal-close{color:#fff9;outline:none!important}.type-select-modal .ant-modal-close:hover{color:#fff}.type-select-modal .ant-modal-body{background:#25272e;padding:16px}.type-select-modal .ant-modal-content{background:#25272e}.custom-modal-root input:-webkit-autofill,.custom-modal-root input:-webkit-autofill:hover,.custom-modal-root input:-webkit-autofill:focus,.custom-modal-root input:-webkit-autofill:active{transition:background-color 99999s ease-in-out 0s!important;-webkit-box-shadow:0 0 0 1000px #31333b inset!important;-webkit-text-fill-color:#fff!important}.custom-popover-root .ant-popover-container{background:#30333b}.custom-popover-root .ant-popover-container .ant-popover-title{color:#e9eaf1cc;font-size:16px;font-weight:400}.model-list-container{width:100%}.model-list-container .model{height:54px;border-radius:8px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;border:1px solid #30333B;color:#e9eaf1cc;cursor:pointer}.model-list-container .model:hover{background:#191a1f}.model-list-container .model .model-label{display:flex;align-items:center;gap:12px}.model-list-container .model .iconfont{font-size:16px}.model-list-container .model .icon-arrow-right{transition:transform .2s ease-in-out;font-size:12px;transform:rotate(90deg)}.my-model-list-dropdown{background:#222329;box-shadow:var(--ant-box-shadow-secondary)}.my-model-list-dropdown .ant-dropdown-menu{background:#222329}.my-model-list-dropdown .ant-dropdown-menu::-webkit-scrollbar{width:6px}.my-model-list-dropdown .ant-dropdown-menu::-webkit-scrollbar-thumb{background:#39393b;border-radius:4px}.my-model-list-dropdown .ant-dropdown-menu::-webkit-scrollbar-track{background:transparent}.my-model-list-dropdown .ant-dropdown-menu .ant-dropdown-menu-item{height:48px}.my-model-list-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:hover{background:#2d2f37}.my-model-list-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-selected{background:#30333b}.my-model-list-dropdown .ant-dropdown-menu-root{max-height:200px;overflow-y:auto}.my-model-list-dropdown .model-menu-item{display:flex;justify-content:space-between;align-items:center}.my-model-list-dropdown .model-menu-item .model-menu-title{font-size:14px;color:#e9eaf166}.my-model-list-dropdown .model-menu-item .model-menu-desc{font-size:12px;color:#e9eaf133}.my-model-list-dropdown .model-menu-item:hover .model-menu-title{color:#e9eaf1cc}.my-model-list-dropdown .model-menu-item:hover .model-menu-desc{color:#e9eaf166}.my-model-list-dropdown .model-menu-item.active .model-menu-title{color:#e9eaf1cc}.my-model-list-dropdown .model-menu-item.active .model-menu-desc{color:#e9eaf166}.my-model-list-dropdown .model-menu-item .icon-checked{margin-left:16px;font-size:10px}.asset-container{display:flex;width:100%;height:100vh;background:#141414;padding:0 24px;border-left:1px solid #25272E}.asset-container.asset-container-canvas{padding:0 16px;container:canvas-asset-library / inline-size}.asset-container .ant-checkbox{background:#0003;border:1px solid rgba(233,234,241,.6)}.asset-container .ant-checkbox.ant-checkbox-checked{background:#5bac85;border-color:#5bac85}.asset-container ::-webkit-scrollbar{width:2px}.asset-container ::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.asset-container ::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.asset-container ::-webkit-scrollbar-thumb:hover{background:#ffffff80}.main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.main-body{flex:1;display:flex;flex-direction:row;overflow:hidden}.header .header-back-title{display:flex;align-items:center;height:78px;border-bottom:1px solid rgba(255,255,255,.05)}.header .header-back-title .back .back-btn{display:flex;align-items:center;gap:6px;background:#25272e;color:#fffc;padding:0 16px;width:40px;height:40px;border-radius:7px;font-size:14px;transition:all .2s ease;border:none!important}.header .header-back-title .back .back-btn:hover{background:#ffffff1f;color:#fff}.header .header-back-title .title{font-size:18px;color:#e9eaf1;margin-left:12px}.header .header-tab-rightSection{display:flex;align-items:center;justify-content:space-between;height:72px}.header .header-tab-rightSection .tab{display:flex;align-items:center;gap:12px}.header .tabItem{padding:7px 32px;color:#e9eaf199;cursor:pointer;border-radius:4px}.header .tabItemDisabled{opacity:.55;cursor:not-allowed}.header .tabItemActive{padding:7px 32px;color:#e9eaf1;background:#25272e;cursor:pointer;border-radius:4px}.header .rightSection{display:flex;align-items:center;gap:12px}.header .searchInput{width:200px;background:#ffffff0f!important;color:#e9eaf1;border:1px solid rgba(255,255,255,.1);border-radius:6px}.asset-filter-nav{display:flex;flex-direction:column;min-width:0;container:asset-filter-nav / inline-size}.nav{display:flex;justify-content:space-between;align-items:center;height:36px;color:#e9eaf1;margin-bottom:20px}.nav.nav-canvas{flex-direction:column;align-items:stretch;height:auto;gap:12px}.nav.nav-canvas .nav-operate{width:100%;min-width:0;padding-right:0;gap:12px}.nav.nav-canvas .nav-menu{display:grid;grid-template-columns:repeat(4,minmax(36px,1fr));align-items:center;gap:8px;width:100%;min-width:0}.nav.nav-canvas .nav-menu .menu-item{min-width:0;padding-inline:4px;text-align:center}.nav.nav-canvas .nav-menu>.nav-divider{grid-column:5;grid-row:1;margin-inline:2px}.nav.nav-canvas .nav-menu>.favorite-filter{grid-column:6;grid-row:1;margin-inline-start:0;white-space:nowrap}.nav .nav-menu{display:flex;align-items:center;gap:32px}.nav .nav-menu .menu-item{cursor:pointer;transition:all .2s ease-in-out;color:#e9eaf199;padding:4px 12px;border-radius:6px;white-space:nowrap}.nav .nav-menu .menu-item:hover{color:#e9eaf1cc}.nav .nav-menu .menu-item-active{color:#fff}.nav .nav-operate{display:flex;align-items:center;justify-content:flex-end}.nav .nav-operate .source-toggle{cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:6px;font-size:13px;font-weight:500;transition:all .2s ease-in-out;flex-shrink:0;white-space:nowrap}.nav .nav-operate .source-toggle.source-toggle-upload{background:#5bac85;color:#e9eaf1e6}.nav .nav-operate .source-toggle.source-toggle-upload:hover{background:#6dbd96}.nav .nav-operate .source-toggle.source-toggle-back{background:#25272e;color:#e9eaf1e6}.nav .nav-operate .source-toggle.source-toggle-back:hover{background:#303236;color:#fff}.nav .nav-operate .batch-sort{display:flex;justify-content:end;gap:32px;flex-shrink:0;white-space:nowrap}.nav .nav-operate .batch-sort>div{cursor:pointer}.nav .nav-operate .batch-sort .iconfont{font-size:14px;margin-right:6px}.nav .nav-operate .batch-sort-canvas{gap:0;color:#e9eaf1cc;transition:color .2s ease-in-out}.nav .nav-operate .batch-sort-canvas>div{transition:color .2s ease-in-out}.nav .nav-operate .batch-sort-canvas>div:hover{color:#fff}.nav .nav-operate .operate-box{display:flex;align-items:center;justify-content:end;gap:8px}.nav .nav-operate .operate-box .selected-count{margin-right:8px;color:#e9eaf199}.nav .nav-operate .operate-box .operate-btn{width:96px;height:36px;border-radius:4px;display:flex;flex-direction:row;justify-content:center;align-items:center;background:#25272e;cursor:pointer;transition:all .2s ease-in-out}.nav .nav-operate .operate-box .operate-btn:hover{background:#303236}.nav .nav-operate .operate-box .cancel-btn{cursor:pointer;margin-left:20px}.nav .nav-operate .operate-box .cancel-btn .icon-closed{font-size:10px}.nav .nav-operate .operate-box .iconfont{font-size:14px;margin-right:6px}@container asset-filter-nav (max-width: 280px){.nav.nav-canvas .nav-menu>.nav-divider{display:none}.nav.nav-canvas .nav-menu>.favorite-filter{grid-column:1 / -1;grid-row:2;justify-self:start}}@container canvas-asset-library (max-width: 520px){.asset-container-canvas .main-body{flex-direction:column}.asset-container-canvas .asset-sidebar{width:100%;max-height:144px;margin:0 0 12px;padding:0 0 8px;border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}}.nav-batch-row{display:flex;justify-content:flex-end;align-items:center;min-height:36px;margin-bottom:20px}.nav-batch-row .batch-sort{display:flex;justify-content:end;gap:32px}.nav-batch-row .batch-sort>div{cursor:pointer;color:#e9eaf1cc;transition:color .2s ease-in-out}.nav-batch-row .batch-sort>div:hover{color:#fff}.nav-batch-row .batch-sort .iconfont{font-size:14px;margin-right:6px}.nav-batch-row .operate-box{display:flex;align-items:center;justify-content:end;gap:8px}.nav-batch-row .operate-box .selected-count{margin-right:8px;color:#e9eaf1cc}.nav-batch-row .operate-box .operate-btn{width:96px;height:36px;border-radius:4px;display:flex;flex-direction:row;justify-content:center;align-items:center;background:#25272e;color:#e9eaf1;cursor:pointer;transition:all .2s ease-in-out}.nav-batch-row .operate-box .operate-btn:hover{background:#303236}.nav-batch-row .operate-box .cancel-btn{cursor:pointer;margin-left:20px;color:#e9eaf1cc;transition:color .2s ease-in-out}.nav-batch-row .operate-box .cancel-btn:hover{color:#fff}.nav-batch-row .operate-box .cancel-btn .icon-closed{font-size:10px}.nav-batch-row .operate-box .iconfont{font-size:14px;margin-right:6px}:root{--box-template-columns: repeat(4, 1fr)}.folder-actions{display:flex!important;opacity:0;pointer-events:none;transition:opacity .2s ease}li.ant-dropdown-menu-item:hover .folder-actions{opacity:1;pointer-events:auto}.content{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;padding-top:8px}.content .content-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 8px 20px 0;container:container / inline-size}@container container (max-width: 300px){.content .content-scroll .flex-box{--box-template-columns: repeat(1, 1fr)}}@container container (min-width: 300px) and (max-width: 600px){.content .content-scroll .flex-box{--box-template-columns: repeat(2, 1fr)}}@container container (min-width: 600px) and (max-width: 900px){.content .content-scroll .flex-box{--box-template-columns: repeat(3, 1fr)}}@container container (min-width: 900px) and (max-width: 1200px){.content .content-scroll .flex-box{--box-template-columns: repeat(4, 1fr)}}@container container (min-width: 1200px) and (max-width: 1500px){.content .content-scroll .flex-box{--box-template-columns: repeat(5, 1fr)}}@container container (min-width: 1500px) and (max-width: 1800px){.content .content-scroll .flex-box{--box-template-columns: repeat(6, 1fr)}}@container container (min-width: 1800px){.content .content-scroll .flex-box{--box-template-columns: repeat(7, 1fr)}}.content .upload-box{width:343px;height:192px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;background:#1e1f25;cursor:pointer;transition:background .2s ease-in-out;margin-bottom:20px;color:#e9eaf166;font-size:12px}.content .upload-box:hover{background:#1e1f25cc}.content .upload-box .plus-box{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:6px;background:#25272e;margin-bottom:8px}.content .spin-box{display:flex;justify-content:center;align-items:center;width:343px;height:192px;border-radius:6px;background:#1e1f25;margin-bottom:20px}.content .time-line{margin-top:38px;font-size:22px;line-height:30px;font-weight:400;font-family:PingFang SC,-apple-system,BlinkMacSystemFont,sans-serif;color:#e9eaf1;margin-bottom:2px}.content .flex-box{margin-top:8px;display:grid;grid-template-columns:var(--box-template-columns);grid-gap:12px}.content .flex-box .item{border-radius:6px;background:#1e1f25;cursor:pointer;position:relative;overflow:hidden}.content .flex-box .item video,.content .flex-box .item img,.content .flex-box .item audio{object-fit:contain!important}.content .flex-box .item.type-image,.content .flex-box .item.type-video,.content .flex-box .item.type-audio{aspect-ratio:34 / 19}.content .flex-box .item .ant-image{width:100%;height:100%}.content .flex-box .item .item-checkbox{position:absolute;top:8px;left:8px;z-index:10}.content .flex-box .item .favor-box{position:absolute;top:6px;right:38px;z-index:10;width:28px;height:28px;display:flex;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;background:#000000bf}.content .flex-box .item .favor-box .icon-favorite{color:#b1afaf}.content .flex-box .item .favor-box .icon-favorited{color:#f69e3f}.content .flex-box .item .unFavor{display:none}.content .flex-box .item:hover .unFavor{display:flex}.content .flex-box .item .overlay-btns{position:absolute;top:6px;right:70px;display:flex;gap:4px;z-index:10}.content .flex-box .item .overlay-btn{width:28px;height:28px;border-radius:6px;background:#000000bf;display:none;align-items:center;justify-content:center;cursor:pointer;border:none;padding:0;transition:background .2s;color:#b1afaf}.content .flex-box .item .overlay-btn:hover{background:#000000e6}.content .flex-box .item:hover .overlay-btn{display:flex!important}.content .flex-box .item .item-more-btn{position:absolute;top:6px;right:4px;width:28px;height:28px;border-radius:6px;background:#000000bf;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#b1afaf;transition:opacity .2s,background .2s;z-index:10}.content .flex-box .item .item-more-btn:hover{background:#000000e6}.content .flex-box .item-name{position:absolute;bottom:0;left:0;right:0;padding:4px 6px;font-size:11px;color:#fff;text-align:center;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(transparent,#000000b3);z-index:5}.content .footer{text-align:center;padding:20px 0;color:#666;font-size:13px;margin-top:40px}.content .emptyState{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.content .emptyState .emptyDesc{margin-top:16px;color:#e9eaf166}.asset-sidebar{width:200px;flex-shrink:0;margin-right:20px;padding:8px 8px 8px 0;border-right:1px solid rgba(255,255,255,.06);overflow-y:auto;align-self:stretch;font-size:14px}.asset-sidebar .asset-sidebar-item{display:flex;align-items:center;height:36px;padding:0 12px;border-radius:6px;color:#e9eaf1b3;cursor:pointer;transition:background .2s ease}.asset-sidebar .asset-sidebar-item:hover{background:#ffffff0d}.asset-sidebar .asset-sidebar-item.selected{background:#5bac8529;color:#5bac85}.asset-sidebar .asset-sidebar-header{display:flex;align-items:center;justify-content:space-between;height:32px;margin:8px 0 4px;padding:0 12px;color:#e9eaf166;font-size:12px}.asset-sidebar .asset-sidebar-header .asset-sidebar-add{cursor:pointer;font-size:13px;transition:color .2s ease}.asset-sidebar .asset-sidebar-header .asset-sidebar-add:hover{color:#5bac85}.asset-sidebar .asset-sidebar-tree{display:flex;flex-direction:column}.asset-sidebar .asset-sidebar-empty{padding:8px 12px;color:#e9eaf14d;font-size:13px}.asset-tree-node{position:relative;display:flex;align-items:center;min-width:0;height:34px;padding-right:8px;border-radius:6px;color:#e9eaf1b3;cursor:pointer;transition:background .2s ease}.asset-tree-node:hover{background:#ffffff0d}.asset-tree-node:hover .asset-tree-actions{opacity:1;pointer-events:auto}.asset-tree-node.selected{background:#5bac8529;color:#5bac85}.asset-tree-node.editing .asset-tree-actions{display:none;opacity:0;pointer-events:none}.asset-tree-node .asset-tree-arrow{display:inline-flex;align-items:center;justify-content:center;width:16px;color:#e9eaf180}.asset-tree-node .asset-tree-icon{display:inline-flex;align-items:center;width:20px;color:#e9eaf199;font-size:13px}.asset-tree-node .asset-tree-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:4px}.asset-tree-node .asset-tree-edit-input{flex:1;min-width:0;width:0;margin-left:4px;height:24px;padding:0 6px;border-radius:4px;border:1px solid #5BAC85;background:#1e1f25;color:#fff;outline:none;font-size:13px;box-sizing:border-box}.asset-tree-node .asset-tree-actions{display:inline-flex;align-items:center;gap:8px;opacity:0;pointer-events:none;transition:opacity .2s ease}.asset-tree-node .asset-tree-actions .asset-tree-action-icon{font-size:13px;color:#e9eaf199;cursor:pointer;transition:color .2s ease}.asset-tree-node .asset-tree-actions .asset-tree-action-icon:hover{color:#fff}.asset-tree-node .asset-tree-actions .asset-tree-action-icon.delete:hover{color:#ff4d4f}.asset-folder-type-select{background:#30333b!important;border-color:#e9eaf11a!important}.asset-folder-type-select .ant-select-content{color:#fff!important}.asset-folder-type-select .ant-select-suffix{color:#e9eaf166!important}.asset-folder-type-select-popup{background:#37383d!important}.asset-folder-type-select-popup .ant-select-item-option{color:#e9eaf1cc!important}.asset-folder-type-select-popup .ant-select-item-option:hover{background:#2e3036;color:#e9eaf1}.asset-folder-type-select-popup .ant-select-item-option-selected{background-color:#26272e!important}.preview-fullscreen-container{position:fixed;width:100vw;height:100vh;top:0;bottom:0;left:0;right:0;z-index:999;background:#000}.preview-fullscreen-container .back{position:absolute;top:22px;left:32px;z-index:10}.preview-fullscreen-container .back .back-btn{display:flex;align-items:center;gap:6px;background:#25272e;color:#fffc;padding:0 16px;width:40px;height:40px;border-radius:7px;font-size:14px;transition:all .2s ease;border:none!important}.preview-fullscreen-container .back .back-btn:hover{background:#ffffff1f;color:#fff}.preview-fullscreen-container .preview-content{display:flex;height:100%;width:100%}.preview-fullscreen-container .preview-content .preview-content-left{background:#0f0f12;flex:1;display:flex;justify-content:center;align-items:center;height:100%;overflow:hidden;padding:5;aspect-ratio:16 / 9}.preview-fullscreen-container .preview-content .preview-content-right{flex:0 0 380px;display:flex;flex-direction:column;height:100%;padding:22px 24px 36px 32px}.preview-fullscreen-container .preview-content .preview-content-right .opreate-box{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.12)}.preview-fullscreen-container .preview-content .preview-content-right .opreate-box .down-btn{display:flex;align-items:center;gap:6px;background:#25272e!important;color:#fffc;padding:0 16px;width:88px;height:36px;border-radius:6px;font-size:14px;transition:all .2s ease;border:none!important}.preview-fullscreen-container .preview-content .preview-content-right .opreate-box .down-btn:hover{background:#33343b!important;color:#fff}.preview-fullscreen-container .preview-content .preview-content-right .opreate-box .more{display:flex;gap:8px}.preview-fullscreen-container .preview-content .preview-content-right .opreate-box .more .upvote-btn,.preview-fullscreen-container .preview-content .preview-content-right .opreate-box .more .more-btn,.preview-fullscreen-container .preview-content .preview-content-right .opreate-box .more .favorite-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;cursor:pointer}.preview-fullscreen-container .preview-content .preview-content-right .opreate-box .more .upvote-btn:hover,.preview-fullscreen-container .preview-content .preview-content-right .opreate-box .more .more-btn:hover,.preview-fullscreen-container .preview-content .preview-content-right .opreate-box .more .favorite-btn:hover{background:#33343b}.preview-fullscreen-container .preview-content .preview-content-right .opreate-box .more .disabled{opacity:.6;cursor:not-allowed}.preview-fullscreen-container .preview-content .preview-content-right .opreate-box .more .iconfont{color:#e9eaf1;font-size:18px}.preview-fullscreen-container .preview-content .preview-content-right .tag-container{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.preview-fullscreen-container .preview-content .preview-content-right .tag-container .ant-tag{padding:2px 8px;color:#e9eaf1cc;background:#1e1f25;border:none}.preview-fullscreen-container .preview-content .preview-content-right .tool-box{height:74px;border-radius:6px;padding:6px;background:#1e1f25;font-size:14px}.preview-fullscreen-container .preview-content .preview-content-right .tool-box .tool-title{color:#e9eaf166;padding:0 10px}.preview-fullscreen-container .preview-content .preview-content-right .tool-box .tool-content{display:flex}.preview-fullscreen-container .preview-content .preview-content-right .tool-box .tool-content .tool-item{padding-left:14px;flex:1;height:40px;display:flex;align-items:center;color:#e9eaf1cc;border-radius:4px;cursor:pointer}.preview-fullscreen-container .preview-content .preview-content-right .tool-box .tool-content .tool-item:hover{background:#26272e}.preview-fullscreen-container .preview-content .preview-content-right .tool-box .tool-content .tool-item .iconfont{color:#e9eaf1cc;font-size:14px;margin-right:8px}.preview-fullscreen-container .preview-content .preview-content-thumbnail{flex:0 0 auto;display:flex;align-items:flex-start;padding:20px 12px;height:100%;overflow-x:hidden;overflow-y:auto}.preview-fullscreen-container .ant-typography-copy{color:#9c9b9b!important}.preview-fullscreen-container .ant-typography-copy:hover{color:#ffffffd9!important}.section-title-label{position:static;left:0;top:0;width:36px;height:20px;opacity:1;font-family:PingFang SC;font-size:12px;font-weight:400;line-height:20px;letter-spacing:0em;font-variation-settings:"opsz" auto;color:#e9eaf166;z-index:0}.refer-thumb{width:96px;height:96px;object-fit:contain;border-radius:6px;border:1px solid rgba(255,255,255,.15);cursor:pointer}.download-text{position:static;left:42px;top:7px;width:28px;height:22px;opacity:1;font-family:PingFang SC;font-size:14px;font-weight:400;line-height:22px;letter-spacing:0em;font-variation-settings:"opsz" auto;color:#e9eaf1;z-index:1}._custom-drawer_r5l1h_1{position:absolute;right:0;top:0;width:70%;height:100%;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:100;box-shadow:2px 0 8px #00000026;display:flex;flex-direction:column;border-radius:10px}._custom-drawer-left_r5l1h_15{right:auto;left:0;transform:translate(-100%);box-shadow:-2px 0 8px #00000026}._custom-drawer-open_r5l1h_21{transform:translate(0)}._custom-drawer-mask_r5l1h_24{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000073;z-index:99;transition:opacity .3s}._custom-drawer-content_r5l1h_34{height:100%;overflow-y:auto;overflow-x:hidden}._custom-drawer-content_r5l1h_34::-webkit-scrollbar{width:6px}._custom-drawer-content_r5l1h_34::-webkit-scrollbar-track{background:transparent}._custom-drawer-content_r5l1h_34::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}._custom-drawer-content_r5l1h_34::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.ml-container{display:flex;flex-direction:column;width:100%;height:100vh;background:#141414;padding:0 24px;border-left:1px solid #25272E}.ml-container ::-webkit-scrollbar{width:2px}.ml-container ::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.ml-container ::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.ml-container ::-webkit-scrollbar-thumb:hover{background:#ffffff80}.ml-container-canvas{padding:0 16px}.ml-container-canvas .ml-card{width:164px}.ml-container-canvas .ml-thumb{width:164px;height:164px}.ml-container-canvas .ml-upload-placeholder{padding:8px 0}.ml-body{display:flex;flex:1;width:100%;overflow:hidden;min-height:0}.ml-sidebar{width:200px;min-width:200px;margin-right:20px;padding:8px 8px 8px 0;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;overflow-y:auto;align-self:stretch;font-size:14px}.ml-sidebar::-webkit-scrollbar{width:4px}.ml-sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.ml-sidebar-item{display:flex;align-items:center;height:36px;padding:0 12px;border-radius:6px;color:#e9eaf1b3;cursor:pointer;transition:background .2s ease}.ml-sidebar-item:hover{background:#ffffff0d}.ml-sidebar-item.selected{background:#5bac8529;color:#5bac85}.ml-sidebar-header{display:flex;align-items:center;justify-content:space-between;height:32px;margin:8px 0 4px;padding:0 12px;color:#e9eaf166;font-size:12px}.ml-sidebar-header .ml-sidebar-add{cursor:pointer;font-size:13px;transition:color .2s ease}.ml-sidebar-header .ml-sidebar-add:hover{color:#5bac85}.ml-sidebar-tree{display:flex;flex-direction:column}.ml-sidebar-empty{padding:8px 12px;color:#e9eaf14d;font-size:13px}.ml-tree-node{position:relative;display:flex;align-items:center;min-width:0;height:34px;padding-right:8px;border-radius:6px;color:#e9eaf1b3;cursor:pointer;transition:background .2s ease}.ml-tree-node:hover{background:#ffffff0d}.ml-tree-node:hover .ml-tree-actions{opacity:1;pointer-events:auto}.ml-tree-node.selected{background:#5bac8529;color:#5bac85}.ml-tree-node.adding{background:#5bac850f}.ml-tree-node .ml-tree-icon{display:inline-flex;align-items:center;width:20px;color:#e9eaf199;font-size:13px;flex-shrink:0}.ml-tree-node .ml-tree-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:4px;font-size:13px}.ml-tree-node .ml-tree-edit-input{flex:1;min-width:0;width:0;margin-left:4px;height:24px;padding:0 6px;border-radius:4px;border:1px solid #5BAC85;background:#1e1f25;color:#fff;outline:none;font-size:13px;box-sizing:border-box}.ml-tree-node .ml-tree-actions{display:inline-flex;align-items:center;gap:8px;opacity:0;pointer-events:none;transition:opacity .2s ease}.ml-tree-node .ml-tree-actions .ml-tree-action-icon{font-size:13px;color:#e9eaf199;cursor:pointer;transition:color .2s ease}.ml-tree-node .ml-tree-actions .ml-tree-action-icon:hover{color:#fff}.ml-tree-node .ml-tree-actions .ml-tree-action-icon.delete:hover{color:#ff4d4f}.ml-content{flex:1;display:flex;flex-direction:column;overflow:hidden;padding-left:12px}.ml-header{display:flex;align-items:center;gap:16px;height:78px;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.ml-back-btn{display:flex;align-items:center;gap:6px;background:#25272e;color:#fffc;width:40px;height:40px;border-radius:7px;border:none!important;cursor:pointer;justify-content:center;transition:all .2s ease}.ml-back-btn:hover{background:#ffffff1f;color:#fff}.ml-title{font-size:18px;color:#e9eaf1}.ml-upload-area{margin-top:16px;margin-bottom:16px;flex-shrink:0}.ml-upload-dragger .ant-upload-drag{background:#ffffff0a!important;border:1px dashed rgba(255,255,255,.15)!important;border-radius:8px;transition:background .2s ease-in-out}.ml-upload-dragger .ant-upload-drag:hover{background:#ffffff14!important}.ml-upload-placeholder{padding:16px 0;color:#aaa}.ml-upload-icon{font-size:28px;color:#666;display:block;margin-bottom:8px}.ml-upload-text{font-size:13px}.ml-upload-hint{font-size:11px;color:#666;margin-top:4px}.ml-upload-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 0;color:#aaa;font-size:14px}.ml-loading-box{display:flex;justify-content:center;align-items:center;height:200px}.ml-loading-label{margin-left:12px;font-size:13px;color:#aaa}.ml-empty-box{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.ml-scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:20px}.ml-date-header{margin-top:38px;font-size:22px;line-height:30px;font-weight:400;font-family:PingFang SC,-apple-system,BlinkMacSystemFont,sans-serif;color:#e9eaf1;margin-bottom:2px}.ml-card-grid{display:flex;flex-wrap:wrap}.ml-card{width:172px;margin:2px;position:relative}.ml-thumb{width:172px;height:172px;border-radius:6px;background:#1e1f25;cursor:pointer;position:relative;overflow:hidden;transition:background .2s ease-in-out}.ml-thumb:hover{background:#232324e6}.ml-thumb-inner{position:relative;width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center}.ml-img,.ml-video{width:100%;height:100%;object-fit:contain}.ml-video-box{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ml-audio-icon{font-size:40px;color:#666}.ml-status-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.ml-status-label{font-size:11px;color:#888}.ml-status-label-fail{font-size:11px;color:#ff4d4f}.ml-badge-active{position:absolute;top:4px;right:4px;background:#52c41ad9;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;z-index:5}.ml-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;color:#fffc;pointer-events:none}.ml-folder-actions{position:absolute;top:6px;right:6px;z-index:10;display:none}.ml-thumb:hover .ml-folder-actions{display:block}.ml-delete-btn{position:absolute;top:6px;left:6px;z-index:10;display:none;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:#000000bf;color:#b1afaf;cursor:pointer;transition:background .2s,color .2s}.ml-delete-btn:hover{background:#ff4d4fe6;color:#fff}.ml-thumb:hover .ml-delete-btn,.ml-delete-btn:focus-visible{display:flex}.ml-folder-btn{width:28px;height:28px;border-radius:6px;background:#000000bf;display:flex!important;align-items:center;justify-content:center;cursor:pointer;color:#b1afaf;transition:background .2s}.ml-folder-btn:hover{background:#000000e6;color:#fff}.ml-name-bar{position:absolute;bottom:0;left:0;right:0;padding:4px 6px;font-size:11px;color:#fff;text-align:center;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(transparent,#000000b3);z-index:5}.ml-loading-more{text-align:center;padding:16px 0;color:#888;font-size:12px}.ml-pagination{display:flex;justify-content:center;gap:8px;padding:16px 0}.ml-page-info{color:#aaa;line-height:24px;font-size:13px}.ml-footer{text-align:center;padding:20px 0;color:#666;font-size:13px;margin-top:40px}.ml-preview-body{display:flex;justify-content:center;align-items:center;max-height:60vh;overflow:hidden}.ml-preview-img{max-width:100%;max-height:55vh;object-fit:contain;border-radius:8px}.ml-preview-video{max-width:100%;max-height:55vh;border-radius:8px}.ml-preview-audio-box{text-align:center;padding:60px 40px;width:100%}.ml-preview-audio-icon{font-size:64px;color:#888;margin-bottom:24px}.ml-preview-audio{width:100%;max-width:480px;height:48px}.ml-preview-unsupported{color:#aaa;padding:40px}.ml-source-segmented .ant-segmented-item-selected{background:#5bac85!important;color:#fff!important;font-weight:600;border-radius:6px}.ml-source-segmented .ant-segmented-item{transition:all .2s}.subject-library-modal .ant-modal-container{height:100%;border:1px solid rgba(91,172,133,.3)}.subject-library-modal .ant-modal-body{height:100%;display:flex;flex-direction:column}.subject-lib-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.subject-lib-title{font-size:18px;font-weight:600;color:#fff}.subject-lib-create-btn{display:flex;align-items:center;gap:6px;padding:6px 16px;margin-right:40px;margin-top:4px;border-radius:6px;background:#5bac85;color:#fff;font-size:13px;font-weight:500;border:none;cursor:pointer;transition:all .15s}.subject-lib-create-btn:hover{background:#4a9b74}.subject-lib-body{display:flex;gap:0;border-radius:8px;overflow:hidden;flex:1}.subject-lib-sidebar{width:200px;min-width:200px;border-right:1px solid #2a2a3a;display:flex;flex-direction:column;overflow-y:auto}.subject-lib-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-size:13px;font-weight:600;color:#d1d5db;cursor:pointer;border-radius:8px;transition:background .1s,color .1s}.subject-lib-sidebar-header:hover{background:#5bac850f}.subject-lib-sidebar-header.selected{color:#5bac85;background:#5bac851f}.subject-lib-add-icon{font-size:12px;color:#5bac85;cursor:pointer;transition:opacity .15s}.subject-lib-add-icon:hover{opacity:.8}.subject-lib-tree{flex:1;overflow-y:auto;padding:4px 0}.subject-lib-sidebar::-webkit-scrollbar,.subject-lib-tree::-webkit-scrollbar{width:4px}.subject-lib-sidebar::-webkit-scrollbar-track,.subject-lib-tree::-webkit-scrollbar-track{background:transparent}.subject-lib-sidebar::-webkit-scrollbar-thumb,.subject-lib-tree::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.subject-tree-node{position:relative;display:flex;align-items:center;gap:6px;padding:7px 8px;cursor:pointer;transition:background .1s;color:#c4c7cc;font-size:14px;border-radius:8px}.subject-tree-node:hover .subject-tree-count{visibility:hidden}.subject-tree-node.selected{background:#5bac8526;color:#5bac85}.subject-tree-node.adding{background:#5bac850f}.subject-tree-arrow{display:inline-flex;align-items:center;justify-content:center;width:30px;height:18px;flex-shrink:0;color:#6b7280;cursor:pointer;transition:color .15s}.subject-tree-arrow:hover{color:#5bac85}.subject-tree-label{flex:1;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.subject-tree-count{font-size:13px;color:#b5b2b2;margin-left:auto;margin-right:2px}.subject-tree-actions{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:none;gap:4px;flex-shrink:0;padding-left:6px;border-radius:4px}.subject-tree-node:hover .subject-tree-actions{display:flex}.subject-tree-action-icon{font-size:12px;color:#666;cursor:pointer;padding:2px;transition:color .15s}.subject-tree-action-icon:hover{color:#5bac85}.subject-tree-action-icon.delete:hover{color:#f87171}.subject-tree-edit-input{flex:1;outline:none;border:1px solid #5BAC85;border-radius:4px;background:#25272e;color:#e5e7eb;font-size:13px;padding:2px 6px;min-width:60px}.subject-lib-content{flex:1;padding:0 20px 16px;overflow-y:auto;background:#25272e}.subject-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #2a2a3a;font-size:13px;color:#9ca3af}.subject-breadcrumb-item{display:inline-flex;align-items:center;gap:8px}.subject-breadcrumb-name{font-size:14px;cursor:pointer;transition:color .15s}.subject-breadcrumb-name:hover{color:#e5e7eb}.subject-breadcrumb-name.active{color:#5bac85;font-weight:500}.subject-breadcrumb-separator{color:#6b7280;font-size:12px}.subject-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.subject-card{cursor:pointer;border:1px solid #373535;border-radius:8px;overflow:hidden}.subject-card-preview{position:relative;aspect-ratio:1;overflow:hidden;background:#212229}.subject-card-preview img{width:100%;height:100%;object-fit:cover}.subject-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#5bac8514}.subject-card-name{margin-top:6px;font-size:13px;color:#d1d5db;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subject-card-meta{margin-bottom:4px;font-size:11px;color:#c7c9cd;text-align:center}.subject-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center}.subject-card-delete{position:absolute;top:8px;right:8px;color:#fff9;cursor:pointer;font-size:16px;line-height:1;transition:color .15s}.subject-card-delete:hover{color:#f87171}.subject-card-actions{display:flex;gap:24px;align-items:center;justify-content:center}.subject-card-action{color:#ffffffbf;font-size:14px;cursor:pointer;transition:color .15s}.subject-card-action:hover{color:#fff}.subject-empty{display:flex;align-items:center;justify-content:center;height:calc(100% - 200px);color:#555;font-size:14px}.subject-create-modal .ant-modal-content{padding:24px 28px;background:#1d1d26}.subject-create-header{font-size:17px;font-weight:600;color:#fff;margin-bottom:4px}.subject-create-subtitle{font-size:12px;color:#777;margin-bottom:20px}.subject-create-body{display:flex;flex-direction:column;gap:16px}.subject-create-field{display:flex;flex-direction:column;gap:6px}.subject-create-label{font-size:13px;color:#d1d5db;font-weight:500;display:flex;align-items:center;gap:8px}.subject-create-hint{font-size:11px;font-weight:400;color:#5bac85;margin-left:auto}.subject-create-field .ant-input{background:#25272e;border-color:#3a3a4a;color:#e5e7eb;border-radius:6px}.subject-create-field .ant-input::placeholder{color:#ffffff59}.subject-create-field .ant-input:focus{border-color:#5bac85;box-shadow:0 0 0 2px #5bac8533}.subject-create-field .ant-select{background:#25272e!important;border:1px solid #3a3a4a!important;border-radius:6px!important;box-shadow:none!important}.subject-create-field .ant-select .ant-select-content{color:#fff!important}.subject-create-field .ant-select-selection-placeholder{color:#ffffff59!important}.subject-create-field .ant-select.ant-select-open{background:#25272e!important;border-color:#5bac85!important;box-shadow:0 0 0 2px #5bac8533!important}.subject-folder-dropdown.ant-select-dropdown{background:#25272e;border:1px solid #3a3a4a;border-radius:6px;box-shadow:0 6px 20px #00000073;padding:4px}.subject-folder-dropdown .ant-select-item{color:#e5e7eb;border-radius:4px}.subject-folder-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled){background:#5bac852e}.subject-folder-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:#5bac85;color:#fff;font-weight:500}.subject-folder-dropdown .ant-select-item-empty{color:#888}.subject-upload-dragger{background:transparent!important;border:1px dashed #3a3a4a!important;border-radius:8px!important;padding:8px!important}.subject-upload-dragger:hover{border-color:#5bac85!important}.subject-upload-placeholder{text-align:center;padding:20px 0;color:#666}.subject-upload-placeholder p{margin:8px 0 4px;font-size:13px;color:#999}.subject-upload-placeholder span{font-size:11px;color:#555}.subject-upload-preview{display:flex;align-items:center;justify-content:center;padding:8px 0}.subject-upload-img-preview{max-width:160px;max-height:120px;object-fit:contain;border-radius:6px}.subject-upload-audio-info{text-align:center;color:#999;font-size:13px}.subject-upload-image-grid{display:grid;grid-template-columns:repeat(auto-fill,88px);gap:8px}.subject-upload-image-card,.subject-upload-image-add{width:88px;height:88px;border-radius:8px;overflow:hidden;box-sizing:border-box}.subject-upload-image-card{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;border:1px solid #3a3a4a}.subject-upload-image-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:16px;background:#0009;opacity:0;transition:opacity .15s}.subject-upload-image-card:hover .subject-upload-image-mask{opacity:1}.subject-upload-image-action{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1f;color:#fff;font-size:14px;cursor:pointer;transition:background .15s}.subject-upload-image-action:hover{background:#ffffff40}.subject-upload-image-add{display:flex;align-items:center;justify-content:center;background:#25272e;border:1px dashed #3a3a4a;cursor:pointer;transition:border-color .15s,background .15s}.subject-upload-image-add:hover{border-color:#5bac85;background:#5bac8514}.subject-upload-audio-player{position:relative;display:flex;align-items:center;gap:12px;padding:4px 16px;border-radius:10px;border:1px solid #3a3a4a;background:#25272e}.subject-upload-audio-play-btn{flex-shrink:0;width:42px;height:42px;border-radius:50%;border:none;background:#5bac85;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.subject-upload-audio-play-btn:hover{background:#4a9b74}.subject-upload-audio-player-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.subject-upload-audio-player-name{font-size:13px;color:#e5e7eb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subject-upload-audio-wave{display:flex;align-items:center;gap:3px;height:28px}.subject-upload-audio-bar{width:3px;flex-shrink:0;background:#ffffff2e;border-radius:2px;transition:background .15s}.subject-upload-audio-bar.played{background:#5bac85}.subject-upload-audio-time{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#888}.subject-upload-audio-delete{position:absolute;top:8px;right:8px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#ffffff8c;font-size:12px;cursor:pointer;transition:color .15s,background .15s}.subject-upload-audio-delete:hover{color:#f87171;background:#f871711f}.subject-create-footer{display:flex;align-items:center;justify-content:end;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #2a2a3a}.subject-btn-primary,.subject-btn-cancel{padding:7px 22px;border-radius:6px;font-size:13px;cursor:pointer;border:none;transition:all .15s}.subject-btn-primary{background:#5bac85;color:#fff;font-weight:500}.subject-btn-primary:hover:not(:disabled){background:#4a9b74}.subject-btn-primary:disabled{opacity:.5;cursor:not-allowed}.subject-btn-cancel{background:transparent;color:#9ca3af;border:1px solid #3a3a4a}.subject-btn-cancel:hover{border-color:#5bac85;color:#e5e7eb}.subject-create-footer-hint{margin-left:auto;font-size:11px;color:#555}.ant-image-preview{z-index:3000!important}.subject-use-modal .ant-modal-title{color:#fff;font-weight:600}.subject-use-toolbar{display:flex;align-items:center;gap:12px;padding-top:12px;margin-top:12px;border-top:1px solid #2a2a3a}.subject-use-toolbar .ant-checkbox-wrapper{color:#e5e7eb;font-size:13px}.subject-use-count{font-size:12px;color:#9ca3af}.subject-use-section{margin-bottom:18px}.subject-use-section-title{font-size:13px;font-weight:500;color:#c4c7cc;margin-bottom:10px}.subject-use-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.subject-use-image-cell{position:relative;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;background:#1f2128;transition:border-color .15s;aspect-ratio:1 / 1}.subject-use-image-cell img{width:100%;height:100%;object-fit:cover;display:block}.subject-use-image-cell:hover{border-color:#5bac8580}.subject-use-image-cell.selected{border-color:#5bac85}.subject-use-image-check{position:absolute;top:6px;left:6px;z-index:2}.subject-use-audio{display:flex;align-items:center;gap:10px;padding:10px 12px;border:2px solid transparent;border-radius:8px;background:#1f2128;cursor:pointer;transition:border-color .15s}.subject-use-audio:hover{border-color:#5bac8580}.subject-use-audio.selected{border-color:#5bac85}.subject-use-audio .subject-upload-audio-player{flex:1;min-width:0}.subject-use-empty{padding:40px 0;text-align:center;color:#9ca3af;font-size:13px}.subject-use-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.subject-create-field .ant-select .ant-select-suffix{color:#9ca3af}.style-library-modal .ant-modal-content{border:1px solid rgba(91,172,133,.3);border-radius:12px;overflow:hidden}.style-library-modal .ant-modal-body{padding:0;height:76vh;min-height:520px}.style-library-modal .ant-modal-close{top:16px;right:16px}.style-library-modal .ant-select .ant-select-suffix{color:#9ca3af}.style-library-modal .ant-select-content{color:#e5e7eb!important}.style-lib-container{display:flex;width:100%;height:100%}.style-lib-sidebar{width:220px;min-width:220px;border-right:1px solid #2a2a3a;display:flex;flex-direction:column}.style-lib-sidebar-title{padding:16px 14px 4px;font-size:16px;font-weight:600;color:#fff}.style-lib-sidebar-search{width:300px}.style-lib-search-input.ant-input{background:#25272e;border-color:#3a3a4a;color:#e5e7eb;border-radius:8px}.style-lib-search-input.ant-input::placeholder{color:#ffffff59}.style-lib-search-input.ant-input-affix-wrapper{background:#25272e;border-color:#3a3a4a;color:#e5e7eb;border-radius:8px}.style-lib-search-input.ant-input-affix-wrapper .ant-input{background:transparent;color:#e5e7eb}.style-lib-search-input.ant-input-affix-wrapper .ant-input::placeholder{color:#ffffff59}.style-lib-search-input.ant-input-affix-wrapper .ant-input-prefix,.style-lib-search-input.ant-input-affix-wrapper .ant-input-clear-icon{color:#e9eaf199}.style-lib-search-input.ant-input-affix-wrapper:focus,.style-lib-search-input.ant-input-affix-wrapper-focused{border-color:#5bac85;box-shadow:0 0 0 2px #5bac8533}.style-lib-main{flex:1;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto}.style-lib-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid #2a2a3a;gap:16px}.style-lib-menu{overflow-y:auto;padding:4px 10px 12px}.style-lib-menu::-webkit-scrollbar{width:3px}.style-lib-menu::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.style-lib-personal-menu{flex:none;padding-top:4px;padding-bottom:16px}.style-lib-personal-title{padding:16px 22px 4px;font-size:12px;color:#e9eaf199;line-height:1.4}.style-lib-menu-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;color:#e9eaf199;font-size:14px;cursor:pointer;transition:all .15s;margin-bottom:2px}.style-lib-menu-item:hover{background:#5bac8514;color:#e9eaf1}.style-lib-menu-item.selected{background:#5bac8524;color:#5bac85;font-weight:500}.style-lib-menu-name{font-size:14px}.style-lib-title{font-size:20px;font-weight:600;color:#fff}.style-lib-header-right{display:flex;align-items:center;gap:16px;flex-shrink:0;flex-wrap:nowrap}.style-lib-header-model-select.ant-select{width:140px;background:#25272e!important;border:1px solid #3a3a4a!important;border-radius:8px!important;box-shadow:none!important}.style-lib-header-tab-select.ant-select{width:160px;background:#25272e!important;border:1px solid #3a3a4a!important;border-radius:8px!important;box-shadow:none!important}.style-lib-header-tab-select .ant-select-selector,.style-lib-header-model-select .ant-select-selector{background:transparent!important;border:none!important;color:#e5e7eb!important}.style-lib-header-model-select .ant-select-placeholder,.style-lib-header-tab-select .ant-select-placeholder{color:#ffffff59!important}.style-lib-header-model-select.ant-select-open{border-color:#5bac85!important;box-shadow:0 0 0 2px #5bac8533!important}.style-lib-select-dropdown.ant-select-dropdown{background:#25272e;border:1px solid #3a3a4a;border-radius:8px;box-shadow:0 6px 20px #00000073;padding:4px}.style-lib-select-dropdown .ant-select-item{color:#e5e7eb;border-radius:4px}.style-lib-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled){background:#5bac852e}.style-lib-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:#5bac85;color:#fff;font-weight:500}.style-lib-select-dropdown .ant-select-item-empty{color:#888}.style-lib-create-btn{display:flex;align-items:center;gap:6px;background:#5bac85;border:none;border-radius:8px;padding:0 16px;height:34px;font-size:13px;font-weight:500;margin-right:16px}.style-lib-create-btn:hover{background:#4a9b74!important}.style-lib-grid{flex:none;padding:20px 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;align-content:start}.style-lib-grid::-webkit-scrollbar{width:6px}.style-lib-grid::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.style-card{height:300px;position:relative;border:1px solid #373535;border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .15s}.style-card:hover{border-color:#5bac8580}.style-card-cover{position:relative;width:100%;height:220px;overflow:hidden}.style-card-img,.style-card-img img{width:100%;height:100%;object-fit:cover}.style-card-badge{padding:2px 8px;border-radius:4px;background:#5bac85d9;color:#fff;font-size:11px;line-height:1.6}.style-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center}.style-card-top-actions{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:10px;z-index:2}.style-card-favorite{position:absolute;top:8px;left:8px;z-index:2;color:#fff9;cursor:pointer;font-size:16px;line-height:1;transition:color .15s;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.style-card-favorite:hover,.style-card-favorite.active{color:#facc15}.style-card-delete{color:#fff9;cursor:pointer;font-size:16px;line-height:1;transition:color .15s}.style-card-delete:hover{color:#f87171}.style-card-actions{display:flex;gap:24px;align-items:center;justify-content:center}.style-card-action{color:#ffffffbf;font-size:14px;cursor:pointer;transition:color .15s}.style-card-action:hover{color:#fff}.style-card-info{padding:10px 12px 12px}.style-card-title-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.style-card-title{flex:1;min-width:0;font-size:14px;color:#e9eaf1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.style-card-meta{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:#e9eaf199;flex-wrap:wrap}.style-card-category{color:#5bac85}.style-card-stat{margin-left:auto}.style-lib-empty{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;height:200px;color:#e9eaf199;font-size:14px}.style-create-modal .ant-modal-content{background:#1f1f1f;border:1px solid #2a2a3a;border-radius:12px}.style-create-modal .ant-modal-header{padding:12px 24px}.style-create-modal .ant-modal-title{color:#fff;font-size:16px;font-weight:600}.style-create-modal .ant-modal-body{padding:20px 24px 24px}.style-create-modal .ant-modal-close{top:16px;right:16px}.style-create-modal .ant-select .ant-select-suffix{color:#9ca3af}.style-create-modal .ant-select-content{color:#e5e7eb!important}.style-create-form{display:flex;flex-direction:column;gap:16px}.style-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.style-form-item{display:flex;flex-direction:column;gap:8px}.style-form-label{font-size:13px;color:#e9eaf1;font-weight:500}.style-create-form .ant-input,.style-create-form .ant-input-textarea{background:#25272e;border-color:#3a3a4a;color:#e5e7eb;border-radius:8px}.style-create-form .ant-input::placeholder,.style-create-form textarea::placeholder{color:#ffffff59}.style-create-form .ant-input:focus,.style-create-form .ant-input-focused{border-color:#5bac85;box-shadow:0 0 0 2px #5bac8533}.style-form-select.ant-select{background:#25272e!important;border:1px solid #3a3a4a!important;border-radius:8px!important;box-shadow:none!important}.style-form-select .ant-select-selector{background:transparent!important;border:none!important;color:#e5e7eb!important}.style-form-select .ant-select-selection-placeholder{color:#ffffff59!important}.style-form-select.ant-select.ant-select-open{background:#25272e!important;border-color:#5bac85!important;box-shadow:0 0 0 2px #5bac8533!important}.style-form-textarea{resize:none}.style-form-upload-wrap{width:100%}.style-form-uploader{width:100%;height:180px;border:1px dashed #3a3a4a;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#e9eaf199;cursor:pointer;transition:all .15s}.style-form-uploader:hover{border-color:#5bac85;color:#e9eaf1}.style-form-upload-icon{font-size:28px}.style-form-preview{position:relative;width:100%;height:180px;border-radius:10px;overflow:hidden;border:1px solid #2a2a3a}.style-form-preview .ant-image{width:100%;height:100%}.style-form-preview-img{width:100%!important;height:100%!important;object-fit:contain}.style-form-preview-img .ant-image{width:100%;height:100%}.style-form-preview-img img{width:100%;height:100%;object-fit:cover}.style-form-reupload{position:absolute;bottom:10px;right:10px;padding:4px 12px;border-radius:6px;border:none;background:#0009;color:#fff;font-size:12px;cursor:pointer}.style-form-reupload:hover{background:#000c}.style-form-switch{flex-direction:row!important;align-items:center;justify-content:space-between;padding-top:4px}.style-form-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:8px}.style-form-cancel{background:transparent;border:1px solid #2a2a3a;color:#e9eaf1}.style-form-cancel:hover{border-color:#e9eaf199!important;color:#fff!important}.style-form-submit{background:#5bac85;border:none}.style-form-submit:hover{background:#4a9b74!important}.img-preview-wrapper{width:100%;padding:0}.img-preview-wrapper .fieldUploadBox{width:120px;height:120px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffff0f;cursor:pointer;overflow:hidden;position:relative}.img-preview-wrapper .fieldUploadBox .icon-upload-img{font-size:20px}.img-preview-wrapper .ant-upload-select{border:none!important}.img-preview-wrapper .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select,.img-preview-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container{width:120px!important;height:120px!important}.img-preview-wrapper .ant-upload-list-item{border-color:#71747f!important}.img-preview-wrapper .customItem-box{position:relative;width:100%;height:100%}.img-preview-wrapper .customItem-box .customItem-desc{position:absolute;bottom:1px;left:1px;width:calc(100% - 2px);height:20px;border-radius:0 0 8px 8px;font-size:12px;display:flex;flex-direction:column;align-items:center;padding:0 10px;background:#00000080;color:#e9eaf1;overflow:hidden}.video-thumbnail-wrapper{position:relative;width:100%;height:100%;border-radius:8px;overflow:hidden;background:#000;cursor:pointer}.video-thumbnail-wrapper .video-thumbnail{width:100%;height:100%;object-fit:contain;display:block}.video-thumbnail-wrapper .video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.video-thumbnail-wrapper .video-play-icon{width:0;height:0;border-left:12px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:2px}.video-thumbnail-wrapper:hover .video-play-overlay{background:#000000b3}.video-thumbnail-wrapper .video-delete-btn{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background:#0000008c;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;opacity:0;transition:opacity .2s}.video-thumbnail-wrapper .video-delete-btn:hover{background:#ff4d4fd9}.video-thumbnail-wrapper:hover .video-delete-btn{opacity:1}.video-thumbnail-wrapper:hover .video-actions-overlay{opacity:1!important}.item-actions-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;transition:opacity .2s;z-index:2;border-radius:8px;pointer-events:none}.customItem-box-hoverable{position:relative}.customItem-box-hoverable:hover .item-actions-mask{opacity:1;pointer-events:auto}.media-duration-badge{position:absolute;top:4px;right:4px;z-index:3;padding:1px 5px;border-radius:4px;background:#000000ad;color:#fff;font-size:10px;font-weight:500;line-height:16px;white-space:nowrap;pointer-events:none}.item-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#ffffff26;color:#fff;font-size:16px;cursor:pointer;transition:background .2s}.item-action-btn:hover{background:#ffffff59}.login-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box;padding:72px clamp(32px,12vw,180px) 72px 32px;background:linear-gradient(90deg,#00000014,#00000061),url(/assets/login_bg-Daf35VcT.jpg) center / cover no-repeat}.login-api-button{position:fixed;top:20px;right:20px;z-index:10;padding-inline:20px;font-size:16px}.login-card{width:min(380px,calc(100vw - 48px));box-sizing:border-box;background:#00000080;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border-radius:8px;padding:32px;box-shadow:0 18px 60px #00000052}.login-brand{margin-bottom:18px;text-align:center}.login-brand .login-logo{width:52px;height:52px;object-fit:contain}.login-brand h1{margin:10px 0 4px;color:#ffffffe0;font-size:25px;line-height:1.35}.login-brand p{margin:0;color:#e9eaf180;font-size:14px}.login-card .prefixIcon{color:#ffffffa6!important}.login-card .ant-input-affix-wrapper,.login-card .ant-input-outlined{height:42px;border-radius:4px;background-color:#000!important;border-color:#ffffff26!important;color:#fff!important;font-size:16px!important}.login-card .ant-input-affix-wrapper:hover,.login-card .ant-input-outlined:hover{background-color:#000!important;border-color:#ffffff4d!important}.login-card .ant-input-affix-wrapper:focus,.login-card .ant-input-outlined:focus,.login-card .ant-input-affix-wrapper-focused,.login-card .ant-input-outlined-focused,.login-card .ant-input-affix-wrapper.ant-input-affix-wrapper-focused,.login-card .ant-input-outlined.ant-input-affix-wrapper-focused{background-color:#000!important;border-color:#57be6a99!important;box-shadow:0 0 0 2px #57be6a26!important}.login-card .ant-input-affix-wrapper .ant-input,.login-card .ant-input-outlined .ant-input{background-color:transparent!important;color:#fff!important}.login-card .ant-input-affix-wrapper .ant-input::placeholder,.login-card .ant-input-outlined .ant-input::placeholder{color:#ffffff73!important}.login-card .ant-input-affix-wrapper .ant-input-suffix,.login-card .ant-input-outlined .ant-input-suffix,.login-card .ant-input-affix-wrapper .ant-input-prefix,.login-card .ant-input-outlined .ant-input-prefix{color:#ffffffa6}.login-card .ant-input-affix-wrapper .ant-input-clear-icon,.login-card .ant-input-outlined .ant-input-clear-icon,.login-card .ant-input-affix-wrapper .anticon.ant-input-password-icon,.login-card .ant-input-outlined .anticon.ant-input-password-icon{color:#ffffff73!important}.login-card .ant-input-affix-wrapper .ant-input-clear-icon:hover,.login-card .ant-input-outlined .ant-input-clear-icon:hover,.login-card .ant-input-affix-wrapper .anticon.ant-input-password-icon:hover,.login-card .ant-input-outlined .anticon.ant-input-password-icon:hover{color:#ffffffd9!important}.login-card input:-webkit-autofill,.login-card input:-webkit-autofill:hover,.login-card input:-webkit-autofill:focus,.login-card input:-webkit-autofill:active{transition:background-color 99999s ease-in-out 0s!important;-webkit-box-shadow:0 0 0 1000px #000 inset!important;-webkit-text-fill-color:#fff!important;caret-color:#fff!important}.login-card .ant-tabs-tab{color:#ffffff8c!important}.login-card .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#57be6a!important}.login-card .ant-tabs-ink-bar{background:#57be6a!important}.login-submit-item{margin-bottom:0}@media(max-width:640px){.login-page{justify-content:center;padding:80px 24px 56px}.login-card{padding:28px 24px}}
