/*!
 * turing-solution.css — 解決方案頁樣式
 *
 * 復用 turing 設計系統（與 turing-products.css 對齊）：
 *   - 設計稿寬度 1920px (desktop) / 540px (mobile)，1rem = 192px (由 turing.js 設置)
 *   - 配色：bg #101014 / card #222228 / text #eeeef2 / sub #b2b2c9
 *   - 主色：#1664ff / #2882ff / #50a7ff / 邊框 #292932 / 圓角 0.041667rem
 *
 * 頁面容器、麵包屑、頁面標題復用 turing-products.css 的同名類
 * （.products-page / .breadcrumb / .page-head / .page-title / .page-subtitle），
 * 此處僅定義解決方案專屬的網格與卡片。
 */

/* ============ 頁面容器（對齊 .products-page）============ */
.solution-page {
    position: relative;
    min-height: 100vh;
    padding: 0.416667rem 1.51042rem 0.520833rem;
    background: #101014;
}
@media (max-width: 1900px) { .solution-page { padding: 0.416667rem 1.015625rem 0.520833rem; } }
@media (max-width: 1700px) { .solution-page { padding: 0.416667rem 0.8125rem 0.520833rem; } }
@media (max-width: 1630px) { .solution-page { padding: 0.416667rem 0.3125rem 0.520833rem; } }
@media (max-width: 1240px) { .solution-page { padding: 0.416667rem 0.208333rem 0.520833rem; } }
@media (max-width: 768px)  { .solution-page { padding: 0.30rem 0.16rem 0.40rem; } }

.solution-wrap {
    position: relative;
    z-index: 1;
}

/* 背景圖層（與產品頁一致） */
.solution-page .bg-body {
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    height: 2.157328rem;
    z-index: 0;
    pointer-events: none;
}

/*
 * 麵包屑 / 頁面標題：復用 turing-products.css 的 .breadcrumb / .page-head /
 * .page-title / .page-subtitle（選擇器不帶 scoped 屬性，可直接命中本頁 DOM）。
 * 若某些規則因加載順序未覆蓋到，此處補一份等價定義以保證一致。
 */
.solution-page .breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: #b2b2c9;
    font-size: 0.072917rem;
    line-height: 0.125rem;
    margin-bottom: 0.15625rem;
}
.solution-page .breadcrumb a {
    color: #b2b2c9;
    text-decoration: none;
    transition: color 0.2s;
}
.solution-page .breadcrumb a:hover { color: #50a7ff; }
.solution-page .breadcrumb .sep {
    margin: 0 0.041667rem;
    color: #4a4a55;
}
.solution-page .breadcrumb .current { color: #eeeef2; }

.solution-page .page-head { margin-bottom: 0.208333rem; }
.solution-page .page-title {
    color: #eeeef2;
    font-size: 0.1875rem;
    font-weight: 500;
    line-height: 0.1875rem;
    margin: 0 0 0.0625rem;
}
.solution-page .page-subtitle {
    color: #b2b2c9;
    font-size: 0.083333rem;
    line-height: 0.125rem;
    margin: 0;
}

/* ============ 解決方案網格 ============ */
/* 桌面 2 列（方案文案較長，2 列保證可讀性）；與產品網格一致的斷點節奏 */
.solution-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.125rem;
}
@media (max-width: 900px)  { .solution-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 540px)  { .solution-grid { grid-template-columns: 1fr; gap: 0.16rem; } }

/* ============ 解決方案卡片（對齊 .prod-card）============ */
.sol-card {
    display: flex;
    flex-direction: column;
    border-radius: 0.041667rem;        /* 8px */
    border: 0.005208rem solid #292932; /* 1px */
    background: #222228;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.sol-card:hover {
    transform: translateY(-0.020833rem);                       /* 4px 上浮 */
    border-color: #2882ff;
    box-shadow: 0 0.052083rem 0.15625rem rgba(0, 0, 0, 0.4);    /* 0 10px 30px */
}

/* 卡片圖片：場景圖用 cover 填滿（區別於產品圖用 contain） */
.sol-img-wrap {
    width: 100%;
    aspect-ratio: 16 / 9;            /* 方案場景圖用寬幅 16:9 */
    background: #181820;
    overflow: hidden;
}
.sol-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.sol-card:hover .sol-img { transform: scale(1.04); }

/* 卡片正文 */
.sol-info {
    padding: 0.083333rem 0.104167rem 0.114583rem; /* 16/20/22px */
    display: flex;
    flex-direction: column;
    flex: 1;
}
.sol-title {
    color: #eeeef2;
    font-size: 0.09375rem;          /* 18px */
    font-weight: 600;
    line-height: 0.125rem;          /* 24px */
    margin: 0 0 0.041667rem;        /* 8px */
}
.sol-desc {
    color: #b2b2c9;
    font-size: 0.072917rem;          /* 14px */
    line-height: 0.114583rem;        /* 22px */
    margin: 0;
    text-align: justify;
}

/* ============ 卡片要點列表（藍圓點）============ */
.sol-points {
    list-style: none;
    padding: 0;
    margin: 0.052083rem 0 0;
}
.sol-points li {
    position: relative;
    padding-left: 0.09375rem;
    color: #b2b2c9;
    font-size: 0.072917rem;
    line-height: 0.114583rem;
    margin-bottom: 0.03125rem;
}
.sol-points li:last-child { margin-bottom: 0; }
.sol-points li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.041667rem;
    width: 0.020833rem;
    height: 0.020833rem;
    border-radius: 50%;
    background: #2882ff;
}

/* ============ 「了解更多」連結 ============ */
.sol-more {
    display: inline-flex;
    align-items: center;
    margin-top: 0.0625rem;
    color: #50a7ff;
    font-size: 0.072917rem;
    line-height: 0.114583rem;
    font-weight: 500;
}
.sol-more .arr {
    display: inline-block;
    margin-left: 0.026042rem;
    transition: transform 0.25s ease;
}
.sol-card:hover .sol-more .arr { transform: translateX(0.026042rem); }


/* ============================================================
   詳情頁（solution_detail）
   復刻 turing-products.css 的 detail 系列樣式
   ============================================================ */
.solution-detail { padding-top: 0.3125rem; }
.detail-breadcrumb { margin-bottom: 0.208333rem; }

/* 頂部：橫幅 + 摘要 */
.detail-top {
    display: flex;
    gap: 0.260417rem;
    align-items: flex-start;
    margin-bottom: 0.3125rem;
}
.detail-gallery {
    width: 45%;
    flex-shrink: 0;
}
.gallery-main {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    background: #181820;
    border: 0.005208rem solid #292932;
    border-radius: 0.041667rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sol-banner .gal-main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.detail-summary { flex: 1; min-width: 0; }
.detail-model {
    color: #eeeef2;
    font-size: 0.208333rem;
    font-weight: 600;
    line-height: 0.260417rem;
    margin: 0 0 0.041667rem;
}
.detail-subtitle {
    color: #50a7ff;
    font-size: 0.09375rem;
    line-height: 0.125rem;
    margin: 0 0 0.083333rem;
    font-weight: 500;
}
.detail-desc {
    color: #b2b2c9;
    font-size: 0.083333rem;
    line-height: 0.145833rem;
}

/* 正文 Tab 區（僅一個標籤，保持與產品頁視覺一致） */
.detail-tabs { margin-bottom: 0.3125rem; }
.tab-nav {
    display: flex;
    gap: 0.005208rem;
    border-bottom: 0.005208rem solid #292932;
    margin-bottom: 0.15625rem;
}
.tab-btn {
    padding: 0.0625rem 0.15625rem;
    background: transparent;
    border: none;
    border-bottom: 0.010417rem solid transparent;
    color: #b2b2c9;
    font-size: 0.083333rem;
    font-weight: 500;
    line-height: 0.125rem;
    cursor: default;
    margin-bottom: -0.005208rem;
    font-family: inherit;
}
.tab-btn.active {
    color: #50a7ff;
    border-bottom-color: #2882ff;
}
.tab-panel { display: none; }
.tab-panel.active { display: block; }

/* 概況正文（復刻 overview 系列） */
.overview-content { color: #b2b2c9; }
.overview-section { margin-bottom: 0.208333rem; }
.overview-section:last-child { margin-bottom: 0; }
.overview-section.overview-h2 > .overview-title {
    color: #eeeef2;
    font-size: 0.114583rem;
    font-weight: 600;
    line-height: 0.15625rem;
    margin: 0 0 0.083333rem;
    padding-left: 0.052083rem;
    border-left: 0.015625rem solid #2882ff;
}
.overview-items { list-style: none; padding: 0; margin: 0; }
.overview-items li {
    position: relative;
    padding-left: 0.09375rem;
    color: #b2b2c9;
    font-size: 0.078125rem;
    line-height: 0.135rem;
    margin-bottom: 0.052083rem;
}
.overview-items li:last-child { margin-bottom: 0; }
.overview-items li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.052083rem;
    width: 0.020833rem;
    height: 0.020833rem;
    border-radius: 50%;
    background: #2882ff;
}

/* 相關方案 */
.detail-related { margin-bottom: 0.3125rem; }
.section-title {
    display: flex;
    align-items: center;
    color: #eeeef2;
    font-size: 0.125rem;
    font-weight: 500;
    line-height: 0.15625rem;
    margin: 0 0 0.104167rem;
}
.cat-bar {
    display: inline-block;
    width: 0.026042rem;
    height: 0.09375rem;
    margin-right: 0.041667rem;
    border-radius: 0.026042rem;
    background: linear-gradient(180deg, #50a7ff, #1664ff);
}

/* ============ 響應式：詳情頁（≤900px 圖文堆疊）============ */
@media (max-width: 900px) {
    .detail-top { flex-direction: column; gap: 0.15625rem; }
    .detail-gallery { width: 100%; }
}

/* ============ 響應式：手機（≤768px）字号微調（對齊產品頁）============ */
@media (max-width: 768px) {
    .solution-page { padding: 0.22rem 0.12rem 0.30rem; }
    .solution-page .page-title { font-size: 0.20rem; }
    .solution-page .page-subtitle { font-size: 0.09rem; }
    .sol-title { font-size: 0.10rem; }
    .sol-desc { font-size: 0.08rem; }
    .sol-points li { font-size: 0.08rem; }
    .detail-model { font-size: 0.16rem; line-height: 0.20rem; }
    .detail-subtitle { font-size: 0.085rem; }
    .detail-desc { font-size: 0.08rem; line-height: 0.135rem; }
    .section-title { font-size: 0.11rem; }
    .overview-section.overview-h2 > .overview-title { font-size: 0.10rem; }
    .overview-items li { font-size: 0.085rem; }
    .breadcrumb { font-size: 0.085rem; }
}