/* ========================================
   Products Desktop Button Center v1.0
   PC端产品详情按钮居中对齐
   只影响桌面端，不改变移动端样式
   ======================================== */

/* ========================================
   仅在PC端（>=768px）应用居中样式
   ======================================== */

@media (min-width: 768px) {
  /* 按钮容器居中对齐 */
  .sec-products-tabbed .detail-actions {
    display: flex !important;
    justify-content: center !important;  /* 居中对齐 */
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
  }

  /* 按钮尺寸优化 - 更小更精致 */
  .sec-products-tabbed .btn-primary-large,
  .sec-products-tabbed .btn-outline-large {
    width: auto !important;
    min-width: 120px !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
  }

  /* 主按钮样式 */
  .sec-products-tabbed .btn-primary-large {
    background: #1890ff !important;
    border: none !important;
    color: white !important;
  }

  .sec-products-tabbed .btn-primary-large:hover {
    background: #0070f3 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(24, 144, 255, 0.3) !important;
  }

  .sec-products-tabbed .btn-primary-large:active {
    transform: translateY(0) !important;
  }

  /* 次按钮样式 */
  .sec-products-tabbed .btn-outline-large {
    background: white !important;
    border: 1px solid #d9d9d9 !important;
    color: #333 !important;
  }

  .sec-products-tabbed .btn-outline-large:hover {
    border-color: #1890ff !important;
    color: #1890ff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(24, 144, 255, 0.15) !important;
  }

  .sec-products-tabbed .btn-outline-large:active {
    transform: translateY(0) !important;
  }

  /* 按钮图标 */
  .sec-products-tabbed .btn-primary-large svg,
  .sec-products-tabbed .btn-outline-large svg {
    width: 14px !important;
    height: 14px !important;
  }

  /* GPU 产品按钮颜色 */
  .sec-products-tabbed .product-detail[data-product="gpu"] .btn-primary-large {
    background: #722ed1 !important;
  }

  .sec-products-tabbed .product-detail[data-product="gpu"] .btn-primary-large:hover {
    background: #531dab !important;
    box-shadow: 0 4px 12px rgba(114, 46, 209, 0.3) !important;
  }

  /* 物理服务器按钮颜色 */
  .sec-products-tabbed .product-detail[data-product="dedicated"] .btn-primary-large {
    background: #52c41a !important;
  }

  .sec-products-tabbed .product-detail[data-product="dedicated"] .btn-primary-large:hover {
    background: #389e0d !important;
    box-shadow: 0 4px 12px rgba(82, 196, 26, 0.3) !important;
  }

  /* 域名按钮颜色 */
  .sec-products-tabbed .product-detail[data-product="domain"] .btn-primary-large {
    background: #fa8c16 !important;
  }

  .sec-products-tabbed .product-detail[data-product="domain"] .btn-primary-large:hover {
    background: #d46b08 !important;
    box-shadow: 0 4px 12px rgba(250, 140, 22, 0.3) !important;
  }
}

/* ========================================
   移动端（<768px）不应用任何样式
   移动端样式由 products-mobile-redesign.css 控制
   ======================================== */