/* ============================================================
   foot-missav.css  —  頁尾照 missav 版面(3 欄格狀)
   全站共用頁尾。整檔刪除 + 移除 <link> 即還原。
   ⚠ 本站 html{font-size:40px} → 1rem=40px，故此檔一律用 px，避免比例爆掉。
   ============================================================ */

/* 頁尾容器：深色底 + 上分隔線 */
.foot{
    background:#0f0f12;
    border-top:1px solid #26262c;
}

.foot .foot-ms{
    max-width:1200px;
    margin:0 auto;
    padding:48px 16px;
    text-align:left;
    box-sizing:border-box;
}
@media (min-width:1024px){
    .foot .foot-ms{ padding:64px 20px; }
}

/* 上層：品牌(1) + 連結區(2) 共 3 欄 */
.foot .foot-ms-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:32px;
}
@media (min-width:1280px){
    .foot .foot-ms-grid{
        grid-template-columns:1fr 2fr;
        gap:32px;
    }
}

/* 品牌欄 */
.foot .foot-ms-brand{ display:flex; flex-direction:column; gap:16px; }
.foot .foot-ms-logo{
    font-size:28px;
    line-height:1.3;
    font-weight:700;
    color:#fafafa;
    text-decoration:none;
    word-break:break-word;
}
.foot .foot-ms-logo:hover{ color:var(--tpl-accent,#40cc92); }
.foot .foot-ms-desc{
    margin:0;
    color:#6b7280;
    font-size:14px;
    line-height:1.7;
}

/* 連結區：4 欄 */
.foot .foot-ms-cols{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:32px;
}
@media (min-width:768px){
    .foot .foot-ms-cols{ grid-template-columns:repeat(4,minmax(0,1fr)); }
}
.foot .foot-ms-col h3{
    margin:0 0 16px;
    color:#9ca3af;
    font-size:13px;
    font-weight:600;
    letter-spacing:.05em;
    text-transform:uppercase;
}
.foot .foot-ms-col ul{ list-style:none; margin:0; padding:0; }
.foot .foot-ms-col li{ margin:0 0 14px; }
.foot .foot-ms-col a{
    color:#6b7280;
    font-size:14px;
    line-height:1.4;
    text-decoration:none;
    transition:color .15s ease;
}
.foot .foot-ms-col a:hover{ color:var(--tpl-accent,#40cc92); }

/* 版權列：上分隔線 + 置中 */
.foot .foot-ms-bottom{
    margin:48px 0 0;
    border-top:1px solid #374151;
    padding-top:32px;
}
.foot .foot-ms-bottom p{
    margin:0;
    text-align:center;
    color:#9ca3af;
    font-size:14px;
}

/* 行動版 */
@media (max-width:767px){
    .foot .foot-ms{ padding:36px 16px; }
    .foot .foot-ms-logo{ font-size:22px; }
    .foot .foot-ms-bottom{ margin-top:32px; padding-top:24px; }
}