.container{max-width:1200px;margin:0 auto;padding:0 20px}
.hero-section{padding:80px 0;position:relative;overflow:hidden}
.hero-section .hero-content{display:flex;align-items:center;justify-content:space-between}
.hero-section .hero-left{z-index:2}
.hero-section .hero-title{font-size:56px;font-weight:bold;margin-bottom:20px;color:var(--banner-title-gradient);line-height:1.2}
.hero-section .hero-subtitle{font-size:30px;color:var(--title-color);margin-bottom:40px;font-weight:500}
.hero-section .hero-subtitle a{color:var(--primary-color)}
.hero-section .features{display:flex;justify-content:space-between;margin-bottom:40px;gap:10px}
.hero-section .feature-item{display:flex;align-items:center;gap:8px}
.hero-section .feature-icon{width:30px;height:30px;color:var(--desc-color);flex-shrink:0;font-size:30px;display:flex}
.hero-section .feature-icon svg{width:100%;height:100%}
.hero-section .feature-text .feature-title{font-size:13px;color:var(--title-color);font-weight:600}
.hero-section .feature-text p{font-size:10px;color:var(--desc-color);margin:0}
.hero-section .primary-btn{padding:0}
.hero-section .primary-btn a{display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:4px 43px;color:#fff}
.hero-section .hero-right{position:relative;text-align:center}
.hero-section .hero-right img{width:75%}
.section-header{text-align:center;margin-bottom:40px}
.advantages-section{padding:80px 0;background:#f8f9fa}
.advantages-section .advantages-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.advantages-section .advantage-item{display:flex;gap:20px;padding:30px;background:var(--module-bg);border-radius:12px;box-shadow:var(--module-shadow);transition:all .3s ease}
.advantages-section .advantage-item:hover{transform:translateY(-5px)}
.advantages-section .advantage-number{width:60px;height:60px;background:var(--button-bg);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:bold;flex-shrink:0}
.advantages-section .advantage-content h3{font-size:16px;color:var(--title-color);margin-bottom:15px;font-weight:600}
.advantages-section .advantage-content p{color:var(--desc-color);line-height:1.6;font-size:14px}
.advantages-section .advantage-content strong{color:var(--title-color);font-weight:600}
.process-section{padding:80px 0}
.process-section .process-timeline{margin-bottom:40px;margin-top:20px}
.process-section .process-timeline .timeline-note{font-size:14px;color:var(--section-title-color);font-weight:600;background:color-mix(in srgb,var(--section-title-color) 10%,transparent);padding:15px 30px;border-radius:25px;display:inline-block}
.process-section .process-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.process-section .step-item{text-align:center;padding:30px 12px;background:var(--module-bg);border-radius:12px;box-shadow:var(--module-shadow);transition:all .3s ease;position:relative}
.process-section .step-item:hover{transform:translateY(-5px)}
.process-section .step-item:not(:last-child)::after{content:"";position:absolute;top:50%;right:-10px;width:20px;height:2px;background:var(--primary-color);transform:translateY(-50%)}
.process-section .step-number{width:50px;height:50px;background:var(--button-bg);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:bold;margin:0 auto 20px}
.process-section .step-content h3{font-size:16px;color:var(--title-color);margin-bottom:10px;font-weight:600}
.process-section .step-content p{color:var(--desc-color);font-size:15px;line-height:1.5}
.commission-section{padding:80px 0;background:#f8f9fa}
.commission-section .commission-content{margin:0 auto}
.commission-section .commission-content .commission-grid{display:flex;flex-wrap:wrap;gap:20px;margin:0 auto}
.commission-section .commission-content .commission-item{width:calc(50% - 10px);display:flex;align-items:center;gap:15px;padding:15px;border-radius:12px;box-shadow:var(--module-shadow);transition:all .3s ease;background:var(--module-bg)}
.commission-section .commission-content .commission-item:hover{transform:translateY(-2px)}
.commission-section .commission-content .commission-icon{width:30px;height:30px;font-size:30px;color:var(--primary-color);flex-shrink:0;display:flex;align-items:center;justify-content:center}
.commission-section .commission-content .commission-icon svg{width:100%;height:100%}
.commission-section .commission-content .commission-text{font-size:16px;color:var(--title-color);font-weight:600;line-height:1.4}
.support-section{padding:80px 0}
.support-section .support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.support-section .support-category{background:#fff;border-radius:12px;padding:30px;box-shadow:var(--module-shadow);transition:all .3s ease}
.support-section .support-category:hover{transform:translateY(-5px)}
.support-section .category-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.support-section .category-header .category-icon{font-size:20px}
.support-section .category-header h3{font-size:16px;color:var(--title-color);font-weight:600}
.support-section .support-list{list-style:none;padding:0;margin:0;list-style:square;list-style-type:square;padding-left:14px}
.support-section .support-list li{padding:8px 0;color:var(--desc-color);line-height:1.6;position:relative;font-size:14px}
.support-section .support-list li::marker{color:var(--primary-color)}
.support-section .support-list li strong{color:var(--title-color);font-weight:600}
.stories-section{padding:80px 0;background:#f8f9fa}
.stories-section .swiper-wrapper{padding-bottom:20px}
.stories-section .stories-pagination{text-align:center;margin-top:20px;padding-bottom:3px}
.stories-section .stories-pagination .swiper-pagination-bullet{width:8px;height:8px;background-color:rgba(0,0,0,.2);border-radius:4px;margin:0 4px;transition:all .3s ease;opacity:.6;cursor:pointer}
.stories-section .stories-pagination .swiper-pagination-bullet:hover{opacity:.8;transform:scale(1.1)}
.stories-section .stories-pagination .swiper-pagination-bullet-active{width:20px;height:8px;background-color:var(--primary-color);border-radius:4px;opacity:1;transform:scale(1);box-shadow:0 2px 8px rgba(var(--primary-color-rgb,0,123,255),0.3)}
.stories-section .story-item{background:#fff;border-radius:12px;padding:30px;transition:all .3s ease}
.stories-section .story-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.stories-section .story-header .story-icon{font-size:18px;display:flex;align-items:center}
.stories-section .story-header h3{font-size:16px;color:var(--title-color);font-weight:600;line-height:1.4}
.stories-section .story-quote{font-style:italic;color:var(--desc-color);line-height:1.6;margin:0;padding:20px;background:#fff;border-radius:8px;border-left:4px solid var(--primary-color);position:relative;font-size:14px;height:120px}
.stories-section .story-quote::before{content:'"';font-size:48px;color:var(--primary-color);position:absolute;top:-10px;left:0;opacity:.3}
.faq-section{padding:80px 0}
.faq-section .faq-wrap{margin-top:40px}
.faq-section .faq-wrap .faq-item{background-color:#fff;margin-bottom:12px;border-radius:16px}
.faq-section .faq-wrap .faq-item:hover{box-shadow:var(--module-light-shadow);cursor:pointer}
.faq-section .faq-wrap .faq-item .faq-title-wrap{overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:12px 20px}
.faq-section .faq-wrap .faq-item .faq-title-wrap .faq-title{font-weight:500;font-size:16px;color:var(--title-color);margin:0;display:flex;align-items:center}
.faq-section .faq-wrap .faq-item .faq-title-wrap .faq-title i{color:var(--primary-color);flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-right:4px;font-size:20px}
.faq-section .faq-wrap .faq-item .faq-title-wrap .faq-title-icon{display:block;width:20px;height:20px;transform:rotate(180deg);transition:all ease .3s;background-size:cover;background-position:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA8UExURUxpca6zx66zx66yyK6yyK6yyK+vz6+vx6+yx66zyK2xyK6zyK6zyK+vv6yxx66xyK2yx62wx6+0xK+zyNQ2goMAAAATdFJOUwCv78/fvxAgQICQn98QYFCgoDCFDAG1AAABNUlEQVR42rWU2Y6FIBBEaRBkcZs5//+vcxNURMFkHm69aMihqylb1LfllijDRzau4wvmLReJf8W0SSlJ3mGaVSOgoz+3bRoIz+Ys6OCuS2MAxN040zIaBzA1aWFz6qFZwF4XAohqaoN4sYDJtcHZQInJQDfeURdzD0F1FUpJQY99cD5LjpDUiyLkA6zg6/SmysDDcuyoOahJTdzDtjfuRpo95AGpuRBq8odpB1PNKZXJHli4QnbAOXMH6c6cTXnu2WYukzqD5bQRfVr7S3y/x9sxQAt49SIPazaE+AZu52zZ3E5/zuR/Y5ZL9gcXzLVd0zF3QzX9sTuScmvLgrhGvQTy+Nmm5wVgnj3NAoQKdUGDda0Y0KlcUlFTvsTDCLCSUjIawHZvSKGoYM2qa7TDRxIXp76sP/reE+FnlgMmAAAAAElFTkSuQmCC)}
.faq-section .faq-wrap .faq-item .faq-title-wrap .faq-title-icon.faq-title-icon-active{transform:rotate(0)}
.faq-section .faq-wrap .faq-item .faq-content-wrap{height:0;overflow:hidden;transition:all .3s ease}
.faq-section .faq-wrap .faq-item .faq-content-wrap .faq-content{padding:12px 20px;border-top:1px solid var(--border-theme-color);line-height:1.7;font-size:14px;color:var(--desc-color)}
@media(max-width:1200px){.container{max-width:24rem;padding:0 .4rem}
.hero-section{padding:.6rem 0}
.hero-section .hero-content{display:block;gap:.4rem;text-align:center}
.hero-section .hero-title{font-size:.8rem;margin-bottom:.4rem}
.hero-section .hero-subtitle{font-size:.36rem;margin-bottom:.4rem}
.hero-section .features{gap:.2rem;justify-content:center;margin-bottom:.4rem}
.hero-section .feature-item{gap:.08rem}
.hero-section .feature-icon{width:.32rem;height:.32rem;font-size:.32rem}
.hero-section .feature-text h3{font-size:.24rem;margin-bottom:0;text-align:left;color:var(--desc-color)}
.hero-section .feature-text p{display:none;font-size:.2rem}
.hero-section .primary-btn{margin:0 auto;height:.6rem}
.hero-section .hero-right{height:auto;margin-top:.6rem}
.hero-section .hero-right img{display:block;width:100%;height:100%;object-fit:cover}
.section-header{margin-bottom:.4rem}
.advantages-section,.process-section,.commission-section,.support-section,.stories-section,.faq-section{padding:.8rem 0}
.advantages-section .advantages-grid{grid-template-columns:1fr;gap:.3rem}
.advantages-section .advantage-item{flex-direction:column;text-align:center;gap:.3rem;padding:.3rem .2rem;border-radius:.24rem}
.advantages-section .advantage-item:hover{transform:none}
.advantages-section .advantage-number{display:none}
.advantages-section .advantage-content h3{font-size:.32rem;margin-bottom:.24rem}
.advantages-section .advantage-content p{font-size:.28rem;text-align:left}
.process-section{padding-bottom:.4rem}
.process-section .section-header{margin-bottom:.2rem}
.process-section .container{padding:0}
.process-section .process-timeline{margin-bottom:0rem;margin-top:.4rem}
.process-section .process-timeline .timeline-note{font-size:.28rem;padding:.2rem .2rem;border-radius:.2rem}
.process-section .process-steps-wrap{overflow-x:auto;padding:.3rem .4rem .4rem 0}
.process-section .process-steps-wrap .process-steps{grid-template-columns:1fr;gap:.4rem;display:flex;width:max-content}
.process-section .process-steps-wrap .step-item{padding:.3rem .2rem;border-radius:.24rem;width:5.6rem}
.process-section .process-steps-wrap .step-item:not(:last-child)::after{display:none}
.process-section .process-steps-wrap .step-item:first-child{margin-left:.4rem}
.process-section .process-steps-wrap .step-item:hover{transform:none}
.process-section .process-steps-wrap .step-number{width:1rem;height:1rem;font-size:.48rem;margin:0 auto .4rem}
.process-section .process-steps-wrap .step-content h3{font-size:.32rem;margin-bottom:.2rem}
.process-section .process-steps-wrap .step-content p{font-size:.28rem}
.commission-section .commission-content .commission-grid{display:flex;flex-wrap:wrap;gap:.3rem}
.commission-section .commission-content .commission-grid .commission-item{width:100%;padding:.3rem;border-radius:.24rem;gap:.24rem;align-items:flex-start}
.commission-section .commission-content .commission-grid .commission-item:hover{transform:none}
.commission-section .commission-content .commission-grid .commission-item .commission-icon{width:.5rem;height:.5rem}
.commission-section .commission-content .commission-grid .commission-item .commission-text{font-size:.32rem;line-height:.44rem}
.support-section .support-grid{grid-template-columns:1fr;gap:.5rem}
.support-section .support-category{border-radius:.24rem;padding:.28rem}
.support-section .support-category:hover{transform:none;box-shadow:none}
.support-section .category-header{gap:.3rem;margin-bottom:.1rem}
.support-section .category-header .category-icon{font-size:.32rem}
.support-section .category-header h3{font-size:.32rem}
.support-section .support-list{padding-left:.3rem}
.support-section .support-list li{padding:.08rem 0;font-size:.28rem}
.stories-section{padding-bottom:.4rem}
.stories-section .container{padding:0 .4rem}
.stories-section .stories-pagination{display:none}
.stories-section .story-item{border-radius:.24rem;padding:.3rem .2rem}
.stories-section .story-item:hover{transform:none}
.stories-section .story-header{gap:.1rem;margin-bottom:.1rem}
.stories-section .story-header .story-icon{font-size:.36rem}
.stories-section .story-header h3{font-size:.32rem}
.stories-section .story-quote{padding:.2rem .3rem 0;border-radius:.16rem;border-left:.08rem solid var(--primary-color);font-size:.28rem;height:auto}
.stories-section .story-quote::before{font-size:.6rem;top:-0.2rem;left:0rem}
.faq-section .faq-wrap{margin-top:.32rem}
.faq-section .faq-wrap .faq-item:hover{box-shadow:none}
.faq-section .faq-wrap .faq-item .faq-title-wrap{overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:.24rem}
.faq-section .faq-wrap .faq-item .faq-title-wrap .faq-title{font-size:.28rem;padding-right:.24rem;line-height:.36rem;flex:1;align-items:flex-start}
.faq-section .faq-wrap .faq-item .faq-title-wrap .faq-title i{font-size:.36rem;margin-right:.08rem}
.faq-section .faq-wrap .faq-item .faq-title-wrap .faq-title-icon{width:.4rem;height:.4rem}
.faq-section .faq-wrap .faq-item .faq-content-wrap{height:0;overflow:hidden;transition:all .3s ease}
.faq-section .faq-wrap .faq-item .faq-content-wrap .faq-content{padding:.24rem;font-size:.26rem}
}