}
/* 變數設定 */
#doctor_area {
--primary:#730b7f;--primary-rgb:115,17,127;--secondary:#ac8950;--secondary-rgb:172,137,80;--complement:#73adb0;--complement-rgb:115,173,176;--triadic1:#cb8902;--triadic1-rgb:203,137,2;--triadic2:#8902cb;--triadic2-rgb:137,2,203;--info:#38302a;--info-rgb:56,48,42;--white:#fff;--white-rgb:255,255,255;--black:#000;--black-rgb:0,0,0;--gray:#666;--gray-rgb:102,102,102;--width-xl:1280px;--font-family:'Noto Serif TC',serif;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--shadow:0 10px 25px rgba(56,48,42,0.1);/* 容器基礎設定 */
font-family:var(--font-family);background-color:#fcfaf8;color:var(--info);line-height:1.6;overflow-x:hidden;
}
/* 修正盒模型防止跑版 */
#doctor_area * { box-sizing: border-box; }
/* 搜尋區域 Aside */
#doctor_area .page_area { padding: 30px 20px; position: sticky; top: 0; z-index: 100; margin-bottom: 50px; }
#doctor_area #form1 { max-width: var(--width-xl); margin: 0 auto; display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; align-items: stretch; }
/* 表單元素美化 */
#doctor_area select,#doctor_area input[type="text"] { padding: 10px 16px; border: 1px solid rgba(56,48,42,0.2); border-radius: 4px; background-color: var(--white); font-family: var(--font-family); font-size: 15px; min-width: 170px; width: auto; outline: none; transition: var(--transition); color: var(--info); }
/* 下拉箭頭美化 */
#doctor_area select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ac8950' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat: no-repeat; background-position: right 12px center; background-size: 18px; cursor: pointer; padding: 10px 40px 10px 10px; }
#doctor_area select:focus,#doctor_area input[type="text"]:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(115,11,127,0.1); }
#doctor_area input[type="submit"] { background-color: var(--primary); color: var(--white); border: none; padding: 10px 35px; border-radius: 4px; cursor: pointer; font-family: var(--font-family); font-weight: 500; font-size: 16px; letter-spacing: 2px; white-space: nowrap; width: auto; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s; }
#doctor_area input[type="submit"]:hover { background-color: var(--secondary); transform: translateY(-1px); box-shadow: 0 4px 12px rgb(124 124 124/30%); }
#doctor_area .btn_search {background-color: var(--primary);color: var(--white);border: none;padding: 12px 25px;border-radius: 4px;cursor: pointer;font-family: var(--font-family);font-weight: 500;font-size: 16px;letter-spacing: 2px;transition: var(--transition);white-space: nowrap;display: flex;align-items: center;justify-content: center;gap: 8px;width: auto;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
#doctor_area .btn_search svg { width: 18px; height: 18px; fill: #fff; /* 讓圖示顏色隨文字顏色變化 */ }
#doctor_area .btn_search:hover {background-color: var(--secondary);transform: translateY(-1px);box-shadow: 0 4px 12px rgb(118 118 118 / 30%);}
/* 列表容器 */
#doctor_area #content_wrap { max-width: var(--width-xl); margin: 0 auto; padding: 0 20px 80px; }
#doctor_area #product_list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill,minmax(220px,1fr)); gap: 40px; }
/* 卡片設計 */
#doctor_area .list_box li {
/* background:var(--white);*/
border-radius:8px;overflow:hidden;position:relative;transition:var(--transition);border:1px solid rgba(56,48,42,0.05);border-radius:15px;margin:0 0 50px;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s;
}
#doctor_area .list_box li:hover { transform: translateY(-12px); box-shadow: var(--shadow); border-color: rgba(172,137,80,0.3); }
#doctor_area .img_cover { width: 100%; height: 380px; object-fit: cover; display: block; transition: transform 0.6s ease; background-size: cover; background-position: center; }
#doctor_area .list_box li:hover .img_cover { transform: scale(1.05); }
/* 資訊區塊 */
#doctor_area .info_box { position: absolute; bottom: 0px; left: 0; right: 0; padding: 25px 20px; background: linear-gradient(to top,rgba(255,255,255,1) 0%,rgba(255,255,255,0.98) 80%,rgba(255,255,255,0) 100%); }
#doctor_area .info_box h3 { margin: 0 0 0px; font-size: 1.4rem; font-weight: 700; color: var(--primary); letter-spacing: 1px; height: auto; }
#doctor_area .info_box article { font-size: 1rem; color: var(--gray); height: auto; }
#doctor_area .info_box article a { color: var(--secondary); text-decoration: none; font-weight: 500; transition: var(--transition); border-bottom: 1px solid transparent; padding-bottom: 2px; }
#doctor_area .info_box article a:hover { color: var(--primary); border-bottom: 1px solid var(--primary); }
/* 懸浮裝飾 */
#doctor_area .list_box li::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 0px; background: var(--secondary); z-index: 2; transition: var(--transition); }
#doctor_area .list_box li:hover::before { height: 5px; }
/* 響應式調整 */
@media (max-width:760px) {
#doctor_area .page_area { padding: 20px 15px; margin-bottom: 30px; }
#doctor_area #form1 { flex-direction: column; align-items: stretch; gap: 15px; }
#doctor_area select,#doctor_area input[type="text"],#doctor_area input[type="submit"] { width: 100% !important; min-width: 0 !important; margin: 0; }
#doctor_area .img_cover { height: 320px; }

}
/* 結構兼容性 */
#doctor_area .nowrap_box { white-space: normal !important; }
#doctor_area .d_sm_inblock { display: block !important; }
#doctor_area .col_xxl_offset_3,#doctor_area .col_lg_offset_4,#doctor_area .col_sm_offset_6 { margin-left: 0 !important; }