:root {
    --text-secondary: #A1A1AA;    /* 正文描述顏色 */
    --accent-color: #06B6D4;      /* 科技感青藍色點綴 */
    --font-main: 'Inter', 'PingFang TC', 'Microsoft JhengHei', -apple-system, sans-serif;
}
.article-highlight{display:grid;grid-template-columns: repeat(auto-fit, minmax(0, 1fr));gap:14px;margin:0px 0 12px}
.highlight-card {
    padding: 18px;
    border-radius: 18px;
    font-size: 14px;
    color: #000;
    border: 1px solid #757575;
    background: rgba(255, 255, 255, .02);
}
.highlight-card strong {
    display: block;
    font-size: 1rem;
    margin-bottom: 8px;
    color: #000;
    border: 1px #008ffd dotted;
}
.highlight-card span{display:block;color:#000;font-size:.88rem;line-height:1.7;}


/* ===== spec table ===== */
.spec-table {
width: 100%;
border-collapse: collapse;
background: rgb(0 0 0 / 3%);
}

.spec-table tbody tr {
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.spec-table tbody tr:last-child {
  border-bottom: none;
}

.spec-table th,
.spec-table td {
  padding: 18px 20px;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  line-height: 1.8;
}

.spec-table th {
  width: 220px;
  color:#000;
  font-weight: 500;
  background: rgba(255,255,255,0.02);
}

.spec-table td {
  color: #000;
}
.image-block {
    display: flex;
    gap: 68px;
    align-items: center;
}

.image-block img {
    width: 50%;
    object-fit: cover;
    border-radius: 16px;
    border: 1px solid var(--card-border);
}

.image-text {
    width: 50%;
}

.image-text p {
    color: var(--text-secondary);
    margin-bottom: 16px;
}

/* --- 5. 三列小卡片網格 (Grid 3) --- */
.grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}


.Aero-custom-module .card {
    background: initial;
    border: initial;
}

.Aero-custom-module  .section-title {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 12px;
}
@media (max-width: 300px) {
    .article-highlight {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 992px) {
    .image-block {
        flex-direction: column;
        gap: 32px;
    }
    .image-block img, .image-text {
       width: 100%;
    }
    .grid-3 {
       grid-template-columns: 1fr;
    }
    .Aero-custom-module .section-title {
        margin-bottom: 12px;
        display: flex;
        align-items: center;
        gap: 12px;
        font-weight: 400;
        font-size: 1.3rem;
    }
}