.ds-xdp-project__header{background-color:var(--ds-color-A--background);box-shadow:0 1px 2px var(--ds-color-A--box-shadow);height:40px;padding:0 24px;position:relative;text-align:center;z-index:1}.ds-xdp-project__header-bread{align-items:center;color:var(--ds-color-A--text-tertiary);display:flex;font-size:12px;font-weight:400;height:40px;left:24px;position:absolute;top:0}.ds-xdp-project__header-bread .ds-button{margin-left:20px}.ds-xdp-project__header__tab{display:inline-flex}.ds-xdp-project__header__tab .ds-tabs__nav-wrap:after{display:none}.ds-xdp-project__header__tab .ds-tabs__item{color:var(--ds-color-A--text-tertiary);font-weight:400;height:40px;line-height:40px}.ds-xdp-project__header__tab .ds-tabs__item.is-active,.ds-xdp-project__header__tab .ds-tabs__item:hover{color:var(--ds-color--P0)}.ds-xdp-project__header-right{align-items:center;display:flex;height:40px;position:absolute;right:24px;top:0}.ds-xdp-project__header-right__add{margin-left:24px}.ds-xdp-project__header-right__add .ds-button{min-width:24px;width:24px}.ds-xdp-project__header-right__sort{font-size:13px}.ds-xdp-project__header-right__display-switcher{color:var(--ds-color-A--text-tertiary);font-size:16px;margin-left:24px}.ds-xdp-project__header-right__display-switcher i{cursor:pointer}.ds-xdp-project__header-right__display-switcher:hover{color:var(--ds-color--P0)}.ds-xdp-project__header-right__search{margin-left:20px}.ds-xdp-project__header-right__search .ds-input{width:260px}.ds-xdp-project__header-sort-box{cursor:pointer;margin-left:24px}.ds-xdp-project__header__sort-dropdown .ds-button{color:var(--ds-color-A--text-secondary);font-weight:400}.ds-xdp-project__header__sort-dropdown .ds-button:hover{color:var(--ds-color--P0)}.ds-xdp-project__header__sort-dropdown .ds-button i{font-size:12px}.ds-xdp-project__header__sort-dropdown__item.selected{color:var(--ds-color--P0)}.ds-xdp-project__header__sort-dropdown__item i{margin:0 0 0 12px}.ds-xdp-project-card{background-color:var(--ds-color-B--surface);border:1px solid var(--ds-color-A--outline-surface);border-radius:4px;box-shadow:0 1px 4px rgba(34,34,34,.04);box-sizing:border-box;cursor:pointer;display:inline-block;height:140px;outline:none;padding:20px 16px 16px;position:relative;width:100%}.ds-xdp-project-card.recent{height:64px;min-width:260px;padding:10px 16px}.ds-xdp-project-card.recent .ds-xdp-project-card__icon{bottom:10px;top:10px}.ds-xdp-project-card.recent .ds-xdp-project-card__operation{z-index:1}.ds-xdp-project-card.recent .ds-xdp-project-card__info{bottom:10px;left:65px;right:16px;top:10px}.ds-xdp-project-card.recent .ds-xdp-project-card__title{width:100%}.ds-xdp-project-card.recent .ds-xdp-project-card__title.is-favorited{width:calc(100% - 24px)}.ds-xdp-project-card.recent:hover .ds-xdp-project-card__title{width:calc(100% - 70px)}.ds-xdp-project-card:hover{box-shadow:3px 3px 10px hsla(0,0%,52%,.2)}.ds-xdp-project-card:hover .ds-xdp-project-card__operation>.el-icon-star-on{color:var(--ds-color--placeholder);left:0}.ds-xdp-project-card:hover .ds-xdp-project-card__operation>.el-icon-star-on:not(.selected){opacity:1;transition:visibility .5s,opacity .5s ease-in-out;visibility:visible}.ds-xdp-project-card:hover .ds-xdp-project-card__operation>.el-icon-star-on.selected{color:var(--ds-color--A0)}.ds-xdp-project-card:hover .ds-xdp-project-card__operation>.el-icon-star-on.selected:hover{color:var(--ds-color--placeholder)}.ds-xdp-project-card:hover .ds-xdp-project-card__operation>.el-icon-star-on:hover{color:var(--ds-color--A0)}.ds-xdp-project-card:hover .ds-xdp-project-card__operation.disable-option>.el-icon-star-on{left:18px}.ds-xdp-project-card:hover .ds-xdp-project-card__operation__name-space,.ds-xdp-project-card:hover .edit-icon-wrap{opacity:1;transition:visibility .5s,opacity .5s ease-in-out;visibility:visible}.ds-xdp-project-card.disabled{cursor:not-allowed}.ds-xdp-project-card.disabled .ds-xdp-project-card__operation>.el-icon-star-on{display:none}.ds-xdp-project-card.disabled .ds-xdp-project-card__operation>.el-icon-star-on.selected{color:var(--ds-color--placeholder);display:inline-block;pointer-events:none}.ds-xdp-project-card__icon{align-items:center;display:flex;left:16px;position:absolute;top:20px}.ds-xdp-project-card__icon i{display:inline-block;font-size:35px;height:37px;width:35px}.ds-xdp-project-card__operation{align-items:center;display:flex;float:right;height:20px;justify-content:flex-end;position:relative;width:65px}.ds-xdp-project-card__operation .el-icon-star-on{color:var(--ds-color--placeholder);display:inline-block;font-size:12px;left:40px;margin-left:12px;position:absolute;transition:left .25s ease-in-out}.ds-xdp-project-card__operation .el-icon-star-on:not(.selected){opacity:0;visibility:hidden}.ds-xdp-project-card__operation .el-icon-star-on.selected{color:var(--ds-color--A0)}.ds-xdp-project-card__operation__name-space{color:var(--ds-color-B--text-tertiary);display:inline-block;margin-left:12px;opacity:0;outline:none;text-decoration:none;visibility:hidden}.ds-xdp-project-card__operation__name-space i{font-size:12px}.ds-xdp-project-card__operation__name-space:hover{color:var(--ds-color--P0)}.ds-xdp-project-card__operation .edit-icon-wrap{cursor:pointer;display:flex;flex-direction:column;height:12px;justify-content:space-around;margin-left:12px;opacity:0;visibility:hidden;width:6px}.ds-xdp-project-card__operation .edit-icon-wrap span{background:var(--ds-color-B--icon);border-radius:50%;height:2px;width:2px}.ds-xdp-project-card__operation .edit-icon-wrap:hover span{background:var(--ds-color--P0)}.ds-xdp-project-card__operation .edit-icon-wrap.disabled{display:none!important}.ds-xdp-project-card__info{bottom:16px;left:16px;position:absolute;right:16px;text-align:left}.ds-xdp-project-card__title{color:var(--ds-color-B--text-primary);font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;transition:width .25s ease-in-out;white-space:nowrap}.ds-xdp-project-card__other{align-items:center;color:var(--ds-color-B--text-tertiary);display:flex;font-size:12px;font-weight:400;justify-content:space-between;margin-top:8px}.ds-xdp-project-card__other .admin-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-xdp-project-card__other .create-time{text-align:right;width:65px}.ds-xdp-project-card__list-slot>div{display:flex;padding-right:10px}.ds-xdp-project-card__list-slot>div :first-child{text-align:right;width:85px}.ds-xdp-project-card__list-slot>div :last-child{flex:1}.ds-xdp-project-card__dropdown-menu{background-color:var(--ds-color-A--background);border:1px solid var(--ds-color-A--outline-background);box-shadow:0 0 8px hsla(0,0%,60%,.3);color:var(--ds-color-A--text-secondary);font-size:13px;padding-left:0;padding-right:0}.ds-xdp-project-card__dropdown-menu.el-popper{min-width:100px}.ds-xdp-project-card__dropdown-menu.el-tooltip__popper{padding:10px 0}.ds-xdp-project-card__dropdown-menu li{box-sizing:border-box;cursor:pointer;line-height:28px;list-style:none;padding:0 10px;position:relative;width:100%}.ds-xdp-project-card__dropdown-menu li .icon-left{left:10px;line-height:28px;position:absolute}.ds-xdp-project-card__dropdown-menu li .icon-right{color:var(--ds-color--P0);font-weight:700;line-height:28px;position:absolute;right:10px}.ds-xdp-project-card__dropdown-menu li:hover{background-color:var(--ds-color--menu-hover)}.ds-xdp-project-card__dropdown-menu li.selected{color:var(--ds-color--P0)}.ds-xdp-project-card__popper.el-tooltip__popper{background:var(--ds-color-A--background);border:1px solid var(--ds-color-A--outline-background);border-radius:0;box-shadow:0 1px 10px rgba(34,34,34,.1);color:var(--ds-color-A--text-tertiary);font-size:12px;line-height:16px}.ds-xdp-project-recent-list{display:grid;gap:20px 32px;grid-template-columns:repeat(3,1fr);margin-top:20px}@media (min-width:1240px){.ds-xdp-project-recent-list{grid-template-columns:repeat(4,1fr)}}@media (min-width:1620px){.ds-xdp-project-recent-list{grid-template-columns:repeat(5,1fr)}}.ds-xdp-project-card-list{box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);justify-items:center;overflow-x:hidden}@media (min-width:1200px){.ds-xdp-project-card-list{grid-template-columns:repeat(5,1fr)}}@media (min-width:1340px){.ds-xdp-project-card-list{grid-template-columns:repeat(6,1fr)}}@media (min-width:1620px){.ds-xdp-project-card-list{grid-template-columns:repeat(7,1fr)}}.ds-xdp-project-table-list{height:calc(100% - 110px)}.ds-xdp-project-table-list__table .el-table__header-wrapper ::-webkit-scrollbar-track{background-color:var(--ds-color-B--background)}.ds-xdp-project-table-list__table .el-table__body .table-row-project-item{color:var(--ds-color-A--text-tertiary);font-size:13px}.ds-xdp-project-table-list__table .el-table__body .table-row-project-item:last-child td{border-bottom:none}.ds-xdp-project-table-list__table .el-table__body .table-row-project-item td{border-bottom:9px solid var(--ds-color-B--background)}.ds-xdp-project-table-list__table .el-table__body .table-row-project-item td .project-icon-and-name{align-items:center;color:var(--ds-color-A--text-primary);display:flex;width:100%}.ds-xdp-project-table-list__table .el-table__body .table-row-project-item td .project-icon-and-name .project-icon{display:inline-block;font-size:28px;height:28px;margin-left:30px;margin-right:14px;width:28px}.ds-xdp-project-table-list__table .el-table__body .table-row-project-item td .project-icon-and-name .project-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:1280px){.ds-xdp-project-table-list__table .el-table__body .table-row-project-item td .project-icon-and-name .project-name{max-width:150px}}@media screen and (max-width:1366px){.ds-xdp-project-table-list__table .el-table__body .table-row-project-item td .project-icon-and-name .project-name{max-width:190px}}@media screen and (max-width:1440px){.ds-xdp-project-table-list__table .el-table__body .table-row-project-item td .project-icon-and-name .project-name{max-width:220px}}@media screen and (max-width:1920px){.ds-xdp-project-table-list__table .el-table__body .table-row-project-item td .project-icon-and-name .project-name{max-width:250px}}.ds-xdp-project-table-list__table .el-table__body .table-row-project-item td .project-icon-and-name .el-icon-star-on{color:var(--ds-color-A--icon);cursor:pointer;display:none;font-size:12px;margin-left:5px}.ds-xdp-project-table-list__table .el-table__body .table-row-project-item td .project-icon-and-name .el-icon-star-on.selected{color:var(--ds-color--A0);display:inline-block}.ds-xdp-project-table-list__table .el-table__body .table-row-project-item td .admin-name-wrap{display:flex}.ds-xdp-project-table-list__table .el-table__body .table-row-project-item td .admin-name-wrap .admin-name{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-xdp-project-table-list__table .el-table__body .table-row-project-item td.project-table-operation{color:var(--ds-color--P0)}.ds-xdp-project-table-list__table .el-table__body .table-row-project-item td.project-table-operation span{cursor:pointer;margin-right:20px}.ds-xdp-project-table-list__table .el-table__body .table-row-project-item td.project-table-operation span:hover{color:var(--ds-color--P8)}.ds-xdp-project-table-list__table .el-table__body .table-row-project-item td.project-link a{color:var(--ds-color--P0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-xdp-project-table-list__table .el-table__body .table-row-project-item td.project-link a:hover{color:var(--ds-color--P8)}.ds-xdp-project-table-list__table .el-table__body .table-row-project-item td.project-admin-name,.ds-xdp-project-table-list__table .el-table__body .table-row-project-item td.project-create-time,.ds-xdp-project-table-list__table .el-table__body .table-row-project-item td.project-update-time{color:var(--ds-color-B--text-secondary);font-size:13px}.ds-xdp-project-table-list__table .el-table__body .table-row-project-item:hover{background:#def7f6}.ds-xdp-project-table-list__table .el-table__body .table-row-project-item:hover .project-icon-and-name>.el-icon-star-on{color:var(--ds-color--placeholder);display:inline-block}.ds-xdp-project-table-list__table .el-table__body .table-row-project-item:hover .project-icon-and-name>.el-icon-star-on.selected{color:var(--ds-color--A0)}.ds-xdp-project-table-list__table .el-table__body .table-row-project-item:hover .project-icon-and-name>.el-icon-star-on.selected:hover{color:var(--ds-color--placeholder)}.ds-xdp-project-table-list__table .el-table__body .table-row-project-item:hover .project-icon-and-name>.el-icon-star-on:hover{color:var(--ds-color--A0)}.ds-xdp-project-table-list__table .el-table__body .table-row-project-item:hover td{background:#def7f6}.ds-xdp-project-table-list__table .el-table__body .table-row-project-item.disabled{cursor:not-allowed}.ds-xdp-project-table-list__table .el-table__body .table-row-project-item.disabled .project-icon-and-name>.el-icon-star-on{display:none}.ds-xdp-project-table-list__table .el-table__body .table-row-project-item.disabled .project-icon-and-name>.el-icon-star-on.selected{color:var(--ds-color--placeholder);display:inline-block}.ds-xdp-project-table-list__table .el-table--scrollable-y .el-table__body-wrapper{overflow-y:hidden}.ds-xdp-project-table-list__table a{text-decoration:none}.ds-xdp-project-table-list__table-header{background:var(--ds-color-B--background);color:var(--ds-color-A--text-primary);font-size:13px;font-weight:700}.ds-xdp-project-table-list__table-header th,.ds-xdp-project-table-list__table-header tr{background:var(--ds-color-B--background);border-bottom:none;font-weight:700}.ds-xdp-project-table-list__table-header th.project-create-time .sort-caret.ascending,.ds-xdp-project-table-list__table-header th.project-update-time .sort-caret.ascending,.ds-xdp-project-table-list__table-header tr.project-create-time .sort-caret.ascending,.ds-xdp-project-table-list__table-header tr.project-update-time .sort-caret.ascending{border-bottom-color:var(--ds-color-A--text-primary)}.ds-xdp-project-table-list__table-header th.project-create-time .sort-caret.descending,.ds-xdp-project-table-list__table-header th.project-update-time .sort-caret.descending,.ds-xdp-project-table-list__table-header tr.project-create-time .sort-caret.descending,.ds-xdp-project-table-list__table-header tr.project-update-time .sort-caret.descending{border-top-color:var(--ds-color-A--text-primary)}.ds-xdp-project-table-list__table-header th.project-create-time.ascending,.ds-xdp-project-table-list__table-header th.project-update-time.ascending,.ds-xdp-project-table-list__table-header tr.project-create-time.ascending,.ds-xdp-project-table-list__table-header tr.project-update-time.ascending{color:var(--ds-color--P0)}.ds-xdp-project-table-list__table-header th.project-create-time.ascending .sort-caret.ascending,.ds-xdp-project-table-list__table-header th.project-update-time.ascending .sort-caret.ascending,.ds-xdp-project-table-list__table-header tr.project-create-time.ascending .sort-caret.ascending,.ds-xdp-project-table-list__table-header tr.project-update-time.ascending .sort-caret.ascending{border-bottom-color:var(--ds-color--P0)}.ds-xdp-project-table-list__table-header th.project-create-time.descending,.ds-xdp-project-table-list__table-header th.project-update-time.descending,.ds-xdp-project-table-list__table-header tr.project-create-time.descending,.ds-xdp-project-table-list__table-header tr.project-update-time.descending{color:var(--ds-color--P0)}.ds-xdp-project-table-list__table-header th.project-create-time.descending .sort-caret.descending,.ds-xdp-project-table-list__table-header th.project-update-time.descending .sort-caret.descending,.ds-xdp-project-table-list__table-header tr.project-create-time.descending .sort-caret.descending,.ds-xdp-project-table-list__table-header tr.project-update-time.descending .sort-caret.descending{border-top-color:var(--ds-color--P0)}.ds-xdp-project-empty{display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;width:100%}.ds-xdp-project-empty__content{display:inline-block;text-align:center;width:100%}.ds-xdp-project-empty__content .img{display:inline-block}.ds-xdp-project-empty__content .info{color:var(--ds-color-A--text-tertiary);font-size:14px;font-weight:400;line-height:20px;margin-top:20px}.ds-xdp-project-empty__content .info span{color:var(--ds-color--P0)}.ds-xdp-project-empty__content .add-button{background:var(--ds-color--P0);border-color:var(--ds-color--P0);border-radius:20px;color:var(--ds-color--on-primary);margin-top:40px;width:150px}.ds-xdp-project-empty__content .add-button:hover{background:var(--ds-color--P8);border-color:var(--ds-color--P8)}.ds-xdp-project-list{background:var(--ds-color-B--background);height:calc(100% - var(--xdp-header-height, 0px));text-align:left}.ds-xdp-project-list__container{box-sizing:border-box;height:calc(100% - 40px);overflow-y:auto;padding-bottom:20px;position:relative}.ds-xdp-project-list__content{padding:0 64px}@media (min-width:1460px){.ds-xdp-project-list__content{padding:0 100px}}@media (min-width:1680px){.ds-xdp-project-list__content{padding:0 150px}}.ds-xdp-project-list__label{color:var(--ds-color-B--text-secondary);display:block;font-size:14px;font-weight:700;margin:24px 0}