/* 全局重置 */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: "Microsoft Yahei", sans-serif; color: #333; background-color: #f8faff; }
a { text-decoration: none; }
/* 导航栏样式 */
.navbar { background: #fff; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.05); }
.nav-link { color: #666; }
.nav-link:hover { color: #0066ff; }
.btn-blue-main { background-color: #0066ff; color: #fff; border: none; border-radius: 6px; padding: 8px 20px; }
.btn-blue-main:hover { background-color: #0052d9; color: #fff; }
/* 首屏Banner */
.banner-wrap { padding: 60px 0; background: linear-gradient(135deg, #f0f6ff 0%, #ffffff 100%); }
.badge-tag { font-size: 12px; color: #0066ff; background: rgba(0, 102, 255, 0.1); padding: 4px 10px; border-radius: 12px; display: inline-block; margin-bottom: 16px; }
.banner-title h1 { font-size: 42px; font-weight: 700; line-height: 1.3; }
.banner-title h1 span { color: #0066ff; }
.banner-desc { color: #666; margin: 16px 0 32px; }
.btn-white-outline { border: 1px solid #ccc; padding: 8px 24px; border-radius: 6px; color: #333; margin-left: 12px; }
.btn-white-outline:hover { border-color: #0066ff; color: #0066ff; }
.tiktok-logo-box { background: #fff; padding: 40px 20px; border-radius: 12px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); display: flex; align-items: center; justify-content: center; }
.tiktok-logo-box img { width: 280px; }
/* 通用区块标题 */
.section-title { text-align: center; margin-bottom: 48px; }
.section-title h2 { font-size: 26px; font-weight: 600; }
.section-title h2 span { color: #0066ff; }
.section-title p { color: #888; font-size: 14px; margin-top: 8px; }
/* 场景卡片模块 */
.scene-card { background: #fff; border-radius: 10px; padding: 32px 24px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.04); height: 100%; }
.scene-card h4 { margin: 16px 0 12px; font-size: 18px; }
.scene-card p { font-size: 13px; color: #777; line-height: 1.6; }
/* 硬件规格区块 */
.hardware-wrap { padding: 60px 0; background: #fff; }
.hard-info-item { margin-bottom: 20px; }
.hard-info-item label { font-size: 13px; color: #0066ff; display: block; margin-bottom: 6px; }
.hard-info-item span { font-size: 15px; color: #333; }
/* 套餐价格模块 */
.price-wrap { padding: 60px 0; }
.price-card { background: #fff; border-radius: 10px; padding: 36px 24px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.04); height: 100%; }
.price-card.hot { background: #111827; color: #fff; transform: scale(1.03); }
.price-card h5 { font-size: 14px; opacity: 0.8; }
.price-card .price-num { font-size: 32px; font-weight: 700; margin: 16px 0; }
.price-card ul { list-style: none; padding: 0; margin: 24px 0 32px; }
.price-card ul li { font-size: 14px; margin-bottom: 10px; }
.price-card ul li i { color: #00d26a; margin-right: 8px; }
/* 新闻列表区块 */
.news-wrap { padding: 60px 0; background: #f0f6ff; }
.news-card { background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.04); height: 100%; }
.news-card img { width: 100%; height: 160px; object-fit: cover; }
.news-body { padding: 20px; }
.news-body h4 { font-size: 16px; line-height: 1.4; margin-bottom: 10px; }
.news-body p { font-size: 13px; color: #777; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.news-date { font-size: 12px; color: #999; margin-top: 12px; }
/* 页脚 */
.footer-wrap { background: #111827; color: #ccc; padding: 40px 0 20px; }
.footer-left p { font-size: 13px; line-height: 1.7; margin-top: 10px; }
.footer-right h4 { color: #fff; font-size: 16px; margin-bottom: 16px; }
.copyright-text { margin-top: 30px; padding-top: 20px; border-top: 1px solid #272f3b; font-size: 12px; color: #888; }