body,html{margin:0;padding:0;background-color:#f2f6fc;background-image:url("https://chenxiong.oss-cn-shanghai.aliyuncs.com/image/jpeg/jpg/1oMKpL4D8v2z.jpg");background-size:cover;background-repeat:no-repeat;background-position:50%;height:100%;width:100%;background-attachment:fixed}.auth-box{width:340px;background-color:hsla(0,0%,100%,.8);-webkit-box-shadow:1px 2px 15px rgba(0,0,0,.3);box-shadow:1px 2px 15px rgba(0,0,0,.3);border-radius:8px;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:50%;left:50%;margin-left:-170px;margin-top:-300px}.text-center{text-align:center}.text-right{text-align:right}.icon{font-family:iconfont!important}.login-captcha{height:38px;display:block;margin:0;cursor:pointer}.captcha-input .el-input-group__append{padding:0}.login-footer{position:fixed;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5);color:#909399;font-size:12px;font-weight:400;padding:20px 0}.login-footer a{color:#909399;text-decoration:none}.login-footer a:hover{color:#b9bdc6}.login-footer .links a{display:inline-block;margin:0 20px}.el-tabs__nav{min-width:100%}.el-tabs__item{width:33%;text-align:center}.el-text-success{color:#67c23a}.el-text-warning{color:#e6a23c}.el-text-danger{color:#f56c6c}.el-text-info{color:#909399}.notice-header{font-size:20px;line-height:50px;padding-bottom:20px}.notice-content{line-height:25px;color:#333;word-break:break-all;padding-bottom:10px}.main-btn{position:fixed;top:0;text-align:center;left:0;right:0;padding-top:100px}.main-btn a.btns{color:#fff;text-decoration:none;line-height:40px;padding:0;border:1px solid #fff;border-radius:5px;background-color:rgba(0,0,0,.4);display:block;width:130px;margin:0 auto;margin-bottom:20px}.main-btn a.btns:hover{background-color:rgba(0,0,0,.6);-webkit-box-shadow:0 0 30px #fff;box-shadow:0 0 30px #fff}.main-btn .name{font-size:20px;color:#fff;text-shadow:1px 0 0 #999}.main-btn .cover,.main-btn .name{padding-bottom:50px}.role-boxs{width:600px;margin:0 auto;display:table}.role-box{width:200px;display:table-cell;margin:0;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.role-box a{border-radius:10px;border:1px solid hsla(0,0%,100%,.8);display:block;width:158px;height:190px;overflow:hidden;background-color:rgba(0,0,0,.5);text-decoration:none}.role-box a:hover{background-color:rgba(0,0,0,.8);-webkit-box-shadow:0 0 30px #fff;box-shadow:0 0 30px #fff}.role-box a .icon{width:120px;height:120px;padding:20px}.role-box a img{width:120px;display:inline-block;height:120px}.role-box a .title{line-height:30px;height:30px;background-color:hsla(0,0%,100%,.8);color:rgba(0,0,0,.5);font-weight:700}.main-notice-text{color:#fff;padding-bottom:40px}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.role-selection-container{min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:20px;position:relative;overflow:hidden;padding-top:100px}.bg-decoration{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.bg-circle{position:absolute;border-radius:50%;-webkit-filter:blur(80px);filter:blur(80px);opacity:.15}.bg-circle.purple{background:#9d4edd;width:450px;height:450px;top:-150px;left:-100px}.bg-circle.pink{background:#e0aaff;width:400px;height:400px;bottom:-120px;right:-80px}.bg-circle.cyan{background:#4cc9f0;width:350px;height:350px;top:25%;right:20%}.page-header{text-align:center;margin-bottom:30px;position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;max-width:600px}.logo-container{display:inline-block;padding:12px;background:hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.2);box-shadow:0 8px 32px rgba(0,0,0,.2);margin-bottom:16px;-webkit-transition:all .5s ease;transition:all .5s ease}.logo-container:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.logo{height:120px;object-contain:contain}.user-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:12px;background:hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 16px;border-radius:30px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);margin-bottom:18px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-transition:all .3s ease;transition:all .3s ease}.user-info:hover{background:hsla(0,0%,100%,.12)}.user-avatar{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid hsla(0,0%,100%,.2)}.user-name{color:#fff;font-weight:500;font-size:.95rem}.user-logout-btn{background:transparent;border:none;color:hsla(0,0%,100%,.85);cursor:pointer;padding:6px 10px;border-radius:20px;font-size:.9rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;-webkit-transition:all .3s ease;transition:all .3s ease}.user-logout-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.page-title{color:hsla(0,0%,100%,.9);font-size:16px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:.3px;margin-bottom:8px;padding-top:10px}.role-cards{width:100%;max-width:900px;position:relative;z-index:1}.card-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:24px;margin-bottom:24px}.role-card{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:200px;-webkit-animation:float 6s ease-in-out infinite;animation:float 6s ease-in-out infinite;-webkit-animation-play-state:paused;animation-play-state:paused}.role-card:hover{-webkit-animation-play-state:running;animation-play-state:running}.role-card:nth-child(2){-webkit-animation-delay:.5s;animation-delay:.5s}.role-card:nth-child(3){-webkit-animation-delay:1s;animation-delay:1s}.role-card:nth-child(4){-webkit-animation-delay:1.5s;animation-delay:1.5s}.role-card:nth-child(5){-webkit-animation-delay:2s;animation-delay:2s}.role-link{display:block;text-decoration:none}.card-inner{background:hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-transition:all .3s ease;transition:all .3s ease;height:100%;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.role-card:hover .card-inner{background:hsla(0,0%,100%,.15);-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-box-shadow:0 12px 30px rgba(0,0,0,.2);box-shadow:0 12px 30px rgba(0,0,0,.2)}.card-icon{width:80px;height:80px;border-radius:50%;background:hsla(0,0%,100%,.05);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:16px;-webkit-transition:all .3s ease;transition:all .3s ease;overflow:hidden}.role-card:hover .card-icon{background:hsla(0,0%,100%,.1)}.icon-img{width:64px;height:64px;object-contain:contain;-webkit-transition:all .3s ease;transition:all .3s ease}.role-card:hover .icon-img{-webkit-transform:scale(1.1);transform:scale(1.1)}.card-title{color:#fff;font-size:1.25rem;font-weight:600}.blurbtns{display:block;gap:12px;background:hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 16px;border-radius:30px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);margin-bottom:18px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-transition:all .3s ease;transition:all .3s ease;color:#fff;text-decoration:none;font-size:14px;text-align:center;margin:0 auto;min-width:200px;cursor:pointer}.blurbtns+.blurbtns{margin-top:18px}.other-btns{padding-top:20px;width:100%;text-align:center}.cd-wrapper{display:inline-block;position:relative;padding:10px}.cd-countdown-circle{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#f5f5f525,#e0e0e023);border:3px solid #ddd;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.cd-count-number{position:absolute;font-family:Arial,sans-serif;font-size:36px;font-weight:700}#cd-num1,#cd-num2,#cd-num3{color:#3498db}#cd-done{color:#27ae60;font-size:40px}#cd-done.number-error{color:#e74c3c}#cd-num3{-webkit-animation:cd-fast-transition 1s forwards;animation:cd-fast-transition 1s forwards}#cd-num2{opacity:0;-webkit-animation:cd-fast-transition 1s 1s forwards;animation:cd-fast-transition 1s 1s forwards}#cd-num1{opacity:0;-webkit-animation:cd-fast-transition 1s 2s forwards;animation:cd-fast-transition 1s 2s forwards}#cd-done{opacity:0;-webkit-animation:cd-show-final 4s forwards;animation:cd-show-final 4s forwards}.cd-pulse-ring{position:absolute;border-radius:50%;border:2px solid rgba(52,152,219,.3);-webkit-animation:cd-pulse 1.5s infinite;animation:cd-pulse 1.5s infinite}.cd-ring-1{width:110px;height:110px;top:5px;left:5px}.cd-ring-2{width:120px;height:120px;top:0;left:0;-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes cd-fast-transition{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}20%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}70%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes cd-fast-transition{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}20%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}70%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes cd-show-final{0%{opacity:0}66%{opacity:0}to{opacity:1}}@keyframes cd-show-final{0%{opacity:0}66%{opacity:0}to{opacity:1}}@-webkit-keyframes cd-pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}70%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes cd-pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}70%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}html{scroll-behavior:smooth}@media (max-width:768px){.card-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.role-card{width:100%;max-width:300px}.logo{height:100px}.user-info{padding:6px 12px;gap:8px}.user-avatar{width:32px;height:32px}.user-name{font-size:.85rem}.user-logout-btn{font-size:.8rem;padding:4px 8px}.page-title{font-size:16px}}@media (max-width:480px){.user-info{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:8px}.user-info,.user-logout-btn{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.user-logout-btn{margin-top:4px;width:100%}}