@charset "UTF-8";
/* ============================================================================
 * 夢享家 客製樣式總表
 *
 * 位置：member/dreamhouse/css/dreamhouse-custom.css
 * 網址：<網站網址>/css/dreamhouse-custom.css
 * 載入：global_replace_area_new_layout.php，接在 <!--###css###--> 展開之後，
 *       所以順位在 style_3135.css 後面，同權重時本檔會贏。
 *
 * ★ 為什麼有這支檔
 *   webdox_style/style_3135/style_3135.css 是設計師的檔案。
 *   她習慣在自己電腦改完、整份重新上傳，會把我們寫進去的東西一起蓋掉。
 *   實際發生過：2026-08-22 加的 .nl-cat.c-design，在 09-03 那次整份上傳後就消失了，
 *   線上的室內設計標籤變成沒有底色。
 *
 * ★ 規則（後面接手的人請照做）
 *   1. 夢享家的客製樣式一律寫在這裡，不要再去改 style_3135.css
 *   2. 只放「我們自己加的」，不要把設計師既有的樣式複製進來
 *      —— 複製一份舊的進來，之後她改版反而會被我們的舊值蓋住，很難查
 *   3. 每一段都註明：日期、為什麼加、對應到哪支程式檔
 *   4. 盡量不要用 !important。本檔載入順序已經在後面，正常情況不需要
 *   5. 版號由程式用 filemtime() 自動帶，改完存檔就會更新，不用手動推
 * ============================================================================ */


/* ----------------------------------------------------------------------------
 * 2026-08-22　室內設計分類標籤底色
 *
 * 首頁「最新新增」與 index_news.php 的分類標籤用 .nl-cat.c-XXX 上色。
 * 室內設計原本沿用新建案的 "new"，08-22 改成獨立的 "design"
 *（見 index.php 的 $set_arr 與 index_news.php 的 $set_arr，兩邊必須同步）。
 *
 * 顏色 #63586C 暮光暗紫，取自 index.php 既有的 $color_arr 品牌色盤，
 * 與現有六色都有區隔。
 *
 * 原始碼在 sass/module/custom/_new-list.scss:171，
 * 但該檔沒有被 sass/style_3135.scss import，重編 compass 也產不出來，
 * 所以以這裡為準。
 * -------------------------------------------------------------------------- */
.nl-cat.c-design { background: #63586C; }


/* ----------------------------------------------------------------------------
 * 2026-09-16　搜尋框熱門／建議面板：左欄文章的分類標籤上色
 *
 * 標籤文字（label）由兩支檔輸出，六個分類名稱兩邊一致：
 *   guest_header_new.php 的 $hn_article_src（熱門搜尋，聚焦搜尋框時顯示）
 *   ajax_hn_search.php   的 $hn_src（輸入關鍵字後的建議清單）
 * class 後綴由 header-new.js 的 hnHotTagClass() 依 label 帶上，
 * 對照表 hnHotTagCls 由 guest_header_new.php 輸出 —— 分類要增減只改那一處。
 *
 * 配色沿用首頁「最新新增」的 .nl-cat（sass/module/custom/_new-list.scss:154），
 * 同一個分類名稱在全站都是同一個顏色。
 *
 * ★ 只寫 color / background：尺寸、圓角、間距都在設計師的 style_3135.css 裡，
 *   這裡再寫一份只會變成兩邊各管一半，之後更難查。
 * ★ 一定要 scope 在 .hn-panel-hot .hn-hot-item 底下：表頭另有一個同名的
 *   .hn-hot-tag（快捷連結列，_header-new.scss:1133，裡面是一排 <a>），
 *   不限定範圍會把那一列一起染成色塊。
 * ★「驗屋」首頁沒有對應分類，另取 index.php $color_arr 裡沒被 .nl-cat 用到的
 *   #405E63 深海松石；哪天首頁也加驗屋分類，記得兩邊用同一色。
 * -------------------------------------------------------------------------- */
#header-new .hn-panel-hot .hn-hot-item .hn-hot-tag           { color: #fff; background: #9C9C9C; } /* 對不到分類時的預設 */
#header-new .hn-panel-hot .hn-hot-item .hn-hot-tag.c-market  { background: #B9855A; } /* 乾燥陶土棕 → 市場觀察 */
#header-new .hn-panel-hot .hn-hot-item .hn-hot-tag.c-pick    { background: #6D8193; } /* 霧灰藍     → 精選推薦 */
#header-new .hn-panel-hot .hn-hot-item .hn-hot-tag.c-unbox   { background: #879685; } /* 灰橄欖綠   → 新建案開箱 */
#header-new .hn-panel-hot .hn-hot-item .hn-hot-tag.c-hotarea { background: #9A5656; } /* 復古磚紅   → 熱門生活圈 */
#header-new .hn-panel-hot .hn-hot-item .hn-hot-tag.c-design  { background: #63586C; } /* 暮光暗紫   → 室內設計 */
#header-new .hn-panel-hot .hn-hot-item .hn-hot-tag.c-check   { background: #405E63; } /* 深海松石   → 驗屋 */