/* ============================================================
       Section 容器
    ============================================================ */
    .sec_product1 {
      background-color: #fafaf7;
      background-image:
        /* 宣纸纹理 */
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E"),
        /* 水墨晕染 - 远山层叠 */
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Cdefs%3E%3Cfilter id='blur1'%3E%3CfeGaussianBlur stdDeviation='18'/%3E%3C/filter%3E%3Cfilter id='blur2'%3E%3CfeGaussianBlur stdDeviation='28'/%3E%3C/filter%3E%3Cfilter id='blur3'%3E%3CfeGaussianBlur stdDeviation='36'/%3E%3C/filter%3E%3Cfilter id='inkEdge'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.03' numOctaves='3' result='noise'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='noise' scale='12' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3C/defs%3E%3C!-- 远山1 --%3E%3Cellipse cx='180' cy='520' rx='320' ry='180' fill='%23000' opacity='0.06' filter='url(%23blur3)'/%3E%3C!-- 远山2 --%3E%3Cellipse cx='420' cy='490' rx='280' ry='160' fill='%23000' opacity='0.07' filter='url(%23blur3)'/%3E%3C!-- 中景山 --%3E%3Cpath d='M50 480 Q150 320 260 400 Q340 300 440 420 Q520 340 600 400 Q680 280 780 450 L780 600 L50 600Z' fill='%23000' opacity='0.09' filter='url(%23blur2)'/%3E%3C!-- 前景淡墨 --%3E%3Cpath d='M0 520 Q200 400 400 480 Q550 420 700 460 Q750 440 800 470 L800 600 L0 600Z' fill='%23000' opacity='0.12' filter='url(%23blur1)'/%3E%3C!-- 水墨飞白 --%3E%3Cellipse cx='600' cy='150' rx='180' ry='90' fill='%23000' opacity='0.04' filter='url(%23blur3)'/%3E%3Cellipse cx='150' cy='200' rx='120' ry='60' fill='%23000' opacity='0.035' filter='url(%23blur3)'/%3E%3Cellipse cx='400' cy='80' rx='140' ry='70' fill='%23000' opacity='0.028' filter='url(%23blur3)'/%3E%3C/svg%3E") no-repeat center/cover;
      border-radius: 14px;
      padding: 44px 36px 38px;
      margin-bottom: 36px;
      position: relative;
      overflow: hidden;
      box-shadow: 0 1px 12px rgba(0,0,0,0.03);
      border-top: 4px solid #e74c3c;
    }
    /* 右上朱砂水墨晕染 */
    .sec_product1::before {
      content: '';
      position: absolute;
      top: -120px; right: -100px;
      width: 520px; height: 520px;
      pointer-events: none;
      z-index: 0;
      background:
        /* 主墨团 - 大块朱砂晕开 */
        radial-gradient(ellipse 40% 35% at 55% 45%,
          rgba(180,60,45,0.14) 0%,
          rgba(200,80,55,0.08) 25%,
          rgba(210,100,70,0.03) 50%,
          transparent 75%),
        /* 卫星墨团1 - 右上延伸 */
        radial-gradient(ellipse 25% 22% at 78% 20%,
          rgba(185,65,48,0.11) 0%,
          rgba(195,75,52,0.05) 30%,
          transparent 65%),
        /* 卫星墨团2 - 下方延伸 */
        radial-gradient(ellipse 20% 28% at 60% 72%,
          rgba(175,55,42,0.10) 0%,
          rgba(190,65,48,0.04) 35%,
          transparent 70%),
        /* 淡墨飞溅 - 左侧小团 */
        radial-gradient(circle 12% at 40% 50%,
          rgba(200,80,55,0.07) 0%,
          transparent 60%),
        /* 淡墨点缀 - 极远 */
        radial-gradient(circle 8% at 85% 55%,
          rgba(185,60,44,0.06) 0%,
          transparent 55%),
        /* 笔触拖尾 */
        radial-gradient(ellipse 12% 6% at 48% 38%,
          rgba(195,70,50,0.09) 0%,
          transparent 60%),
        /* 底部过渡淡化 */
        radial-gradient(ellipse 50% 40% at 50% 85%,
          rgba(200,85,60,0.02) 0%,
          transparent 70%);
    }
    /* 左下墨池晕开 */
    .sec_product1::after {
      content: '';
      position: absolute;
      left: -60px; bottom: -100px;
      width: 380px; height: 380px;
      border-radius: 50%;
      background: radial-gradient(ellipse at 40% 30%,
        rgba(0,0,0,0.09) 0%,
        rgba(0,0,0,0.05) 30%,
        rgba(0,0,0,0.02) 60%,
        transparent 100%);
      pointer-events: none;
      z-index: 0;
    }

    /* ============================================================
       标题栏
    ============================================================ */
    .sec_p1_header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 32px;
      position: relative;
      z-index: 1;
    }
    .sec_p1_title_group {
      display: flex;
      align-items: baseline;
      gap: 12px;
    }
    .sec_p1_accent_dot {
      width: 10px; height: 10px;
      border-radius: 50%;
      background: #e74c3c;
      flex-shrink: 0;
      box-shadow: 0 0 0 4px rgba(231,76,60,0.12);
    }
    .sec_p1_title {
      font-size: 24px;
      font-weight: 700;
      color: #1a1a2e;
      margin: 0;
      line-height: 1;
      letter-spacing: 1px;
    }
    .sec_p1_subtitle {
      font-size: 11px;
      font-weight: 500;
      color: #bbb;
      letter-spacing: 2px;
      padding-left: 2px;
    }
    .sec_p1_more {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 13px;
      font-weight: 500;
      color: #777;
      text-decoration: none;
      padding: 7px 18px;
      border: 1px solid #e0e0e0;
      border-radius: 20px;
      transition: all 0.28s ease;
      white-space: nowrap;
    }
    .sec_p1_more i { font-size: 12px; transition: transform 0.28s; }
    .sec_p1_more:hover {
      color: #fff;
      background: #e74c3c;
      border-color: #e74c3c;
      box-shadow: 0 3px 12px rgba(231,76,60,0.25);
    }
    .sec_p1_more:hover i { transform: translateX(4px); }

    /* ============================================================
       商品网格 —— 3列 × 2行
    ============================================================ */
    .sec_p1_grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      position: relative;
      z-index: 1;
      position: relative;
      z-index: 1;
    }

    /* ============================================================
       单张卡片
    ============================================================ */
    .sec_p1_card {
      background: #fff;
      border-radius: 12px;
      overflow: hidden;
      border: 1px solid #f0f0f0;
      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
      display: flex;
      flex-direction: column;
    }
    .sec_p1_card:hover {
      transform: translateY(-5px);
      box-shadow: 0 12px 32px rgba(0,0,0,0.09);
      border-color: transparent;
    }

    /* ---- 图片区 ---- */
    .sec_p1_img_wrap {
      display: block;
      position: relative;
      overflow: hidden;
      background: #f7f8fa;
      aspect-ratio: 1 / 1;
    }
    .sec_p1_img_wrap img {
      width: 100%; height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);
      border-radius: 200px;
    }
    .sec_p1_card:hover .sec_p1_img_wrap img {
      transform: scale(1.08);
    }
    .sec_p1_tag {
      position: absolute;
      top: 12px; left: 12px;
      display: inline-block;
      font-size: 11px;
      font-weight: 600;
      color: #fff;
      background: linear-gradient(135deg, #e74c3c, #febc8b);
      padding: 3px 10px;
      border-radius: 4px;
      letter-spacing: 0.5px;
      box-shadow: 0 2px 8px rgba(231,76,60,0.2);
      pointer-events: none;
    }

    /* ---- 信息区 ---- */
    .sec_p1_body {
      padding: 16px 18px 18px;
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .sec_p1_name {
      font-size: 14px;
      font-weight: 500;
      color: #2c3e50;
      line-height: 1.55;
      text-decoration: none;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      min-height: 43px;
      margin-bottom: 6px;
      transition: color 0.2s;
    }
    .sec_p1_name:hover { color: #e74c3c; }

    .sec_p1_stars {
      display: flex;
      gap: 2px;
      margin-bottom: 12px;
    }
    .sec_p1_stars i {
      font-size: 12px;
      color: #f0c040;
    }

    /* ---- 底部行：价格 + 按钮 ---- */
    .sec_p1_row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
    }
    .sec_p1_price {
      font-size: 22px;
      font-weight: 800;
      color: #e74c3c;
      white-space: nowrap;
      line-height: 1;
    }
    .sec_p1_price em {
      font-style: normal;
      font-size: 13px;
      font-weight: 600;
      color: #e74c3c;
      margin-left: 1px;
    }
    .sec_p1_btn {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      padding: 8px 16px;
      font-size: 12px;
      font-weight: 600;
      color: #e74c3c;
      background: rgba(231,76,60,0.06);
      border: 1.5px solid rgba(231,76,60,0.2);
      border-radius: 20px;
      text-decoration: none;
      white-space: nowrap;
      transition: all 0.28s ease;
      line-height: 1;
    }
    .sec_p1_btn:hover {
      color: #fff;
      background: linear-gradient(135deg, #e74c3c, #c0392b);
      border-color: transparent;
      box-shadow: 0 4px 12px rgba(231,76,60,0.3);
      transform: translateY(-1px);
    }

    /* ============================================================
       响应式
    ============================================================ */
    @media (max-width: 1199px) {
      .sec_product1 { padding: 38px 26px 32px; }
      .sec_p1_name { font-size: 13px; min-height: 38px; }
      .sec_p1_price { font-size: 19px; }
      .sec_p1_grid { gap: 16px; }
    }
    @media (max-width: 991px) {
      .sec_product1 {
        padding: 30px 18px 26px;
        border-radius: 10px;
        border-top-width: 3px;
      }
      .sec_p1_grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
      .sec_p1_header { margin-bottom: 24px; }
      .sec_p1_title { font-size: 20px; }
      .sec_p1_subtitle { display: none; }
      .sec_p1_name { font-size: 13px; min-height: 38px; }
      .sec_p1_price { font-size: 18px; }
    }
    @media (max-width: 767px) {
      .sec_product1 { padding: 22px 12px 20px; }
      .sec_p1_grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
      .sec_p1_header { flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }
      .sec_p1_title { font-size: 18px; }
      .sec_p1_more { font-size: 12px; padding: 5px 13px; }
      .sec_p1_body { padding: 12px 12px 14px; }
      .sec_p1_name { font-size: 12px; min-height: 34px; -webkit-line-clamp: 1; }
      .sec_p1_stars i { font-size: 10px; }
      .sec_p1_price { font-size: 16px; }
      .sec_p1_btn { padding: 6px 12px; font-size: 11px; }
      .sec_p1_tag { font-size: 10px; padding: 2px 8px; top: 8px; left: 8px; }
    }
    @media (max-width: 480px) {
      .sec_product1 { padding: 16px 10px 14px; }
      .sec_p1_title { font-size: 16px; }
      .sec_p1_more { font-size: 11px; padding: 4px 11px; }
      .sec_p1_name { font-size: 11px; min-height: 30px; }
      .sec_p1_price { font-size: 14px; }
      .sec_p1_btn { padding: 5px 10px; font-size: 10px; }
      .sec_p1_price em { font-size: 11px; }
    }

    /* ============================================================
       product3: 横向行卡片风格 (2×3) —— 与竖卡列表有明显差异
    ============================================================ */
    .sec_product3 {
      background: #fafbfd;
      border-radius: 14px;
      padding: 44px 36px 38px;
      margin-bottom: 36px;
      border: 1px solid #eef0f5;
      position: relative;
      overflow: hidden;
    }
    /* 左侧装饰条 */
    .sec_product3::before {
      content: '';
      position: absolute;
      left: 0; top: 40px; bottom: 40px;
      width: 3px;
      background: linear-gradient(180deg, #e74c3c 0%, #febc8b 50%, #e74c3c 100%);
      border-radius: 0 3px 3px 0;
    }

    /* ---- 标题栏 ---- */
    .sec_p3_header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 28px;
      padding-left: 8px;
      position: relative;
      z-index: 1;
    }
    .sec_p3_h_left {
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .sec_p3_icon {
      font-size: 22px;
      color: #e74c3c;
      opacity: 0.85;
    }
    .sec_p3_title {
      font-size: 22px;
      font-weight: 700;
      color: #1a1a2e;
      margin: 0;
      line-height: 1;
    }
    .sec_p3_more {
      font-size: 13px;
      font-weight: 500;
      color: #e74c3c;
      text-decoration: none;
      padding: 6px 16px;
      border-radius: 16px;
      background: rgba(231,76,60,0.06);
      transition: all 0.28s;
      white-space: nowrap;
    }
    .sec_p3_more:hover {
      background: #e74c3c;
      color: #fff;
      box-shadow: 0 3px 12px rgba(231,76,60,0.25);
    }

    /* ---- 列表容器: 2列 ---- */
    .sec_p3_list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      position: relative;
      z-index: 1;
    }

    /* ---- 单行卡片: 左图右文 ---- */
    .sec_p3_item {
      display: flex;
      gap: 18px;
      background: #fff;
      border-radius: 12px;
      padding: 16px;
      border: 1px solid #f0f2f7;
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      cursor: pointer;
      overflow: hidden;
      position: relative;
    }
    .sec_p3_item:hover {
      transform: translateX(4px);
      box-shadow: 0 6px 24px rgba(0,0,0,0.08);
      border-color: #e74c3c;
    }
    /* hover 时右侧装饰条 */
    .sec_p3_item::after {
      content: '';
      position: absolute;
      right: 0; top: 12px; bottom: 12px;
      width: 3px;
      background: #e74c3c;
      border-radius: 3px 0 0 3px;
      opacity: 0;
      transition: opacity 0.3s;
    }
    .sec_p3_item:hover::after { opacity: 1; }

    /* ---- 图片 ---- */
    .sec_p3_img_box {
      position: relative;
      flex-shrink: 0;
      width: 130px;
      height: 130px;
      border-radius: 10px;
      overflow: hidden;
      background: #f5f6fa;
      display: block;
    }
    .sec_p3_img_box img {
      width: 100%; height: 100%;
      object-fit: cover;
      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .sec_p3_item:hover .sec_p3_img_box img {
      transform: scale(1.1);
    }
    .sec_p3_tag {
      position: absolute;
      top: 8px; left: 8px;
      font-size: 10px;
      font-weight: 600;
      color: #fff;
      background: rgba(0,0,0,0.55);
      padding: 2px 8px;
      border-radius: 3px;
      letter-spacing: 0.5px;
      pointer-events: none;
    }

    /* ---- 信息区 ---- */
    .sec_p3_info {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      min-width: 0;
    }
    .sec_p3_name {
      display: block;
      font-size: 14px;
      font-weight: 600;
      color: #2c3e50;
      line-height: 1.45;
      text-decoration: none;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin-bottom: 4px;
      transition: color 0.2s;
    }
    .sec_p3_name:hover { color: #e74c3c; }

    .sec_p3_stars {
      display: flex;
      gap: 2px;
      margin-bottom: 6px;
      flex-shrink: 0;
    }
    .sec_p3_stars i {
      font-size: 11px;
      color: #f0c040;
    }
    .sec_p3_stars i.fa-star-o { color: #ddd; }

    .sec_p3_desc {
      font-size: 12px;
      color: #aaa;
      margin-bottom: 10px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    /* ---- 底部: 价格 + 按钮 ---- */
    .sec_p3_foot {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
    }
    .sec_p3_price {
      font-size: 20px;
      font-weight: 800;
      color: #e74c3c;
      line-height: 1;
    }
    .sec_p3_price small {
      font-size: 13px;
      font-weight: 600;
    }
    .sec_p3_btn {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      font-size: 12px;
      font-weight: 600;
      color: #fff;
      background: linear-gradient(135deg, #e74c3c, #c0392b);
      padding: 7px 16px;
      border-radius: 18px;
      text-decoration: none;
      white-space: nowrap;
      transition: all 0.28s;
      box-shadow: 0 3px 10px rgba(231,76,60,0.2);
      line-height: 1;
    }
    .sec_p3_btn:hover {
      transform: translateY(-1px);
      box-shadow: 0 5px 16px rgba(231,76,60,0.35);
      color: #fff;
    }
    .sec_p3_btn i { font-size: 11px; }

    /* ============================================================
       product3 响应式
    ============================================================ */
    @media (max-width: 1199px) {
      .sec_product3 { padding: 36px 24px 30px; }
      .sec_p3_img_box { width: 110px; height: 110px; }
    }
    @media (max-width: 991px) {
      .sec_product3 { padding: 28px 18px 24px; }
      .sec_p3_list { grid-template-columns: 1fr 1fr; gap: 12px; }
      .sec_p3_item { padding: 12px; gap: 12px; }
      .sec_p3_img_box { width: 100px; height: 100px; }
      .sec_p3_name { font-size: 13px; }
      .sec_p3_price { font-size: 17px; }
    }
    @media (max-width: 767px) {
      .sec_product3 { padding: 22px 14px 18px; }
      .sec_product3::before { top: 24px; bottom: 24px; }
      .sec_p3_header { margin-bottom: 20px; }
      .sec_p3_title { font-size: 18px; }
      .sec_p3_list { grid-template-columns: 1fr; gap: 10px; }
      .sec_p3_item { padding: 10px; gap: 10px; }
      .sec_p3_img_box { width: 90px; height: 90px; border-radius: 8px; }
      .sec_p3_name { font-size: 12px; }
      .sec_p3_desc { display: none; }
      .sec_p3_price { font-size: 16px; }
      .sec_p3_price small { font-size: 11px; }
      .sec_p3_btn { font-size: 11px; padding: 6px 12px; }
    }
    @media (max-width: 480px) {
      .sec_product3 { padding: 16px 10px 12px; }
      .sec_p3_title { font-size: 16px; }
      .sec_p3_img_box { width: 80px; height: 80px; }
      .sec_p3_stars i { font-size: 10px; }
      .sec_p3_price { font-size: 14px; }
      .sec_p3_btn { font-size: 10px; padding: 5px 10px; }
    }

    /* ============================================================
       shipping area: 便当盒网格 —— 强烈的视觉差异
    ============================================================ */
    .sec_shipping {
      background: #1a1a2e;
      border-radius: 16px;
      padding: 46px 36px 40px;
      margin-bottom: 36px;
      position: relative;
      overflow: hidden;
    }
    /* 背景噪点纹理 */
    .sec_shipping::before {
      content: '';
      position: absolute;
      inset: 0;
      background: radial-gradient(ellipse at 20% 50%, rgba(231,76,60,0.08) 0%, transparent 50%),
                  radial-gradient(ellipse at 80% 20%, rgba(254,188,139,0.06) 0%, transparent 50%);
      pointer-events: none;
    }

    /* ---- 标题栏 ---- */
    .sec_ship_header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 30px;
      position: relative;
      z-index: 1;
    }
    .sec_ship_title_wrap {
      display: flex;
      align-items: center;
      gap: 14px;
    }
    .sec_ship_fire { font-size: 22px; line-height: 1; }
    .sec_ship_title {
      font-size: 24px;
      font-weight: 800;
      color: #fff;
      margin: 0;
      letter-spacing: 1px;
      line-height: 1;
    }
    .sec_ship_line {
      display: inline-block;
      width: 36px; height: 2px;
      background: linear-gradient(90deg, #e74c3c, transparent);
      border-radius: 1px;
    }
    .sec_ship_sub {
      font-size: 11px;
      font-weight: 500;
      color: rgba(255,255,255,0.35);
      letter-spacing: 3px;
    }
    .sec_ship_more {
      font-size: 13px;
      font-weight: 500;
      color: rgba(255,255,255,0.6);
      text-decoration: none;
      padding: 7px 18px;
      border: 1px solid rgba(255,255,255,0.15);
      border-radius: 20px;
      transition: all 0.28s;
      white-space: nowrap;
    }
    .sec_ship_more:hover {
      color: #fff;
      background: #e74c3c;
      border-color: #e74c3c;
      box-shadow: 0 3px 14px rgba(231,76,60,0.4);
    }

    /* ============================================================
       便当盒网格布局
       ┌──────────────┬──────────┐
       │              │  Card 2  │
       │   Card 1     ├──────────┤
       │   (HERO)     │  Card 3  │
       │              ├──────────┤
       │              │  Card 4  │
       ├──────────────┴──────────┤
       │   Card 5   │  Card 6    │
       └──────────────┴──────────┘
    ============================================================ */
    .sec_ship_grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto auto auto auto;
      gap: 16px;
      position: relative;
      z-index: 1;
    }

    /* ---- 基础卡片 ---- */
    .sec_ship_card {
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 12px;
      overflow: hidden;
      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
      backdrop-filter: blur(4px);
    }
    .sec_ship_card:hover {
      transform: translateY(-3px);
      border-color: rgba(231,76,60,0.5);
      box-shadow: 0 8px 28px rgba(0,0,0,0.35), 0 0 0 1px rgba(231,76,60,0.2) inset;
      background: rgba(255,255,255,0.07);
    }

    /* ---- 图片 ---- */
    .ship_img {
      display: block;
      overflow: hidden;
      position: relative;
      background: rgba(0,0,0,0.2);
      aspect-ratio: 1 / 1;
    }
    .ship_img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .sec_ship_card:hover .ship_img img { transform: scale(1.06); }

    .ship_flame {
      position: absolute;
      top: 12px; left: 12px;
      font-size: 12px;
      font-weight: 700;
      color: #fff;
      background: linear-gradient(135deg, #e74c3c, #ff6b35);
      padding: 4px 12px;
      border-radius: 5px;
      letter-spacing: 1px;
      box-shadow: 0 3px 12px rgba(231,76,60,0.5);
      animation: shipFlamePulse 2s ease-in-out infinite;
      pointer-events: none;
    }
    @keyframes shipFlamePulse {
      0%, 100% { box-shadow: 0 3px 12px rgba(231,76,60,0.4); }
      50% { box-shadow: 0 3px 20px rgba(255,107,53,0.7); }
    }

    /* ---- 信息区 ---- */
    .ship_body {
      padding: 16px 18px 18px;
    }
    .ship_name {
      display: block;
      font-size: 14px;
      font-weight: 500;
      color: rgba(255,255,255,0.85);
      line-height: 1.5;
      text-decoration: none;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      transition: color 0.2s;
    }
    .ship_name:hover { color: #febc8b; }

    .ship_desc {
      font-size: 12px;
      color: rgba(255,255,255,0.35);
      margin: 6px 0 10px;
      line-height: 1.4;
    }

    .ship_meta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-top: 8px;
    }
    .ship_price {
      font-size: 20px;
      font-weight: 800;
      color: #febc8b;
      line-height: 1;
    }
    .ship_price i {
      font-size: 13px;
      font-weight: 600;
      font-style: normal;
    }
    .ship_btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 36px; height: 36px;
      border-radius: 50%;
      background: rgba(255,255,255,0.08);
      border: 1px solid rgba(255,255,255,0.12);
      color: rgba(255,255,255,0.5);
      text-decoration: none;
      font-size: 13px;
      transition: all 0.28s;
      flex-shrink: 0;
    }
    .ship_btn:hover {
      background: #e74c3c;
      border-color: #e74c3c;
      color: #fff;
      box-shadow: 0 3px 12px rgba(231,76,60,0.5);
    }
    .ship_btn_primary {
      width: auto !important;
      height: auto !important;
      border-radius: 22px !important;
      padding: 10px 22px;
      font-size: 13px;
      font-weight: 700;
      color: #fff;
      background: linear-gradient(135deg, #e74c3c, #ff6b35);
      border: none;
      box-shadow: 0 4px 16px rgba(231,76,60,0.35);
    }
    .ship_btn_primary:hover {
      transform: translateY(-2px);
      box-shadow: 0 6px 22px rgba(231,76,60,0.5);
      background: linear-gradient(135deg, #ff6b35, #e74c3c);
      border: none;
    }

    /* ============================================================
       卡片尺寸区分
    ============================================================ */
    /* Hero 卡: 跨3行左列 */
    .ship_hero {
      grid-row: 1 / 4;
      grid-column: 1;
    }
    .ship_hero .ship_img { width: 100%; }
    .ship_hero .ship_body { padding: 20px 22px 22px; }
    .ship_hero .ship_name {
      font-size: 17px;
      font-weight: 700;
      white-space: normal;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    .ship_hero .ship_price { font-size: 26px; }
    .ship_hero .ship_price i { font-size: 15px; }

    /* 底部宽卡 */
    .ship_wide { display: flex; flex-direction: row; }
    .ship_wide .ship_img {
      width: 110px; flex-shrink: 0;
    }
    .ship_wide .ship_body {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .ship_wide .ship_name { font-size: 13px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
    .ship_wide .ship_price { font-size: 18px; }
    .ship_wide .ship_price i { font-size: 12px; }

    /* ============================================================
       shipping 响应式
    ============================================================ */
    @media (max-width: 1199px) {
      .sec_shipping { padding: 38px 26px 32px; }
    }
    @media (max-width: 991px) {
      .sec_shipping { padding: 30px 20px 26px; border-radius: 12px; }
      .sec_ship_grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        gap: 12px;
      }
      .ship_hero {
        grid-row: auto;
        grid-column: 1 / -1;
      }
      .ship_hero .ship_img { max-width: 240px; }
      .ship_hero .ship_body { padding: 14px 16px 16px; }
      .ship_hero .ship_name { font-size: 15px; white-space: nowrap; -webkit-line-clamp: 1; }
      .ship_hero .ship_price { font-size: 22px; }
      .ship_desc { display: none; }
      .ship_wide { display: block; }
      .ship_wide .ship_img { width: 120px; }
      .ship_wide .ship_body { padding: 10px 14px 14px; }
      .sec_ship_title { font-size: 20px; }
    }
    @media (max-width: 767px) {
      .sec_shipping { padding: 22px 14px 20px; }
      .sec_ship_header { flex-wrap: wrap; gap: 10px; margin-bottom: 20px; }
      .sec_ship_title { font-size: 17px; }
      .sec_ship_sub { display: none; }
      .sec_ship_line { display: none; }
      .sec_ship_more { font-size: 12px; padding: 5px 13px; }
      .sec_ship_grid { gap: 10px; }
      .ship_hero .ship_img { max-width: 200px; }
      .ship_hero .ship_name { font-size: 14px; }
      .ship_hero .ship_price { font-size: 19px; }
      .ship_hero .ship_body { padding: 12px 14px 14px; }
      .ship_wide .ship_img { width: 100px; }
      .ship_btn_primary { padding: 7px 14px; font-size: 12px; }
    }
    @media (max-width: 480px) {
      .sec_shipping { padding: 16px 10px 14px; }
      .sec_ship_grid { grid-template-columns: 1fr 1fr; gap: 8px; }
      .ship_hero .ship_img { max-width: 170px; }
      .ship_hero .ship_name { font-size: 12px; }
      .ship_hero .ship_price { font-size: 16px; }
      .ship_wide .ship_img { width: 85px; }
      .ship_wide .ship_name { font-size: 12px; }
      .ship_wide .ship_price { font-size: 15px; }
      .ship_flame { font-size: 10px; padding: 2px 8px; top: 8px; left: 8px; }
    }

    /* ============================================================
       Banner 分类卡片区
    ============================================================ */
    .bnr_wrap {
      padding: 30px 0 50px;
    }
    .bnr_card {
      position: relative;
      display: flex;
      align-items: center;
      gap: 20px;
      background: #1a1d28;
      border: 1px solid rgba(255,255,255,0.06);
      border-radius: 16px;
      padding: 28px 26px;
      cursor: pointer;
      overflow: hidden;
      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
      height: 100%;
    }
    .bnr_card::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 3px;
      background: linear-gradient(90deg, #e74c3c, #ff6b35);
      transform: scaleX(0);
      transform-origin: left;
      transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .bnr_card:hover {
      border-color: rgba(231,76,60,0.3);
      box-shadow: 0 8px 32px rgba(231,76,60,0.12);
      transform: translateY(-4px);
    }
    .bnr_card:hover::before { transform: scaleX(1); }

    .bnr_icon_box {
      flex-shrink: 0;
      width: 72px; height: 72px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 32px;
      color: #fff;
      position: relative;
    }
    /* 三色图标 */
    .bnr_icon1 { background: linear-gradient(135deg, #e74c3c, #ff6b35); box-shadow: 0 6px 20px rgba(231,76,60,0.3); }
    .bnr_icon2 { background: linear-gradient(135deg, #3498db, #2ecc71); box-shadow: 0 6px 20px rgba(52,152,219,0.3); }
    .bnr_icon3 { background: linear-gradient(135deg, #9b59b6, #f39c12); box-shadow: 0 6px 20px rgba(155,89,182,0.3); }

    .bnr_info { flex: 1; min-width: 0; }
    .bnr_info h3 {
      font-size: 19px;
      font-weight: 700;
      color: #fff;
      margin: 0 0 6px;
      letter-spacing: 0.5px;
    }
    .bnr_info p {
      font-size: 13px;
      color: rgba(255,255,255,0.45);
      margin: 0 0 10px;
      line-height: 1.4;
    }
    .bnr_tag {
      display: inline-block;
      font-size: 11px;
      font-weight: 700;
      color: #febc8b;
      background: rgba(254,188,139,0.1);
      padding: 3px 12px;
      border-radius: 20px;
      letter-spacing: 1px;
    }
    .bnr_arrow {
      flex-shrink: 0;
      width: 38px; height: 38px;
      border-radius: 50%;
      background: rgba(255,255,255,0.05);
      display: flex;
      align-items: center;
      justify-content: center;
      color: rgba(255,255,255,0.3);
      font-size: 14px;
      transition: all 0.3s;
    }
    .bnr_card:hover .bnr_arrow {
      background: linear-gradient(135deg, #e74c3c, #ff6b35);
      color: #fff;
      box-shadow: 0 4px 16px rgba(231,76,60,0.4);
    }

    /* 响应式 */
    @media (max-width: 991px) {
      .bnr_wrap { padding: 20px 0 35px; }
      .bnr_card { padding: 22px 18px; gap: 16px; }
      .bnr_icon_box { width: 58px; height: 58px; font-size: 26px; }
      .bnr_info h3 { font-size: 16px; }
    }
    @media (max-width: 767px) {
      .bnr_card { margin-bottom: 16px; padding: 20px 16px; }
      .bnr_arrow { width: 32px; height: 32px; font-size: 12px; }
    }
    @media (max-width: 480px) {
      .bnr_card { gap: 14px; padding: 18px 14px; }
      .bnr_icon_box { width: 50px; height: 50px; font-size: 22px; }
      .bnr_info h3 { font-size: 15px; }
      .bnr_info p { font-size: 12px; }
    }

    /* ============================================================
       首页 Hero Slider
    ============================================================ */
    .hero_slider { position: relative; overflow: hidden; }
    .hero_slider .single_slider {
      height: 620px;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      position: relative;
    }
    /* 暗色渐变遮罩 */
    .hero_slider .single_slider::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(105deg,
        rgba(10,12,20,0.92) 0%,
        rgba(10,12,20,0.75) 40%,
        rgba(10,12,20,0.3) 70%,
        rgba(10,12,20,0.05) 100%);
      z-index: 1;
    }
    .hero_slider .container {
      position: relative;
      z-index: 2;
      height: 100%;
      display: flex;
      align-items: center;
    }
    .hero_slider .row { width: 100%; }
    .hero_content {
      max-width: 560px;
    }
    .hero_badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(231,76,60,0.15);
      border: 1px solid rgba(231,76,60,0.3);
      color: #febc8b;
      font-size: 13px;
      font-weight: 700;
      padding: 6px 18px;
      border-radius: 30px;
      letter-spacing: 2px;
      margin-bottom: 20px;
      animation: heroFadeInUp 0.7s ease both;
    }
    .hero_badge i { font-size: 11px; animation: heroPulse 2s infinite; }
    @keyframes heroPulse {
      0%, 100% { opacity: 1; }
      50% { opacity: 0.4; }
    }
    .hero_title {
      font-size: 48px;
      font-weight: 800;
      line-height: 1.15;
      color: #fff;
      margin-bottom: 16px;
      letter-spacing: -0.5px;
      animation: heroFadeInUp 0.7s 0.15s ease both;
    }
    .hero_title span {
      background: linear-gradient(135deg, #e74c3c, #ff6b35);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .hero_desc {
      font-size: 16px;
      line-height: 1.7;
      color: rgba(255,255,255,0.55);
      margin-bottom: 30px;
      animation: heroFadeInUp 0.7s 0.3s ease both;
    }
    .hero_btns {
      display: flex;
      align-items: center;
      gap: 16px;
      flex-wrap: wrap;
      animation: heroFadeInUp 0.7s 0.45s ease both;
    }
    .hero_btn_primary {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: linear-gradient(135deg, #e74c3c, #ff6b35);
      color: #fff;
      font-size: 15px;
      font-weight: 700;
      padding: 14px 36px;
      border-radius: 30px;
      text-decoration: none;
      box-shadow: 0 6px 24px rgba(231,76,60,0.4);
      transition: all 0.3s;
      border: none;
    }
    .hero_btn_primary:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 30px rgba(231,76,60,0.55);
      color: #fff;
    }
    .hero_btn_outline {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: transparent;
      color: rgba(255,255,255,0.7);
      font-size: 15px;
      font-weight: 600;
      padding: 14px 36px;
      border-radius: 30px;
      text-decoration: none;
      border: 1px solid rgba(255,255,255,0.2);
      transition: all 0.3s;
    }
    .hero_btn_outline:hover {
      border-color: rgba(255,255,255,0.5);
      color: #fff;
      background: rgba(255,255,255,0.05);
    }
    @keyframes heroFadeInUp {
      from { opacity: 0; transform: translateY(24px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    /* 底部指示条 */
    .hero_slider .hero_dots {
      position: absolute;
      bottom: 30px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 10px;
      z-index: 10;
    }
    .hero_slider .hero_dots span {
      width: 40px; height: 4px;
      border-radius: 2px;
      background: rgba(255,255,255,0.25);
      cursor: pointer;
      transition: all 0.35s;
    }
    .hero_slider .hero_dots span.active {
      background: linear-gradient(90deg, #e74c3c, #ff6b35);
      width: 60px;
    }
    /* 左右箭头 */
    .hero_slider .hero_nav {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 48px; height: 48px;
      border-radius: 50%;
      background: rgba(255,255,255,0.08);
      border: 1px solid rgba(255,255,255,0.12);
      color: #fff;
      font-size: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      z-index: 10;
      transition: all 0.3s;
      text-decoration: none;
    }
    .hero_slider .hero_nav:hover {
      background: rgba(231,76,60,0.3);
      border-color: rgba(231,76,60,0.5);
    }
    .hero_slider .hero_nav_prev { left: 30px; }
    .hero_slider .hero_nav_next { right: 30px; }

    /* 响应式 */
    @media (max-width: 1199px) {
      .hero_slider .single_slider { height: 500px; }
      .hero_title { font-size: 40px; }
      .hero_content { max-width: 480px; }
    }
    @media (max-width: 991px) {
      .hero_slider .single_slider { height: 420px; }
      .hero_title { font-size: 32px; }
      .hero_desc { font-size: 14px; margin-bottom: 22px; }
      .hero_content { max-width: 400px; }
      .hero_slider .hero_nav { width: 40px; height: 40px; font-size: 15px; }
      .hero_slider .hero_nav_prev { left: 16px; }
      .hero_slider .hero_nav_next { right: 16px; }
    }
    @media (max-width: 767px) {
      .hero_slider .single_slider { height: 380px; }
      .hero_slider .single_slider::after {
        background: linear-gradient(180deg, rgba(10,12,20,0.85) 0%, rgba(10,12,20,0.6) 100%);
      }
      .hero_content { max-width: 100%; text-align: center; }
      .hero_title { font-size: 26px; }
      .hero_desc { font-size: 13px; }
      .hero_btns { justify-content: center; }
      .hero_btn_primary, .hero_btn_outline { padding: 12px 28px; font-size: 14px; }
      .hero_slider .hero_nav { display: none; }
      .hero_slider .hero_dots { bottom: 20px; }
      .hero_slider .hero_dots span { width: 30px; }
      .hero_slider .hero_dots span.active { width: 45px; }
    }
    @media (max-width: 480px) {
      .hero_slider .single_slider { height: 320px; }
      .hero_title { font-size: 22px; }
      .hero_badge { font-size: 11px; padding: 4px 14px; margin-bottom: 14px; }
      .hero_desc { font-size: 12px; margin-bottom: 16px; }
      .hero_btn_primary, .hero_btn_outline { padding: 10px 22px; font-size: 13px; }
    }
    /* Owl 导航覆写 */
    .hero_slider .owl-nav div {
      width: 48px !important; height: 48px !important;
      line-height: 48px !important;
      font-size: 20px !important;
      border-radius: 50% !important;
      background: rgba(255,255,255,0.08) !important;
      border: 1px solid rgba(255,255,255,0.12) !important;
      color: #fff !important;
      transition: all 0.3s !important;
    }
    .hero_slider .owl-nav div:hover {
      background: rgba(231,76,60,0.3) !important;
      border-color: rgba(231,76,60,0.5) !important;
    }
    .hero_slider .owl-nav div.owl-prev { left: 30px !important; }
    .hero_slider .owl-nav div.owl-next { right: 30px !important; }
    .hero_slider .owl-dots { bottom: 30px !important; }
    .hero_slider .owl-dots .owl-dot {
      width: 40px !important; height: 4px !important;
      border-radius: 2px !important;
      margin: 0 5px !important;
      background: rgba(255,255,255,0.25) !important;
      border: none !important;
      transition: all 0.35s !important;
    }
    .hero_slider .owl-dots .owl-dot.active {
      background: linear-gradient(90deg, #e74c3c, #ff6b35) !important;
      width: 60px !important;
    }
    @media (max-width: 991px) {
      .hero_slider .owl-nav div { width: 40px !important; height: 40px !important; line-height: 40px !important; font-size: 16px !important; }
      .hero_slider .owl-nav div.owl-prev { left: 16px !important; }
      .hero_slider .owl-nav div.owl-next { right: 16px !important; }
    }
    @media (max-width: 767px) {
      .hero_slider .owl-nav div { display: none !important; }
      .hero_slider .owl-dots { bottom: 20px !important; }
      .hero_slider .owl-dots .owl-dot { width: 30px !important; }
      .hero_slider .owl-dots .owl-dot.active { width: 45px !important; }
    }

    /* ============================================================
       页脚 —— 极简并列 Logo + 备案
    ============================================================ */
    .site_footer {
      background: #f8fafc;
      margin-top: 50px;
      border-top: 1px solid #e2e8f0;
    }
    .ft_inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 22px 0;
      gap: 24px;
    }
    .ft_logo_wrap {
      flex-shrink: 0;
    }
    .ft_logo_wrap a {
      display: block;
      opacity: 0.75;
      transition: opacity 0.25s;
    }
    .ft_logo_wrap a:hover { opacity: 1; }
    .ft_logo_wrap img {
      max-height: 36px;
      display: block;
    }
    .ft_divider {
      width: 1px;
      height: 20px;
      background: #e2e8f0;
      flex-shrink: 0;
    }
    .ft_legal {
      font-size: 13px;
      color: #94a3b8;
      margin: 0;
      letter-spacing: 0.3px;
    }
    .ft_legal a {
      color: #64748b;
      text-decoration: none;
      transition: color 0.25s;
    }
    .ft_legal a:hover { color: #2563eb; }

    /* 响应式 */
    @media (max-width: 767px) {
      .site_footer { margin-top: 30px; }
      .ft_inner {
        flex-direction: column;
        padding: 18px 0;
        gap: 10px;
        text-align: center;
      }
      .ft_divider { display: none; }
      .ft_legal { font-size: 12px; }
    }