/* ===== 重置与基础 ===== */
* {margin:0;padding:0;box-sizing:border-box}
body {font-family:'Microsoft YaHei','PingFang SC',Arial,sans-serif;font-size:14px;color:#333;background:#f0f0f0;line-height:1.6}
a {color:#333;text-decoration:none}
a:hover {color:#0066cc}
img {max-width:100%;height:auto}
ul {list-style:none}

/* ===== 容器 ===== */
.container {max-width:1200px;margin:0 auto;padding:0 15px}

/* ===== 导航栏 ===== */
.navbar {background:#003366;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,0.15)}
.navbar .container {display:flex;align-items:center;justify-content:space-between;height:56px;flex-wrap:wrap}
.nav-logo {font-size:20px;font-weight:bold;color:#fff;white-space:nowrap}
.nav-menu {display:flex;gap:5px;flex-wrap:wrap}
.nav-menu li a {color:#fff;padding:6px 10px;border-radius:4px;font-size:13px;transition:background 0.2s}
.nav-menu li a:hover {background:rgba(255,255,255,0.15);color:#fff}
.nav-phone {color:#fff;font-size:14px;white-space:nowrap;font-weight:bold}

/* ===== Banner/Hero ===== */
.hero {background:linear-gradient(135deg,#003366 0%,#0055aa 100%);color:#fff;padding:60px 0;text-align:center}
.hero h1 {font-size:32px;margin-bottom:15px}
.hero .subtitle {font-size:16px;opacity:0.9;margin-bottom:30px}
.stats {display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:20px}
.stat-item {text-align:center}
.stat-item strong {display:block;font-size:28px;color:#ffd700}
.stat-item span {font-size:13px;opacity:0.85}

/* ===== 区块通用 ===== */
section {padding:50px 0;background:#fff}
h2.section-title {text-align:center;font-size:24px;color:#003366;margin-bottom:35px}
h2.section-title::after {content:'';display:block;width:60px;height:3px;background:#0066cc;margin:12px auto 0}

/* ===== 优势网格 ===== */
.adv-grid {display:flex;flex-wrap:wrap;gap:20px;justify-content:center}
.adv-item {flex:0 0 calc(33.33% - 14px);background:#f8f8f8;border-radius:8px;padding:25px 20px;text-align:center;border:1px solid #eee;transition:box-shadow 0.3s}
.adv-item:hover {box-shadow:0 4px 16px rgba(0,0,0,0.1)}
.adv-icon {font-size:32px;margin-bottom:12px}
.adv-item h3 {font-size:16px;color:#003366;margin-bottom:8px}
.adv-item p {font-size:13px;color:#666;line-height:1.7}

/* ===== 产品展示 ===== */
.products {display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}
.prod-card {flex:0 0 calc(20% - 12px);background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px 15px;text-align:center;transition:transform 0.2s,box-shadow 0.2s}
.prod-card:hover {transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,0.12)}
.prod-icon {font-size:28px;margin-bottom:10px}
.prod-card h3 {font-size:14px;color:#003366;margin-bottom:6px}
.prod-card p {font-size:12px;color:#888}

/* ===== 场景 ===== */
.place-grid,.scenario-grid,.apps-grid {display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}
.place-item,.scenario-item,.app-item {flex:0 0 calc(16.66% - 10px);background:#f0f4ff;border:1px solid #d0d8f0;border-radius:6px;padding:12px 8px;text-align:center;font-size:13px;color:#003366}

/* ===== 价格表 ===== */
.price-table {width:100%;border-collapse:collapse;margin:20px auto;max-width:800px}
.price-table th,.price-table td {border:1px solid #ddd;padding:12px;text-align:center}
.price-table th {background:#003366;color:#fff;font-size:14px}
.price-table td {font-size:13px}
.price-table tr:nth-child(even) td {background:#f8f8f8}

/* ===== 服务流程 ===== */
.process-steps {display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}
.step {flex:0 0 calc(16.66% - 13px);text-align:center;background:#f8f8f8;border-radius:8px;padding:20px 12px}
.step-num {width:36px;height:36px;background:#0066cc;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:16px;font-weight:bold}
.step h3 {font-size:14px;color:#003366;margin-bottom:6px}
.step p {font-size:12px;color:#666;line-height:1.5}

/* ===== FAQ ===== */
.faq-list {max-width:800px;margin:0 auto}
.faq-item {margin-bottom:12px;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}
.faq-item Q {display:block;background:#f5f5f5;padding:12px 15px;font-size:14px;color:#003366;font-weight:bold;cursor:pointer}
.faq-item A {display:block;padding:12px 15px;font-size:13px;color:#555;background:#fff;line-height:1.7}

/* ===== 关于我们 ===== */
.about-content {max-width:800px;margin:0 auto;background:#f8f8f8;border-radius:8px;padding:30px 25px}
.about-content p {margin-bottom:15px;font-size:14px;line-height:1.8;color:#555}
.contact-info {margin-top:20px;padding-top:20px;border-top:1px solid #ddd}
.contact-info p {margin-bottom:8px;font-size:13px;color:#003366}

/* ===== 页脚 ===== */
.footer {background:#003366;color:#fff;padding:25px 0;text-align:center;font-size:13px}
.footer p {opacity:0.85}

/* ===== 移动端响应式 ===== */
@media screen and (max-width: 768px) {
  .navbar .container {height:auto;padding:10px;gap:8px}
  .nav-menu {gap:3px}
  .nav-menu li a {padding:5px 7px;font-size:12px}
  .hero {padding:40px 0}
  .hero h1 {font-size:24px}
  .stats {gap:15px}
  .stat-item strong {font-size:22px}
  section {padding:35px 0}
  h2.section-title {font-size:20px}
  .adv-item {flex:0 0 calc(50% - 10px);padding:18px 12px}
  .prod-card {flex:0 0 calc(50% - 8px)}
  .place-item,.scenario-item,.app-item {flex:0 0 calc(33% - 8px)}
  .step {flex:0 0 calc(50% - 8px)}
  .price-table {font-size:12px}
  .price-table th,.price-table td {padding:8px 5px}
}
@media screen and (max-width: 480px) {
  .hero h1 {font-size:20px}
  .adv-item,.prod-card {flex:0 0 100%}
  .place-item,.scenario-item,.app-item {flex:0 0 calc(50% - 6px);font-size:12px}
  .step {flex:0 0 100%}
  .nav-phone {display:none}
}