/* Ensure hero image object-fit behaves */
.hero-image {
    object-position: center 20%;
}
.logo {
    width: 230px;
    height: 50px;
}
.hidden {
    display: none;
}
.flow {
    display: flow;
}
.subtitle {
    position: absolute;
    margin-top: -16px;
    padding-left: 25px;
}
.subtitle .subtitle-text {
    font-size: 13px;
    color: #1a202c;
}

/* 表格整体样式 */
#productDetail table, .custom-table {
    width: 100%;
    border-collapse: collapse;   /* 合并边框，避免双边框 */
    font-family: Arial, sans-serif;
    font-size: 14px;
}

/* 所有单元格（th 和 td）统一设置边框、内边距、自动换行 */
#productDetail th, #productDetail td, .custom-table th, .custom-table td {
    border: 1px solid #9ca3af;      /* 实线边框，颜色可调 */
    padding: 10px 12px;          /* 内边距（上下10px，左右12px） */
    word-wrap: break-word;       /* 允许长单词或URL换行 */
    word-break: break-word;      /* 更彻底的换行（兼容性） */
    white-space: normal;         /* 确保文本正常换行（非nowrap） */
    text-align: left;            /* 文本左对齐，可根据需要调整 */
    vertical-align: top;         /* 内容顶部对齐，也可以 middle */
}

/* 表头额外样式（可选） */
#productDetail th, .custom-table th {
    /*background-color: #f2f2f2;*/
    font-weight: bold;
}

/* 可选：斑马纹行（美化）
.custom-table tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}
 */
/* 鼠标悬停效果（可选）
.custom-table tbody tr:hover {
    background-color: #e6f7ff;
}

 */