/* ==========================================================================
   MENTOR 美國曼陀隆乳 專屬樣式
   頁面：/service/breast-augmentation/mentor
   說明：樣式規則自 facelift.css / top-surgery.css / nose.css / perle.css /
         service-bottom.css 複製後重新命名（原檔未異動），並依主視覺改為紫色系
   ========================================================================== */

/* --------------------------------------------------------------------------
   主題色票（依主視覺 Banner 紫色系規劃）
   -------------------------------------------------------------------------- */
:root {
	--mentor-purple-dark: #563D8B;   /* 深紫：h1 底色、重點深色 */
	--mentor-purple: #6B4FA0;        /* 主紫：h2 標題、表頭底色 */
	--mentor-purple-soft: #7C5CB0;   /* 中紫：h3 標題、清單編號 */
	--mentor-purple-accent: #8F5FC6; /* 亮紫：strong 強調、連結 */
	--mentor-purple-light: #9B7EC8;  /* 淺紫：裝飾線 */
	--mentor-line: #C9AEE4;          /* 淺紫線：虛線分隔 */
	--mentor-bg-deep: #EFE6F7;       /* 淺紫底（深）：區塊交錯底色、表格斑馬紋 */
	--mentor-bg: #F5EFFA;            /* 淺紫底（中）：頁面主底色 */
	--mentor-bg-light: #F9F5FC;      /* 淺紫底（淺）：問答、表格區底色 */
	--mentor-text: #66616E;          /* 內文深紫灰：較全站 #939393 加深，確保淺紫底上對比度達 AA（4.5:1 以上） */
}

/* --------------------------------------------------------------------------
   基礎：頁面容器、標題、內文、通用圖片切換
   -------------------------------------------------------------------------- */
.mentor-body{background: var(--mentor-bg);}
.mentor-h1{font-size: 30px;font-weight: bold;color: #fff;background: var(--mentor-purple-dark);padding: 15px 0;text-align: center;margin: 0;}
.mentor-h2{text-align: center;color: var(--mentor-purple);font-size: 26px;font-weight: bold;margin: 0;}
.mentor-h2 span{color: var(--mentor-purple-accent);}
.mentor-h3{text-align: center;color: var(--mentor-purple-soft);font-size: 18px;font-weight: bold;margin-bottom: 10px;line-height: 30px;}
.mentor-text{color: var(--mentor-text);font-size: 16px;line-height: 30px;}
.mentor-text p{margin-top: 20px;}
.mentor-banner img{width: 100%;vertical-align: middle;}
/* 區塊前言：h2 之後的引言段落（核心技術、認證、全系列、適合對象 共用） */
.mentor-preface{color: var(--mentor-text);font-size: 16px;line-height: 28px;text-align: center;max-width: 860px;margin: 15px auto 30px auto;padding: 0 20px;}
/* 桌機／手機圖片切換（scoped 於 mentor 頁，不影響其他頁的 image-pc / image-mobile） */
.mentor-body .image-mobile{display: none;}

/* --------------------------------------------------------------------------
   區塊：公司介紹（原 facelift-reason）
   -------------------------------------------------------------------------- */
.mentor-introduce-main{display: table;}
.mentor-introduce-text{width: 50%;box-sizing: border-box;padding: 0 60px;display: table-cell;vertical-align: middle;}
.mentor-introduce-main img{width: 100%;display: table-cell;}
.mentor-introduce .mentor-h2{text-align: left;margin-bottom: 20px;}

/* --------------------------------------------------------------------------
   區塊：核心技術（原 top-surgery-target）
   -------------------------------------------------------------------------- */
.mentor-technology{padding: 40px 35px 0 35px;}
/* 前言接在 h2 之後，間距由 .mentor-preface 控制 */
.mentor-technology .mentor-h2{padding-bottom: 10px;}
/* 卡片列表改用 flex，同列卡片高度自動對齊最高者（取代原 min-height 寫法） */
.mentor-technology-ul{display: flex;flex-wrap: wrap;}
.mentor-technology-ul li{display: flex;padding: 0 15px;box-sizing: border-box;width: 50%;margin-bottom: 40px;}
.mentor-technology-card{display: flex;flex-direction: column;width: 100%;background: #fff;border-radius: 10px;overflow: hidden;box-shadow: 0 0 10px rgba(107, 79, 160, 0.12);}
.mentor-technology-card img{width: 100%;vertical-align: middle;}
.mentor-technology .mentor-h3{font-size: 20px;margin-bottom: 0;padding-bottom: 10px;line-height: 1.3;}
.mentor-technology-text{color: var(--mentor-text);font-size: 16px;line-height: 28px;text-align: center;}
.mentor-technology-bottom{flex: 1;padding: 15px 40px;}

/* --------------------------------------------------------------------------
   區塊：國際權威認證（原 nose-kind）
   -------------------------------------------------------------------------- */
.mentor-certification{background: var(--mentor-bg-deep);padding: 30px 0 40px 0;}
.mentor-certification ul,
.mentor-certification li{font-size: 0;}
.mentor-certification ul{width: 75%;margin: 0 auto;}
/* 每列改用 flex：logo 欄固定 40%，各列文字起點才能對齊（table-cell 缺外層 table 會各列各自算寬） */
.mentor-certification li{display: flex;align-items: center;margin-top: 20px;}
.mentor-certification-image{flex: 0 0 40%;box-sizing: border-box;padding: 0 30px;text-align: center;}
/* 限制認證 logo 高度，避免圖片隨欄寬放大把列高撐開 */
.mentor-certification-image img{max-width: 100%;max-height: 110px;}
.mentor-certification-content{flex: 1;box-sizing: border-box;}
.mentor-certification .mentor-h3{font-size: 20px;text-align: left;line-height: normal;margin: 0;padding: 0;}
.mentor-certification-text{display: inline-block;border-left: 2px dashed var(--mentor-purple-light);padding: 0 10px 0 20px;letter-spacing: 1px;}
.mentor-certification-item{color: var(--mentor-text);font-size: 16px;margin-top: 20px;line-height: 28px;}

/* --------------------------------------------------------------------------
   區塊：假體全系列介紹（原 perle-feature，左右圖文交錯）
   -------------------------------------------------------------------------- */
/* h2 不做色帶，底色與 mentor-series 區塊一致（透明，透出頁面底色） */
.mentor-series .mentor-h2{padding: 40px 0 10px 0;}
.mentor-series-group{background: var(--mentor-bg-deep);position: relative;}
.mentor-series-group img{width: 49%;float: right;}
.mentor-series-content{position: absolute;width: 42%;left: 9%;z-index: 10;top: 50%;margin-top: -60px;}
.mentor-series-content h3{color: var(--mentor-purple-soft);font-size: 20px;font-weight: bold;margin-bottom: 10px;line-height: 1.5;}
.mentor-series-text,
.mentor-series-text p{color: var(--mentor-text);font-size: 16px;line-height: 28px;}
/* 紫底上的強調字用主紫，維持足夠對比度（亮紫在淺紫底上對比不足） */
.mentor-series-text strong{color: var(--mentor-purple);}
/* 奇數組左右對調（第 1 個子元素為 h2，群組自 nth-child(2) 起算） */
.mentor-series-group:nth-child(2n+1){background: #F7F1FB;}
.mentor-series-group:nth-child(2n+1) img{float: left;}
.mentor-series-group:nth-child(2n+1) .mentor-series-content{left: auto;right: 9%;}
/* 第 6 組文字內容較多，往上補償定位 */
.mentor-series .mentor-series-group:nth-child(6) .mentor-series-content{margin-top: -100px;}

/* --------------------------------------------------------------------------
   區塊：比較表格（原 hemorrhoidectomy-table / hemorrhoidectomy-compare 合併）
   系列完整比較、常見假體品牌比較 共用
   -------------------------------------------------------------------------- */
.mentor-table{padding: 40px 50px;background: var(--mentor-bg-light);overflow-x: auto;}
.mentor-table-main{max-width: 1050px;margin: 30px auto 0 auto;border-radius: 15px;overflow: hidden;}
.mentor-table-main table{table-layout: fixed;}
.mentor-table-main th{border-right: 1px solid #fff;word-break: break-all;background: var(--mentor-purple);color: #fff;font-size: 16px;font-weight: bold;padding: 20px 5px;text-align: center;vertical-align: middle;}
/* 儲存格用白底、斑馬紋用深一階淺紫，與區塊底色（--mentor-bg-light）拉開對比 */
/* 直線改用 --mentor-line（#C9AEE4）：原本用 --mentor-bg-deep 會和斑馬紋列同色而消失，此色在白底與淺紫底上皆可見 */
.mentor-table-main td{border-right: 1px solid var(--mentor-line);word-break: break-all;background: #fff;color: var(--mentor-text);font-size: 16px;padding: 15px 5px;text-align: center;vertical-align: middle;line-height: 25px;}
.mentor-table-main th:last-child,
.mentor-table-main td:last-child{border-right: none;}
.mentor-table-main tr:nth-child(2n+1) td{background: var(--mentor-bg-deep);}
.mentor-table-main tr td:first-child{color: var(--mentor-purple);font-weight: bold;}

/* --------------------------------------------------------------------------
   區塊：我適合哪種假體（原 facelift-smooth）
   -------------------------------------------------------------------------- */
.mentor-suitable{padding: 40px 50px 20px 50px;background: var(--mentor-bg-deep);}
/* 前言接在 h2 之後，間距由 .mentor-preface 控制 */
.mentor-suitable .mentor-h2{margin-bottom: 10px;}
.mentor-suitable-group{display: table;margin-bottom: 20px;}
.mentor-suitable-group img{border-radius: 20px;display: table-cell;max-width: 360px;}
.mentor-suitable-content{display: table-cell;vertical-align: middle;padding-left: 40px;}
.mentor-suitable-content .mentor-h3{text-align: left;margin-bottom: 10px;}

/* --------------------------------------------------------------------------
   區塊：常見問答（原 facelift-answers）
   -------------------------------------------------------------------------- */
.mentor-answers{background: var(--mentor-bg-light);padding: 50px;}
.mentor-answers-main{background: #fff;border-radius: 10px;margin-top: 50px;padding: 20px;box-shadow: 0 0 5px rgba(107, 79, 160, 0.15);}
.mentor-answers-main ul li{border-bottom: 1px dotted var(--mentor-line);padding: 15px 10px;}
.mentor-answers-main ul li:last-child{border-bottom: none;}
.mentor-answers-text{color: var(--mentor-text);font-size: 16px;line-height: 25px;}
.mentor-answers-text p{color: var(--mentor-text);font-size: 16px;line-height: 25px;margin-top: 15px;}
/* 重點改用深黑：問答區已有紫色題號與標題，重點若再用紫色會讓紫色密度過高 */
.mentor-answers-text strong{color: #333;}
.mentor-answers-text a{color: var(--mentor-purple-accent);text-decoration: underline;}
.mentor-answers .mentor-h3{text-align: left;font-size: 20px;}
.mentor-answers .mentor-h3 em{font-style: normal;font-size: 20px;margin-right: 10px;font-weight: bold;font-family: "微軟正黑體";color: var(--mentor-purple);}
.mentor-answers ol{padding: 0 !important;margin: 0;padding-left: 30px !important;}
.mentor-answers ol li{border: none;padding: 0 !important;line-height: 25px;list-style-type: decimal;}

/* --------------------------------------------------------------------------
   區塊：術前／術後注意事項（原 facelift-attention）
   -------------------------------------------------------------------------- */
.mentor-attention{padding: 0 50px 40px 50px;background: var(--mentor-bg);}
.mentor-attention-group{padding-top: 40px;}
.mentor-attention-group .mentor-h2 span{color: var(--mentor-purple-accent);}
.mentor-attention-main{background: #fff;border-radius: 20px;padding: 10px 25px 10px 50px;margin-top: 40px;}
.mentor-attention-main li{list-style-type: decimal;color: var(--mentor-text);font-size: 16px;line-height: 25px;padding: 5px 0;}
.mentor-attention-main li::marker{color: var(--mentor-purple-soft);}
.mentor-attention-main strong{color: var(--mentor-purple-accent);}

/* --------------------------------------------------------------------------
   區塊：診所介紹（原 service-about）
   原棕色系背景圖改為紫色系漸層底，介紹文寬度隨之放寬為 800px 置中閱讀寬
   -------------------------------------------------------------------------- */
.mentor-about-introduce{background: var(--mentor-bg-light);padding: 50px;}
.mentor-about .mentor-h2{text-align: left;margin-bottom: 20px;}
.mentor-about-text{color: var(--mentor-text);font-size: 16px;line-height: 30px;max-width: 800px;}
.mentor-about-text strong{color: var(--mentor-purple);}
.mentor-about-list{background: var(--mentor-bg-deep);padding: 40px 105px 15px 105px;}
.mentor-about-list ul{font-size: 0;}
.mentor-about-list li{display: inline-block;vertical-align: top;width: 33.33%;box-sizing: border-box;padding: 0 25px;margin-bottom: 25px;}
.mentor-about-card{background: #fff;border-radius: 15px;box-shadow: 1px 1px 5px 6px rgba(140, 110, 180, 0.12);padding: 30px;text-align: center;}
.mentor-about-image{height: 90px !important;vertical-align: middle;}
.mentor-about .mentor-h3{font-size: 20px;line-height: normal;margin: 10px 0 15px 0;}
.mentor-about-icon{height: 4px !important;}
.mentor-about-card-text{color: var(--mentor-text);font-size: 16px;text-align: left;line-height: 26px;margin-top: 10px;min-height: 130px;}

/* ==========================================================================
   RWD：平板以下（沿用來源檔 1199 / 1079 / 767 斷點）
   ========================================================================== */
@media (min-width: 1080px) {
	.mentor-answers-text a:hover{opacity: 0.8;}
	/* 適合對象：電腦版圖片固定 480px 寬 */
	.mentor-suitable-group img{width: 480px;max-width: 480px;}
}
@media (max-width: 1079px) {
	/* 基礎 */
	.mentor-h1{font-size: 20px;padding: 5px 0;}
	.mentor-h2{font-size: 19px;padding-bottom: 10px;}
	.mentor-h3{font-size: 17px;line-height: 22px;}
	.mentor-text{font-size: 15px;line-height: 22px;}
	.mentor-text p{margin-top: 5px;}
	.mentor-preface{font-size: 14px;line-height: 22px;margin: 0px auto 15px auto;padding: 0 15px;}
	.mentor-content{padding: 0 5px;}
	/* 公司介紹 */
	.mentor-introduce-text{padding: 0 30px;padding-top: 30px;}
	.mentor-introduce .mentor-h2{margin-bottom: 5px;}
	/* 核心技術 */
	.mentor-technology .mentor-h3{font-size: 16px;}
	.mentor-technology-text{font-size: 15px;line-height: 22px;}
	/* 國際權威認證 */
	.mentor-certification .mentor-h3{font-size: 16px;}
	.mentor-certification-item{font-size: 15px;line-height: 20px;margin-top: 5px;}
	/* 假體全系列介紹 */
	.mentor-series-content h3{font-size: 16px;}
	.mentor-series-text,
	.mentor-series-text p{font-size: 15px;line-height: 20px;}
	.mentor-series-content{margin-top: -30px;}
	.mentor-series .mentor-series-group:nth-child(6) .mentor-series-content{margin-top: -60px;}
	/* 比較表格 */
	.mentor-table{padding: 20px 15px;}
	.mentor-table-main{margin-top: 10px;}
	.mentor-table-main th,
	.mentor-table-main td{padding: 10px 6px;font-size: 16px;line-height: 19px;}
	.mentor-table-main td{font-size: 15px;}
	/* 常見問答 */
	.mentor-answers{padding: 25px 0;}
	.mentor-answers-main{margin-top: 10px;padding: 10px;}
	.mentor-answers-main ul li{padding: 15px 0;}
	.mentor-answers .mentor-h3{font-size: 16px;}
	.mentor-answers .mentor-h3 em{margin-right: 7px;}
	.mentor-answers .mentor-content{padding: 0 10px;}
	.mentor-answers-text{font-size: 14px;line-height: 20px;}
	.mentor-answers-text p{font-size: 14px;line-height: 20px;margin-top: 0;}
	/* 注意事項 */
	.mentor-attention{padding: 0 10px 20px 10px;}
	.mentor-attention-group{padding-top: 30px;}
	.mentor-attention-main{margin-top: 10px;padding: 10px 10px 10px 30px;}
	.mentor-attention-main li{font-size: 14px;line-height: 20px;padding: 0;}
	/* 診所介紹 */
	.mentor-about-text{font-size: 15px;line-height: 22px;}
	.mentor-about-list{padding: 40px 0 15px 0;}
	.mentor-about .mentor-h3{font-size: 16px;}
	.mentor-about-card-text{font-size: 14px;line-height: 22px;min-height: 110px;}
}
@media (max-width: 767px) {
	/* 基礎：桌機／手機圖片切換 */
	.mentor-body .image-mobile{display: block;}
	.mentor-body .image-pc{display: none;}
	.mentor-h2{line-height: 24px;}
	.mentor-h2 span{display: block;}
	.mentor-attention .mentor-h2 span{display: inline-block;}
	/* 公司介紹 */
	.mentor-introduce-text{width: 100%;text-align: center;box-sizing: border-box;padding: 0 35px;display: block;padding-top: 15px;}
	.mentor-introduce .mentor-h2{text-align: center;}
	/* 核心技術 */
	.mentor-technology{padding: 15px 35px;}
	.mentor-technology .mentor-h2{padding-bottom: 10px;}
	.mentor-technology-ul li{width: 100%;margin-bottom: 20px;padding: 0;}
	.mentor-technology-bottom{padding: 10px 20px;}
	/* 國際權威認證 */
	.mentor-certification{padding: 20px 0;}
	.mentor-certification ul{width: 100%;}
	.mentor-certification-image{padding: 0 10px;}
	.mentor-certification-image img{max-height: 70px;}
	.mentor-certification-text{padding: 0 10px;}
	/* 假體全系列介紹 */
	.mentor-series-group img{float: none !important;display: block;width: 80%;margin: 0 auto;}
	.mentor-series-content{position: static;margin: 0;text-align: center;width: 100%;box-sizing: border-box;padding: 20px 30px;}
	.mentor-series-text p{display: inline;}
	.mentor-series .mentor-series-group:nth-child(6) .mentor-series-content{margin-top: 0;}
	/* 比較表格 */
	.mentor-table{padding: 20px 15px;}
	.mentor-table-main th,
	.mentor-table-main td{padding: 5px;font-size: 14px;line-height: 18px;}
	/* 我適合哪種假體 */
	.mentor-suitable{padding: 20px 20px 10px 20px;}
	.mentor-suitable .mentor-h2{margin-bottom: 0px;}
	.mentor-suitable-group{margin-bottom: 10px;}
	.mentor-suitable-group img{width: 100%;display: block;}
	.mentor-suitable-content{display: block;position: static;margin-top: 0;text-align: center;padding: 0 15px;}
	.mentor-suitable-content .mentor-h3{text-align: center;margin: 10px 0;font-size:16px;}
	/* 診所介紹 */
	.mentor-about-introduce{padding: 30px 20px;}
	.mentor-about-list{padding: 30px 10px 10px 10px;}
	.mentor-about-list li{width: 50%;padding: 0 10px;margin-bottom: 20px;}
	.mentor-about-image{height: 45px !important;}
	.mentor-about-card{padding: 10px;}
	.mentor-about-icon{height: 2px !important;}
	.mentor-about-card-text{min-height: 154px;}
}