.volunteer-page[data-v-227f8897]{background:#f8f5f0;min-height:100vh}.volunteer-page .page-header[data-v-227f8897]{position:relative;padding:80px 20px 60px;text-align:center;overflow:hidden}.volunteer-page .page-header .header-bg[data-v-227f8897]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#990c00,#cd1000 50%,#e61600)}.volunteer-page .page-header .header-content[data-v-227f8897]{position:relative;z-index:1}.volunteer-page .page-header .header-content .page-tag[data-v-227f8897]{display:inline-block;padding:6px 20px;background:rgba(217,169,106,.2);color:#d9a96a;border-radius:20px;font-size:15px;margin-bottom:20px;font-weight:500}.volunteer-page .page-header .header-content h1[data-v-227f8897]{font-size:44px;color:#fff;margin-bottom:16px;font-weight:700}.volunteer-page .page-header .header-content p[data-v-227f8897]{font-size:20px;color:hsla(0,0%,100%,.9)}.volunteer-page .page-container[data-v-227f8897]{max-width:1600px;margin:0 auto;padding:0 20px;margin-top:20px;position:relative;z-index:2}.volunteer-page .section[data-v-227f8897]{margin-top:60px}.volunteer-page .section[data-v-227f8897] .el-col{padding:0 12px;box-sizing:border-box}.volunteer-page .section-header[data-v-227f8897]{text-align:center;margin-bottom:40px}.volunteer-page .section-header .section-tag[data-v-227f8897]{display:inline-block;padding:6px 20px;background:rgba(205,16,0,.1);color:#cd1000;border-radius:20px;font-size:15px;margin-bottom:16px;font-weight:500}.volunteer-page .section-header h2[data-v-227f8897]{font-size:36px;color:#333;margin-bottom:12px;font-weight:600}.volunteer-page .section-header .subtitle[data-v-227f8897]{color:#666;font-size:17px;position:relative;display:inline-block}.volunteer-page .section-header .subtitle[data-v-227f8897]:after,.volunteer-page .section-header .subtitle[data-v-227f8897]:before{content:"";display:inline-block;width:30px;height:1px;background:#d9a96a;margin:0 15px;vertical-align:middle}.volunteer-page .stats-section[data-v-227f8897]{margin-top:-40px}.volunteer-page .stats-section .stat-card[data-v-227f8897]{background:#fff;border-radius:16px;padding:28px 24px;display:flex;align-items:center;box-shadow:0 4px 24px rgba(205,16,0,.06);border-top:4px solid #cd1000;transition:all .3s ease;margin-bottom:20px}.volunteer-page .stats-section .stat-card[data-v-227f8897]:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(205,16,0,.15)}.volunteer-page .stats-section .stat-card .stat-icon[data-v-227f8897]{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-right:18px;flex-shrink:0}.volunteer-page .stats-section .stat-card .stat-icon i[data-v-227f8897]{font-size:28px;color:#fff}.volunteer-page .stats-section .stat-card .stat-info h3[data-v-227f8897]{font-size:32px;color:#333;margin:0 0 4px;font-weight:700;line-height:1.2}.volunteer-page .stats-section .stat-card .stat-info p[data-v-227f8897]{font-size:14px;color:#999;margin:0}.volunteer-page .form-section .form-card[data-v-227f8897]{border:none;border-radius:16px;background:#fff;box-shadow:0 4px 24px rgba(205,16,0,.06);padding:16px}.volunteer-page .form-section .form-card[data-v-227f8897] .el-card__body{padding:32px}.volunteer-page .form-section .form-card .volunteer-form[data-v-227f8897] .el-form-item__label{color:#333;font-weight:500;padding-bottom:8px}.volunteer-page .form-section .form-card .volunteer-form[data-v-227f8897] .el-input__inner,.volunteer-page .form-section .form-card .volunteer-form[data-v-227f8897] .el-textarea__inner{border-radius:10px;border-color:#ececec}.volunteer-page .form-section .form-card .volunteer-form[data-v-227f8897] .el-input__inner:focus,.volunteer-page .form-section .form-card .volunteer-form[data-v-227f8897] .el-textarea__inner:focus{border-color:#cd1000}.volunteer-page .form-section .form-card .volunteer-form[data-v-227f8897] .el-input__prefix{left:10px}.volunteer-page .form-section .form-card .volunteer-form[data-v-227f8897] .el-input__prefix i{color:#cd1000}.volunteer-page .form-section .form-card .volunteer-form[data-v-227f8897] .el-input--prefix .el-input__inner{padding-left:36px}.volunteer-page .form-section .form-card .volunteer-form .submit-btn[data-v-227f8897]{width:100%;height:52px;font-size:17px;font-weight:600;letter-spacing:2px;border:none;border-radius:12px;color:#fff;background:linear-gradient(135deg,#990c00,#cd1000 50%,#e61600);box-shadow:0 8px 24px rgba(205,16,0,.3)}.volunteer-page .form-section .form-card .volunteer-form .submit-btn i[data-v-227f8897]{margin-right:8px}.volunteer-page .form-section .form-card .volunteer-form .submit-btn[data-v-227f8897]:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(205,16,0,.4)}.volunteer-page .form-section .form-card .volunteer-form .submit-btn[data-v-227f8897]:active{transform:translateY(0)}.volunteer-page .ranking-section .ranking-card[data-v-227f8897]{border:none;border-radius:16px;background:#fff;box-shadow:0 4px 24px rgba(205,16,0,.06)}.volunteer-page .ranking-section .ranking-card[data-v-227f8897] .el-card__body{padding:16px 32px}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item[data-v-227f8897]{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid #f5f0eb;transition:all .3s ease}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item[data-v-227f8897]:last-child{border-bottom:none}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item[data-v-227f8897]:hover{background:rgba(205,16,0,.02);padding-left:8px}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item .rank-no[data-v-227f8897]{width:48px;text-align:center;flex-shrink:0;margin-right:16px}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item .rank-no .rank-medal[data-v-227f8897]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#cd1000,#e61600);color:#fff;font-size:16px;font-weight:700;box-shadow:0 4px 12px rgba(205,16,0,.3)}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item .rank-no .rank-num[data-v-227f8897]{color:#999;font-size:18px;font-weight:600}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item .avatar[data-v-227f8897]{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:600;margin-right:20px;flex-shrink:0;box-shadow:0 4px 12px rgba(205,16,0,.15)}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item .volunteer-info[data-v-227f8897]{flex:1;min-width:0}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item .volunteer-info .info-top[data-v-227f8897]{display:flex;align-items:center;margin-bottom:8px;flex-wrap:wrap}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item .volunteer-info .info-top h4[data-v-227f8897]{font-size:17px;color:#333;margin:0 12px 0 0;font-weight:600}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item .volunteer-info .info-top .tag[data-v-227f8897]{display:inline-block;padding:2px 10px;background:rgba(217,169,106,.15);color:#b8884a;border-radius:10px;font-size:12px;font-weight:500}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item .volunteer-info .info-meta[data-v-227f8897]{display:flex;flex-wrap:wrap}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item .volunteer-info .info-meta .meta-item[data-v-227f8897]{font-size:13px;color:#666;margin-right:24px}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item .volunteer-info .info-meta .meta-item i[data-v-227f8897]{color:#cd1000;margin-right:4px}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item .volunteer-info .info-meta .meta-item em[data-v-227f8897]{color:#cd1000;font-style:normal;font-weight:600}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item .rank-bar[data-v-227f8897]{width:180px;flex-shrink:0;margin-left:20px}.volunteer-page .view-all-section[data-v-227f8897]{text-align:center;padding-bottom:40px}.volunteer-page .view-all-section .view-all-btn[data-v-227f8897]{height:52px;padding:0 48px;font-size:16px;font-weight:600;border:2px solid #cd1000;color:#cd1000;background:#fff;border-radius:30px;transition:all .3s ease}.volunteer-page .view-all-section .view-all-btn i[data-v-227f8897]{margin-left:6px}.volunteer-page .view-all-section .view-all-btn[data-v-227f8897]:hover{background:linear-gradient(135deg,#cd1000,#e61600);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 8px 20px rgba(205,16,0,.3)}@media(max-width:992px){.volunteer-page .page-header .header-content h1[data-v-227f8897]{font-size:36px}.volunteer-page .page-header .header-content p[data-v-227f8897]{font-size:17px}.volunteer-page .section-header h2[data-v-227f8897]{font-size:30px}.volunteer-page .stats-section .stat-card[data-v-227f8897]{padding:22px 20px}.volunteer-page .stats-section .stat-card .stat-icon[data-v-227f8897]{width:52px;height:52px}.volunteer-page .stats-section .stat-card .stat-icon i[data-v-227f8897]{font-size:24px}.volunteer-page .stats-section .stat-card .stat-info h3[data-v-227f8897]{font-size:26px}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item .rank-bar[data-v-227f8897]{width:140px}}@media(max-width:768px){.volunteer-page .page-header[data-v-227f8897]{padding:60px 20px}.volunteer-page .page-header .header-content .page-tag[data-v-227f8897]{font-size:13px;margin-bottom:16px}.volunteer-page .page-header .header-content h1[data-v-227f8897]{font-size:32px}.volunteer-page .page-header .header-content p[data-v-227f8897]{font-size:16px}.volunteer-page .section[data-v-227f8897]{margin-top:40px}.volunteer-page .section-header[data-v-227f8897]{margin-bottom:28px}.volunteer-page .section-header .section-tag[data-v-227f8897]{font-size:13px;padding:4px 14px}.volunteer-page .section-header h2[data-v-227f8897]{font-size:24px}.volunteer-page .section-header .subtitle[data-v-227f8897]{font-size:14px}.volunteer-page .section-header .subtitle[data-v-227f8897]:after,.volunteer-page .section-header .subtitle[data-v-227f8897]:before{width:20px;margin:0 10px}.volunteer-page .stats-section[data-v-227f8897]{margin-top:-30px}.volunteer-page .stats-section .stat-card[data-v-227f8897]{margin-bottom:16px;padding:20px 18px}.volunteer-page .stats-section .stat-card .stat-icon[data-v-227f8897]{width:48px;height:48px;margin-right:14px}.volunteer-page .stats-section .stat-card .stat-icon i[data-v-227f8897],.volunteer-page .stats-section .stat-card .stat-info h3[data-v-227f8897]{font-size:22px}.volunteer-page .stats-section .stat-card .stat-info p[data-v-227f8897]{font-size:13px}.volunteer-page .form-section .form-card[data-v-227f8897] .el-card__body{padding:20px}.volunteer-page .ranking-section .ranking-card[data-v-227f8897] .el-card__body{padding:8px 20px}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item[data-v-227f8897]{padding:16px 0;flex-wrap:wrap}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item .rank-no[data-v-227f8897]{width:36px;margin-right:10px}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item .rank-no .rank-medal[data-v-227f8897]{width:28px;height:28px;font-size:14px}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item .rank-no .rank-num[data-v-227f8897]{font-size:16px}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item .avatar[data-v-227f8897]{width:44px;height:44px;font-size:20px;margin-right:14px}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item .volunteer-info .info-top h4[data-v-227f8897]{font-size:16px}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item .volunteer-info .info-meta .meta-item[data-v-227f8897]{font-size:12px;margin-right:16px;margin-bottom:4px}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item .rank-bar[data-v-227f8897]{width:100%;margin-left:0;margin-top:12px}.volunteer-page .view-all-section .view-all-btn[data-v-227f8897]{height:46px;padding:0 36px;font-size:15px}}@media(max-width:480px){.volunteer-page .page-header[data-v-227f8897]{padding:48px 16px}.volunteer-page .page-header .header-content h1[data-v-227f8897]{font-size:26px}.volunteer-page .page-header .header-content p[data-v-227f8897]{font-size:14px}.volunteer-page .section-header h2[data-v-227f8897]{font-size:20px}.volunteer-page .stats-section .stat-card[data-v-227f8897]{padding:18px 16px}.volunteer-page .stats-section .stat-card .stat-icon[data-v-227f8897]{width:42px;height:42px;margin-right:12px}.volunteer-page .stats-section .stat-card .stat-icon i[data-v-227f8897],.volunteer-page .stats-section .stat-card .stat-info h3[data-v-227f8897]{font-size:20px}.volunteer-page .stats-section .stat-card .stat-info p[data-v-227f8897]{font-size:12px}.volunteer-page .form-section .form-card[data-v-227f8897] .el-card__body{padding:16px}.volunteer-page .form-section .form-card .volunteer-form .submit-btn[data-v-227f8897]{height:46px;font-size:15px;letter-spacing:1px}.volunteer-page .ranking-section .ranking-card[data-v-227f8897] .el-card__body{padding:4px 14px}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item[data-v-227f8897]{padding:14px 0}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item .rank-no[data-v-227f8897]{width:30px;margin-right:8px}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item .avatar[data-v-227f8897]{width:40px;height:40px;font-size:18px;margin-right:12px}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item .volunteer-info .info-top h4[data-v-227f8897]{font-size:15px}.volunteer-page .ranking-section .ranking-card .ranking-list .ranking-item .volunteer-info .info-meta .meta-item[data-v-227f8897]{font-size:11px;margin-right:12px}.volunteer-page .view-all-section .view-all-btn[data-v-227f8897]{height:42px;padding:0 28px;font-size:14px}}