.dark .group-container{--dh-text-8:#141824!important;--dh-hover-bg:var(--dh-text-6)}.light .group-container{--dh-hover-bg:#e6f7ff}.group-container .group-box{align-items:start;display:grid;gap:16px;grid-auto-rows:min-content;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));height:calc(100vh - var(--dh-header-nav-height) - 1rem - 80px - var(--dh-inrepo-height, 0px))}.group-container .group-box .item{align-self:start;border:var(--dh-text-6);border-radius:16px;box-shadow:0 2px 12px #00000014;cursor:pointer;height:-moz-fit-content;height:fit-content;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.group-container .group-box .item.dragging{cursor:grabbing!important;opacity:.9;transform:rotate(5deg)}.group-container .group-box .item .drag-handle{cursor:grab;opacity:.6;transition:opacity .3s ease}.group-container .group-box .item .drag-handle:hover{color:#1890ff;opacity:1}.group-container .group-box .item .drag-handle:active{cursor:grabbing}.group-container .group-box .item:hover{border-color:var(--dh-hover-bg);box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.group-container .group-box .item.create-item{align-items:center;background:var(--dh-text-6);border:2px dashed #d9d9d9;color:#8c8c8c;display:flex;flex-direction:column;height:220px;justify-content:center}.group-container .group-box .item.create-item:hover{background:var(--dh-hover-bg);border-color:#1890ff;color:#1890ff;transform:translateY(-2px)}.group-container .group-box .item.create-item .plus-icon{font-size:56px;font-weight:300}.group-container .group-box .item.create-item .create-text{font-size:16px;font-weight:500}.group-container .group-box .item .image-preview{background:var(--dh-text-6);height:160px;overflow:hidden;position:relative}.group-container .group-box .item .image-preview .w-70{float:left;height:100%;width:70%}.group-container .group-box .item .image-preview .w-70 img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.group-container .group-box .item .image-preview .w-30{display:flex;flex-direction:column;float:right;height:100%;width:30%}.group-container .group-box .item .image-preview .w-30>div{flex:1;margin-left:2px}.group-container .group-box .item .image-preview .w-30>div:first-child{margin-bottom:1px}.group-container .group-box .item .image-preview .w-30>div img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.group-container .group-box .item .image-preview:after{background:linear-gradient(transparent,#0000001a);bottom:0;content:"";height:40px;left:0;pointer-events:none;position:absolute;right:0}.group-container .group-box .item .card-info{background:var(--dh-text-8);padding:10px 16px}.group-container .group-box .item .card-info .icon-yidong{cursor:grab}.group-container .group-box .item .card-info .card-title{font-size:16px;font-weight:600;line-height:1.4;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-container .group-box .item .card-info .card-meta{align-items:center;color:#8c8c8c;display:flex;font-size:13px}.group-container .group-box .item .card-info .card-meta span:not(:last-child):after{color:#d9d9d9;content:"•";margin:0 8px}.group-container .group-box .item .card-info .card-meta .count{font-weight:500}.group-container .group-box .item .card-actions{opacity:0;position:absolute;right:12px;top:12px;transition:opacity .3s ease;z-index:10}.group-container .group-box .item .card-actions .action-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:none;border-radius:8px;color:#595959;cursor:pointer;display:inline-flex;font-size:14px;height:32px;justify-content:center;margin-left:6px;transition:all .2s ease;width:32px}.group-container .group-box .item .card-actions .action-btn:hover{background:#fff;box-shadow:0 2px 8px #00000026;color:#1890ff;transform:scale(1.1)}.group-container .group-box .item .card-actions .action-btn:active{transform:scale(.95)}.group-container .group-box .item:hover .card-actions{opacity:1}.group-container .group-box .item:hover .image-preview img{transform:scale(1.05)}.group-container .ghost{background:#f0f9ff;border:2px dashed #1890ff;opacity:.5}.group-container .chosen{border-color:#1890ff;box-shadow:0 8px 32px #1890ff33;transform:scale(1.02)}.group-container .drag{opacity:.8;transform:rotate(3deg) scale(1.02)}.group-container .el-empty{padding:60px 0}