body {font-family:'微软雅黑',Arial,sans-serif;margin:0;background:linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);min-height:100vh;}
        .top-bar {background:linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);color:#fff;text-align:center;padding:15px 0;font-size:16px;box-shadow:0 3px 15px rgba(255,107,107,0.3);}
        .top-bar::before {content:'⚔️';margin-right:8px;font-size:18px;}
        .nav {background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);border-bottom:2px solid rgba(255,255,255,0.2);box-shadow:0 4px 25px rgba(0,0,0,0.1);}
        .nav-inner {max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 30px;}
        .nav .logo {font-size:36px;font-weight:900;color:#2d3748;letter-spacing:4px;line-height:1.35;padding:25px 0;background:linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
        .nav ul {display:flex;list-style:none;margin:0;padding:0;}
        .nav li {margin:0 22px;}
        .nav a {color:#2d3748;text-decoration:none;font-size:17px;transition:all 0.3s ease;font-weight:600;}
        .nav a:hover {color:#ee5a24;transform:translateY(-1px);}
        .nav .btn-login {background:linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);color:#fff;border:none;border-radius:30px;padding:14px 36px;font-size:16px;margin-left:30px;box-shadow:0 6px 20px rgba(255,107,107,0.4);transition:all 0.3s ease;font-weight:600;}
        .nav .btn-login:hover {transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,107,107,0.5);}
        .container {max-width:1300px;margin:0 auto;}
        .header {background:rgba(255,255,255,0.1);backdrop-filter:blur(20px);display:flex;justify-content:space-between;align-items:center;padding:60px 30px;border-radius:25px;margin:30px 0;box-shadow:0 15px 40px rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.2);}
        .header-left {max-width:50%;color:#fff;}
        .header-left h1 {font-size:45px;margin:0 0 25px 0;font-weight:900;line-height:1.2;text-shadow:0 3px 6px rgba(0,0,0,0.3);}
        .header-left p {font-size:20px;margin:0 0 25px 0;line-height:1.8;opacity:0.95;}
        .header-left ul {margin:35px 0 0 0;padding:0;list-style:none;}
        .header-left ul li {margin-bottom:18px;font-size:18px;display:flex;align-items:center;}
        .header-left ul li:before {content:'🎮';margin-right:12px;font-size:18px;}
        .header-left .cta-btn {margin-top:40px;background:linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);color:#fff;border:none;font-size:22px;padding:20px 50px;border-radius:35px;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 10px 30px rgba(255,107,107,0.4);transition:all 0.3s ease;font-weight:700;}
        .header-left .cta-btn:hover {transform:translateY(-3px);box-shadow:0 15px 35px rgba(255,107,107,0.5);}
        .header-right img {width:500px;max-width:95%;border-radius:25px;box-shadow:0 20px 40px rgba(0,0,0,0.2);}
        
        /* 产品套餐tab */
        .product-section {background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);padding:70px 0;margin:40px 0;border-radius:25px;box-shadow:0 15px 40px rgba(0,0,0,0.1);}
        .product-section h2 {text-align:center;font-size:38px;margin-bottom:15px;color:#2d3748;font-weight:900;}
        .product-section p {text-align:center;color:#4a5568;margin-bottom:50px;font-size:20px;line-height:1.7;}
        .tabs {display:flex;justify-content:center;align-items:center;margin-bottom:50px;gap:15px;flex-wrap:wrap;}
        .tab-btn {font-size:18px;padding:18px 35px;border-radius:30px;background:rgba(255,107,107,0.1);color:#4a5568;border:3px solid rgba(255,107,107,0.3);cursor:pointer;font-weight:700;transition:all 0.3s ease;box-shadow:0 6px 15px rgba(0,0,0,0.05);}
        .tab-btn.active {background:linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);color:#fff;border-color:#ee5a24;transform:translateY(-3px);box-shadow:0 10px 30px rgba(255,107,107,0.4);}
        .tab-btn:hover {transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.1);}
        .tab-content {display:none;}
        .tab-content.active {display:block;}
        .product-list {display:flex;flex-wrap:wrap;gap:35px;justify-content:center;}
        .product-card {background:#fff;border:3px solid transparent;border-radius:25px;box-shadow:0 15px 40px rgba(0,0,0,0.1);padding:40px 30px;width:320px;text-align:center;transition:all 0.4s ease;position:relative;overflow:hidden;}
        .product-card:before {content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);}
        .product-card:hover {transform:translateY(-10px);box-shadow:0 25px 50px rgba(0,0,0,0.2);border-color:#ee5a24;}
        .product-card h3 {font-size:24px;margin-bottom:20px;color:#2d3748;font-weight:800;}
        .product-card .price {font-size:36px;color:#ee5a24;font-weight:900;margin-bottom:8px;}
        .product-card .sub {font-size:16px;color:#718096;}
        .product-card ul {list-style:none;padding:0;font-size:16px;margin:30px 0;text-align:left;color:#4a5568;}
        .product-card ul li {margin-bottom:12px;padding:8px 0;border-bottom:1px solid #f7fafc;font-weight:500;}
        .product-card ul li:last-child {border-bottom:none;}
        .product-card a {background:linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);color:#fff;border:none;border-radius:30px;font-size:18px;padding:16px 35px;cursor:pointer;text-decoration:none;display:inline-block;transition:all 0.3s ease;box-shadow:0 8px 20px rgba(255,107,107,0.4);font-weight:700;}
        .product-card a:hover {transform:translateY(-2px);box-shadow:0 10px 25px rgba(255,107,107,0.5);}
        
        /* 类型简介三卡片 */
        .server-type-section{background:rgba(255,255,255,0.1);backdrop-filter:blur(20px);padding:70px 0;margin:40px 0;border-radius:25px;border:1px solid rgba(255,255,255,0.2);}
        .server-type-title{font-size:38px;font-weight:900;text-align:center;margin-bottom:20px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,0.3);}
        .server-type-desc{text-align:center;margin-bottom:50px;font-size:20px;line-height:1.7;color:#fff;opacity:0.9;}
        .server-type-cards{display:flex;justify-content:center;gap:35px;flex-wrap:wrap;}
        .server-type-card{background:rgba(255,255,255,0.95);border-radius:25px;box-shadow:0 15px 40px rgba(0,0,0,0.12);width:380px;overflow:hidden;margin-bottom:35px;transition:all 0.4s ease;border:3px solid transparent;}
        .server-type-card:hover {transform:translateY(-8px);box-shadow:0 25px 50px rgba(0,0,0,0.18);border-color:#ee5a24;}
        .type-img img{width:100%;height:240px;object-fit:cover;display:block;}
        .type-body{padding:28px 28px 24px 28px;}
        .type-link{color:#ee5a24;text-decoration:none;font-size:20px;font-weight:800;transition:color 0.3s ease;}
        .type-link:hover {color:#ff6b6b;}
        .type-desc{color:#4a5568;margin-top:15px;margin-bottom:18px;line-height:1.8;font-size:16px;}
        .type-price{color:#ee5a24;font-size:20px;font-weight:800;}
        
        /* 应用场景模块 */
        .scenarios-section {background:rgba(255,255,255,0.1);backdrop-filter:blur(20px);padding:70px 0;margin:40px 0;border-radius:25px;border:1px solid rgba(255,255,255,0.2);}
        .scenarios-title {font-size:38px;font-weight:900;text-align:center;margin-bottom:20px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,0.3);}
        .scenarios-desc {text-align:center;margin-bottom:50px;font-size:20px;color:#fff;opacity:0.9;}
        .scenarios-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto;padding:0 30px;}
        .scenario-card {background:rgba(255,255,255,0.95);border-radius:20px;padding:35px 25px;text-align:center;transition:all 0.4s ease;box-shadow:0 10px 30px rgba(0,0,0,0.1);}
        .scenario-card:hover {transform:translateY(-8px);box-shadow:0 20px 45px rgba(0,0,0,0.2);}
        .scenario-icon {font-size:60px;margin-bottom:20px;}
        .scenario-title {font-size:22px;font-weight:800;margin-bottom:15px;color:#2d3748;}
        .scenario-desc {color:#4a5568;line-height:1.7;font-size:16px;}
        
        /* 服务器优势模块 */
        .section-advantage {background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);padding:70px 0;margin:40px 0;border-radius:25px;box-shadow:0 15px 40px rgba(0,0,0,0.1);}
        .advantage-inner{max-width:1250px;margin:0 auto;padding:0 30px;}
        .adv-title{font-size:38px;font-weight:900;text-align:center;margin-bottom:15px;color:#2d3748;}
        .adv-desc{color:#4a5568;text-align:center;margin-bottom:50px;font-size:20px;line-height:1.6;}
        .adv-flex{display:flex;gap:60px;align-items:center;}
        .adv-img{width:480px;min-width:350px;border-radius:25px;box-shadow:0 15px 35px rgba(0,0,0,0.12);}
        .adv-list{background:#fff;border-radius:25px;box-shadow:0 15px 40px rgba(0,0,0,0.08);padding:45px 40px;flex:1;border:3px solid #f7fafc;}
        .adv-list ul{list-style:none;padding:0;margin:0;}
        .adv-list li{font-size:18px;color:#4a5568;line-height:2.4;display:flex;align-items:flex-start;font-weight:500;}
        .adv-list li:before{content:"⚔️";color:#ee5a24;font-size:20px;margin-right:15px;line-height:1;}
        
        /* 全球地域模块 */
        .regions-section {background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);padding:70px 0;margin:40px 0;border-radius:25px;box-shadow:0 15px 40px rgba(0,0,0,0.1);}
        .regions-title {font-size:38px;font-weight:900;text-align:center;margin-bottom:20px;color:#2d3748;}
        .regions-desc {text-align:center;margin-bottom:50px;font-size:20px;color:#4a5568;}
        .regions-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;max-width:1200px;margin:0 auto;padding:0 30px;}
        .region-card {background:#fff;border-radius:15px;padding:25px 20px;text-align:center;transition:all 0.3s ease;box-shadow:0 8px 25px rgba(0,0,0,0.08);border:2px solid transparent;}
        .region-card:hover {transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,0.15);border-color:#ee5a24;}
        .region-flag {font-size:40px;margin-bottom:15px;}
        .region-name {font-size:20px;font-weight:700;margin-bottom:10px;color:#2d3748;}
        .region-desc {color:#4a5568;font-size:14px;line-height:1.6;}
        
        /* 服务器类型模块 */
        .types-section {background:rgba(255,255,255,0.1);backdrop-filter:blur(20px);padding:70px 0;margin:40px 0;border-radius:25px;border:1px solid rgba(255,255,255,0.2);}
        .types-title {font-size:38px;font-weight:900;text-align:center;margin-bottom:20px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,0.3);}
        .types-desc {text-align:center;margin-bottom:50px;font-size:20px;color:#fff;opacity:0.9;}
        .types-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1000px;margin:0 auto;padding:0 30px;}
        .type-card {background:rgba(255,255,255,0.95);border-radius:20px;padding:40px 30px;text-align:center;transition:all 0.4s ease;box-shadow:0 10px 30px rgba(0,0,0,0.1);}
        .type-card:hover {transform:translateY(-8px);box-shadow:0 20px 45px rgba(0,0,0,0.2);}
        .type-icon {font-size:55px;margin-bottom:20px;}
        .type-title {font-size:24px;font-weight:800;margin-bottom:15px;color:#2d3748;}
        .type-desc {color:#4a5568;line-height:1.7;font-size:16px;}
        
        /* 支付方式模块 */
        .payment-section {background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);padding:70px 0;margin:40px 0;border-radius:25px;box-shadow:0 15px 40px rgba(0,0,0,0.1);}
        .payment-title {font-size:38px;font-weight:900;text-align:center;margin-bottom:20px;color:#2d3748;}
        .payment-desc {text-align:center;margin-bottom:50px;font-size:20px;color:#4a5568;}
        .payment-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;max-width:1000px;margin:0 auto;padding:0 30px;}
        .payment-card {background:#fff;border-radius:15px;padding:30px 20px;text-align:center;transition:all 0.3s ease;box-shadow:0 8px 25px rgba(0,0,0,0.08);border:2px solid transparent;}
        .payment-card:hover {transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,0.15);border-color:#ee5a24;}
        .payment-icon {font-size:45px;margin-bottom:15px;}
        .payment-name {font-size:18px;font-weight:700;color:#2d3748;}
        
        /* FAQ */
        .faq-section {background:rgba(255,255,255,0.1);backdrop-filter:blur(20px);padding:70px 0;margin:40px 0;border-radius:25px;border:1px solid rgba(255,255,255,0.2);}
        .faq-title {font-size:38px;font-weight:900;text-align:center;margin-bottom:50px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,0.3);}
        .faq-list {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:0 30px;}
        .faq-item {background:rgba(255,255,255,0.95);box-shadow:0 10px 30px rgba(0,0,0,0.1);border-radius:20px;padding:30px 25px;transition:all 0.4s ease;}
        .faq-item:hover {transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,0.15);}
        .faq-q {font-size:20px;font-weight:800;margin-bottom:15px;color:#2d3748;}
        .faq-a {color:#4a5568;font-size:16px;line-height:1.8;}
        
        /* 底部 */
        .footer {background:rgba(255,255,255,0.1);backdrop-filter:blur(20px);margin-top:50px;border-radius:25px 25px 0 0;border:1px solid rgba(255,255,255,0.2);}
        .footer-wrap {max-width:1300px;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;padding:60px 30px 30px 30px;}
        .footer-col {font-size:15px;min-width:300px;margin-bottom:25px;color:#fff;}
        .footer-title {font-weight:800;font-size:20px;margin-bottom:20px;color:#fff;}
        .footer-bottom {text-align:center;font-size:15px;color:rgba(255,255,255,0.8);border-top:1px solid rgba(255,255,255,0.2);padding:25px 0;}
        .footer-tg {margin-top:15px;}
        .footer-tg a {color:#ee5a24;font-weight:bold;font-size:17px;text-decoration:none;transition:color 0.3s ease;}
        .footer-tg a:hover {color:#ff6b6b;}
        .footer p {line-height:1.7;margin-bottom:10px;}
        .footer a {color:#ee5a24;text-decoration:none;transition:color 0.3s ease;}
        .footer a:hover {color:#ff6b6b;}
        
        @media (max-width:1200px) {.faq-list{grid-template-columns:1fr;}.adv-img{width:350px;}.adv-flex{flex-direction:column;gap:40px;}}
        @media (max-width:1050px) {.nav-inner{padding:0 20px;}.container{padding:0 20px;}}
        @media (max-width:900px) {.header{flex-direction:column;padding:40px 20px;}.header-left{max-width:100%;}.header-right{margin-top:35px;}.product-list{flex-direction:column;align-items:center;}.tabs{flex-wrap:wrap;gap:15px;}}
        @media (max-width:700px) {.footer-wrap{flex-direction:column;}.scenarios-grid,.regions-grid,.types-grid,.payment-grid{grid-template-columns:1fr;}}
        @media (max-width:480px) {.header{padding:25px 15px;}.footer-wrap{padding:40px 15px;}.product-card{width:95%;}}