.service-main{min-height:calc(100vh - 120px);padding-top:0}body.service-page header{position:absolute;top:0;left:0;width:100%;background:0 0;box-shadow:none;z-index:500}body.service-page header nav a,body.service-page header nav i{color:#fff}body.service-page header.sticky{position:fixed;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06);z-index:600}body.service-page header.sticky nav a,body.service-page header.sticky nav i{color:var(--text-color-darker)}body.service-page .map-section{margin-top:0;padding-top:0;position:relative;z-index:1;width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.service-hero{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;text-align:center;padding:80px 20px;margin-bottom:50px}.service-hero h1{font-size:3rem;margin-bottom:20px;font-weight:700}.service-hero p{font-size:1.2rem;opacity:.9}.service-section{max-width:1800px;margin:0 auto;padding:50px 20px 0 20px;margin-bottom:10px}.section-header{text-align:center;margin-bottom:30px}.section-header h2{font-size:2.5rem;color:#333;margin-bottom:15px;font-weight:600}.section-header p{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.service-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:40px}.service-card{background:#fff;border-radius:15px;padding:40px 30px;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:all .3s ease;border:1px solid #f0f0f0}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.service-card.upgrade{background:linear-gradient(135deg,#f093fb 0,#f5576c 100%);color:#fff}.service-card.upgrade .service-features li{color:rgba(255,255,255,.9)}.card-icon{width:70px;height:70px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:25px}.service-card.upgrade .card-icon{background:rgba(255,255,255,.2)}.card-icon i{font-size:30px;color:#fff}.service-card h3{font-size:1.5rem;margin-bottom:15px;color:#333;font-weight:600}.service-card.upgrade h3{color:#fff}.service-card p{font-size:1rem;color:#666;line-height:1.6;margin-bottom:20px}.service-card.upgrade p{color:rgba(255,255,255,.9)}.service-features{list-style:none;padding:0}.service-features li{padding:8px 0;color:#555;position:relative;padding-left:25px}.service-features li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700}.service-card.upgrade .service-features li:before{color:#fff}.service-banners{width:100%;max-width:none;margin:0!important;padding:0!important;overflow:hidden;position:relative;display:flex;flex-direction:column;gap:4px;background-color:#fff}.service-banners::before{content:'';height:4px;background-color:#fff;display:block}.service-banner{position:relative;width:100%;min-height:0;background-position:center center;background-size:cover;background-repeat:no-repeat;background-color:transparent;display:flex;align-items:center;margin:0!important;padding:0!important;border:none;padding-bottom:33.75%!important}.service-banner+.service-banner{margin-top:0!important}.service-banner .banner-inner{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;max-width:1400px;margin:0 auto;padding:40px 24px;display:flex;align-items:center;justify-content:center}.service-banner.align-left .banner-inner{justify-content:flex-start}.service-banner.align-right .banner-inner{justify-content:flex-end}.service-banner .text-box{background:rgba(0,0,0,.3);color:#fff;padding:24px 26px;border-radius:12px;max-width:640px;line-height:1.75;box-shadow:0 10px 30px rgba(0,0,0,.25);backdrop-filter:saturate(110%) blur(1px)}@media (max-width:768px){.service-banner{padding-bottom:66.67%!important;background-size:contain!important;background-position:center center!important;background-color:#f8f9fa!important}.service-banner .banner-inner{padding:22px 18px}.service-banner .text-box{padding:18px 20px;background:rgba(0,0,0,.6)}}@media (max-width:480px){.service-banner{padding-bottom:75%!important;background-size:contain!important;background-position:center center!important;background-color:#f8f9fa!important}.service-banner .banner-inner{padding:16px 14px}.service-banner .text-box{padding:14px 16px;border-radius:10px;background:rgba(0,0,0,.65);max-width:90%}}.service-banner .text-box h3{font-size:28px;font-weight:700;margin-bottom:10px;text-shadow:0 1px 3px rgba(0,0,0,.35)}.service-banner .text-box p{font-size:16px;opacity:.95}.membership-services{width:75%;max-width:none;margin:0 auto}.section-header+.membership-services{margin-top:-50px}.service-map-section{background:linear-gradient(135deg,#3f7ed9 0,#2d5aa0 100%);padding:80px 20px;margin-top:50px;position:relative;overflow:hidden}.service-map-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');pointer-events:none}.map-header{text-align:center;margin-bottom:40px;position:relative;z-index:2}.map-header h2{font-size:2.5rem;color:#fff;margin-bottom:15px;font-weight:600}.map-header p{font-size:1.1rem;color:rgba(255,255,255,.7);max-width:600px;margin:0 auto}.map-section{background:linear-gradient(135deg,#3f7ed9 0,#2d5aa0 100%);padding:80px 20px;margin-top:50px;position:relative;overflow:hidden}.map{width:100%;height:600px;position:relative;margin:0 auto;max-width:1200px;background:0 0;border-radius:15px;overflow:hidden;border:none;box-shadow:none}.map .chart{width:100%;height:100%;position:absolute;top:0;left:0;min-height:600px;min-width:100%}.map-container{max-width:1200px;margin:0 auto;position:relative;z-index:2}.service-map-panel{position:relative;height:600px;padding:20px;border:1px solid rgba(25,186,139,.3);background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.service-map-panel::before{position:absolute;top:0;left:0;width:20px;height:20px;border-left:2px solid #02a6b5;border-top:2px solid #02a6b5;content:'';border-radius:3px 0 0 0}.service-map-panel::after{position:absolute;top:0;right:0;width:20px;height:20px;border-right:2px solid #02a6b5;border-top:2px solid #02a6b5;content:'';border-radius:0 3px 0 0}.service-map-panel .panel-footer{position:absolute;bottom:0;left:0;width:100%}.service-map-panel .panel-footer::before{position:absolute;bottom:0;left:0;width:20px;height:20px;border-left:2px solid #02a6b5;border-bottom:2px solid #02a6b5;content:'';border-radius:0 0 0 3px}.service-map-panel .panel-footer::after{position:absolute;bottom:0;right:0;width:20px;height:20px;border-right:2px solid #02a6b5;border-bottom:2px solid #02a6b5;content:'';border-radius:0 0 3px 0}.service-map-panel h3{height:60px;color:#fff;line-height:60px;text-align:center;font-size:1.5rem;font-weight:600;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.service-data-stats{background-color:rgba(101,132,226,.2);padding:20px;border-radius:10px;margin-bottom:20px;border:1px solid rgba(25,186,139,.3)}.service-data-stats .stats-header{position:relative;border:1px solid rgba(25,186,139,.3);border-radius:8px;overflow:hidden}.service-data-stats .stats-header::before{position:absolute;top:0;left:0;width:30px;height:10px;border-top:2px solid #02a6b5;border-left:2px solid #02a6b5;content:''}.service-data-stats .stats-header::after{position:absolute;bottom:0;right:0;width:30px;height:10px;border-bottom:2px solid #02a6b5;border-right:2px solid #02a6b5;content:''}.service-data-stats .stats-numbers{display:flex}.service-data-stats .stats-numbers li{position:relative;flex:1;line-height:60px;font-size:2rem;color:#ffeb7b;text-align:center;font-family:'Courier New',monospace;font-weight:700}.service-data-stats .stats-numbers li:first-child::after{content:'';position:absolute;top:25%;right:0;height:50%;width:1px;background-color:rgba(255,255,255,.3)}.service-data-stats .stats-labels{display:flex}.service-data-stats .stats-labels li{flex:1;text-align:center;color:rgba(255,255,255,.7);font-size:.9rem;height:40px;line-height:40px;padding-top:10px}.service-map{position:relative;height:534px;border-radius:12px;overflow:hidden;border:none;background:0 0;contain:layout style}.service-map .map1{width:528px;height:528px;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);background:url('./static/images/map.webp');background-size:contain;background-position:center center;background-repeat:no-repeat;opacity:.4;z-index:1;filter:brightness(1.2) contrast(1.3) hue-rotate(10deg)}.service-map .map2{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:594px;height:594px;background:url('./static/images/lbx.png');background-size:contain;background-position:center center;background-repeat:no-repeat;animation:rotate1 25s linear infinite;opacity:.7;z-index:2;filter:brightness(1.4) contrast(1.5) hue-rotate(-15deg) saturate(1.3)}.service-map .map3{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:572px;height:572px;background:url('./static/images/jt.png');background-size:contain;background-position:center center;background-repeat:no-repeat;animation:rotate2 20s linear infinite;opacity:.85;z-index:3;filter:brightness(1.6) contrast(1.7) hue-rotate(25deg) saturate(1.5)}.service-map .chart{position:absolute;top:70%;left:48%;transform:translate(-50%,-50%);width:66.666%;aspect-ratio:1/1;height:auto;max-height:666px;z-index:10;border-radius:0;overflow:visible;box-shadow:none;background-clip:initial}.service-map.debug .chart{background:linear-gradient(180deg,rgba(10,20,40,.04),rgba(10,20,40,.02));border-radius:0}.service-map .chart>div[style*="z-index: 9999999"]{border-radius:0!important;background:linear-gradient(135deg,#3f7ed9 0,#2d5aa0 100%)!important;color:#fff!important;border:0!important;border-color:transparent!important;box-shadow:none!important;padding:0!important;outline:0!important;margin:0!important;min-width:0!important;white-space:nowrap!important;pointer-events:none!important;filter:none!important;backdrop-filter:none!important}.service-map .chart>div[style*="z-index: 9999999"] *,.service-map .chart>div[style*="z-index: 9999999"] div,.service-map .chart>div[style*="z-index: 9999999"] span{color:#fff!important;padding:6px 10px!important}.map.service-map{min-height:733px;height:auto;display:flex;align-items:center;justify-content:center;padding:30px 0 80px;overflow:visible}@keyframes rotate1{0%{transform:translate(-50%,-50%) rotate(0) scale(1);filter:brightness(1.4) contrast(1.5) hue-rotate(-15deg) saturate(1.3)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.05);filter:brightness(1.6) contrast(1.7) hue-rotate(-10deg) saturate(1.5)}100%{transform:translate(-50%,-50%) rotate(360deg) scale(1);filter:brightness(1.4) contrast(1.5) hue-rotate(-15deg) saturate(1.3)}}@keyframes rotate2{0%{transform:translate(-50%,-50%) rotate(360deg) scale(1);filter:brightness(1.6) contrast(1.7) hue-rotate(25deg) saturate(1.5)}25%{transform:translate(-50%,-50%) rotate(270deg) scale(1.08);filter:brightness(1.8) contrast(1.9) hue-rotate(30deg) saturate(1.7)}75%{transform:translate(-50%,-50%) rotate(90deg) scale(1.03);filter:brightness(1.4) contrast(1.5) hue-rotate(20deg) saturate(1.3)}100%{transform:translate(-50%,-50%) rotate(0) scale(1);filter:brightness(1.6) contrast(1.7) hue-rotate(25deg) saturate(1.5)}}.membership-grid-parallelogram{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center;padding:60px 0 0 0}.membership-card-parallelogram{position:relative;width:200px;height:120px;background:linear-gradient(135deg,#3f7ed9 0,#5a9fd8 100%);transform:skew(-10deg);border-radius:10px;box-shadow:0 8px 25px rgba(63,126,217,.3);transition:all .3s ease;display:flex;align-items:center;justify-content:center;overflow:visible;margin:10px}.membership-card-parallelogram:hover{transform:skew(-10deg) translateY(-5px);box-shadow:0 15px 35px rgba(63,126,217,.4)}.membership-card-parallelogram::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0,transparent 50%);pointer-events:none}.circle-number{position:absolute;top:-15px;left:50%;transform:translateX(-50%) skew(10deg);width:30px;height:30px;background:#3f7ed9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;border:3px solid #fff;box-shadow:0 2px 8px rgba(63,126,217,.3)}.parallelogram-content{transform:skew(10deg);text-align:center;color:#fff;padding:10px}.parallelogram-content h4{font-size:16px;font-weight:600;margin-bottom:5px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.parallelogram-content p{font-size:12px;opacity:.9;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.2)}.service-showcase{padding:50px 0;background:#f8f9fa}.service-showcase-item{display:flex;align-items:center;margin-bottom:60px;background:#fff;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease}.service-showcase-item:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.service-showcase-item.reverse{flex-direction:row-reverse}.service-content-left,.service-content-right{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center}.service-content-left h3,.service-content-right h3{font-size:2rem;color:#333;margin-bottom:20px;font-weight:600}.service-content-left p,.service-content-right p{font-size:1.1rem;color:#666;line-height:1.8;margin-bottom:0}.service-image-left,.service-image-right{flex:1;height:300px;background-size:cover;background-position:center;position:relative}.service-image-left::before,.service-image-right::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(102,126,234,.8),rgba(118,75,162,.8));opacity:0;transition:opacity .3s ease}.service-showcase-item:hover .service-image-left::before,.service-showcase-item:hover .service-image-right::before{opacity:1}