@charset "utf-8";
/**
*   MYZHAN Copyright (C)2008-2066
*   This is NOT a freeware,Use is subject to license.txt
*/
/* global */
.navbar {position: sticky;top: 0px;width:100%;background:rgba(255,255,255,0.98);backdrop-filter:blur(10px);z-index:1000;padding:15px 0;box-shadow:0 2px 10px rgba(0,0,0,0.1);transition:var(--transition);}
.nav-content {display:flex;justify-content:space-between;align-items:center;}
.logo-name {font-size:26px;font-weight:bold;color:var(--primary-blue);text-decoration:none;display:flex;align-items:center;gap:10px;}

.nav-links {display:flex;align-items: center;gap:30px;}
.nav-links a {color:var(--dark-gray);text-decoration:none;font-weight:500;transition:var(--transition);font-size:16px;position:relative;}
.nav-links a:hover {color:var(--primary-blue);}
.nav-links a:after {content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary-blue);transition:var(--transition);}
.nav-links a:hover:after {width:100%;}
.mobile-menu-btn {display:none;background:none;border:none;font-size:24px;color:var(--primary-blue);cursor:pointer;}

.cta-button,a.cta-button {background:linear-gradient(135deg,var(--primary-blue),var(--dark-blue));color:var(--white);padding:12px 28px;border-radius: 30px;border:none;cursor:pointer;transition:var(--transition);text-decoration:none;display:inline-block;font-weight:600;font-size:16px;box-shadow:0 4px 15px rgba(0,102,204,0.2);}
.cta-button:hover {transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,102,204,0.3);}
a.cta-button:hover {color:#ffffff}
a.cta-button:after{display:none}

.mobile-nav {display:none;}

.floor {padding:100px 0;position:relative;}
.section-title {text-align:center;margin-bottom:60px;}
.section-title h2 {font-size:2.8rem;color:var(--dark-blue);margin-bottom:20px;position:relative;display:inline-block;font-weight:700;}
.section-title h2:after {content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:100px;height:5px;background:linear-gradient(90deg,var(--primary-blue),var(--accent-orange));border-radius:3px;}
.section-title p {color:var(--medium-gray);font-size:1.3rem;max-width:800px;margin:30px auto 0;line-height:1.8;}
.secondary-button {background:transparent;color: var(--white) !important;border:2px solid rgba(255,255,255,0.5);padding:12px 28px;border-radius: 30px;text-decoration:none;font-weight:600;font-size: 16px;transition:var(--transition);}
.secondary-button:hover {background:rgba(255,255,255,0.1);border-color:var(--white);transform:translateY(-3px);}

#floor1 {color:var(--white);text-align:center;padding-top:150px;min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;box-sizing: border-box;}
.video-background {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.video-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,51,102,0.85),rgba(0,102,204,0.75));z-index:1;}
.floor .banner-content {max-width:900px;margin:0 auto;position:relative;z-index:2;}
.floor .banner-content h1 {font-size:4rem;margin-bottom:25px;line-height:1.2;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,0.2);}
.floor .banner-content p {font-size:1.5rem;margin-bottom:50px;opacity:0.95;line-height:1.8;max-width:700px;margin-left:auto;margin-right:auto;}
.floor .banner-buttons {display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:40px;}

#floor2 {background:linear-gradient(135deg,#f8fbff 0%,#f0f7ff 100%);position:relative;overflow:hidden;}
#floor2:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 20%,rgba(0,102,204,0.05) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(255,102,0,0.05) 0%,transparent 20%),radial-gradient(circle at 50% 50%,rgba(0,204,136,0.03) 0%,transparent 30%);z-index:1;}

.touchpoints-horizontal {display:flex;justify-content:space-between;gap:20px;margin-top:60px;overflow-x:auto;padding:30px 10px 60px;scrollbar-width:thin;scrollbar-color:var(--primary-blue) var(--light-blue);position:relative;z-index:2;}
.touchpoints-horizontal::-webkit-scrollbar {height:8px;}
.touchpoints-horizontal::-webkit-scrollbar-track {background:var(--light-blue);border-radius:4px;}
.touchpoints-horizontal::-webkit-scrollbar-thumb {background:linear-gradient(90deg,var(--primary-blue),var(--accent-orange));border-radius:4px;}
.touchpoint-card-horizontal {flex:0 0 320px;background:linear-gradient(145deg,var(--white),#f5f9ff);border-radius:24px;padding:40px 35px;box-shadow:0 15px 35px rgba(0,51,102,0.08),0 5px 15px rgba(0,51,102,0.05),inset 0 1px 0 rgba(255,255,255,0.8);transition:all 0.6s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden;/* cursor:pointer; */border:1px solid rgba(0,102,204,0.08);min-height:420px;display:flex;flex-direction:column;justify-content:space-between;}
.touchpoint-card-horizontal:before {content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,var(--primary-blue),var(--accent-orange));opacity:0;transition:opacity 0.3s ease;}
.touchpoint-card-horizontal:hover {transform:translateY(-15px) scale(1.02);box-shadow:0 25px 60px rgba(0,51,102,0.15),0 10px 30px rgba(0,51,102,0.1),inset 0 1px 0 rgba(255,255,255,0.9);border-color:rgba(0,102,204,0.2);}
.touchpoint-card-horizontal:hover:before {opacity:1;}
.touchpoint-card-horizontal.active {transform:translateY(-10px);box-shadow:0 20px 50px rgba(0,51,102,0.12),0 8px 25px rgba(0,51,102,0.08);border-color:rgba(0,102,204,0.3);}
.card-number {position:absolute;top:25px;right:25px;width:40px;height:40px;border-radius:50%;background:rgba(0,102,204,0.1);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:var(--primary-blue);transition:var(--transition);}
.touchpoint-card-horizontal:hover .card-number {background:var(--primary-blue);color:var(--white);transform:scale(1.1);}
.card-icon-wrapper-horizontal {width:90px;height:90px;border-radius:22px;display:flex;align-items:center;justify-content:center;margin-bottom:30px;position:relative;transition:all 0.4s ease;background:var(--white);box-shadow:0 10px 30px rgba(0,0,0,0.05);}
.touchpoint-card-horizontal:hover .card-icon-wrapper-horizontal {transform:scale(1.1) translateY(-5px);}
.card-icon-horizontal {font-size:42px;color:var(--white);}

.touchpoint-card-horizontal:nth-child(1) .card-icon-wrapper-horizontal {background:linear-gradient(135deg,#4A90E2,#2C6BB3);}
.touchpoint-card-horizontal:nth-child(2) .card-icon-wrapper-horizontal {background:linear-gradient(135deg,#FF6B6B,#FF4757);}
.touchpoint-card-horizontal:nth-child(3) .card-icon-wrapper-horizontal {background:linear-gradient(135deg,#50C878,#2E9C4F);}
.touchpoint-card-horizontal:nth-child(4) .card-icon-wrapper-horizontal {background:linear-gradient(135deg,#9D4EDD,#7B2CBF);}
.touchpoint-card-horizontal:nth-child(5) .card-icon-wrapper-horizontal {background:linear-gradient(135deg,#FFA500,#FF8C00);}
.touchpoint-card-horizontal:nth-child(6) .card-icon-wrapper-horizontal {background:linear-gradient(135deg,#00C2FF,#008ECC);}
.touchpoint-card-horizontal:nth-child(7) .card-icon-wrapper-horizontal {background:linear-gradient(135deg,#FF4D8D,#E6398C);}

.card-content-horizontal {flex-grow:1;display:flex;flex-direction:column;}
.card-header-horizontal {margin-bottom:25px;}
.card-title-horizontal {font-size:1.8rem;font-weight:700;color:var(--dark-blue);margin-bottom:12px;line-height:1.3;}
.card-subtitle-horizontal {font-size:1.1rem;color:var(--medium-gray);font-weight:500;letter-spacing:0.5px;}
.card-description-horizontal {color:var(--medium-gray);font-size:1.05rem;line-height:1.7;margin-bottom:30px;flex-grow:1;}

.card-metrics-horizontal {display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px;padding-top:25px;border-top:1px dashed rgba(0,0,0,0.08);}
.metric-item-horizontal {text-align:center;}
.metric-value-horizontal {font-size:1.6rem;font-weight:800;color:var(--dark-blue);line-height:1;margin-bottom:5px;}
.metric-label-horizontal {font-size:0.85rem;color:var(--medium-gray);font-weight:500;}

.touchpoint-visualization-horizontal {max-width:100%;margin:80px auto 0;background:linear-gradient(145deg,var(--white),#f5f9ff);border-radius:28px;padding:50px;box-shadow:0 20px 50px rgba(0,51,102,0.08),inset 0 1px 0 rgba(255,255,255,0.8);position:relative;z-index:2;border:1px solid rgba(0,102,204,0.1);overflow:hidden;}
.visualization-header-horizontal {text-align:center;margin-bottom:50px;}
.visualization-header-horizontal h3 {font-size:2.2rem;color:var(--dark-blue);margin-bottom:15px;font-weight:700;}
.visualization-header-horizontal p {color:var(--medium-gray);font-size:1.2rem;max-width:700px;margin:0 auto;}
.visualization-content-horizontal {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:60px;}

.circle-chart-container {flex:1;min-width:400px;height:400px;position:relative;}
.circle-chart {width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;}
.circle-progress {position:relative;width:280px;height:280px;}
.circle-bg {fill:none;stroke:rgba(0,102,204,0.1);stroke-width:10;}
.circle-progress-bar {fill:none;stroke-width:10;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset 1.5s ease;}
.circle-progress-text {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
.circle-progress-value {font-size:3.5rem;font-weight:800;color:var(--dark-blue);line-height:1;}
.circle-progress-label {font-size:1.2rem;color:var(--medium-gray);margin-top:10px;}

.comparison-table-container {flex:1;min-width:400px;}
.comparison-table {width:100%;border-collapse:collapse;}
.comparison-table th {background:rgba(0,102,204,0.05);padding:18px 15px;text-align:left;font-weight:600;color:var(--dark-blue);border-bottom:2px solid rgba(0,102,204,0.1);}
.comparison-table td {padding:16px 15px;border-bottom:1px solid rgba(0,0,0,0.05);font-weight:500;}
.comparison-table tr:hover td {background:rgba(0,102,204,0.02);}
.metric-bar {height:10px;background:rgba(0,102,204,0.1);border-radius:5px;overflow:hidden;margin-top:5px;}
.metric-fill {height:100%;border-radius:5px;transition:width 1s ease;width:0;}

.touchpoint-indicators {display:flex;justify-content:center;gap:15px;margin-top:40px;flex-wrap:wrap;position: relative;z-index: 2;}
.touchpoint-indicator {width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;border:3px solid transparent;background:var(--white);box-shadow:0 5px 15px rgba(0,0,0,0.05);font-size:1.2rem;font-weight:700;color:var(--dark-blue);}
.touchpoint-indicator:hover {transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1);}
.touchpoint-indicator.active {border-color:var(--primary-blue);transform:scale(1.1);box-shadow:0 0 0 3px rgba(0,102,204,0.2);}

.video-showcase-section {padding:80px 0;background:linear-gradient(135deg,#f0f7ff,#e6f0ff);}
.video-showcase-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:50px;}
.video-card {background:var(--white);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);}
.video-card:hover {transform:translateY(-10px);box-shadow:var(--shadow-heavy);}
.video-thumbnail {position:relative;width:100%;height: 300px;overflow:hidden;}
.video-thumbnail img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.video-card:hover .video-thumbnail img {transform:scale(1.05);}
.video-play-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;}
.video-thumbnail:hover .video-play-overlay {opacity:1;}
.play-icon {width:60px;height:60px;background:rgba(255,255,255,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-blue);font-size:24px;cursor:pointer;}
.video-info {padding:25px;}
.video-info h3 {font-size:1.4rem;color:var(--dark-blue);margin-bottom:10px;font-weight:700;}
.video-info p {color:var(--medium-gray);font-size:1rem;line-height:1.6;margin-bottom:15px;}
.video-meta {display:flex;justify-content:space-between;color:var(--medium-gray);font-size:0.9rem;}
.video-duration {display:flex;align-items:center;gap:5px;}
.video-views {display:flex;align-items:center;gap:5px;}

.more-videos-button {text-align:center;margin-top:60px;}
.more-videos-button .cta-button {background:linear-gradient(135deg,var(--primary-blue),var(--dark-blue));font-size:1.2rem;padding:15px 40px;border-radius:30px;}
.more-videos-button .cta-button:hover {background:linear-gradient(135deg,var(--dark-blue),var(--primary-blue));transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,102,204,0.3);}

#floor3 {position:relative;overflow:hidden;background:linear-gradient(135deg,#f8fbff,var(--light-gray));}
.panorama-container {position:relative;width:100%;height: 750px;max-width:900px;margin:0 auto;display:flex;justify-content:center;align-items:center;}
.panorama-container *{}
.panorama {position:relative;width: 750px;height: 750px;}
.panorama-layer {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all 0.8s cubic-bezier(0.175,0.885,0.32,1.275);border:2px solid transparent;box-sizing:border-box;}

.layer-1 {width: 150px;height: 150px;background:linear-gradient(135deg,var(--accent-orange),#FF9900);box-shadow:0 0 40px rgba(255,102,0,0.6),inset 0 0 30px rgba(255,255,255,0.3);z-index: 10;animation:pulse 4s infinite alternate;border: 10px solid rgba(255,255,255,0.8);}
.layer-2 {width: 320px;height: 320px;background:linear-gradient(135deg,rgba(0,102,204,0.1),rgba(0,102,204,0.05));border:3px dashed rgba(0,102,204,0.3);z-index:4;backdrop-filter:blur(2px);}
.layer-3 {width:560px;height:560px;background:linear-gradient(135deg,rgba(0,51,102,0.08),rgba(0,51,102,0.03));border:2px solid rgba(0,51,102,0.15);z-index:3;}
.layer-4 {width:760px;height:760px;background:linear-gradient(135deg,rgba(230,240,255,0.06),rgba(230,240,255,0.02));border:1px dashed rgba(0,102,204,0.2);z-index:2;}
.panorama-node {position:absolute;background:var(--white);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding: 10px;box-shadow:0 8px 30px rgba(0,102,204,0.15),0 4px 15px rgba(0,0,0,0.08);transition:all 0.5s cubic-bezier(0.175,0.885,0.32,1.275);cursor:pointer;text-align:center;border:3px solid transparent;transform-origin:center;}
.panorama-node:hover {transform:scale(1.2);box-shadow:0 15px 40px rgba(0,102,204,0.3),0 8px 25px rgba(0,0,0,0.12);border-color:var(--primary-blue);z-index:10;}
.panorama-node *{box-sizing: border-box;}
.panorama-center {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:white;z-index:6;width:100%;padding:20px;}
.panorama-center h3 {font-size: 22px;margin-bottom:10px;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,0.3);}
.panorama-center p {font-size:18px;opacity:0.95;font-weight:500;margin:0}

.panorama-controls {display:flex;justify-content:center;gap:20px;margin-top: 150px;flex-wrap:wrap;}
.panorama-controls button {background:var(--white);color:var(--primary-blue);border:2px solid var(--primary-blue);padding:14px 32px;border-radius:30px;cursor:pointer;transition:all 0.3s ease;font-weight:600;font-size:16px;box-shadow:0 4px 15px rgba(0,102,204,0.1);}
.panorama-controls button:hover {background:var(--primary-blue);color:var(--white);transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,102,204,0.2);}
.panorama-controls button.active {background:var(--primary-blue);color:var(--white);border-color:var(--primary-blue);}
@keyframes rotateDashed {0% {transform:translate(-50%,-50%) rotate(0deg);}
100% {transform:translate(-50%,-50%) rotate(360deg);}
;}
.layer-4 {animation:rotateDashed 60s linear infinite;}
@keyframes pulse {0% {box-shadow:0 0 30px rgba(255,102,0,0.5),inset 0 0 20px rgba(255,255,255,0.2);}
100% {box-shadow:0 0 50px rgba(255,102,0,0.8),inset 0 0 30px rgba(255,255,255,0.4);}
;}
 #floor4 {background-color:var(--white);position:relative;}
.solutions-horizontal {display:flex;justify-content:space-between;gap:25px;margin-top:60px;flex-wrap:nowrap;overflow-x:auto;padding:30px 10px 50px;scrollbar-width:thin;scrollbar-color:var(--primary-blue) var(--light-blue);}
.solutions-horizontal::-webkit-scrollbar {height:8px;}
.solutions-horizontal::-webkit-scrollbar-track {background:var(--light-blue);border-radius:4px;}
.solutions-horizontal::-webkit-scrollbar-thumb {background:linear-gradient(90deg,var(--primary-blue),var(--dark-blue));border-radius:4px;}
.solution-card-horizontal {flex:0 0 350px;background:var(--white);border-radius:16px;padding:45px 35px;box-shadow:var(--shadow);transition:var(--transition);position:relative;overflow:hidden;border:2px solid transparent;min-height:500px;display:flex;flex-direction:column;box-sizing: border-box;}
.solution-card-horizontal:hover {transform:translateY(-12px);box-shadow:var(--shadow-heavy);border-color:var(--primary-blue);}
.solution-card-horizontal:before {content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,var(--primary-blue),var(--accent-green));}
.solution-icon-horizontal {font-size:60px;margin-bottom:30px;text-align:center;color:var(--primary-blue);}
.solution-card-horizontal h3 {font-size:1.6rem;margin-bottom:20px;color:var(--dark-blue);text-align:center;font-weight:700;}
.solution-card-horizontal .solution-desc {text-align:center;color:var(--medium-gray);margin-bottom:30px;font-size:1.1rem;line-height:1.7;}
.features-list-horizontal {list-style:none;margin-top:20px;flex-grow:1;}
.features-list-horizontal li {padding:14px 0;padding-left:35px;position:relative;font-size:1rem;border-bottom:1px dashed rgba(0,0,0,0.08);display:flex;align-items:center;}
.features-list-horizontal li:before {content:'✓';position:absolute;left:0;width:24px;height:24px;background:var(--light-blue);color:var(--primary-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:14px;}
.solution-cta {display:block;text-align:center;margin-top:30px;padding:14px 28px;background:var(--light-blue);color:var(--primary-blue);border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:var(--transition);border:2px solid rgba(0,102,204,0.2);}
.solution-cta:hover {background:var(--primary-blue);color:var(--white);transform:translateY(-3px);}
 #floor5 {background-color:var(--light-gray);position:relative;overflow:hidden;}
.logos-horizontal {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px;margin-top:60px;padding:40px;background:var(--white);border-radius:20px;box-shadow:var(--shadow);position:relative;z-index:2;}
.logo-item-horizontal {flex:0 0 auto;background:var(--white);padding:30px;border-radius:12px;width: 177px;height:140px;display:flex;align-items:center;justify-content:center;transition:var(--transition);box-shadow:0 4px 15px rgba(0,0,0,0.08);border:1px solid rgba(0,0,0,0.05);}
.logo-item-horizontal:hover {transform:translateY(-8px) scale(1.05);box-shadow:0 12px 30px rgba(0,102,204,0.2);border-color:var(--primary-blue);}
.logo-content {display:flex;flex-direction:column;align-items:center;gap:12px;}
.logo-icon {font-size:36px;color:var(--primary-blue);margin-bottom:8px;}
.logo-text {/* font-size:16px; *//* font-weight:600; *//* color:var(--dark-blue); *//* text-align:center; *//* line-height:1.3; */}
 #floor6 {background:linear-gradient(135deg,#f8faff,#f0f5ff);}
.membership-table-container {margin-top:40px;overflow-x:auto;border-radius:16px;box-shadow:var(--shadow);background:var(--white);}
.membership-comparison-table {width:100%;border-collapse:collapse;min-width:800px;}
.membership-comparison-table th {background:linear-gradient(135deg,var(--primary-blue),var(--dark-blue));color:var(--white);text-align:center;padding:25px 20px;font-weight:700;font-size:1.3rem;position:relative;letter-spacing:1px;}
.membership-comparison-table th:first-child {border-radius:16px 0 0 0;background:var(--dark-blue);text-align:left;padding-left:30px;}
.membership-comparison-table th:last-child {border-radius:0 16px 0 0;}
.membership-comparison-table .featured-column {position:relative;overflow:visible;padding-top:45px !important;}
.membership-comparison-table .featured-column:before {content:'热门推荐';position:absolute;top:10px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--accent-orange),#FF8C00);color:var(--white);padding: 3px 15px;border-radius:20px;font-size: 0.8rem;font-weight:700;letter-spacing:1px;box-shadow:0 6px 20px rgba(255,102,0,0.4);white-space:nowrap;z-index:10;min-width:100px;text-align:center;}
.membership-comparison-table td:nth-child(2) {background:linear-gradient(to bottom,#f8fafc,#f1f5f9);border-left:3px solid rgba(39,174,96,0.1);border-right:3px solid rgba(39,174,96,0.1);padding:30px 25px !important;min-height:100px;}
.membership-comparison-table td {padding:20px 15px;border-bottom:1px solid rgba(0,0,0,0.08);vertical-align:middle;text-align:center;font-size:1.05rem;min-height:70px;line-height:1.6;}
.membership-comparison-table td:first-child {text-align:left;padding-left:30px;font-weight:600;color:var(--dark-blue);background-color:rgba(0,102,204,0.05);width:180px;font-size:1.1rem;letter-spacing:0.5px;}
.membership-comparison-table tr:nth-child(even) td:first-child {background-color:rgba(0,102,204,0.08);}
.membership-comparison-table tr:hover td {background-color:rgba(0,102,204,0.03);}
.membership-comparison-table tr:last-child td {border-bottom:none;padding:25px 15px !important;}
.membership-comparison-table tr:last-child td:first-child {font-size:1.3rem;font-weight:700;color:var(--dark-blue);}
.service-category {font-weight:700;color:var(--primary-blue);background:linear-gradient(to right,rgba(0,102,204,0.1),rgba(0,102,204,0.05)) !important;font-size:1.2rem;border-top:2px solid rgba(0,102,204,0.2);letter-spacing:1px;padding:12px !important;}
.service-category td:first-child {padding:12px 30px !important;}
.membership-comparison-table td:nth-child(2) .feature-list {display:flex;flex-direction:column;gap:8px;}
.membership-comparison-table td:nth-child(2) .feature-list li {margin-bottom:0;white-space:nowrap;}
.price-cell {text-align:center !important;font-weight:700 !important;font-size:1.5rem !important;padding:25px 15px !important;letter-spacing:1px;}
.price-free {color:#27ae60;background:linear-gradient(to bottom,#f0f9f0,#e8f5e9) !important;border-left:3px solid #27ae60 !important;border-right:3px solid #27ae60 !important;}
.price-vip {color:#e74c3c;background:linear-gradient(to bottom,#fff5f5,#ffe8e8) !important;border-left:3px solid #e74c3c !important;border-right:3px solid #e74c3c !important;}
.price-diamond {color:#9b59b6;background:linear-gradient(to bottom,#f8f0ff,#f3e8ff) !important;border-left:3px solid #9b59b6 !important;border-right:3px solid #9b59b6 !important;position:relative;}
.price-custom {color:#f39c12;background:linear-gradient(to bottom,#fff8e6,#fff2d6) !important;border-left:3px solid #f39c12 !important;border-right:3px solid #f39c12 !important;}
.membership-cta {display:inline-block;padding:12px 28px !important;background:var(--light-blue);color:var(--primary-blue);border-radius:10px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all 0.3s ease;border:2px solid rgba(0,102,204,0.2);margin-top:12px;letter-spacing:0.5px;min-height:48px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;line-height:1.2;}
.membership-cta:hover {background:var(--primary-blue);color:var(--white);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,102,204,0.25);border-color:transparent;}
.featured-cta {background:linear-gradient(135deg,var(--accent-orange),#FF8C00) !important;color:var(--white) !important;border-color:transparent !important;box-shadow:0 6px 20px rgba(255,102,0,0.3);}
.featured-cta:hover {background:linear-gradient(135deg,#FF8C00,var(--accent-orange)) !important;box-shadow:0 12px 35px rgba(255,102,0,0.4);}
.membership-comparison-table td:nth-child(2) .membership-cta {background:linear-gradient(135deg,#27ae60,#2ecc71) !important;color:white !important;border-color:transparent !important;min-height:48px;}
.membership-comparison-table td:nth-child(2) .membership-cta:hover {background:linear-gradient(135deg,#2ecc71,#27ae60) !important;transform:translateY(-5px);box-shadow:0 10px 30px rgba(46,204,113,0.3);}
.feature-list {list-style-type:none;margin:0;padding:0;}
.feature-list li {margin-bottom:8px;position:relative;padding-left:24px;line-height:1.5;font-size:1rem;min-height:22px;display:flex;align-items:flex-start;text-align:left;transition:all 0.3s ease;}
.feature-list li:hover {transform:translateX(5px);color:var(--dark-blue);}
.feature-list li:before {content:"✓";color:#2ecc71;font-weight:bold;position:absolute;left:0;top:2px;font-size:1rem;background:rgba(46,204,113,0.1);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.sub-item {padding-left:24px;font-size:0.95rem;color:#555;margin-top:5px;margin-bottom:5px;position:relative;line-height:1.5;min-height:20px;display:flex;align-items:flex-start;}
.sub-item:before {content:"✓";color:#27ae60;font-weight:bold;position:absolute;left:0;top:2px;font-size:0.95rem;}
.inline-container {margin-top:15px;display:flex;flex-wrap:wrap;gap:10px 15px;align-items:flex-start;}
.inline-feature {position:relative;padding-left:24px;font-size:0.95rem;line-height:1.5;min-height:20px;display:flex;align-items:flex-start;white-space:nowrap;/* background:rgba(0,102,204,0.05); */padding:6px 10px 6px 24px;border-radius:8px;transition:all 0.3s ease;}
.inline-feature:hover {background:rgba(0,102,204,0.1);transform:translateY(-2px);}
.inline-feature:before {content:"✓";color:#2ecc71;font-weight:bold;position:absolute;left:6px;top:6px;}
.promotion-container {margin-top:15px;display:flex;flex-wrap:wrap;gap:10px 15px;align-items:flex-start;}
.promotion-item {position:relative;padding-left:24px;font-size:0.95rem;line-height:1.5;min-height:20px;display:flex;align-items:flex-start;white-space:nowrap;/* background:rgba(0,102,204,0.05); */padding:6px 10px 6px 24px;border-radius:8px;transition:all 0.3s ease;}
.promotion-item:hover {/* background:rgba(0,102,204,0.1); */transform:translateY(-2px);}
.promotion-item:before {content:"✓";color:#2ecc71;font-weight:bold;position:absolute;left:6px;top:6px;}
.cta-row {background:linear-gradient(135deg,#f8f9ff,#e8efff) !important;border-top:3px solid rgba(0,102,204,0.1);}

.service-mall-section {margin-top:80px;padding:50px;background:linear-gradient(135deg,#ffffff,#f8fbff);border-radius:24px;box-shadow:var(--shadow);text-align:center;position:relative;overflow:hidden;border:2px solid rgba(0,102,204,0.1);}
.service-mall-section:before {content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,var(--accent-orange),var(--accent-green));z-index:1;}
.service-mall-header {margin-bottom:40px;position:relative;z-index:2;}
.service-mall-header h3 {font-size:2.2rem;color:var(--dark-blue);margin-bottom:15px;font-weight:700;}
.service-mall-header p {color:var(--medium-gray);font-size:1.2rem;max-width:700px;margin:0 auto;}
.service-mall-cards {display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:40px;position:relative;z-index:2;align-items:stretch;;}
.service-mall-card {flex:0 0 320px;background:var(--white);border-radius:20px;padding:40px 30px;box-shadow:var(--shadow);transition:var(--transition);border:2px solid transparent;text-align:center;display:flex;flex-direction:column;align-items:center;height:500px;box-sizing: border-box;}
.service-mall-card:hover {transform:translateY(-10px);box-shadow:var(--shadow-heavy);border-color:var(--primary-blue);}
.service-mall-icon {font-size:48px;color:var(--primary-blue);margin-bottom:25px;display:flex;align-items:center;justify-content:center;width:90px;height:90px;border-radius:50%;background:var(--light-blue);flex-shrink:0;;}
.service-mall-icon img{width:100%;height:100%;border-radius: 50%;vertical-align:middle}
.service-mall-card h4 {font-size:1.5rem;color:var(--dark-blue);margin-bottom:15px;font-weight:700;text-align:center;width:100%;min-height:60px; display:flex;align-items:center;justify-content:center;}
.service-mall-card p {color:var(--medium-gray);font-size:1.05rem;line-height:1.7;margin: 0;margin-bottom:30px;flex-grow:1;text-align:center;display:flex;align-items:center;justify-content:center;min-height:120px;}
.service-mall-cta {display:inline-block;background:linear-gradient(135deg,var(--accent-orange),#FF8C00);color: var(--white) !important;padding:14px 32px;border-radius: 30px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:var(--transition);border:none;cursor:pointer;margin-top:auto;width:100%;max-width:200px;text-align:center;}
.service-mall-cta:hover {transform:translateY(-3px);box-shadow:0 10px 25px rgba(255,102,0,0.3);background:linear-gradient(135deg,#FF8C00,var(--accent-orange));}

.customer-service-notice {margin-top:40px;padding:30px;background:linear-gradient(135deg,rgba(0,102,204,0.05),rgba(0,102,204,0.02));border-radius:16px;border:2px solid rgba(0,102,204,0.15);text-align:center;position:relative;overflow:hidden;}
.customer-service-notice:before {content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--accent-cyan));}
.customer-service-content {display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;}
.customer-service-icon {font-size:36px;color:var(--primary-blue);background:var(--white);width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px rgba(0,102,204,0.1);}
.customer-service-text {text-align:left;max-width:800px;}
.customer-service-text h4 {font-size:1.5rem;color:var(--dark-blue);margin-bottom:10px;font-weight:700;}
.customer-service-text p {color:var(--medium-gray);font-size:1.1rem;line-height:1.6;margin: 0;}
.customer-service-text strong {color:var(--primary-blue);}

#floor7 {background:linear-gradient(135deg,var(--dark-blue),var(--primary-blue));color:var(--white);text-align:center;position:relative;overflow:hidden;}
#floor7:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,102,0,0.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(0,204,136,0.05) 0%,transparent 60%);z-index:1;}
#floor7 .section-title h2 {font-size:3.2rem;color:var(--white);text-shadow:0 2px 4px rgba(0,0,0,0.3),0 4px 8px rgba(0,0,0,0.2),0 0 30px rgba(255,255,255,0.2);letter-spacing:1px;margin-bottom:25px;background:linear-gradient(to right,#FFFFFF 0%,#FFD700 20%,#FFA500 40%,#FF8C00 60%,#FF6600 80%,#FF4500 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:glow 3s ease-in-out infinite alternate;}
#floor7 .section-title h2:after {background:linear-gradient(90deg,#FFFFFF 0%,#FFD700 25%,#FFA500 50%,#FF8C00 75%,#FF6600 100%);width:200px;height:6px;border-radius:3px;box-shadow:0 0 15px rgba(255,165,0,0.5);}
#floor7 .section-title p {color:rgba(255,255,255,0.95);font-size:1.5rem;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,0.3);max-width:700px;margin:30px auto 0;line-height:1.8;}
@keyframes glow {
0% {text-shadow:0 2px 4px rgba(0,0,0,0.3),0 4px 8px rgba(0,0,0,0.2),0 0 20px rgba(255,255,255,0.2);}
100% {text-shadow:0 2px 4px rgba(0,0,0,0.3),0 4px 8px rgba(0,0,0,0.2),0 0 40px rgba(255,255,255,0.4),0 0 60px rgba(255,255,255,0.2);}
}

.contact-form {max-width:700px;margin:0 auto;background:rgba(255,255,255,0.95);padding:60px 50px;border-radius:25px;box-shadow:0 20px 60px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.3);position:relative;z-index:2;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);}
.form-group {margin-bottom:30px;text-align:left;}
.form-group label {display:block;margin-bottom:12px;color:var(--dark-blue);font-weight:700;font-size:1.2rem;}
.form-group label i {margin-right:10px;color:var(--primary-blue);}
.form-group label span{float:right;font-weight:500;font-size:1rem;}
.form-group input,.form-group select,.form-group textarea {width:100%;padding:18px 22px;border:2px solid #e1e8f0;border-radius:12px;font-size:1.15rem;transition:var(--transition);background:rgba(255,255,255,0.9);color:var(--dark-gray);box-sizing: border-box;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus {outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 4px rgba(0,102,204,0.15),0 5px 20px rgba(0,102,204,0.1);background:var(--white);transform:translateY(-2px);}

.consultform .cta-button {width:100%;padding:22px;font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,var(--accent-orange),#FF8C00,var(--accent-orange));color:var(--white);border:none;border-radius:15px;cursor:pointer;transition:all 0.4s ease;box-shadow:0 6px 25px rgba(255,102,0,0.4),inset 0 1px 0 rgba(255,255,255,0.3);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px;box-sizing: border-box;}
.consultform .cta-button:hover {transform:translateY(-5px);box-shadow:0 12px 35px rgba(255,102,0,0.6),inset 0 1px 0 rgba(255,255,255,0.4);background:linear-gradient(135deg,#FF8C00,var(--accent-orange),#FF8C00);animation:buttonPulse 1.5s infinite;}
.consultform .cta-button i {margin-right:12px;font-size:1.4rem;vertical-align:middle;}
@keyframes buttonPulse {
0% {box-shadow:0 6px 25px rgba(255,102,0,0.4),inset 0 1px 0 rgba(255,255,255,0.3);}
50% {box-shadow:0 6px 35px rgba(255,102,0,0.6),inset 0 1px 0 rgba(255,255,255,0.4);}
100% {box-shadow:0 6px 25px rgba(255,102,0,0.4),inset 0 1px 0 rgba(255,255,255,0.3);}
}

.floor-nav-indicator {position:fixed;right:25px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:999;}
.nav-dot {width:14px;height:14px;border-radius:50%;background: rgb(175 175 175 / 30%);cursor:pointer;transition:var(--transition);border: 2px solid rgb(175 175 175 / 30%);position:relative;}
.nav-dot.active {background:var(--accent-orange);transform:scale(1.4);border-color:var(--white);}
.nav-dot:after {content:attr(data-title);position:absolute;right:25px;top:50%;transform:translateY(-50%);background:var(--white);color:var(--dark-blue);padding:6px 15px;border-radius:20px;font-size:14px;font-weight:600;white-space:nowrap;opacity:0;transition:var(--transition);box-shadow:0 4px 15px rgba(0,0,0,0.1);pointer-events:none;}
.nav-dot:hover:after {opacity:1;}

@keyframes fadeInUp {
from {opacity:0;transform:translateY(30px);}
to {opacity:1;transform:translateY(0);}
}
.animate-on-scroll {opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease;}
.animate-on-scroll.visible {opacity:1;transform:translateY(0);}

.video-modal {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);display:none;justify-content:center;align-items:center;z-index:2000;opacity:0;transition:opacity 0.3s ease;}
.video-modal.active {display:flex;opacity:1;}
.video-modal-content {position:relative;width:90%;max-width:1000px;background:#000;border-radius:15px;overflow:hidden;transform:scale(0.9);transition:transform 0.3s ease;}
.video-modal.active .video-modal-content {transform:scale(1);}
.modal-video {width:100%;height:auto;display:block;}
.close-modal {position:absolute;top:20px;right:20px;width:40px;height:40px;background:rgba(255,255,255,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:20px;cursor:pointer;transition:var(--transition);z-index: 100;}
.close-modal:hover {background:rgba(255,255,255,0.2);transform:rotate(90deg);}

#footb{height:0}
.footer{margin-top: 0;}