* {margin: 0;padding: 0;box-sizing: border-box;font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", sans-serif;}
body {background: #f5f7fa;color: #2d3748;line-height: 1.6;}
a {text-decoration: none;color: #4299e1;transition: all 0.3s ease;}
a:hover {color: #3182ce;}
img {max-width: 100%;border: none;}
.container {width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 20px;}
.clear {clear: both;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mb20 {margin-bottom: 20px;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.red {color: #e53e3e;}
.green {color: #38b2ac;}
.blue {color: #4299e1;}
.grey {color: #718096;}
.white {color: #fff;}
.bold {font-weight: bold;}

/* 按钮样式 */
.btn {display: inline-block;padding: 10px 25px;border-radius: 6px;border: none;cursor: pointer;font-size: 16px;transition: all 0.3s ease;}
.btn-primary {background: #4299e1;color: #fff;}
.btn-primary:hover {background: #3182ce;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(66,153,225,0.3);}
.btn-success {background: #38b2ac;color: #fff;}
.btn-success:hover {background: #319795;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(56,178,172,0.3);}
.btn-default {background: #e2e8f0;color: #2d3748;margin-left: 10px;}
.btn-default:hover {background: #cbd5e0;}
/* 续费按钮样式 */
.btn-sm.mt5 {
    margin-top: 5px;
    display: inline-block;
}

/* 头部导航 */
.header {width: 100%;background: #fff;box-shadow: 0 2px 8px rgba(0,0,0,0.06);padding: 15px 0;position: sticky;top:0;z-index:99;}
.header .logo {float: left;font-size: 24px;font-weight: bold;color: #4299e1;line-height: 40px;}
.header .logo img {height: 40px;vertical-align: middle;margin-right: 10px;}
.header .nav {float: right;}
.header .nav ul {list-style: none;}
.header .nav li {display: inline-block;margin-left: 30px;line-height: 40px;}
.header .nav li a {font-size: 16px;color: #4a5568;}
.header .nav li a:hover, .header .nav li a.active {color: #4299e1;}

/* banner轮播 */
.banner {width: 100%;height: 480px;background: #2d3748;overflow: hidden;position: relative;}
.banner .banner-item {width: 100%;height: 480px;background-size: cover;background-position: center;position: absolute;top:0;left:0;display: none;}
.banner .banner-item.active {display: block;}
.banner .banner-text {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;color: #fff;width: 100%;padding: 0 20px;}
.banner .banner-text h1 {font-size: 42px;margin-bottom: 20px;text-shadow: 0 2px 8px rgba(0,0,0,0.3);}
.banner .banner-text p {font-size: 18px;margin-bottom: 30px;text-shadow: 0 2px 8px rgba(0,0,0,0.3);max-width: 800px;margin-left: auto;margin-right: auto;}

/* 板块样式 */
.section {padding: 60px 0;background: #fff;margin-bottom: 20px;border-radius: 8px;box-shadow: 0 2px 8px rgba(0,0,0,0.06);}
.section-title {text-align: center;font-size: 28px;margin-bottom: 40px;color: #2d3748;position: relative;}
.section-title:after {content: "";width: 80px;height: 3px;background: #4299e1;position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);border-radius: 3px;}
.section-desc {text-align: center;font-size: 16px;color: #718096;margin-bottom: 40px;max-width: 900px;margin-left: auto;margin-right: auto;}

/* 优势卡片 */
.advantage {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 20px;}
.advantage-item {width: calc(33.33% - 15px);background: #f8fafc;padding: 30px;border-radius: 8px;text-align: center;transition: all 0.3s ease;}
.advantage-item:hover {transform: translateY(-5px);box-shadow: 0 8px 24px rgba(0,0,0,0.08);}
.advantage-item h3 {font-size: 20px;margin-bottom: 15px;color: #2d3748;}
.advantage-item p {font-size: 14px;color: #718096;line-height: 1.7;}

/* 价格套餐 */
.price {display: flex;flex-wrap: wrap;justify-content: center;gap: 30px;margin-top: 40px;}
.price-item {width: calc(50% - 15px);max-width: 400px;background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 8px;padding: 30px;text-align: center;transition: all 0.3s ease;}
.price-item:hover {border-color: #4299e1;box-shadow: 0 8px 24px rgba(66,153,225,0.1);}
.price-item h3 {font-size: 22px;margin-bottom: 20px;color: #2d3748;}
.price-item .price-num {font-size: 32px;color: #4299e1;font-weight: bold;margin-bottom: 20px;}
.price-item ul {list-style: none;text-align: left;margin-bottom: 30px;}
.price-item ul li {margin-bottom: 10px;font-size: 14px;color: #718096;}
.price-item ul li:before {content: "✓";color: #38b2ac;margin-right: 8px;}

/* 流程步骤 */
.step {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 20px;margin-top: 40px;}
.step-item {width: calc(25% - 15px);text-align: center;}
.step-item .step-icon {width: 60px;height: 60px;background: #4299e1;color: #fff;border-radius: 50%;font-size: 24px;line-height: 60px;margin: 0 auto 20px;}
.step-item h3 {font-size: 18px;margin-bottom: 10px;color: #2d3748;}
.step-item p {font-size: 14px;color: #718096;}

/* 底部版权 */
.footer {width: 100%;background: #2d3748;color: #cbd5e0;padding: 40px 0;margin-top: 40px;text-align: center;}
.footer p {margin-bottom: 10px;font-size: 14px;}
.footer a {color: #cbd5e0;}
.footer a:hover {color: #4299e1;}

/* 内容页样式 */
.content {max-width: 900px;margin: 40px auto;padding: 30px;background: #fff;border-radius: 8px;box-shadow: 0 2px 8px rgba(0,0,0,0.06);}
.content h2 {font-size: 24px;margin-bottom: 20px;color: #2d3748;padding-bottom: 10px;border-bottom: 1px solid #e2e8f0;}
.content p {font-size: 16px;margin-bottom: 20px;line-height: 1.8;color: #4a5568;}
.content ul {margin-left: 20px;margin-bottom: 20px;}
.content ul li {margin-bottom: 10px;font-size: 16px;line-height: 1.8;color: #4a5568;}

/* 404页面 */
.error-page {text-align: center;padding: 80px 20px;}
.error-page h1 {font-size: 120px;color: #e53e3e;margin-bottom: 20px;}
.error-page h2 {font-size: 28px;margin-bottom: 20px;color: #2d3748;}
.error-page p {font-size: 16px;color: #718096;margin-bottom: 30px;}

/* 移动端适配 */
@media (max-width: 768px) {
    .header .logo {float: none;text-align: center;margin-bottom: 10px;}
    .header .nav {float: none;text-align: center;}
    .header .nav li {margin-left: 15px;margin-right: 15px;}
    .banner {height: 320px;}
    .banner-item {height: 320px;}
    .banner .banner-text h1 {font-size: 28px;}
    .banner .banner-text p {font-size: 16px;}
    .advantage-item {width: calc(100% - 0px);}
    .price-item {width: calc(100% - 0px);}
    .step-item {width: calc(50% - 10px);margin-bottom: 20px;}
    .section {padding: 40px 0;}
    .section-title {font-size: 24px;}
}