/* ============================================
    骏瀚保温 - 主样式（修复版）
    ============================================ */
 :root {
   --color-primary: #1a365d;
   --color-primary-dark: #0f2744;
   --color-primary-light: #2c5282;
   --color-gray-bg: #f5f6f8;
   --color-gray-border: #e2e8f0;
   --color-gray-text: #64748b;
   --color-gray-dark: #334155;
   --color-accent: #ea580c;
   --color-accent-hover: #c2410c;
   --color-white: #ffffff;
   --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
   --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
   --shadow-lg: 0 10px 40px rgba(0,0,0,0.12);
   --radius: 6px;
   --radius-lg: 10px;
   --transition: 0.25s ease;
 }

 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }

 html {
   scroll-behavior: smooth;
 }

 body {
   font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
   font-size: 15px;
   line-height: 1.6;
   color: var(--color-gray-dark);
   background: var(--color-gray-bg);
 }

 a {
   color: inherit;
   text-decoration: none;
   transition: color var(--transition);
 }

 /* ❌ 删除这行冲突代码 */
 /* img { max-width: 100%; height: auto; display: block; } */

 ul {
   list-style: none;
 }

 .main-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-primary);
  text-align: center;
  margin: 24px 0;
}

/* ========== 头部导航 ========== */
 .header {
   position: sticky;
   top: 0;
   z-index: 100;
   background: var(--color-white);
   box-shadow: var(--shadow-sm);
 }

 .header-inner {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 24px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 64px;
 }

 .nav-hamburger {
   display: none;
   background: none;
   border: none;
   font-size: 1.5rem;
   color: var(--color-primary);
   cursor: pointer;
   padding: 8px;
   z-index: 101;
 }

 .nav-hamburger svg {
   width: 24px;
   height: 24px;
 }

 .logo {
   font-size: 1.35rem;
   font-weight: 700;
   color: var(--color-primary);
 }

 .logo span {
   color: var(--color-accent);
 }

 .nav-list {
   display: flex;
   gap: 8px;
 }

 .nav-list a {
   padding: 8px 16px;
   border-radius: var(--radius);
   color: var(--color-gray-dark);
   font-weight: 500;
 }

 .nav-item {
   padding: 8px 16px;
   border-radius: var(--radius);
   color: var(--color-gray-dark);
   font-weight: 500;
 }

 .nav-phone {
   color: var(--color-accent);
   font-weight: 600;
 }

 .nav-list a:hover,
 .nav-list a.active,
 .nav-item:hover,
 .nav-item.active {
   color: var(--color-primary);
   background: rgba(26, 54, 93, 0.06);
 }

 /* ========== 主内容区 ========== */
 .main {
   min-height: calc(100vh - 64px - 180px);
 }

 .container {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 24px;
 }

 .section-title {
   font-size: 1.5rem;
   font-weight: 600;
   color: var(--color-primary);
   margin-bottom: 24px;
   padding-bottom: 12px;
   border-bottom: 3px solid var(--color-accent);
   display: inline-block;
 }

 /* ========== 按钮 ========== */
 .btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 10px 24px;
   font-size: 15px;
   font-weight: 500;
   border: none;
   border-radius: var(--radius);
   cursor: pointer;
   transition: background var(--transition), color var(--transition), transform 0.15s ease;
 }

 .btn-primary {
   background: var(--color-accent);
   color: var(--color-white);
 }

 .btn-primary:hover {
   background: var(--color-accent-hover);
   transform: translateY(-1px);
 }

 .btn-outline {
   background: transparent;
   color: var(--color-primary);
   border: 2px solid var(--color-primary);
 }

 .btn-outline:hover {
   background: var(--color-primary);
   color: var(--color-white);
 }

 /* ========== 轮播图 ========== */
 .carousel {
   position: relative;
   width: 100%;
   background: var(--color-primary-dark);
   overflow: hidden;
 }

 .carousel-inner {
   position: relative;
   width: 100%;
   height: 500px;
 }

 .carousel-item {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
   opacity: 0;
   transition: opacity 0.5s ease;
   z-index: 1;
 }

 .carousel-item.active {
   opacity: 1;
   z-index: 2;
 }

 .carousel-item img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
 }

 .carousel-item::after {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(to right, rgba(15, 39, 68, 0.75) 0%, transparent 60%);
   pointer-events: none;
 }

 .carousel-caption {
   position: absolute;
   left: 10%;
   bottom: 20%;
   max-width: 500px;
   color: var(--color-white);
   z-index: 2;
 }

 .carousel-caption h2 {
   font-size: 2rem;
   font-weight: 700;
   margin-bottom: 12px;
   line-height: 1.3;
   text-shadow: 0 2px 8px rgba(0,0,0,0.3);
 }

 .carousel-caption p {
   font-size: 1rem;
   opacity: 0.95;
   margin-bottom: 20px;
 }

 /* 轮播控制按钮 */
 .carousel-control-prev,
 .carousel-control-next {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 50px;
   height: 50px;
   background: rgba(255, 255, 255, 0.2);
   border: none;
   border-radius: 50%;
   color: var(--color-white);
   font-size: 1.5rem;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: background 0.3s ease, transform 0.3s ease;
   z-index: 3;
 }

 .carousel-control-prev {
   left: 20px;
 }

 .carousel-control-next {
   right: 20px;
 }

 .carousel-control-prev:hover,
 .carousel-control-next:hover {
   background: rgba(255, 255, 255, 0.3);
   transform: translateY(-50%) scale(1.1);
 }

 .carousel-control-prev svg,
 .carousel-control-next svg {
   width: 24px;
   height: 24px;
 }

 /* 轮播指示器 */
 .carousel-indicators {
   position: absolute;
   bottom: 20px;
   left: 50%;
   transform: translateX(-50%);
   display: flex;
   gap: 8px;
   z-index: 3;
 }

 .carousel-indicators button {
   width: 12px;
   height: 12px;
   border: none;
   border-radius: 50%;
   background: rgba(255, 255, 255, 0.5);
   cursor: pointer;
   transition: background 0.3s ease, transform 0.3s ease;
 }

 .carousel-indicators button.active {
   background: var(--color-white);
   transform: scale(1.2);
 }

 /* ========== 首页区块 ========== */
 .hero-slogan {
   background: var(--color-primary);
   color: var(--color-white);
   padding: 56px 24px;
   text-align: center;
 }

 .hero-slogan h1 {
   font-size: 1.85rem;
   font-weight: 600;
   margin-bottom: 12px;
 }

 .hero-slogan p {
   font-size: 1rem;
   opacity: 0.95;
 }

 .home-about {
   padding: 60px 0;
   background: var(--color-white);
 }

 .home-about .container {
   max-width: 800px;
   margin: 0 auto;
   padding: 0 24px;
   text-align: center;
 }

 .home-about .about-text {
   color: var(--color-gray-dark);
   line-height: 1.8;
   margin-bottom: 24px;
 }

 .home-about .btn {
   margin-top: 8px;
 }

 .home-scenarios {
   padding: 60px 0;
   background: var(--color-gray-bg);
 }

 .scenario-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 24px;
 }

 .scenario-card {
   background: var(--color-white);
   padding: 28px 24px;
   border-radius: var(--radius-lg);
   box-shadow: var(--shadow-sm);
   transition: box-shadow var(--transition), transform var(--transition);
   text-align: center;
 }

 .scenario-card:hover {
   box-shadow: var(--shadow-md);
   transform: translateY(-2px);
 }

 .scenario-card h3 {
   font-size: 1.1rem;
   color: var(--color-primary);
   margin-bottom: 8px;
   font-weight: 600;
 }

 .scenario-card p {
   font-size: 0.9rem;
   color: var(--color-gray-text);
   margin: 0;
 }

 .home-stats {
   background: var(--color-primary);
   color: var(--color-white);
   padding: 48px 24px;
 }

 .stats-grid {
   max-width: 1200px;
   margin: 0 auto;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 24px;
   text-align: center;
 }

 .stat-item {
   padding: 16px;
 }

 .stat-num {
   font-size: 2rem;
   font-weight: 700;
 }

 .stat-plus {
   font-size: 1.5rem;
   font-weight: 600;
   margin-left: 2px;
 }

 .stat-item p {
   margin-top: 8px;
   font-size: 0.95rem;
   opacity: 0.95;
 }

 .home-products {
   padding: 60px 0;
   background: var(--color-white);
 }

 .text-center { text-align: center; }
 .mt-32 { margin-top: 32px; }

 .home-news {
   padding: 60px 0;
   background: var(--color-gray-bg);
 }

 .news-list {
   display: flex;
   flex-direction: column;
   gap: 0;
 }

 .news-item {
   display: block;
   padding: 20px 0;
   border-bottom: 1px solid var(--color-gray-border);
   color: inherit;
   transition: background var(--transition);
 }

 .news-item:last-child {
   border-bottom: none;
 }

 .news-item:hover {
   background: rgba(0,0,0,0.02);
 }

 .news-date {
   font-size: 0.85rem;
   color: var(--color-accent);
   margin-right: 12px;
 }

 .news-item h4 {
   font-size: 1.05rem;
   color: var(--color-primary);
   margin: 8px 0 6px;
   font-weight: 600;
 }

 .news-item p {
   font-size: 0.9rem;
   color: var(--color-gray-text);
   margin: 0;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }

 .home-contact {
   padding: 60px 0;
   background: var(--color-white);
 }

 .contact-inline {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 48px;
   align-items: start;
 }

 .contact-info-block p {
   margin-bottom: 12px;
   color: var(--color-gray-dark);
   font-size: 0.95rem;
 }

 .contact-form-inline .form-row {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 12px;
   margin-bottom: 12px;
 }

 .contact-form-inline input,
 .contact-form-inline textarea {
   width: 100%;
   padding: 10px 14px;
   border: 1px solid var(--color-gray-border);
   border-radius: var(--radius);
   font-size: 15px;
   font-family: inherit;
 }

 .contact-form-inline textarea {
   margin-bottom: 12px;
   min-height: 80px;
   resize: vertical;
 }

 .contact-form-inline .btn {
   width: 100%;
 }

 .home-intro {
   padding: 60px 0;
   background: var(--color-white);
 }

 .home-intro .container {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 48px;
   align-items: center;
 }

 .home-intro h2 {
   font-size: 1.75rem;
   color: var(--color-primary);
   margin-bottom: 16px;
 }

 .home-intro p {
   color: var(--color-gray-text);
   margin-bottom: 12px;
 }

 .product-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
   gap: 24px;
 }

 .product-card {
   background: var(--color-white);
   border-radius: var(--radius-lg);
   overflow: hidden;
   box-shadow: var(--shadow-sm);
   transition: box-shadow var(--transition), transform var(--transition);
   display: block;
 }

 .product-card:hover {
   box-shadow: var(--shadow-md);
   transform: translateY(-4px);
 }

 .product-card-img {
   width: 100%;
   height: 200px;
   object-fit: cover;
   display: block;
 }

 .product-card-body {
   padding: 20px;
 }

 .product-card-body h3 {
   font-size: 1.1rem;
   color: var(--color-primary);
   margin-bottom: 8px;
   font-weight: 600;
 }

 .product-card-body p {
   font-size: 0.9rem;
   color: var(--color-gray-text);
   margin-bottom: 16px;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }

 .product-card-body .btn {
   width: 100%;
 }

 /* ========== 产品中心 ========== */
 .product-categories {
   padding: 40px 0 32px;
   background: var(--color-white);
 }

 .categories-desc {
   color: var(--color-gray-text);
   margin-bottom: 28px;
   font-size: 0.95rem;
 }

 .category-rows {
   display: flex;
   flex-direction: column;
   gap: 24px;
 }

 .category-row {
   display: grid;
   grid-template-columns: 320px 1fr;
   gap: 0;
   align-items: stretch;
   background: var(--color-white);
   border: 1px solid var(--color-gray-border);
   border-radius: var(--radius-lg);
   overflow: hidden;
   transition: box-shadow var(--transition), border-color var(--transition);
   color: inherit;
 }

 .category-row:hover {
   border-color: var(--color-primary-light);
   box-shadow: var(--shadow-md);
 }

 .category-row-img {
   width: 100%;
   min-height: 200px;
   background: var(--color-gray-border) center/cover no-repeat;
 }

 .category-row-body {
   padding: 28px 32px;
   display: flex;
   flex-direction: column;
   justify-content: center;
 }

 .category-row-body h3 {
   font-size: 1.35rem;
   font-weight: 600;
   color: var(--color-primary);
   margin-bottom: 12px;
 }

 .category-row-body p {
   font-size: 0.95rem;
   color: var(--color-gray-dark);
   line-height: 1.7;
   margin-bottom: 20px;
   flex: 1;
 }

 .category-row-body .btn {
   align-self: flex-start;
 }

 .category-cards {
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   gap: 20px;
 }

 .category-card {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 28px 20px;
   background: var(--color-gray-bg);
   border-radius: var(--radius-lg);
   border: 2px solid transparent;
   transition: border-color var(--transition), background var(--transition), transform var(--transition);
   text-align: center;
 }

 .category-card:hover {
   border-color: var(--color-primary);
   background: var(--color-white);
   transform: translateY(-2px);
   box-shadow: var(--shadow-sm);
 }

 .category-card-name {
   font-size: 1.1rem;
   font-weight: 600;
   color: var(--color-primary);
   margin-bottom: 8px;
 }

 .category-card-desc {
   font-size: 0.85rem;
   color: var(--color-gray-text);
 }

 /* ========== 产品列表页 ========== */
 .page-header {
   background: var(--color-primary);
   color: var(--color-white);
   padding: 48px 0;
   margin-bottom: 48px;
 }

 .page-header-small {
   padding: 32px 0 24px;
   margin-bottom: 24px;
 }

 .page-header-small h1 {
   font-size: 1.5rem;
 }

 .breadcrumb {
   font-size: 0.9rem;
   margin-bottom: 12px;
   opacity: 0.9;
 }

 .breadcrumb a {
   color: var(--color-white);
 }

 .breadcrumb a:hover {
   text-decoration: underline;
 }

 .bc-sep {
   margin: 0 6px;
   opacity: 0.7;
 }

 .bc-current {
   color: var(--color-accent);
   font-weight: 500;
 }

 .breadcrumb-dark {
   margin-bottom: 20px;
   padding: 0;
 }

 .breadcrumb-dark a {
   color: var(--color-primary);
 }

 .breadcrumb-dark .bc-sep {
   color: var(--color-gray-text);
 }

 .breadcrumb-dark .bc-current {
   color: var(--color-gray-dark);
 }

 .spec-table caption.spec-caption {
   text-align: left;
   font-size: 1rem;
   font-weight: 600;
   color: var(--color-primary);
   margin-bottom: 12px;
   padding: 0;
 }

 .category-intro {
   margin-top: 12px;
   line-height: 1.7;
   max-width: 800px;
   opacity: 0.95;
 }

 .category-products .category-desc {
   color: var(--color-gray-text);
   margin-bottom: 20px;
   font-size: 0.95rem;
 }

 .brand-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
   gap: 20px;
 }

 .brand-card {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 32px 24px;
   background: var(--color-gray-bg);
   border: 2px solid transparent;
   border-radius: var(--radius-lg);
   transition: border-color var(--transition), background var(--transition), box-shadow var(--transition);
   color: inherit;
 }

 .brand-card:hover {
   border-color: var(--color-primary);
   background: var(--color-white);
   box-shadow: var(--shadow-sm);
 }

 .brand-card-name {
   font-size: 1.15rem;
   font-weight: 600;
   color: var(--color-primary);
   margin-bottom: 16px;
 }

 .brand-card .btn {
   margin-top: 4px;
 }

 .brand-empty {
   padding: 48px 24px;
   text-align: center;
   background: var(--color-gray-bg);
   border-radius: var(--radius-lg);
   margin-bottom: 24px;
 }

 .brand-empty p {
   color: var(--color-gray-text);
   margin-bottom: 12px;
 }

 .brand-empty-hint {
   font-size: 0.9rem;
   max-width: 520px;
   margin: 0 auto;
   line-height: 1.6;
 }

 .brand-empty code {
   background: var(--color-gray-border);
   padding: 2px 6px;
   border-radius: 4px;
   font-size: 0.85em;
 }

 .brand-products .brand-desc {
   color: var(--color-gray-text);
   margin-bottom: 20px;
   font-size: 0.95rem;
 }

 /* ========== 产品详情 - 系列介绍与同系列 ========== */
 .detail-series-intro {
   background: var(--color-gray-bg);
   padding: 24px;
   border-radius: var(--radius);
   margin-bottom: 24px;
   border-left: 4px solid var(--color-accent);
 }

 .detail-series-intro h3 {
   font-size: 1rem;
   color: var(--color-primary);
   margin-bottom: 8px;
   font-weight: 600;
 }

 .detail-series-intro p {
   font-size: 0.95rem;
   color: var(--color-gray-dark);
   margin: 0;
   line-height: 1.6;
 }

 .same-series {
   margin-top: 48px;
   padding-top: 32px;
   border-top: 1px solid var(--color-gray-border);
 }

 .same-series h2 {
   font-size: 1.25rem;
   color: var(--color-primary);
   margin-bottom: 20px;
   font-weight: 600;
 }

 .same-series .product-grid {
   grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
   gap: 16px;
 }

 .same-series .product-card-body h3 {
   font-size: 0.95rem;
 }

 .same-series .product-card-body p {
   display: none;
 }

 .same-series .product-card-body .btn {
   padding: 6px 12px;
   font-size: 13px;
 }

 .page-header h1 {
   font-size: 1.75rem;
   font-weight: 600;
 }

 .page-header p {
   margin-top: 8px;
   opacity: 0.9;
   font-size: 0.95rem;
 }

 .products-list {
   padding-bottom: 60px;
 }

 .filter-bar {
   display: flex;
   gap: 16px;
   margin-bottom: 24px;
   flex-wrap: wrap;
 }

 .filter-bar .btn-outline {
   padding: 8px 16px;
   font-size: 14px;
 }

 .filter-bar .btn-outline.active {
   background: var(--color-primary);
   color: var(--color-white);
   border-color: var(--color-primary);
 }

 /* ========== 产品详情页 ========== */
 .product-detail {
   padding: 48px 0 60px;
 }

 .product-detail-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 48px;
   align-items: start;
   background: var(--color-white);
   padding: 40px;
   border-radius: var(--radius-lg);
   box-shadow: var(--shadow-sm);
 }

 .product-detail-img {
   aspect-ratio: 4/3;
   border-radius: var(--radius);
   background: var(--color-gray-border);
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
 }

 .product-detail-img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: var(--radius);
 }

 .product-detail-info h1 {
   font-size: 1.5rem;
   color: var(--color-primary);
   margin-bottom: 16px;
   font-weight: 600;
 }

 .product-detail-info .meta {
   color: var(--color-gray-text);
   font-size: 0.9rem;
   margin-bottom: 20px;
 }

 .product-detail-info .desc {
   color: var(--color-gray-dark);
   margin-bottom: 24px;
   line-height: 1.7;
 }

 .spec-table {
   width: 100%;
   border-collapse: collapse;
   margin-bottom: 24px;
   font-size: 0.9rem;
 }

 .spec-table th,
 .spec-table td {
   padding: 10px 12px;
   text-align: left;
   border-bottom: 1px solid var(--color-gray-border);
 }

 .spec-table th {
   background: var(--color-gray-bg);
   color: var(--color-gray-dark);
   font-weight: 500;
   width: 120px;
 }

 .detail-actions {
   display: flex;
   gap: 12px;
   flex-wrap: wrap;
   margin-bottom: 32px;
 }

 .related-links {
   margin-bottom: 32px;
   padding: 20px;
   background: var(--color-gray-bg);
   border-radius: var(--radius);
 }

 .related-links h3 {
   font-size: 1.1rem;
   color: var(--color-primary);
   margin-bottom: 16px;
   font-weight: 600;
 }

 .related-links ul {
   padding-left: 24px;
 }

 .related-links li {
   margin-bottom: 12px;
   color: var(--color-gray-dark);
 }

 .related-links a {
   color: var(--color-primary);
   text-decoration: none;
   transition: color var(--transition);
 }

 .related-links a:hover {
   color: var(--color-accent);
   text-decoration: underline;
 }

 /* ========== 关于我们 ========== */
 .about-hero {
   position: relative;
   min-height: 320px;
   background: var(--color-primary) center/cover no-repeat;
   display: flex;
   align-items: center;
   padding: 60px 24px;
 }

 .about-hero::after {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(to right, rgba(26, 54, 93, 0.85), rgba(26, 54, 93, 0.5));
 }

 .about-hero .container {
   position: relative;
   z-index: 1;
   color: var(--color-white);
 }

 .about-hero h1 {
   font-size: 2rem;
   font-weight: 600;
   margin-bottom: 12px;
 }

 .about-hero p {
   font-size: 1.05rem;
   opacity: 0.95;
 }

 .about-content {
   padding: 60px 0;
 }

 .about-content .container {
   max-width: 800px;
 }

 .about-content h2 {
   font-size: 1.35rem;
   color: var(--color-primary);
   margin: 32px 0 16px;
   font-weight: 600;
 }

 .about-content h2:first-child {
   margin-top: 0;
 }

 .about-content p {
   color: var(--color-gray-dark);
   margin-bottom: 12px;
 }

 .about-advantages {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
   gap: 24px;
   margin-top: 32px;
 }

 .advantage-item {
   background: var(--color-white);
   padding: 24px;
   border-radius: var(--radius);
   box-shadow: var(--shadow-sm);
   text-align: center;
 }

 .advantage-item .icon {
   width: 48px;
   height: 48px;
   margin: 0 auto 12px;
   background: var(--color-primary);
   color: var(--color-white);
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 1.25rem;
   font-weight: 700;
 }

 .advantage-item h3 {
   font-size: 1rem;
   color: var(--color-primary);
   margin-bottom: 8px;
 }

 .advantage-item p {
   font-size: 0.9rem;
   color: var(--color-gray-text);
   margin: 0;
 }

 /* ========== 联系我们 ========== */
 .contact-hero {
   background: var(--color-primary);
   color: var(--color-white);
   padding: 48px 0;
 }

 .contact-hero h1 {
   font-size: 1.75rem;
   font-weight: 600;
 }

 .contact-hero p {
   margin-top: 8px;
   opacity: 0.9;
 }

 .contact-wrap {
   padding: 48px 0 60px;
 }

 .contact-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 48px;
   align-items: start;
 }

 .contact-info {
   background: var(--color-white);
   padding: 32px;
   border-radius: var(--radius-lg);
   box-shadow: var(--shadow-sm);
 }

 .contact-info h2 {
   font-size: 1.2rem;
   color: var(--color-primary);
   margin-bottom: 20px;
   font-weight: 600;
 }

 .contact-item {
   display: flex;
   align-items: flex-start;
   gap: 12px;
   margin-bottom: 16px;
 }

 .contact-item strong {
   min-width: 72px;
   color: var(--color-gray-dark);
   font-weight: 500;
 }

 .contact-item span {
   color: var(--color-gray-text);
 }

 .contact-form-wrap {
   background: var(--color-white);
   padding: 32px;
   border-radius: var(--radius-lg);
   box-shadow: var(--shadow-sm);
 }

 .contact-form-wrap h2 {
   font-size: 1.2rem;
   color: var(--color-primary);
   margin-bottom: 20px;
   font-weight: 600;
 }

 .form-group {
   margin-bottom: 20px;
 }

 .form-group label {
   display: block;
   margin-bottom: 6px;
   font-weight: 500;
   color: var(--color-gray-dark);
 }

 .form-group input,
 .form-group textarea {
   width: 100%;
   padding: 10px 14px;
   border: 1px solid var(--color-gray-border);
   border-radius: var(--radius);
   font-size: 15px;
   font-family: inherit;
   transition: border-color var(--transition);
 }

 .form-group input:focus,
 .form-group textarea:focus {
   outline: none;
   border-color: var(--color-primary);
 }

 .form-group textarea {
   min-height: 120px;
   resize: vertical;
 }

 .contact-form-wrap .btn-primary {
   width: 100%;
   padding: 12px;
 }

 /* ========== 工程案例 ========== */
 .cases-list {
   padding: 48px 0 60px;
 }

 .case-item {
   margin-bottom: 48px;
   background: var(--color-white);
   border-radius: var(--radius-lg);
   overflow: hidden;
   box-shadow: var(--shadow-sm);
   transition: box-shadow var(--transition);
 }

 .case-item:hover {
   box-shadow: var(--shadow-md);
 }

 .case-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 0;
   align-items: stretch;
 }

 .case-img {
   width: 100%;
   min-height: 300px;
   background: var(--color-gray-border) center/cover no-repeat;
 }

 .case-info {
   padding: 32px;
   display: flex;
   flex-direction: column;
   justify-content: center;
 }

 .case-info h3 {
   font-size: 1.35rem;
   color: var(--color-primary);
   margin-bottom: 12px;
   font-weight: 600;
 }

 .case-meta {
   font-size: 0.9rem;
   color: var(--color-gray-text);
   margin-bottom: 16px;
 }

 .case-desc {
   color: var(--color-gray-dark);
   line-height: 1.7;
   margin-bottom: 20px;
   flex: 1;
 }

 .case-features {
   display: flex;
   gap: 12px;
   flex-wrap: wrap;
 }

 .feature-tag {
   display: inline-block;
   padding: 6px 12px;
   background: var(--color-gray-bg);
   color: var(--color-primary);
   border-radius: 20px;
   font-size: 0.85rem;
   font-weight: 500;
 }

 /* ========== 技术文章 ========== */
 .article-content {
   padding: 48px 0 60px;
 }

 .article-content .container {
   max-width: 800px;
 }

 .article-content h2 {
   font-size: 1.35rem;
   color: var(--color-primary);
   margin: 32px 0 16px;
   font-weight: 600;
 }

 .article-content h2:first-child {
   margin-top: 0;
 }

 .article-content p {
   color: var(--color-gray-dark);
   margin-bottom: 16px;
   line-height: 1.7;
 }

 .article-content ul,
 .article-content ol {
   margin-bottom: 16px;
   padding-left: 24px;
 }

 .article-content li {
   margin-bottom: 8px;
   color: var(--color-gray-dark);
 }

 .article-content table {
   width: 100%;
   border-collapse: collapse;
   margin-bottom: 24px;
 }

 .article-content th,
 .article-content td {
   padding: 12px;
   text-align: left;
   border-bottom: 1px solid var(--color-gray-border);
 }

 .article-content th {
   background: var(--color-gray-bg);
   font-weight: 600;
   color: var(--color-gray-dark);
 }

 /* ========== 工具页面 ========== */
 .tool-content {
   padding: 48px 0 60px;
 }

 .tool-card {
   background: var(--color-white);
   padding: 32px;
   border-radius: var(--radius-lg);
   box-shadow: var(--shadow-sm);
   margin-bottom: 48px;
 }

 .tool-card h2 {
   font-size: 1.35rem;
   color: var(--color-primary);
   margin-bottom: 24px;
   font-weight: 600;
 }

 .result-box {
   margin-top: 24px;
   padding: 20px;
   background: var(--color-gray-bg);
   border-radius: var(--radius);
   border-left: 4px solid var(--color-accent);
 }

 .result-box h3 {
   font-size: 1.1rem;
   color: var(--color-primary);
   margin-bottom: 12px;
   font-weight: 600;
 }

 .api-info {
   background: var(--color-white);
   padding: 32px;
   border-radius: var(--radius-lg);
   box-shadow: var(--shadow-sm);
   margin-bottom: 48px;
 }

 .api-info h2 {
   font-size: 1.35rem;
   color: var(--color-primary);
   margin-bottom: 16px;
   font-weight: 600;
 }

 .api-docs {
   margin-top: 24px;
   padding: 20px;
   background: var(--color-gray-bg);
   border-radius: var(--radius);
 }

 .api-docs h3 {
   font-size: 1.1rem;
   color: var(--color-primary);
   margin-bottom: 12px;
   font-weight: 600;
 }

 .api-docs code {
   display: block;
   background: var(--color-white);
   padding: 12px;
   border-radius: var(--radius);
   margin-bottom: 16px;
   font-family: monospace;
 }

 .api-docs pre {
   background: var(--color-white);
   padding: 12px;
   border-radius: var(--radius);
   font-family: monospace;
   white-space: pre-wrap;
 }

 .tool-info {
   background: var(--color-white);
   padding: 32px;
   border-radius: var(--radius-lg);
   box-shadow: var(--shadow-sm);
 }

 .tool-info h2 {
   font-size: 1.35rem;
   color: var(--color-primary);
   margin-bottom: 16px;
   font-weight: 600;
 }

 /* ========== 页脚 ========== */
 .footer {
   background: var(--color-primary-dark);
   color: var(--color-white);
   padding: 48px 0 24px;
   margin-top: 60px;
 }

 .footer-inner {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 24px;
 }

 .footer-grid {
   display: grid;
   grid-template-columns: 2fr 1fr 1fr;
   gap: 40px;
   margin-bottom: 32px;
 }

 .footer-brand .logo {
   color: var(--color-white);
   margin-bottom: 12px;
 }

 .footer-brand p {
   font-size: 0.9rem;
   opacity: 0.85;
   line-height: 1.6;
 }

 .footer h3 {
   font-size: 1rem;
   font-weight: 600;
   margin-bottom: 16px;
   color: var(--color-white);
 }

 .footer ul li {
   margin-bottom: 8px;
 }

 .footer a {
   color: rgba(255,255,255,0.85);
   font-size: 0.9rem;
 }

 .footer a:hover {
   color: var(--color-accent);
 }

 .footer-bottom {
   padding-top: 24px;
   border-top: 1px solid rgba(255,255,255,0.15);
   text-align: center;
   font-size: 0.85rem;
   opacity: 0.8;
 }

 /* ========== 响应式 ========== */
 @media (max-width: 992px) {
   .home-intro .container {
     grid-template-columns: 1fr;
     text-align: center;
   }

   .scenario-grid {
     grid-template-columns: repeat(2, 1fr);
   }

   .category-cards {
     grid-template-columns: repeat(2, 1fr);
   }

   .category-row {
     grid-template-columns: 1fr;
   }

   .category-row-img {
     min-height: 220px;
   }

   .contact-inline {
     grid-template-columns: 1fr;
   }

   .product-detail-grid {
     grid-template-columns: 1fr;
   }

   .contact-grid {
     grid-template-columns: 1fr;
   }

   .footer-grid {
     grid-template-columns: 1fr 1fr;
   }
 }

 @media (max-width: 768px) {
  .header-inner {
    height: auto;
    padding: 16px 24px;
    flex-wrap: wrap;
  }

  .nav-hamburger {
    display: block;
  }

  .nav-list {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    background: #fff;
    flex-direction: column;
    padding: 10px;
    box-shadow: var(--shadow-md);
  }

  .nav-list.active {
    display: flex;
  }

  .nav-list a {
    padding: 12px 16px;
    border-radius: var(--radius);
  }

   .hero-slogan h1 {
     font-size: 1.5rem;
   }

   .scenario-grid {
     grid-template-columns: 1fr;
   }

   .category-cards {
     grid-template-columns: 1fr;
   }

   .category-row-body {
     padding: 20px 24px;
   }

   .category-row-body h3 {
     font-size: 1.2rem;
   }

   .stats-grid {
     grid-template-columns: 1fr;
     gap: 24px;
   }

   .stat-num { font-size: 1.75rem; }
   .stat-plus { font-size: 1.25rem; }

   .contact-form-inline .form-row {
     grid-template-columns: 1fr;
   }

   .carousel-item {
     height: 320px;
   }

   .carousel-caption h2 {
     font-size: 1.5rem;
   }

   .product-grid {
     grid-template-columns: 1fr;
   }

   .product-detail-grid {
     padding: 24px;
   }

   .footer-grid {
     grid-template-columns: 1fr;
     text-align: center;
   }

   .about-advantages {
     grid-template-columns: 1fr;
   }

   .case-grid {
     grid-template-columns: 1fr;
   }

   .case-img {
     min-height: 220px;
   }

   .case-info {
     padding: 24px;
   }
 }

 @media (max-width: 480px) {
   .container {
     padding: 0 16px;
   }

   .detail-actions {
     flex-direction: column;
   }

   .detail-actions .btn {
     width: 100%;
   }
 }

 /* 防止旧代码干扰 */
 .product-card-img[style*="background-image"] {
   background-image: none !important;
 }

/* ===== 导航栏电话（极简版）===== */
 .nav-phone-small {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   padding: 6px 12px;
   background: rgba(234, 88, 12, 0.1);
   border: 1px solid rgba(234, 88, 12, 0.2);
   border-radius: 20px;
   color: #ea580c;
   font-size: 13px;
   font-weight: 600;
   transition: all 0.2s ease;
   text-decoration: none;
   white-space: nowrap;
 }

 .nav-phone-small svg {
   width: 16px;
   height: 16px;
 }

 .nav-phone-small:hover {
   background: #ea580c;
   color: #fff;
   transform: translateY(-1px);
 }

 /* 移动端隐藏（因为正文里有电话） */
 @media (max-width: 768px) {
   .nav-phone-small {
     display: none;
   }
 }