.ecology-page{overflow:hidden}.section{padding:80px 0}.container{max-width:1280px;margin:0 auto;padding:0 24px}.section-header{text-align:center;margin-bottom:48px}.section-tag{font-size:14px;padding:6px 16px;margin-bottom:16px}.section-title{font-size:36px;font-weight:800;color:#1a237e;margin-bottom:12px}.section-desc{font-size:16px;color:#546e7a;max-width:550px;margin:0 auto}.page-hero{position:relative;min-height:560px;background:linear-gradient(135deg,#00a862,#2e7d32 40%,#1b5e20);display:flex;align-items:center;padding-top:80px;overflow:hidden;color:#fff}.hero-watermark{position:absolute;right:-10%;top:50%;transform:translateY(-50%);width:500px;height:500px;background-image:url(/images/logo.png);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.08;pointer-events:none}.hero-badge{font-size:14px;padding:8px 20px;margin-bottom:24px;border-radius:20px;background:#fffffff2!important;color:#1b5e20!important;border:none!important;font-weight:600;position:relative;z-index:10}.hero-title{font-size:48px;font-weight:800;color:#fff;margin-bottom:12px;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.2);position:relative;z-index:10}.hero-slogan{font-size:24px;font-weight:500;color:#e8f5e9;margin-bottom:16px;letter-spacing:1px;position:relative;z-index:10}.hero-desc{font-size:17px;color:#c8e6c9;margin-bottom:36px;line-height:1.8;position:relative;z-index:10}.hero-stats{display:flex;gap:48px}.hero-stat-item{text-align:center;position:relative;z-index:10;background:#00000059!important;padding:16px 24px;border-radius:12px;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-stat-number{font-size:36px;font-weight:800;line-height:1;margin-bottom:4px;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.15);background:transparent!important}.hero-stat-label{font-size:14px;color:#fff!important;font-weight:600;opacity:.95}.hero-wave{position:absolute;bottom:0;left:0;right:0;height:120px;z-index:1}.hero-wave svg{width:100%;height:100%}.page-hero .ant-breadcrumb{position:relative;z-index:10}.page-hero .ant-breadcrumb a{color:#c8e6c9!important}.page-hero .ant-breadcrumb a:hover{color:#fff!important}.page-hero .ant-breadcrumb .ant-breadcrumb-separator{color:#81c784}.page-hero .ant-breadcrumb>span:last-child{color:#fff;font-weight:500}.advantage-card{background:#fff!important;border-radius:16px;border:2px solid #f5f5f5;padding:32px 24px;text-align:center;box-shadow:0 4px 16px #0000000f;transition:all .3s ease;height:100%;position:relative;z-index:1}.advantage-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px #0000001a;border-color:#e3f2fd;z-index:10}.advantage-icon{width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 20px;border:2px solid currentColor;opacity:.9}.advantage-card h3{font-size:18px;font-weight:700;color:#1a237e!important;margin-bottom:10px}.advantage-card p{font-size:14px;color:#546e7a!important;margin:0;line-height:1.6}.level-card{border-radius:16px;border:2px solid #f5f5f5!important;background:#fff!important;transition:all .3s ease;overflow:hidden;position:relative;z-index:1}.level-card:hover{transform:translate(8px);z-index:10;border-color:#e3f2fd!important}.level-card-highlight{transform:scale(1.01);border-color:#f3e5f5!important;position:relative;z-index:5}.level-card-highlight:hover{transform:translate(8px) scale(1.01);z-index:15}.level-header{text-align:center;position:relative}.level-icon{width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 16px}.level-badge{position:absolute;top:-10px;right:10px;padding:6px 14px;color:#fff;font-weight:800;font-size:14px;border-radius:20px;box-shadow:0 4px 12px #00000026}.level-name{font-size:20px;font-weight:800;color:#1a237e!important;margin-bottom:8px}.level-count{font-size:15px;color:#546e7a!important}.level-count span{font-weight:800;font-size:20px}.level-composition h4,.level-features h4{font-size:15px;font-weight:700;color:#263238!important;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #eceff1;background:transparent!important}.level-composition p{font-size:14px;color:#455a64!important;line-height:1.8;margin:0;background:transparent!important}.feature-tag{font-size:12px;margin:4px 0;font-weight:500;border:none!important}.rights-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border-radius:16px}.rights-table-container .ant-table{min-width:650px;background:#fff!important}.rights-table-container .ant-table-thead>tr>th{background:#f8fafc!important;font-weight:700;color:#263238!important;border-bottom:2px solid #eceff1!important}.rights-table-container .ant-table-tbody>tr>td{background:#fff!important;border-bottom:1px solid #f5f5f5!important}.rights-table-container .ant-table-tbody>tr:hover>td{background:#f8fafc!important}.rights-table-container .ant-table-cell{color:#455a64!important}.join-steps-wrapper{max-width:900px;margin:0 auto 48px}.join-cta{background:linear-gradient(135deg,#00a862,#2e7d32 40%,#1b5e20)!important;border-radius:20px;padding:48px;text-align:center;color:#fff;position:relative;overflow:hidden;box-shadow:0 8px 32px #00a86233}.join-cta:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:#ffffff0d;border-radius:50%;z-index:1}.join-cta h3{font-size:28px;font-weight:800;color:#fff!important;margin-bottom:10px;position:relative;z-index:10;text-shadow:0 2px 8px rgba(0,0,0,.15)}.join-cta p{font-size:16px;color:#c8e6c9!important;margin-bottom:32px;position:relative;z-index:10}.join-cta .ant-btn{height:52px;padding:0 36px;font-size:16px;border-radius:26px;font-weight:600}.join-cta .ant-btn-primary{background:#fff;color:#00a862;border:none;box-shadow:0 8px 24px #00000026}.join-cta .ant-btn{position:relative!important;z-index:20!important}.join-cta .ant-btn-primary{background:#fff!important;color:#1b5e20!important;border:none!important;box-shadow:0 8px 24px #00000026}.join-cta .ant-btn-primary:hover{background:#e8f5e9!important;color:#1b5e20!important;transform:translateY(-2px)}.join-cta .ant-btn:not(.ant-btn-primary){border:2px solid rgba(255,255,255,.7)!important;color:#fff!important;background:transparent!important}.join-cta .ant-btn:not(.ant-btn-primary):hover{border-color:#fff!important;background:#ffffff1a!important}@media screen and (max-width: 992px){.section-title{font-size:28px}.hero-title{font-size:36px}.hero-slogan{font-size:20px}.hero-stats{justify-content:center}}@media screen and (max-width: 768px){.section{padding:50px 0}.container{padding:0 16px}.section-title{font-size:24px!important}.section-desc{font-size:14px}.page-hero{min-height:auto;padding:70px 0 90px;text-align:center}.hero-watermark{width:300px;height:300px;right:-15%;opacity:.06}.hero-title{font-size:30px!important}.hero-slogan{font-size:17px!important;color:#e8f5e9!important}.hero-desc{font-size:15px!important;color:#c8e6c9!important}.hero-stats{gap:16px;justify-content:center;flex-wrap:wrap}.hero-stat-item{padding:12px 16px!important;min-width:100px;background:#00000059!important;border:1px solid rgba(255,255,255,.25)!important}.hero-stat-number{font-size:28px!important}.level-badge{position:relative;top:auto;right:auto;display:inline-block;margin-bottom:12px}.level-card:hover{transform:translate(0) translateY(-4px)}.level-card-highlight:hover{transform:translate(0) translateY(-4px) scale(1.01)}.join-cta{padding:32px 20px}.join-cta h3{font-size:22px}.join-cta p{font-size:14px}}@media screen and (max-width: 576px){.section{padding:40px 0}.section-header{margin-bottom:32px}.hero-title{font-size:26px}.hero-slogan{font-size:16px}.hero-stats{gap:20px}.hero-stat-number{font-size:26px}.hero-stat-label{font-size:12px}.level-card .ant-card-body{padding:24px 16px!important}.join-cta .ant-btn{width:100%}.join-steps-wrapper .ant-steps-item-description{display:none}}.section-super-arch{background:linear-gradient(180deg,#fafafa,#fff)}.super-architecture{max-width:1100px;margin:0 auto}.exploration-header{margin-bottom:32px;padding:16px 24px;background:linear-gradient(90deg,#e3f2fd,#f3e5f5,#fff3e0);border-radius:16px}.exploration-progress{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.progress-label{font-size:14px;font-weight:700;color:#424242;display:flex;align-items:center;gap:6px}.progress-dots{display:flex;gap:12px}.progress-dot{width:32px;height:32px;border-radius:50%;background:#e0e0e0;color:#9e9e9e;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .4s ease;border:2px solid transparent}.progress-dot.unlocked{background:#4caf50;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #4caf5066;animation:unlockPop .5s ease}.reset-btn{color:#0077c8;font-weight:600}@keyframes unlockPop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1.1);opacity:1}}.layer-locked{display:none!important}.layer-unlocked{display:block!important;opacity:1;height:auto!important;overflow:visible!important;animation:layerReveal .6s cubic-bezier(.4,0,.2,1)}@keyframes layerReveal{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.arch-unlocker{display:flex;justify-content:center;margin:8px 0 24px}.unlock-btn{padding:12px 32px!important;border-radius:28px!important;font-weight:700!important;box-shadow:0 8px 24px #0077c84d!important}.pulse-animation{animation:pulseGlow 2s infinite}@keyframes pulseGlow{0%,to{box-shadow:0 8px 24px #0077c84d}50%{box-shadow:0 8px 32px #0077c880;transform:scale(1.03)}}.arch-connector-unlocked{display:flex;justify-content:center;animation:connectorReveal .4s ease}@keyframes connectorReveal{0%{opacity:0;height:0}to{opacity:1}}.arch-layer{position:relative;margin-bottom:16px}.layer-title{display:inline-flex;align-items:center;gap:12px;padding:10px 24px;border-radius:24px;font-size:16px;font-weight:700;margin-bottom:24px;margin-left:20px}.layer-title .layer-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.layer-blue{background:#e3f2fd;color:#0077c8}.layer-blue .layer-num{background:#0077c8;color:#fff}.layer-purple{background:#f3e5f5;color:#7b1fa2}.layer-purple .layer-num{background:#7b1fa2;color:#fff}.layer-gray{background:#f5f5f5;color:#424242}.layer-gray .layer-num{background:#424242;color:#fff}.layer-orange{background:#fff3e0;color:#ef6c00}.layer-orange .layer-num{background:#ef6c00;color:#fff}.super-card{background:#fff;border-radius:16px;padding:24px 20px;text-align:center;box-shadow:0 4px 16px #0000000f;border:2px solid transparent;transition:all .3s ease;cursor:pointer;position:relative;height:100%}.super-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px #0000001f}.super-card-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 16px;border:2px solid currentColor}.super-card-icon img{width:32px!important;height:32px!important;object-fit:contain}.super-card h3{font-size:15px;font-weight:700;margin-bottom:6px;line-height:1.3}.super-card h4{font-size:17px;font-weight:800;margin-bottom:8px}.super-card p{font-size:13px;color:#546e7a;margin:0}.card-gov{border-color:#bbdefb}.card-gov .super-card-icon{background:#e3f2fd;color:#1976d2}.card-gov h3,.card-gov h4{color:#0d47a1}.card-eco-main{background:linear-gradient(135deg,#0077c8,#00a862)!important;color:#fff!important;transform:scale(1.05);z-index:5;cursor:pointer!important}.card-eco-main:hover{transform:translateY(-6px) scale(1.05)}.card-eco-main h3,.card-eco-main h4{color:#fff!important}.card-eco-main p{color:#ffffffe6!important}.card-phy{border-color:#ffe0b2}.card-phy .super-card-icon{background:#fff3e0;color:#ef6c00}.card-phy h3,.card-phy h4{color:#e65100}.core-trinity{position:relative}.trinity-arrow{position:absolute;right:-12px;top:50%;transform:translateY(-50%);font-size:28px;font-weight:300;color:#9e9e9e;z-index:10}@media screen and (max-width: 992px){.trinity-arrow{display:none}}.trinity-tag{font-size:12px!important;font-weight:700!important;padding:2px 12px;border-radius:10px;display:inline-block;margin-bottom:8px!important}.card-org{border-color:#b3e5fc}.card-org .super-card-icon{background:#e1f5fe;color:#0288d1}.card-org h3{color:#01579b}.card-org .trinity-tag{background:#e1f5fe;color:#0288d1}.card-tool{border-color:#f8bbd0}.card-tool .super-card-icon{background:#fce4ec;color:#c2185b}.card-tool h3{color:#880e4f}.card-tool .trinity-tag{background:#fce4ec;color:#c2185b}.card-func{border-color:#dcedc8}.card-func .super-card-icon{background:#f1f8e9;color:#689f38}.card-func h3{color:#33691e}.card-func .trinity-tag{background:#f1f8e9;color:#689f38}.trinity-note{text-align:center;font-size:13px;color:#78909c;margin-top:16px}.network-layers-v2{background:linear-gradient(135deg,#fafafa,#fff,#f8fafc);border-radius:24px;padding:40px 32px;box-shadow:0 12px 40px #00000014,0 0 0 1px #0000000a,inset 0 1px #fffc;border:none;position:relative;overflow:hidden}.network-layers-v2:before{content:"";position:absolute;top:-50%;left:-20%;width:60%;height:200%;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transform:rotate(25deg);pointer-events:none}.network-tier{padding:20px;border-radius:16px;margin-bottom:16px}.supply-tier{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.service-tier{background:linear-gradient(135deg,#f3e5f5,#e1bee7)}.apply-tier{background:linear-gradient(135deg,#fff3e0,#ffe0b2)}.tier-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.tier-icon{font-size:24px;color:#0077c8}.tier-title{font-size:16px;font-weight:700;color:#1a237e}.tier-desc{font-size:13px;color:#546e7a;margin-left:auto}.tier-cards{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.net-card-v2{display:flex;align-items:center;gap:10px;background:#fff;padding:12px 20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid rgba(0,0,0,.06);transition:all .3s ease}.net-card-v2:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:#1976d24d}.net-card-v2 span{font-size:14px;font-weight:600;color:#263238}.net-card-v2 .ant-avatar{background:#1976d2;color:#fff;font-size:16px;width:36px;height:36px;flex-shrink:0}.net-service-v2 .ant-avatar{background:#7b1fa2;color:#fff}.net-apply-v2 .ant-avatar{background:#ef6c00;color:#fff}.flow-arrow{font-size:20px;color:#78909c}.tier-connector{display:flex;justify-content:center;margin:8px 0}.connector-path{display:flex;flex-direction:column;align-items:center;gap:4px}.connector-path .anticon{font-size:16px;color:#78909c}.connector-text{font-size:12px;color:#78909c;font-weight:500}.card-value{border-color:#e8e8e8;background:#fff}.step-badge{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0077c8,#00a862);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;margin:0 auto 12px}.value-list{list-style:none;padding:0;margin:0;text-align:left}.value-list li{font-size:13px;color:#546e7a;padding:4px 0;line-height:1.6}.arch-footer-main{margin-top:24px}@media screen and (max-width: 768px){.exploration-progress{flex-direction:column;gap:12px}.tier-header{justify-content:center}.tier-desc{margin-left:0;width:100%;text-align:center}.tier-cards{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.network-layers-v2{padding:24px 16px}}