.btn{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;border:none;padding:18px 40px;border-radius:50px;font-size:.11rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px hsla(0,100%,71%,.3);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-5px);box-shadow:0 10px 25px hsla(0,100%,71%,.4)}.btn-secondary{background:linear-gradient(135deg,#36d1dc,#5b86e5);box-shadow:0 4px 15px rgba(54,209,220,.3)}.btn-secondary:hover{box-shadow:0 10px 25px rgba(54,209,220,.4)}.btn-success{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 15px rgba(40,167,69,.3)}.btn-certificate{background:linear-gradient(135deg,#ff8e53,#ff6b6b);box-shadow:0 4px 15px rgba(255,142,83,.3)}.btn-certificate:hover{box-shadow:0 10px 25px rgba(255,142,83,.4)}.btn-disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.btn-disabled:hover{transform:none;box-shadow:none}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}img{border:0}body{font-size:.14rem;font-family:lucida grande,lucida sans unicode,lucida,helvetica,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif}[data-theme=red] body{color:#333}.c{clear:both}a{text-decoration:none}[data-theme=red] a{color:#fec546}input{height:.4rem;line-height:.4rem;border-radius:.03rem;border:1px solid transparent;text-indent:.1rem;transition:all .5s ease}[data-theme=red] input{border-color:#f4f4f4}[data-theme=red] input:focus{border-color:#fec546}.level-tag{padding:.01rem .06rem;border-radius:.1rem;font-size:.12rem}[data-theme=red] .level-tag{color:#ed4014;background-color:rgba(237,64,20,.05)}.hidden-scrollbar::-webkit-scrollbar{display:none}.app{height:100vh;overflow:hidden}[data-theme=red] .app{background-color:#f8f8f8}.app .app-header{height:15vh}.app .app-loading{height:30vh;font-size:.18rem;background-position:50%;background-size:contain;background-repeat:no-repeat}.app .app-txt{margin-top:2vh;text-align:center}.app .loading-mask{position:fixed;left:0;top:0;height:100%;width:100%;background:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:9999;overflow:hidden}.app .loading-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.app .loading-dot{animation:antRotate 1.2s linear infinite;transform:rotate(45deg);position:relative;display:inline-block;font-size:32px;width:32px;height:32px;box-sizing:border-box}.app .loading-dot i{width:11px;height:11px;position:absolute;display:block;background-color:#1890ff;border-radius:100%;transform:scale(.75);transform-origin:50% 50%;opacity:.3;animation:antSpinMove 1s linear infinite alternate}.app .loading-dot i:first-child{top:0;left:0}.app .loading-dot i:nth-child(2){top:0;right:0;animation-delay:.4s}.app .loading-dot i:nth-child(3){right:0;bottom:0;animation-delay:.8s}.app .loading-dot i:nth-child(4){bottom:0;left:0;animation-delay:1.2s}@keyframes antRotate{to{transform:rotate(405deg)}}@keyframes antSpinMove{to{opacity:1}}[data-theme=red] .survey-portal-h5-my-app{background-color:#f8f8f8}.survey-portal-h5-my-app .survey-portal-h5-module-all{height:100vh;width:100vw}[data-theme=red] .van-picker__toolbar{background-color:#999;color:#fff}[data-theme=red] .van-picker__toolbar .van-picker__cancel,[data-theme=red] .van-picker__toolbar .van-picker__confirm{color:#fff}[data-theme=red] .van-picker__toolbar .van-picker__cancel:active,[data-theme=red] .van-picker__toolbar .van-picker__confirm:active{background-color:#999;color:#fff}.van-tabs__nav{background-color:transparent}[data-theme=red] .van-tabs__nav{color:#666}.van-tabs__nav .van-tab--active{font-weight:500}[data-theme=red] .van-tabs__nav .van-tab--active{color:#ed4014}.van-tabs__nav .van-tabs__line{height:3px;border-radius:2px}[data-theme=red] .van-tabs__nav .van-tabs__line{background-color:#ed4014}.van-search{background-color:transparent}.van-search .van-search__content{border-radius:.14rem}[data-theme=red] .van-search .van-search__content{background-color:#fff}.van-search .van-search__content .van-cell{align-items:center}[data-theme=red] .icon-crown,[data-theme=red] .icon-stars,[data-theme=red] .icon-yueliang{color:#fec546}.survey-portal-h5-p-error{text-align:center}.survey-portal-h5-p-error .pic{margin:1rem auto;width:5rem}.survey-portal-h5-p-error .info{margin-top:.3rem}[data-theme=red] .survey-portal-h5-p-error .info h1{color:#fec546}.survey-portal-h5-p-survey{max-width:800px;width:100%;height:100%;margin:0 auto;background-color:#fff;box-shadow:0 .02rem .14rem 0 rgba(0,0,0,.1);border-radius:.1rem;overflow-y:auto;overflow-x:hidden;background:url(/assets/images/index_bg.jpg) no-repeat 50%/cover;background-color:hsla(0,0%,100%,.9);position:relative}.survey-portal-h5-p-survey:before{background:url(/assets/images/index_bg.jpg) no-repeat 50%/cover;filter:blur(15px) brightness(.9);opacity:.9}.survey-portal-h5-p-survey:after,.survey-portal-h5-p-survey:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:.1rem}.survey-portal-h5-p-survey:after{background-color:hsla(0,0%,100%,.85)}.survey-portal-h5-p-survey .van-cell{width:100%;height:.46rem;line-height:.46rem;border-radius:.04rem;padding:0 .14rem;font-size:.14rem;font-weight:400;color:#dcdfe6;border:1px solid #dcdfe6}.survey-portal-h5-p-survey .van-cell .van-field__body{line-height:.46rem;height:.46rem}.survey-portal-h5-p-survey .van-cell input::-webkit-input-placeholder{color:#dcdfe6}.survey-portal-h5-p-survey .van-cell .van-field__control{color:#666}.survey-portal-h5-p-survey .van-cell .van-cell__right-icon{height:auto;line-height:.46rem;color:#dcdfe6}.survey-portal-h5-p-survey .p-survey-form .survey-cell-input .title{font-size:.14rem;color:#606266;line-height:.46rem;width:100%;display:inline-block}.survey-portal-h5-p-survey .p-survey-form .survey-cell-input .title:before{content:"*";color:#f56c6c;margin-right:4px}.survey-portal-h5-p-survey .p-survey-form .survey-cell-input .audio{display:flex;align-items:center}.survey-portal-h5-p-survey .p-survey-form .survey-cell-input .audio .delete{font-size:20px;margin-left:10px}.survey-portal-h5-p-survey .p-survey-form .image-container{position:relative}.survey-portal-h5-p-survey .p-survey-form .image-container .image-overlay{position:absolute;bottom:0;left:0;width:100%;height:5%;background:linear-gradient(0deg,rgba(110,180,233,.1) 0,rgba(110,180,233,.1) 40%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.survey-portal-h5-p-survey .p-survey-form .data-statistics{display:flex;justify-content:space-between;align-items:center;padding:0 10%;margin-top:.2rem}.survey-portal-h5-p-survey .p-survey-form .data-statistics .data-item{position:relative;width:1.2rem;height:.8rem;background-color:#5c9fd4;border-radius:20%;border:3px solid #6eb4e9}.survey-portal-h5-p-survey .p-survey-form .data-statistics .data-item .drive{position:absolute;z-index:4;height:.3rem;width:100%;border-radius:28%;border-top:none!important;border:3px solid #6eb4e9;border-right:none;border-left:none}.survey-portal-h5-p-survey .p-survey-form .data-statistics .data-item .item-number{position:absolute;top:-.16rem;width:90%;left:5%;height:.45rem;font-size:.17rem;line-height:.45rem;text-align:center;color:#4072d8;font-weight:600;background-color:#fff;border-radius:20%;border:3px solid #cedb16;border-bottom:none!important;border-bottom-left-radius:20%;border-bottom-right-radius:20%}.survey-portal-h5-p-survey .p-survey-form .data-statistics .data-item .item-desc{font-weight:500;font-size:.17rem;text-align:center;padding-top:.38rem;padding-bottom:.1rem;color:#fff}.survey-portal-h5-p-survey .survey-desc p{line-height:1.8}.survey-portal-h5-p-survey .survey-desc .title{margin-top:.14rem;font-weight:600}.survey-portal-h5-p-survey .submit-button{margin:.3rem 0;background:linear-gradient(90deg,#4072d8,#6eb4e9);border:none;border-radius:.24rem;height:.48rem;font-size:.16rem;font-weight:500;box-shadow:0 .04rem .1rem rgba(64,114,216,.3)}.survey-portal-h5-p-survey .survey-bg{font-weight:700;margin-bottom:.3rem;background:#e2f2ff;padding:.14rem .18rem;border-radius:.3rem;box-shadow:0 .02rem .14rem 0 rgba(0,0,0,.1)}.survey-portal-h5-p-survey .survey-bg .title-container{display:flex;align-items:center;margin-bottom:20px}.survey-portal-h5-p-survey .survey-bg .title-container .title-small{width:.08rem;height:.3rem;background-color:#5c9fd4;transform:skewX(-20deg);margin-right:.05rem}.survey-portal-h5-p-survey .survey-bg .title-container .title{display:inline-block;font-size:.16rem;padding:.02rem .12rem;color:#fff;background-color:#5c9fd4;transform:skewX(-20deg);position:relative}.survey-portal-h5-p-survey .survey-bg .title-container .title span{display:inline-block;transform:skewX(20deg)}.survey-portal-h5-p-survey .survey-bg .text{margin-bottom:.2rem}.survey-portal-h5-p-survey .survey-bg p{line-height:1.6;color:#5c9fd4}.survey-portal-h5-p-survey .p-survey-submit{height:100%;padding-top:50%}.survey-portal-h5-p-survey .p-survey-submit .success{display:flex;flex-direction:column;align-items:center;font-size:26px}@media screen and (max-width:750px){.survey-portal-h5-p-survey{width:100%!important}}.survey-portal-h5-p-home-page .page-enter-active,.survey-portal-h5-p-home-page .page-leave-active{transition:opacity .5s,transform .5s}.survey-portal-h5-p-home-page .page-enter,.survey-portal-h5-p-home-page .page-leave-to{opacity:0;transform:translateY(20px)}.survey-portal-h5-p-home-page .certificate-notice{background:linear-gradient(135deg,#fff8e1,#fff3cd);border-left:5px solid #ffc107;padding:20px;border-radius:15px;margin:20px 0;display:flex;align-items:center;gap:20px;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,193,7,.4)}70%{box-shadow:0 0 0 10px rgba(255,193,7,0)}to{box-shadow:0 0 0 0 rgba(255,193,7,0)}}.survey-portal-h5-p-home-page .certificate-notice-icon{font-size:.25rem;color:#ffc107}.survey-portal-h5-p-home-page .certificate-notice-content h4{color:#856404;margin-bottom:5px;font-size:.13rem}.survey-portal-h5-p-home-page .certificate-notice-content p{color:#856404;opacity:.8}.survey-portal-h5-p-home-page .card{background:#fff;border-radius:20px;padding:40px;margin:20px 0;box-shadow:0 10px 30px rgba(0,0,0,.1);border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}.survey-portal-h5-p-home-page .card:before{content:"";position:absolute;top:0;left:0;width:8px;height:100%;background:linear-gradient(180deg,#ff6b6b,#36d1dc)}.survey-portal-h5-p-home-page .card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.survey-portal-h5-p-home-page .card-header{display:flex;align-items:center;gap:20px;margin-bottom:25px}.survey-portal-h5-p-home-page .card-icon{width:80px;height:80px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.2rem;box-shadow:0 5px 15px hsla(0,100%,71%,.3)}.survey-portal-h5-p-home-page .card h3{font-size:.18rem;margin-bottom:10px;color:#333}.survey-portal-h5-p-home-page .card-desc{color:#666;margin-bottom:25px;line-height:1.7;font-size:.105rem}.survey-portal-h5-p-home-page .decoration{position:absolute;width:100px;height:100px;opacity:.1;z-index:0}.survey-portal-h5-p-home-page .decoration-1{top:20px;right:20px;background:#ff6b6b;border-radius:50%}.survey-portal-h5-p-home-page .decoration-2{bottom:20px;left:20px;background:#36d1dc;border-radius:30% 70% 70% 30%/30% 30% 70% 70%}.survey-portal-h5-p-home-page .main-content{position:relative;z-index:1;padding:0 10px}.survey-portal-h5-p-home-page .rules-list{list-style-type:none;margin:20px 0;font-size:.11rem}.survey-portal-h5-p-home-page .rules-list li{padding:10px 0 10px 35px;position:relative;color:#666;line-height:1.6}.survey-portal-h5-p-home-page .rules-list li:before{content:"✓";position:absolute;left:0;top:10px;width:18px;height:18px;background:#28a745;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.05rem}.survey-portal-h5-p-home-page .image-gallery{margin-top:50px;padding-top:30px;border-top:2px solid #f8f9fa}.survey-portal-h5-p-home-page .gallery-title{text-align:center;margin-bottom:30px;color:#333;font-size:.18rem;font-weight:600}.survey-portal-h5-p-home-page .gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.survey-portal-h5-p-home-page .gallery-item{border-radius:15px;overflow:hidden;height:180px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;align-items:center;justify-content:center;color:#666;font-size:.12rem;position:relative;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:all .3s ease}.survey-portal-h5-p-home-page .gallery-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.survey-portal-h5-p-home-page .gallery-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.survey-portal-h5-p-home-page .gallery-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.survey-portal-h5-p-home-page .gallery-placeholder span{font-size:.3rem}.survey-portal-h5-p-home-page .score-display{text-align:center;margin:40px 0}.survey-portal-h5-p-home-page .score-circle{width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#36d1dc);margin:0 auto;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.3rem;font-weight:700;position:relative;box-shadow:0 15px 35px rgba(0,0,0,.2)}.survey-portal-h5-p-home-page .score-label{position:absolute;bottom:-35px;left:0;right:0;text-align:center;color:#666;font-size:.12rem;font-weight:600}.survey-portal-h5-p-home-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:25px;margin:40px 0}.survey-portal-h5-p-home-page .stat-item{background:#f8f9fa;border-radius:15px;padding:25px;text-align:center;transition:all .3s ease}.survey-portal-h5-p-home-page .stat-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.survey-portal-h5-p-home-page .stat-value{font-size:.22rem;font-weight:700;color:#ff6b6b;margin-bottom:8px}.survey-portal-h5-p-home-page .stat-label{color:#666;font-size:.1rem}.survey-portal-h5-p-home-page .nav-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:40px}.survey-portal-h5-p-home-page .header{text-align:center;border-bottom:2px solid #f8f9fa;position:relative}.survey-portal-h5-p-home-page .header h1{color:#ff6b6b;margin-bottom:15px;font-size:.25rem;font-weight:700;text-shadow:2px 2px 0 rgba(0,0,0,.05)}.survey-portal-h5-p-home-page .header .subtitle{color:#666;font-size:.13rem;margin-bottom:20px}.survey-portal-h5-p-home-page .event-info{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:15px}.survey-portal-h5-p-home-page .event-info p{display:flex;align-items:center;gap:8px;color:#666;font-size:.1rem;padding:8px 15px;background:hsla(0,100%,71%,.1);border-radius:50px}@media (max-width:768px){.survey-portal-h5-p-home-page #app{padding:15px}.survey-portal-h5-p-home-page .card{padding:25px}.survey-portal-h5-p-home-page .card-header,.survey-portal-h5-p-home-page .challenge-header{flex-direction:column;gap:15px}.survey-portal-h5-p-home-page .challenge-info{width:100%;justify-content:space-around}.survey-portal-h5-p-home-page .info-item{min-width:100px;padding:12px 15px}.survey-portal-h5-p-home-page .options-grid{grid-template-columns:1fr}.survey-portal-h5-p-home-page .nav-buttons{flex-direction:column}.survey-portal-h5-p-home-page .btn{width:100%}.survey-portal-h5-p-home-page .certificate-header h2{font-size:.2rem}.survey-portal-h5-p-home-page .certificate-text{font-size:.11rem}.survey-portal-h5-p-home-page .certificate-name{font-size:.18rem}.survey-portal-h5-p-home-page .gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.survey-portal-h5-p-home-page .gallery-item{height:140px}.survey-portal-h5-p-home-page .header h1{font-size:.2rem}}.survey-portal-h5-p-challenge-page{background-color:#fff}.survey-portal-h5-p-challenge-page .challenge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:25px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff}.survey-portal-h5-p-challenge-page .challenge-title{width:100%;display:flex;justify-content:space-between;align-items:end}.survey-portal-h5-p-challenge-page .challenge-title h2{font-size:.18rem;margin-bottom:5px}.survey-portal-h5-p-challenge-page .question-container{margin:30px 10px}.survey-portal-h5-p-challenge-page .question-text{font-size:.15rem;margin-bottom:30px;line-height:1.6;text-align:center;padding:25px;background:#f8f9fa;border-radius:15px;border-left:5px solid #ff6b6b}.survey-portal-h5-p-challenge-page .audio-question{text-align:center;margin-bottom:30px}.survey-portal-h5-p-challenge-page .audio-player{display:inline-flex;align-items:center;gap:15px;padding:20px 30px;background:linear-gradient(135deg,#36d1dc,#5b86e5);border-radius:15px;color:#fff;margin-top:15px;box-shadow:0 5px 15px rgba(54,209,220,.3)}.survey-portal-h5-p-challenge-page .audio-btn{background:#fff;color:#36d1dc;border:none;width:60px;height:60px;border-radius:50%;cursor:pointer;font-size:.15rem;transition:all .3s ease;box-shadow:0 3px 10px rgba(0,0,0,.2)}.survey-portal-h5-p-challenge-page .audio-btn:hover{transform:scale(1.1);box-shadow:0 5px 15px rgba(0,0,0,.3)}.survey-portal-h5-p-challenge-page .audio-hint{font-size:.1rem;color:hsla(0,0%,100%,.9);margin-top:5px}.survey-portal-h5-p-challenge-page .options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.survey-portal-h5-p-challenge-page .option{background:#fff;border:2px solid #e0e0e0;border-radius:15px;padding:25px;cursor:pointer;transition:all .3s ease;text-align:left;position:relative;overflow:hidden}.survey-portal-h5-p-challenge-page .option:hover{border-color:#36d1dc;transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.survey-portal-h5-p-challenge-page .option:before{content:attr(data-letter);position:absolute;top:15px;left:15px;width:35px;height:35px;background:#f8f9fa;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.11rem}.survey-portal-h5-p-challenge-page .option-content{margin-left:50px;font-size:.11rem}.survey-portal-h5-p-challenge-page .option.selected{border-color:#ff6b6b;background:hsla(0,100%,71%,.05)}.survey-portal-h5-p-challenge-page .option.correct{border-color:#28a745;background:rgba(40,167,69,.05)}.survey-portal-h5-p-challenge-page .option.wrong{border-color:#dc3545;background:rgba(220,53,69,.05)}.survey-portal-h5-p-challenge-page .feedback{margin:25px 0;padding:25px;border-radius:15px;text-align:center;font-weight:600;animation:slideIn .5s ease;display:none;font-size:.11rem}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.survey-portal-h5-p-challenge-page .feedback.correct{background:rgba(40,167,69,.1);color:#28a745;border:2px solid rgba(40,167,69,.3)}.survey-portal-h5-p-challenge-page .feedback.wrong{background:rgba(220,53,69,.1);color:#dc3545;border:2px solid rgba(220,53,69,.3)}.survey-portal-h5-p-challenge-page .question-nav-buttons{display:flex;justify-content:space-between;margin-top:30px;margin-left:12px;gap:15px}.survey-portal-h5-p-challenge-page .next-btn-container,.survey-portal-h5-p-challenge-page .prev-btn-container{flex:1}.survey-portal-h5-p-result-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex}.survey-portal-h5-p-result-page .top-section{background:#fff;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.1);text-align:center}.survey-portal-h5-p-result-page .medal-badge{margin-bottom:25px}.survey-portal-h5-p-result-page .medal-icon{font-size:60px;margin-bottom:15px;animation:bounce 2s infinite}.survey-portal-h5-p-result-page .rank-title{font-size:24px;color:#333;margin-bottom:8px;font-weight:600}.survey-portal-h5-p-result-page .honor-title{font-size:32px;color:#ff6b6b;margin:0;font-weight:700;text-shadow:2px 2px 4px hsla(0,100%,71%,.2)}.survey-portal-h5-p-result-page .encouragement-text{margin:25px 0}.survey-portal-h5-p-result-page .encouragement{font-size:28px;color:#333;font-weight:700;margin-bottom:10px}.survey-portal-h5-p-result-page .share-prompt{font-size:18px;color:#666;margin:0}.survey-portal-h5-p-result-page .share-buttons{display:flex;gap:15px;justify-content:center;margin-top:25px}.survey-portal-h5-p-result-page .share-btn{padding:12px 24px;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.survey-portal-h5-p-result-page .wechat-share{background:linear-gradient(135deg,#09c62a,#08a822);color:#fff;box-shadow:0 4px 15px rgba(9,198,42,.3)}.survey-portal-h5-p-result-page .download-share{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px rgba(102,126,234,.3)}.survey-portal-h5-p-result-page .share-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.survey-portal-h5-p-result-page .certificate-frame{border:2px dashed #ddd;border-radius:15px;background:#fafafa}.survey-portal-h5-p-result-page .certificate-image-container{position:relative;width:100%;max-width:800px;margin:0 auto;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.15)}.survey-portal-h5-p-result-page .certificate-image{width:100%;height:auto;display:block;border-radius:10px}.survey-portal-h5-p-result-page .certificate-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.1)}.survey-portal-h5-p-result-page .overlay-content{background:hsla(0,0%,100%,.85);padding:25px;border-radius:15px;text-align:center;max-width:70%;box-shadow:0 5px 20px rgba(0,0,0,.2);border:2px solid #d4af37}.survey-portal-h5-p-result-page .overlay-name{font-size:36px;color:#d4af37;font-weight:700;margin-bottom:15px;font-family:楷体,KaiTi,serif}.survey-portal-h5-p-result-page .overlay-score{font-size:24px;color:#333;margin-bottom:10px}.survey-portal-h5-p-result-page .overlay-rank{font-size:20px;color:#ff6b6b;margin-bottom:10px;font-weight:700}.survey-portal-h5-p-result-page .overlay-date{font-size:18px;color:#666;margin-top:15px}.survey-portal-h5-p-result-page .download-hint{text-align:center;margin:20px 0}.survey-portal-h5-p-result-page .hint-text{color:#666;font-size:16px;margin:0}.survey-portal-h5-p-result-page .download-certificate-btn{width:100%;padding:18px;background:linear-gradient(135deg,#d4af37,#b8860b);color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;margin-top:20px}.survey-portal-h5-p-result-page .download-certificate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(212,175,55,.4)}.survey-portal-h5-p-result-page .bottom-section{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.survey-portal-h5-p-result-page .heritage-registration{text-align:center}.survey-portal-h5-p-result-page .registration-header{margin-bottom:30px}.survey-portal-h5-p-result-page .registration-title{font-size:28px;color:#333;margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:10px}.survey-portal-h5-p-result-page .title-icon{font-size:32px}.survey-portal-h5-p-result-page .registration-desc{color:#666;font-size:16px;line-height:1.6;max-width:600px;margin:0 auto}.survey-portal-h5-p-result-page .registration-buttons{display:flex;gap:20px;justify-content:space-between;margin:40px 0 20px}.survey-portal-h5-p-result-page .register-btn{padding:10px 12px;border-radius:50px;font-size:.11rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.survey-portal-h5-p-result-page .register-btn.primary{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;box-shadow:0 6px 20px hsla(0,100%,71%,.3)}.survey-portal-h5-p-result-page .register-btn.secondary{background:#fff;color:#333;border:2px solid #ddd}.survey-portal-h5-p-result-page .register-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.survey-portal-h5-p-result-page .privacy-notice{color:#888;font-size:14px;margin-top:20px}.survey-portal-h5-p-result-page .bottom-nav{display:flex;gap:15px;justify-content:center;padding:20px 0;background:hsla(0,0%,100%,.9);border-radius:15px;margin-top:20px}.survey-portal-h5-p-result-page .nav-btn{padding:15px 30px;background:#fff;border:2px solid #667eea;border-radius:50px;color:#667eea;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;text-align:center;gap:10px;transition:all .3s ease}.survey-portal-h5-p-result-page .nav-btn .nav-icon{display:block}.survey-portal-h5-p-result-page .nav-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.3)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.survey-portal-h5-p-result-page .result-page{padding:15px}.survey-portal-h5-p-result-page .rank-title{font-size:20px}.survey-portal-h5-p-result-page .honor-title{font-size:24px}.survey-portal-h5-p-result-page .overlay-content{max-width:85%;padding:15px}.survey-portal-h5-p-result-page .overlay-name{font-size:28px}.survey-portal-h5-p-result-page .overlay-score{font-size:20px}.survey-portal-h5-p-result-page .overlay-rank{font-size:18px}.survey-portal-h5-p-result-page .share-buttons{flex-direction:column}.survey-portal-h5-p-result-page .share-btn{width:100%;justify-content:center}.survey-portal-h5-p-result-page .bottom-nav{flex-direction:column}}@media (max-width:480px){.survey-portal-h5-p-result-page .registration-title{font-size:18px}.survey-portal-h5-p-result-page .overlay-name{font-size:24px}.survey-portal-h5-p-result-page .overlay-content{max-width:90%;padding:12px}}