/* ============ 基础重置 & 变量 ============ */
:root {
  --primary: #1a3c6e;
  --primary-light: #2d5fa8;
  --accent: #e8a817;
  --accent-light: #f5c842;
  --dark: #1a1a2e;
  --gray-900: #16213e;
  --gray-700: #333;
  --gray-500: #666;
  --gray-300: #ccc;
  --gray-100: #f5f5f5;
  --white: #fff;
  --font-cn: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
  --font-en: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --radius: 8px;
  --shadow: 0 4px 20px rgba(0,0,0,.08);
  --shadow-lg: 0 8px 40px rgba(0,0,0,.12);
  --transition: .3s ease;
}

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; font-size:16px; -webkit-text-size-adjust:100%; }
body { font-family:var(--font-cn); color:var(--gray-700); line-height:1.7; overflow-x:hidden; background:var(--white); }
a { text-decoration:none; color:inherit; }
ul,ol { list-style:none; }
img { max-width:100%; height:auto; display:block; }
.container { max-width:1200px; margin:0 auto; padding:0 20px; }

/* ============ 顶部工具栏 ============ */
.top-bar {
  background:var(--primary);
  color:rgba(255,255,255,.85);
  font-size:13px;
  padding:8px 0;
}
.top-bar .container { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:6px; }
.top-bar .contact-info { display:flex; flex-wrap:wrap; gap:8px; }
.top-bar .contact-info span { white-space:nowrap; }

/* ============ 导航栏 ============ */
.navbar {
  background:var(--white);
  box-shadow:0 2px 15px rgba(0,0,0,.06);
  position:sticky; top:0; z-index:1000;
  transition:var(--transition);
}
.navbar .container { display:flex; align-items:center; justify-content:space-between; padding-top:10px; padding-bottom:10px; }
.navbar .logo { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.navbar .logo-img {
  width:52px; height:52px;
  background:transparent;
  border-radius:var(--radius);
  display:flex; align-items:center; justify-content:center;
  color:var(--white); font-size:20px; font-weight:700;
  flex-shrink:0;
  overflow:visible;
}
.navbar .logo-img svg {
  width:52px; height:52px;
}
.navbar .logo-text h1 { font-size:18px; color:var(--primary); font-weight:700; }
.navbar .logo-text span { font-size:10px; color:var(--gray-500); display:block; }

/* ============ Logo 域名切换提示 ============ */
.navbar .logo-img {
  cursor: pointer;
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.navbar .logo-img:hover {
  transform: scale(1.08);
  filter: drop-shadow(0 2px 8px rgba(0,0,0,0.15));
}
.navbar .logo-img::after {
  content: '⇄ 点击切换域名';
  position: absolute;
  bottom: -28px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: 10px;
  color: var(--gray-400);
  background: var(--white);
  padding: 2px 8px;
  border-radius: 10px;
  border: 1px solid var(--gray-200);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 100;
}
.navbar .logo-img:hover::after {
  opacity: 1;
}
.navbar .nav-links { display:flex; gap:24px; }
.navbar .nav-links a {
  font-size:15px; color:var(--gray-700); font-weight:500;
  position:relative; padding:5px 0; transition:var(--transition);
  white-space:nowrap;
}
.navbar .nav-links a::after {
  content:''; position:absolute; bottom:0; left:0; width:0; height:2px;
  background:var(--accent); transition:var(--transition);
}
.navbar .nav-links a:hover, .navbar .nav-links a.active { color:var(--primary); }
.navbar .nav-links a:hover::after, .navbar .nav-links a.active::after { width:100%; }
.navbar .lang-switch { display:flex; gap:6px; font-size:13px; flex-shrink:0; }
.navbar .lang-switch a { padding:4px 10px; border-radius:4px; border:1px solid var(--gray-300); transition:var(--transition); white-space:nowrap; }
.navbar .lang-switch a.active, .navbar .lang-switch a:hover { background:var(--primary); color:var(--white); border-color:var(--primary); }
.navbar .menu-toggle { display:none; font-size:26px; cursor:pointer; color:var(--primary); background:none; border:none; padding:4px 8px; line-height:1; }

/* 移动端导航菜单 */
.mobile-menu-overlay {
  display:none; position:fixed; inset:0; background:rgba(0,0,0,.4); z-index:999;
}
.mobile-menu-overlay.show { display:block; }

/* ============ Banner/Hero ============ */
.hero {
  position:relative;
  height:580px;
  background:linear-gradient(135deg, #0a1628 0%, #1a3c6e 50%, #2d5fa8 100%);
  display:flex; align-items:center;
  overflow:hidden;
}
.hero::before {
  content:''; position:absolute; inset:0;
  background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.hero .container { position:relative; z-index:2; width:100%; }
.hero-content { max-width:650px; }
.hero h1 { font-size:48px; font-weight:800; color:var(--white); line-height:1.2; margin-bottom:20px; }
.hero h1 span { color:var(--accent); }
.hero p { font-size:18px; color:rgba(255,255,255,.8); margin-bottom:35px; line-height:1.8; }
.hero-buttons { display:flex; gap:15px; flex-wrap:wrap; }
.btn { display:inline-block; padding:14px 32px; border-radius:var(--radius); font-size:15px; font-weight:600; cursor:pointer; transition:var(--transition); border:none; text-align:center; }
.btn-primary { background:var(--accent); color:var(--dark); }
.btn-primary:hover { background:var(--accent-light); transform:translateY(-2px); box-shadow:0 6px 20px rgba(232,168,23,.4); }
.btn-outline { background:transparent; color:var(--white); border:2px solid rgba(255,255,255,.5); }
.btn-outline:hover { border-color:var(--white); background:rgba(255,255,255,.1); transform:translateY(-2px); }
.hero-stats {
  position:absolute; right:40px; bottom:40px; z-index:2;
  display:flex; gap:30px;
}
.hero-stats .stat { text-align:center; }
.hero-stats .stat-number { font-size:36px; font-weight:800; color:var(--accent); }
.hero-stats .stat-label { font-size:13px; color:rgba(255,255,255,.7); }

/* ============ 通用标题 ============ */
.section-title { text-align:center; margin-bottom:50px; }
.section-title h2 { font-size:34px; color:var(--primary); font-weight:700; margin-bottom:12px; }
.section-title .subtitle { font-size:16px; color:var(--gray-500); }
.section-title .divider {
  width:60px; height:3px; background:var(--accent);
  margin:15px auto 0; border-radius:2px;
}

/* ============ 服务板块 ============ */
.services { padding:80px 0; background:var(--white); }
.services-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:30px; }
.service-card {
  background:var(--white); border-radius:var(--radius);
  padding:40px 30px; text-align:center;
  box-shadow:var(--shadow); transition:var(--transition);
  border:1px solid transparent;
}
.service-card:hover { transform:translateY(-8px); box-shadow:var(--shadow-lg); border-color:var(--primary-light); }
.service-icon {
  width:72px; height:72px; margin:0 auto 24px;
  background:linear-gradient(135deg, rgba(26,60,110,.08), rgba(45,95,168,.08));
  border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:32px;
}
.service-card h3 { font-size:20px; color:var(--primary); margin-bottom:12px; }
.service-card p { font-size:14px; color:var(--gray-500); line-height:1.8; }
.service-card .learn-more { display:inline-block; margin-top:18px; color:var(--primary-light); font-weight:600; font-size:14px; transition:var(--transition); }
.service-card .learn-more:hover { color:var(--accent); }

/* ============ 关于我们 ============ */
.about { padding:80px 0; background:var(--gray-100); }
.about-wrapper { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.about-image {
  position:relative; border-radius:var(--radius); overflow:hidden;
  box-shadow:var(--shadow-lg);
}
.about-image .img-placeholder {
  width:100%; height:400px;
  background:linear-gradient(135deg, #1a3c6e, #2d5fa8);
  display:flex; align-items:center; justify-content:center;
  color:var(--white); font-size:20px; font-weight:600;
}
.about-image .experience-badge {
  position:absolute; bottom:20px; right:20px;
  background:var(--accent); color:var(--dark);
  padding:15px 25px; border-radius:var(--radius);
  text-align:center; font-weight:700;
}
.about-image .experience-badge .num { font-size:32px; display:block; line-height:1; }
.about-image .experience-badge .txt { font-size:13px; }
.about-content h2 { font-size:30px; color:var(--primary); margin-bottom:20px; }
.about-content p { color:var(--gray-500); margin-bottom:15px; line-height:1.9; }
.about-features { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin-top:25px; }
.about-feature { display:flex; align-items:center; gap:10px; }
.about-feature .check { color:var(--accent); font-size:18px; font-weight:700; flex-shrink:0; }
.about-feature span { font-size:14px; color:var(--gray-700); }

/* ============ 核心价值 ============ */
.values { padding:80px 0; background:var(--white); }
.values-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:25px; }
.value-card { text-align:center; padding:35px 20px; border-radius:var(--radius); transition:var(--transition); }
.value-card:hover { background:var(--gray-100); }
.value-icon { font-size:40px; margin-bottom:18px; }
.value-card h3 { font-size:18px; color:var(--primary); margin-bottom:10px; }
.value-card p { font-size:13px; color:var(--gray-500); line-height:1.7; }

/* ============ 发展历程 ============ */
.timeline { padding:80px 0; background:var(--gray-100); }
.timeline-wrapper { position:relative; max-width:900px; margin:0 auto; }
.timeline-wrapper::before {
  content:''; position:absolute; left:50%; top:0; bottom:0;
  width:2px; background:var(--gray-300); transform:translateX(-50%);
}
.timeline-item { display:flex; align-items:flex-start; margin-bottom:50px; position:relative; }
.timeline-item:nth-child(odd) { flex-direction:row; }
.timeline-item:nth-child(even) { flex-direction:row-reverse; }
.timeline-dot {
  position:absolute; left:50%; top:0;
  width:16px; height:16px; border-radius:50%;
  background:var(--accent); transform:translate(-50%, 0);
  z-index:2; border:3px solid var(--white);
  box-shadow:0 0 0 4px var(--accent-light);
}
.timeline-content {
  width:45%; background:var(--white); padding:25px;
  border-radius:var(--radius); box-shadow:var(--shadow);
}
.timeline-content .year { font-size:24px; font-weight:800; color:var(--accent); }
.timeline-content h3 { font-size:18px; color:var(--primary); margin:8px 0; }
.timeline-content p { font-size:14px; color:var(--gray-500); }

/* ============ 最新资讯 ============ */
.news { padding:80px 0; background:var(--white); }
.news-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:30px; }
.news-card { border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); transition:var(--transition); background:var(--white); }
.news-card:hover { transform:translateY(-5px); box-shadow:var(--shadow-lg); }
.news-card .news-img {
  height:200px; background:linear-gradient(135deg, #1a3c6e, #2d5fa8);
  display:flex; align-items:center; justify-content:center;
  color:var(--white); font-size:14px;
}
.news-card .news-body { padding:20px; }
.news-card .news-date { font-size:12px; color:var(--gray-500); margin-bottom:8px; }
.news-card h3 { font-size:16px; color:var(--primary); margin-bottom:10px; }
.news-card p { font-size:13px; color:var(--gray-500); line-height:1.6; }

/* ============ CTA ============ */
.cta {
  padding:70px 0; text-align:center;
  background:linear-gradient(135deg, var(--primary), var(--primary-light));
  color:var(--white);
}
.cta h2 { font-size:32px; margin-bottom:15px; }
.cta p { font-size:16px; opacity:.85; margin-bottom:30px; }
.cta .btn-primary { background:var(--white); color:var(--primary); }
.cta .btn-primary:hover { background:var(--accent); color:var(--dark); }

/* ============ 页脚 ============ */
.footer { background:var(--dark); color:rgba(255,255,255,.7); padding:60px 0 30px; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; }
.footer h3 { color:var(--white); font-size:17px; margin-bottom:20px; }
.footer p { font-size:13px; line-height:1.8; margin-bottom:8px; }
.footer a { font-size:13px; display:block; margin-bottom:10px; transition:var(--transition); }
.footer a:hover { color:var(--accent); }
.footer-bottom {
  margin-top:40px; padding-top:20px; border-top:1px solid rgba(255,255,255,.1);
  text-align:center; font-size:12px;
}
.footer-bottom a {
  color: rgba(255,255,255,.7); text-decoration: none; transition: .2s;
}
.footer-bottom a:hover {
  color: var(--accent); text-decoration: underline;
}

/* ============ 子页面 Banner ============ */
.page-banner {
  padding:60px 0; text-align:center;
  background:linear-gradient(135deg, var(--primary), var(--primary-light));
  color:var(--white);
}
.page-banner h1 { font-size:36px; margin-bottom:10px; }
.page-banner .breadcrumb { font-size:14px; opacity:.8; }
.page-banner .breadcrumb a { color:var(--accent); }

/* ============ 页面内容区 ============ */
.page-content { padding:60px 0; }
.page-content .content-text { max-width:850px; margin:0 auto; }
.page-content .content-text h2 { font-size:26px; color:var(--primary); margin:30px 0 15px; }
.page-content .content-text h3 { font-size:20px; color:var(--primary-light); margin:20px 0 10px; }
.page-content .content-text p { margin-bottom:15px; line-height:1.9; color:var(--gray-500); }
.page-content .content-text ul { margin:15px 0 15px 20px; }
.page-content .content-text ul li { list-style:disc; margin-bottom:8px; color:var(--gray-500); }

/* ============ 联系页面 ============ */
.contact-section { padding:60px 0; }
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:50px; }
.contact-info-cards { display:flex; flex-direction:column; gap:20px; }
.contact-info-card {
  display:flex; gap:20px; padding:25px;
  background:var(--white); border-radius:var(--radius);
  box-shadow:var(--shadow); align-items:flex-start;
}
.contact-info-card .c-icon {
  width:50px; height:50px; border-radius:50%;
  background:rgba(26,60,110,.08); display:flex;
  align-items:center; justify-content:center;
  font-size:22px; flex-shrink:0;
}
.contact-info-card h4 { font-size:16px; color:var(--primary); margin-bottom:5px; }
.contact-info-card p { font-size:14px; color:var(--gray-500); }
.contact-form { background:var(--white); padding:30px; border-radius:var(--radius); box-shadow:var(--shadow); }
.contact-form h3 { font-size:20px; color:var(--primary); margin-bottom:20px; }
.form-group { margin-bottom:18px; }
.form-group label { display:block; font-size:14px; color:var(--gray-700); margin-bottom:6px; font-weight:500; }
.form-group input, .form-group textarea, .form-group select {
  width:100%; padding:12px 15px; border:1px solid var(--gray-300);
  border-radius:var(--radius); font-size:14px; font-family:var(--font-cn);
  transition:var(--transition); outline:none;
}
.form-group input:focus, .form-group textarea:focus { border-color:var(--primary-light); box-shadow:0 0 0 3px rgba(45,95,168,.1); }
.form-group textarea { resize:vertical; min-height:120px; }

/* ============ 服务详情页 ============ */
.service-detail-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:30px; margin-top:30px; }
.service-detail-card {
  background:var(--white); padding:30px; border-radius:var(--radius);
  box-shadow:var(--shadow); border-left:4px solid var(--primary-light);
  transition:var(--transition);
}
.service-detail-card:hover { box-shadow:var(--shadow-lg); transform:translateY(-3px); }
.service-detail-card h3 { color:var(--primary); margin-bottom:10px; font-size:18px; }
.service-detail-card p { color:var(--gray-500); font-size:14px; line-height:1.8; }

/* ============ 服务流程（services.html） ============ */
.process-grid {
  display:flex; justify-content:space-around; flex-wrap:wrap; gap:20px; text-align:center;
}
.process-card {
  flex:1; min-width:180px; padding:30px 15px;
  background:var(--white); border-radius:var(--radius); box-shadow:var(--shadow);
  transition:var(--transition);
}
.process-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-lg); }
.process-card .process-icon { font-size:36px; margin-bottom:12px; }
.process-card h3 { color:var(--primary); margin-bottom:8px; font-size:18px; }
.process-card p { font-size:13px; color:var(--gray-500); }

/* ============ 地图区域 ============ */
.map-section {
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:0;
}
.map-container {
  width:100%;
  max-width:1200px;
  margin:0 auto;
  position:relative;
}
.map-iframe {
  width:100%;
  height:400px;
  border:0;
  display:block;
}
.map-leaflet {
  width:100%;
  height:400px;
  background:var(--gray-100);
  z-index:1;
}
.map-actions {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  padding:16px 20px;
  background:var(--white);
  border-bottom:1px solid var(--gray-200);
}
.map-actions-label {
  font-size:13px;
  color:var(--gray-500);
  white-space:nowrap;
}
.map-btn {
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:8px 16px;
  border-radius:20px;
  font-size:13px;
  text-decoration:none;
  transition:all .25s;
  font-weight:500;
  white-space:nowrap;
}
.map-btn-amap {
  background:#e6f4ff;
  color:#1677ff;
  border:1px solid #91caff;
}
.map-btn-amap:hover {
  background:#1677ff;
  color:#fff;
  border-color:#1677ff;
}
.map-btn-baidu {
  background:#fff7e6;
  color:#d48806;
  border:1px solid #ffd591;
}
.map-btn-baidu:hover {
  background:#d48806;
  color:#fff;
  border-color:#d48806;
}
.map-btn-qq {
  background:#e6fffb;
  color:#08979c;
  border:1px solid #87e8de;
}
.map-btn-qq:hover {
  background:#08979c;
  color:#fff;
  border-color:#08979c;
}
.map-hint {
  color:var(--gray-500);
  font-size:13px;
  padding:10px 0 0;
}

/* ============ 回到顶部 ============ */
.back-to-top {
  position:fixed; bottom:30px; right:30px; z-index:999;
  width:44px; height:44px; border-radius:50%;
  background:var(--primary); color:var(--white);
  display:flex; align-items:center; justify-content:center;
  font-size:20px; cursor:pointer; opacity:0; visibility:hidden;
  transition:var(--transition); border:none;
  box-shadow:0 4px 12px rgba(0,0,0,.2);
}
.back-to-top.show { opacity:1; visibility:visible; }
.back-to-top:hover { background:var(--accent); }

/* ============================================ */
/* ============ 响应式 - 大平板 (≤1200px) ============ */
/* ============================================ */
@media (max-width:1200px) {
  .container { padding:0 24px; }
  .hero h1 { font-size:42px; }
  .hero-stats { right:20px; gap:20px; }
  .footer-grid { gap:30px; }
}

/* ============================================ */
/* ============ 响应式 - 平板 (≤992px) ============ */
/* ============================================ */
@media (max-width:992px) {
  .services-grid { grid-template-columns:repeat(2, 1fr); }
  .values-grid { grid-template-columns:repeat(2, 1fr); }
  .about-wrapper { grid-template-columns:1fr; gap:40px; }
  .about-image .img-placeholder { height:300px; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .news-grid { grid-template-columns:repeat(2, 1fr); }
  .hero { height:auto; min-height:480px; padding:80px 0; }
  .hero h1 { font-size:38px; }
  .hero-stats { position:static; margin-top:40px; justify-content:center; }
  .hero-content { max-width:100%; text-align:center; }
  .hero-buttons { justify-content:center; }
  .contact-grid { grid-template-columns:1fr; }
  .service-detail-grid { grid-template-columns:1fr; }
  .timeline-wrapper::before { left:20px; }
  .timeline-item, .timeline-item:nth-child(odd), .timeline-item:nth-child(even) { flex-direction:row; }
  .timeline-content { width:calc(100% - 50px); margin-left:50px; }
  .timeline-dot { left:20px; }
  .section-title h2 { font-size:28px; }
  .page-banner h1 { font-size:30px; }
}

/* ============================================ */
/* ============ 响应式 - 小平板/大手机 (≤768px) ============ */
/* ============================================ */
@media (max-width:768px) {
  /* 顶部工具栏 */
  .top-bar { font-size:12px; }
  .top-bar .container { flex-direction:column; text-align:center; }
  .top-bar .contact-info { justify-content:center; }

  /* 导航栏 */
  .navbar .container { flex-wrap:wrap; }
  .navbar .nav-links {
    display:none; position:fixed; top:0; left:0; right:0; bottom:0;
    background:var(--white); flex-direction:column; padding:80px 30px 30px;
    z-index:1001; gap:8px;
    overflow-y:auto;
  }
  .navbar .nav-links.open { display:flex; }
  .navbar .nav-links a { font-size:18px; padding:12px 0; border-bottom:1px solid #f0f0f0; }
  .navbar .menu-toggle { display:block; z-index:1002; }
  .navbar .lang-switch { display:none; }

  /* Hero */
  .hero { min-height:auto; padding:60px 0; }
  .hero h1 { font-size:30px; }
  .hero p { font-size:15px; margin-bottom:24px; }
  .hero-buttons { flex-direction:column; align-items:stretch; }
  .hero-buttons .btn { width:100%; }
  .hero-stats { flex-wrap:wrap; gap:20px; }
  .hero-stats .stat-number { font-size:28px; }

  /* 网格统一单列 */
  .services-grid, .values-grid, .news-grid { grid-template-columns:1fr; }
  .about-features { grid-template-columns:1fr; }
  .service-card { padding:30px 20px; }
  .news-card .news-img { height:160px; }

  /* 页脚 */
  .footer-grid { grid-template-columns:1fr; gap:30px; }
  .footer { padding:40px 0 20px; }

  /* 标题 */
  .section-title h2 { font-size:24px; }
  .section-title { margin-bottom:35px; }

  /* CTA */
  .cta h2 { font-size:24px; }
  .cta { padding:50px 0; }

  /* 子页面 */
  .page-banner { padding:40px 0; }
  .page-banner h1 { font-size:26px; }
  .page-content { padding:40px 0; }
  .page-content .content-text h2 { font-size:22px; }

  /* 联系页面 */
  .contact-info-card { flex-direction:column; align-items:flex-start; gap:12px; }
  .contact-form { padding:20px; }

  /* 服务流程 */
  .process-card { min-width:140px; padding:20px 10px; }

  /* 地图 */
  .map-iframe, .map-leaflet { height:250px; }

  /* 回到顶部按钮更小 */
  .back-to-top { bottom:20px; right:16px; width:40px; height:40px; font-size:18px; }

  /* 关于我们图片 */
  .about-image .experience-badge { padding:10px 18px; }
  .about-image .experience-badge .num { font-size:24px; }
  .about-image .img-placeholder { height:240px; font-size:16px; }
}

/* ============================================ */
/* ============ 响应式 - 小屏手机 (≤480px) ============ */
/* ============================================ */
@media (max-width:480px) {
  :root { --radius:6px; }
  html { font-size:15px; }

  .container { padding:0 16px; }

  .navbar .logo-img { width:46px; height:46px; font-size:18px; }
  .navbar .logo-img svg { width:46px; height:46px; }
  .navbar .logo-text h1 { font-size:16px; }
  .navbar .menu-toggle { font-size:24px; }

  .hero { padding:50px 0; }
  .hero h1 { font-size:26px; }
  .hero p { font-size:14px; }
  .hero-stats { gap:16px; }
  .hero-stats .stat-number { font-size:24px; }
  .hero-stats .stat-label { font-size:11px; }

  .btn { padding:12px 24px; font-size:14px; }

  .section-title h2 { font-size:22px; }
  .section-title .subtitle { font-size:14px; }

  .services, .about, .values, .timeline, .news { padding:50px 0; }

  .service-icon { width:56px; height:56px; font-size:26px; margin-bottom:16px; }
  .service-card h3 { font-size:17px; }
  .service-card p { font-size:13px; }

  .about-content h2 { font-size:24px; }
  .about-image .img-placeholder { height:200px; }
  .about-image .experience-badge { bottom:12px; right:12px; padding:8px 14px; }
  .about-image .experience-badge .num { font-size:20px; }
  .about-image .experience-badge .txt { font-size:11px; }

  .value-icon { font-size:32px; }
  .value-card { padding:24px 14px; }
  .value-card h3 { font-size:16px; }

  .timeline-content { padding:18px; }
  .timeline-content .year { font-size:20px; }
  .timeline-content h3 { font-size:16px; }

  .news-card .news-img { height:140px; }
  .news-card .news-body { padding:16px; }
  .news-card h3 { font-size:15px; }

  .cta h2 { font-size:22px; }
  .cta p { font-size:14px; }

  .contact-form { padding:18px; }
  .contact-form h3 { font-size:18px; }
  .form-group input, .form-group textarea, .form-group select { padding:10px 12px; font-size:13px; }

  .page-banner h1 { font-size:22px; }
  .page-banner .breadcrumb { font-size:12px; }
  .page-content .content-text h2 { font-size:20px; }
  .page-content .content-text h3 { font-size:17px; }

  .process-card { min-width:130px; padding:18px 8px; }
  .process-card .process-icon { font-size:28px; }
  .process-card h3 { font-size:15px; }

  .map-section { height:200px; }
  .map-section .map-icon { font-size:36px; }

  .footer h3 { font-size:15px; }
  .footer p, .footer a { font-size:12px; }

  .back-to-top { bottom:16px; right:12px; width:36px; height:36px; font-size:16px; }
}

/* ============ 横屏手机/小屏横屏 (高度≤500px) ============ */
@media (max-height:500px) and (orientation:landscape) {
  .hero { min-height:100vh; padding:40px 0; }
  .hero h1 { font-size:24px; margin-bottom:10px; }
  .hero p { font-size:13px; margin-bottom:16px; }
  .hero-stats { margin-top:20px; gap:16px; }
  .hero-stats .stat-number { font-size:22px; }
}

/* ============ 打印样式 ============ */
@media print {
  .navbar, .top-bar, .hero-stats, .cta, .back-to-top, .footer { display:none !important; }
  .hero { height:auto !important; padding:20px 0 !important; background:#fff !important; color:#000 !important; }
  .hero h1, .hero p { color:#000 !important; }
  body { font-size:12px; color:#000; }
}