.scenario-regional-page{min-height:100vh;background:#fff}.container{max-width:1400px;margin:0 auto;padding:0 24px}.breadcrumb-bar{background:#fff;padding:16px 0;border-bottom:1px solid #f0f0f0}.regional-breadcrumb{font-size:14px}.regional-breadcrumb a{color:#00000073}.regional-breadcrumb a:hover{color:#165dff}.regional-breadcrumb .ant-breadcrumb-separator{color:#00000040}.regional-hero{background:linear-gradient(135deg,#165dff,#7b1fa2,#9c27b0);background-size:200% 200%;animation:heroGradient 10s ease infinite;padding:60px 0 80px;color:#fff;position:relative;overflow:hidden}.regional-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.regional-hero:after{content:"";position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%}@keyframes heroGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.regional-hero-content{text-align:center;position:relative;z-index:1}.hero-tag{background:#ffffff26!important;color:#fff!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.hero-title{color:#fff!important;font-size:42px!important;font-weight:700!important;margin:16px 0!important}.hero-desc{color:#ffffffd9;font-size:16px;max-width:700px;margin:0 auto 32px!important;line-height:1.8}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.hero-actions .ant-btn-primary{background:#fff;border-color:#fff;color:#165dff;border-radius:24px;height:48px;padding:0 32px;font-weight:600}.hero-actions .ant-btn-primary:hover{background:#ffffffe6!important;border-color:#ffffffe6!important;color:#165dff!important}.hero-actions .ant-btn-default{background:#ffffff1a;border-color:#fff6;color:#fff;border-radius:24px;height:48px;padding:0 32px}.hero-actions .ant-btn-default:hover{background:#fff3!important;border-color:#fff9!important;color:#fff!important}.section{padding:70px 0}.section-gray{background:#f7f8fa}.section-header{margin-bottom:48px;display:flex;flex-direction:column;align-items:center;text-align:center}.section-header.center{flex-direction:column;align-items:center;text-align:center}.section-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:linear-gradient(135deg,#165dff1a,#165dff0d);border-radius:20px;color:#165dff;font-size:14px;font-weight:500;margin-bottom:16px}.section-header h2{margin:0 0 8px!important;font-size:30px!important;font-weight:700!important;color:#1d2129!important}.section-desc{font-size:16px;color:#86909c;margin:0}.section-regional{background:#fff}.regional-card{position:relative;border-radius:16px!important;border:2px solid #f0f0f0!important;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)!important;cursor:pointer;background:#fff;padding:20px}.regional-card.active{border-color:#165dff!important;box-shadow:0 8px 32px #165dff26!important;transform:translateY(-4px)}.regional-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#165dff,#4080ff);transform:scaleX(0);transition:transform .4s ease}.regional-card:hover:before,.regional-card.active:before{transform:scaleX(1)}.regional-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001a!important}.regional-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:16px;transition:all .4s ease}.regional-content{margin-bottom:16px}.regional-name{font-size:18px;font-weight:700;color:#1d2129;margin:0 0 4px}.regional-sub{font-size:13px;color:#165dff;margin:0 0 10px;font-weight:500}.regional-desc{font-size:13px;color:#86909c;margin:0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.regional-stats{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;margin-bottom:14px}.regional-stat{flex:1;text-align:center}.stat-num{display:block;font-size:22px;font-weight:700;color:#1d2129}.stat-label{display:block;font-size:12px;color:#86909c;margin-top:2px}.regional-stat-divider{width:1px;height:32px;background:#e5e6eb}.regional-features{display:flex;flex-wrap:wrap;gap:6px}.feature-tag{margin:0!important;font-size:11px}.stat-card{border-radius:16px!important;border:none!important;box-shadow:0 2px 12px #0000000a!important;text-align:center;padding:16px!important;transition:all .3s ease!important}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014!important}.stat-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:24px}.stat-info{text-align:center}.stat-number{display:block;font-size:32px;font-weight:700;color:#1d2129;margin-bottom:4px}.stat-label-text{display:block;font-size:14px;color:#86909c}.scenario-card{border-radius:16px!important;border:1px solid #e5e6eb!important;box-shadow:0 2px 8px #0000000a!important;transition:all .3s ease!important;padding:20px!important}.scenario-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a!important;border-color:#165dff!important}.scenario-tags{display:flex;gap:8px;margin-bottom:12px}.scenario-title{font-size:16px;font-weight:600;color:#1d2129;margin:0 0 8px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scenario-type{margin-bottom:10px}.scenario-participants{font-size:13px;color:#86909c;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.scenario-action{text-align:right;padding-top:8px;border-top:1px solid #f0f0f0}.agreement-card{border-radius:16px!important;border:none!important;box-shadow:0 2px 12px #0000000a!important;padding:24px!important;transition:all .3s ease!important}.agreement-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014!important}.agreement-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:20px}.agreement-title{font-size:18px;font-weight:600;color:#1d2129;margin:0 0 8px}.agreement-desc{font-size:14px;color:#86909c;margin:0 0 16px;line-height:1.6}.agreement-signers{display:flex;flex-wrap:wrap;gap:6px}.section-cta{background:linear-gradient(135deg,#165dff,#7b1fa2);color:#fff;padding:60px 0}.section-cta h2{color:#fff!important}.section-cta .section-desc{color:#fffc}.cta-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:32px}.cta-buttons{display:flex;gap:16px;flex-wrap:wrap}.cta-buttons .ant-btn-primary{background:#fff;border-color:#fff;color:#165dff;border-radius:24px;height:48px;padding:0 32px;font-weight:600}.cta-buttons .ant-btn-primary:hover{background:#ffffffe6!important;color:#165dff!important}.cta-buttons .ant-btn-default{background:transparent;border-color:#ffffff80;color:#fff;border-radius:24px;height:48px;padding:0 32px}.cta-buttons .ant-btn-default:hover{background:#ffffff1a!important;border-color:#fff!important;color:#fff!important}@media (max-width: 768px){.container{padding:0 16px}.hero-title{font-size:28px!important}.section{padding:48px 0}.section-header h2{font-size:24px!important}.cta-content{flex-direction:column;text-align:center}.cta-buttons{justify-content:center}.section-header,.section-header.center{text-align:center;align-items:center}.section-tag{margin:0 auto 16px}.regional-hero-tags{justify-content:center;text-align:center}.regional-hero-tags>div{justify-content:center}.regional-hero-content-wrapper{justify-content:center;text-align:center}.regional-hero-content-wrapper>div:first-child{text-align:center}.regional-hero-content-wrapper>div:first-child>div:last-child{justify-content:center}.region-tabs,.regional-hero-buttons{justify-content:center}.breadcrumb-bar{text-align:center}.regional-hero-content-wrapper>div:first-child{display:flex;flex-direction:column;align-items:center;text-align:center}.regional-hero-content-wrapper>div:last-child{width:100%;max-width:320px;margin:0 auto}}@media (max-width: 480px){.container{padding:0 12px}.hero-title{font-size:24px!important}.section-header h2{font-size:20px!important}.regional-card{padding:16px}.stat-card{padding:12px!important}.agreement-card{padding:16px!important}.cta-buttons .ant-btn{width:100%;margin-bottom:8px}}