.app-base-sop .product-list{width:clamp(240px,20%,320px)}.app-application{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background-color:var(--color-primary);background-image:url(/images/background-mask.jpg);background-size:cover;background-position:50% 50%;background-blend-mode:multiply;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:999}.app-application>.header{position:relative;z-index:3}.app-application>.header>.logo{height:4rem}.app-application>.header>.info{cursor:pointer}.app-application>.systems{margin:0 10vw}.app-application>.systems>.item{width:25vh;height:25vh;position:relative;border:var(--color-primary-light-3) solid 3px;background-color:var(--color-primary);background-position:50%;background-size:cover;cursor:pointer;transition:all .5s;transform:rotate(45deg);box-shadow:0 0 20px rgba(0,0,0,.6);margin:0 -2.5vh}.app-application>.systems>.item>.title{padding:1rem 0;margin:-25%;text-align:center;background-color:rgba(var(--color-black-rgb),.6);color:#fff;white-space:nowrap;transform:rotate(-45deg);transition:all .5s}.app-application>.systems>.item>.title>.cn{font-size:24px;font-weight:700}.app-application>.systems>.item>.title>.en{font-size:16px;opacity:.6;font-weight:700;text-transform:uppercase}.app-application>.systems>.item>.abb{position:absolute;left:0;right:0;top:0;bottom:0;text-align:center;font-family:impact;font-size:36px;text-transform:uppercase;margin-bottom:10px;text-decoration:underline;transform:rotate(-45deg);color:var(--color-white);text-shadow:0 0 5px rgba(0,0,0,.8)}.app-application>.systems>.item:nth-child(odd){margin-top:-19.5vh}.app-application>.systems>.item:nth-child(2n){margin-bottom:-19.5vh}.app-application>.systems>.item:hover{transform:rotate(45deg) scale(1.25);box-shadow:0 0 40px rgba(0,0,0,.6);z-index:2;border-color:var(--color-white)}.app-application>.systems>.item:hover>.title{padding:16vh 0}.app-personal-profile-customize .basic{background-image:linear-gradient(180deg,var(--background-color-base),var(--background-color-lightest))}.app-project-task .task-card{margin-bottom:10px;background-color:var(--background-color-lightest);border-radius:var(--border-radius-base);border:1px solid transparent;transition:all .3s}.app-project-task .task-card .target{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:10px 0}.app-project-task .task-card:last-child{margin-bottom:0}.app-project-task .task-card:hover{border-color:var(--color-primary);box-shadow:0 0 8px rgba(0,0,0,.2)}.app-project-stage .stage-container{padding:0 10px;flex:1;display:flex;overflow:auto hidden}.app-project-stage .stage-container .stage-panel{min-width:320px;width:30%;max-width:480px;padding:10px;transition:all .3s;border-radius:20px}.app-project-stage .stage-container .stage-panel:hover{background-color:var(--background-color-base)}.app-project-detail>.infos{width:clamp(300px,20%,350px)}.app-project-detail>.infos .el-divider--horizontal{margin:1rem 0}.app-project-tree>.header{padding:15px;line-height:36px;font-size:13px;font-weight:700;position:relative}.app-project-tree>.header:after{position:absolute;bottom:0;left:0;right:0;height:1px;background-color:var(--border-color-base);content:""}.app-project{position:relative}.app-project>.inner{width:100%}.app-project>.inner.is-selector{width:300px;background-color:var(--background-color-base);border-right:1px solid var(--color-primary)}.app-project>.inner.is-selector .project-item{line-height:36px;border-radius:18px 0 0 18px;padding:0 15px;margin-left:10px;color:var(--color-text-secondary);cursor:pointer}.app-project>.inner.is-selector .project-item>.dot{width:10px;height:10px;border-radius:50%;border:var(--border-color-extra-light) solid 1px;background-color:var(--color-info-light-6);margin-right:12px}.app-project>.inner.is-selector .project-item:hover{color:var(--color-text-primary)}.app-project>.inner.is-selector .project-item.selected{background-color:var(--selected-background-color-darken);color:var(--selected-color-darken)}.app-project>.inner .card{padding:10px;width:clamp(450px,33.3%,550px)}.app-project>.inner .card>.inner{border-radius:20px;padding:20px;transition:all .3s}.app-project>.inner .card>.inner .title{font-size:1.5rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-project>.inner .card>.inner .desc{color:var(--color-text-regular);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.5em;max-height:3em}.app-project>.inner .card>.inner:hover{box-shadow:0 0 0 10px var(--background-color-base)}.app-project .project-detail{position:absolute;top:0;right:0;bottom:0;z-index:20;width:100%}.calendar-container{display:flex;flex-direction:column}.calendar-container::-webkit-scrollbar{width:4px;height:4px}.calendar-container::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:2px}.calendar-container::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:2px}.calendar-container::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8}.custom-calendar-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px 15px 20px;color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;color:#000}.custom-calendar-header .date-text,.custom-calendar-header i{font-size:20px;font-family:montserrat}.custom-calendar-header .date-text{padding:0 30px;border-radius:4px;font-weight:700;color:#3c3d3f}.header-title{display:flex;align-items:center;gap:10px}.title-text{font-size:18px;font-weight:700}.my-calendar{display:flex;flex-direction:column;flex:1;border:1px solid #ebeef5;border-top:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.my-calendar .el-calendar__header{display:none}.my-calendar .el-calendar__body{flex:1;display:flex;padding:10px}.my-calendar .el-calendar__body .el-calendar-table{flex:1}.my-calendar .el-calendar__body .el-calendar-table tbody .el-calendar-table__row td .el-calendar-day{height:100%;overflow:auto}.my-calendar .el-calendar__body .el-calendar-table tbody .el-calendar-table__row td .el-calendar-day::-webkit-scrollbar{width:4px;height:4px}.my-calendar .el-calendar__body .el-calendar-table tbody .el-calendar-table__row td .el-calendar-day::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:2px}.my-calendar .el-calendar__body .el-calendar-table tbody .el-calendar-table__row td .el-calendar-day::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:2px}.my-calendar .el-calendar__body .el-calendar-table tbody .el-calendar-table__row td .el-calendar-day::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8}.calendar-date-cell{display:flex;flex-direction:column;height:100%}.calendar-date{text-align:center;padding:2px 0}.time-tags{display:flex;flex-wrap:wrap;gap:2px;flex:1;padding:2px;overflow:auto}.time-tags::-webkit-scrollbar{width:4px;height:4px}.time-tags::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:2px}.time-tags::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:2px}.time-tags::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8}.time-tag{font-size:12px;padding:1px 3px;border-radius:2px;cursor:pointer;width:44%;text-align:center;transition:all .2s;position:relative;flex-shrink:0}.time-tag.past{background-color:#f0f0f0;border:1px solid #f0f0f0;color:#999;cursor:not-allowed;width:44%}.time-tag.available{background-color:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.time-tag.available:hover{background-color:#c8e6c9;transform:translateY(-1px);box-shadow:0 1px 3px rgba(0,0,0,.1)}.time-tag.occupied{background-color:#fff3e0;color:#ef6c00;border:1px solid #ffcc80}.time-tag.occupied:hover{background-color:#ffe0b2}.occupied-info-icon{margin-left:2px;font-size:10px;color:#ef6c00}.app-default-login{display:flex;justify-content:center;align-items:center;height:100%;background-size:cover;position:relative;background-color:var(--color-primary);background-image:url(/images/background-mask.jpg);background-blend-mode:multiply}.app-default-login>svg{position:absolute;top:0;left:0;right:0;bottom:0}.app-default-login>svg .solid-dot{fill:var(--color-primary-dark-6);stroke:transparent}.app-default-login>svg .hollow-dot{fill:transparent;stroke:#fff}.app-default-login>.logo{width:15rem;filter:drop-shadow(0 3px 5px var(--color-primary-dark-3))}.app-default-login>.setting{position:absolute;bottom:2rem;right:2rem}.app-default-login .login-form{position:relative;z-index:20;border-radius:6px;width:30rem;margin-top:3rem;padding:40px 40px 25px 40px}.app-default-login .login-form .title{font-size:20px;margin:0 auto 30px auto;text-align:center;color:var(--color-text-primary)}.app-default-login .login-form .code>img{height:36px;margin-left:10px;cursor:pointer;border-radius:var(--border-radius-base)}.light .app-default-login .login-form{background:linear-gradient(150deg,var(--background-color-base),var(--background-color-lightest));box-shadow:0 8px 20px rgba(0,0,0,.3)}.dark .app-default-login .login-form{background:linear-gradient(150deg,var(--background-color-lightest),var(--background-color-base));border:var(--border-color-lighter) solid 3px}.dark .app-default-login .login-form .code>img{filter:invert(.9)}.app-dingtalk-login{width:100vw;height:100vh}.app-dingtalk-login .left{width:33.3%;background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01EVFIzN1TY2SJuh2c0_!!6000000002393-2-tps-1000-3000.png);background-size:cover;background-position:50%}.app-dingtalk-login .frame{padding:40px 60px;background-color:var(--color-white);box-shadow:0 0 30px var(--opacity-light-background-color);width:clamp(360px,25vw,600px);border-radius:20px}.app-simulation-login{width:100vw;height:100vh;padding-top:10vh}.app-simulation-login>.inner{margin:0 auto;width:clamp(360px,20vw,480px);height:80vh;box-shadow:var(--box-shadow-base)}.app-simulation-login>.inner .item{padding:0 15px;line-height:36px;border-radius:var(--border-radius-base);background-color:var(--background-color-light);margin-bottom:10px;cursor:pointer;transition:all .3s}.app-simulation-login>.inner .item:hover{background-color:var(--selected-background-color-darken);color:var(--selected-color-darken)}.app-simulation-login>.inner.is-disabled{pointer-events:none}.app-testing-manage-editor .el-tabs__header{margin-bottom:0}.app-testing-manage-editor .task-item{border-top:var(--color-primary-light-2) solid 5px}.app-testing-manage-editor .task-item>.index{background-color:var(--color-primary-light-2);border-top:1px solid transparent;color:var(--color-primary);padding:0 .75rem;line-height:2.5rem;text-align:right;font-weight:700}.app-testing-manage-editor .task-item>.operate{border:solid var(--border-color-base);border-width:1px 1px 1px 0}.app-testing-manage-editor .task-item>.operate>button{border:none;outline:none;padding:0 .75rem;line-height:2.5rem;background-color:transparent;cursor:pointer;transition:all .25s;color:var(--color-text-regular)}.app-testing-manage-editor .task-item>.operate>button:hover{color:var(--color-primary)}.app-testing-manage-editor .task-item .dyn-table,.app-testing-manage-editor .task-item:last-child{margin-bottom:0}.app-testing-comparison .testing-items .item{position:relative;line-height:2.5rem;cursor:pointer;padding:0 10px;transition:all .3s}.app-testing-comparison .testing-items .item:hover{background-color:var(--background-color-base)}.app-testing-comparison .testing-items .item.checked{background-color:var(--color-primary);color:var(--color-white)}.app-testing-comparison-detail .inx{background-color:var(--color-primary-light-2);border-top:1px solid transparent;color:var(--color-primary);padding:0 .75rem;width:3.5rem;line-height:2.5rem;text-align:right;font-weight:700}.app-testing-sop .product-list{width:clamp(240px,20%,320px)}.app-testing-type .type-panel>.header{padding:10px 20px;line-height:36px}.app-testing-type .type-panel>.header>.title{font-size:18px;font-weight:700}.app-testing-type .type-panel .type-item{width:33.33%;padding:10px}.app-testing-type .type-panel .type-item>.inner{background-color:var(--background-color-light);padding:15px;border-radius:10px;transition:all .3s}.app-testing-type .type-panel .type-item>.inner>.title{font-size:18px;font-weight:700}.app-testing-type .type-panel .type-item>.inner>.desc{margin:10px 0;height:12rem;line-height:1.5;-webkit-line-clamp:8;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.app-testing-type .type-panel .type-item>.inner:hover{background-color:var(--selected-background-color)}