@layer theme-custom {
footer {
  background: linear-gradient(135deg, #555E4D 0%, #555E4D 100%) !important;
  color: #F3EADF !important;
  border-top: 1px solid #A1A994 !important;
}

footer,
footer p,
footer li,
footer span,
footer div,
footer small,
footer address {
  color: #F3EADF !important;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer strong {
  color: #ffffff !important;
}

footer a {
  color: #C58F85 !important;
  text-decoration-color: rgba(197,143,133, .45) !important;
}

footer a:hover,
footer a:focus {
  color: #ffffff !important;
}

footer hr {
  border-color: rgba(255, 255, 255, .2) !important;
}

footer input,
footer textarea,
footer select {
  color: #555E4D !important;
  background-color: #ffffff !important;
  border-color: #A1A994 !important;
}

footer button,
footer .btn {
  color: #555E4D !important;
  background-color: #C58F85 !important;
  border-color: #C58F85 !important;
}

/* About 總覽與 8 個內頁：森林卷章閱讀版型 */
body.b_about_detail #pjax-container main,
body.b_about_list #pjax-container main {
  width: min(100% - 36px, 920px);
  margin-inline: auto;
  padding-block: clamp(42px, 7vw, 88px);
  color: #555E4D;
}

body.b_about_detail #pjax-container main {
  font-size: clamp(17px, 1.6vw, 19px);
  line-height: 1.95;
  letter-spacing: .035em;
}

body.b_about_detail #pjax-container main > h1:empty {
  display: none;
}

body.b_about_detail #pjax-container main h2 {
  margin: clamp(48px, 8vw, 80px) 0 26px;
  padding: 18px 22px;
  color: #555E4D !important;
  background: linear-gradient(135deg, #F3EADF 0%, #F3EADF 100%);
  border: 1px solid #A1A994;
  border-left: 5px solid #A1A994;
  border-radius: 4px 18px 18px 4px;
  box-shadow: 0 8px 24px rgba(85,94,77, .08);
  font-size: clamp(23px, 3vw, 30px);
  line-height: 1.4;
  letter-spacing: .06em;
}

body.b_about_detail #pjax-container main hr + h2 {
  margin-top: 0;
}

body.b_about_detail #pjax-container main p {
  margin: .34em 0;
  color: #555E4D !important;
}

body.b_about_detail #pjax-container main p strong {
  color: #555E4D !important;
  font-weight: 700;
}

body.b_about_detail #pjax-container main hr {
  width: 72px;
  margin: clamp(48px, 8vw, 78px) auto 30px;
  border: 0 !important;
  border-top: 2px solid #B98070 !important;
  opacity: .85;
}

body.b_about_detail #pjax-container main h3 {
  margin: clamp(54px, 9vw, 88px) 0 20px;
  padding: 24px 28px;
  color: #ffffff !important;
  background: linear-gradient(135deg, #555E4D 0%, #555E4D 100%);
  border: 1px solid #A1A994;
  border-radius: 18px;
  box-shadow: 0 14px 34px rgba(85,94,77, .18);
  text-align: center;
  font-size: clamp(22px, 3vw, 29px);
  line-height: 1.45;
}

body.b_about_detail #pjax-container main h3 strong,
body.b_about_detail #pjax-container main h3 span {
  color: #ffffff !important;
}

body.b_about_detail #pjax-container main h3 + p {
  margin: 0;
  padding: 0 20px 10px;
  color: #555E4D !important;
  text-align: center;
  font-size: 1.05em;
  letter-spacing: .08em;
}

body.b_about_list #pjax-container main > h2 {
  margin: 0 0 34px;
  color: #555E4D !important;
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1.35;
  letter-spacing: .05em;
}

body.b_about_list #pjax-container main > h2 span,
body.b_about_list #pjax-container main > h2 small {
  color: #A1A994 !important;
}

body.b_about_list #pjax-container main ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.b_about_list #pjax-container main li {
  margin: 0;
}

body.b_about_list #pjax-container main li a {
  display: flex;
  min-height: 94px;
  align-items: center;
  padding: 22px 24px;
  color: #555E4D !important;
  background: linear-gradient(135deg, #F3EADF 0%, #F3EADF 100%);
  border: 1px solid #A1A994;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(85,94,77, .07);
  font-size: clamp(17px, 2vw, 20px);
  line-height: 1.55;
  text-decoration: none !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

body.b_about_list #pjax-container main li a:hover,
body.b_about_list #pjax-container main li a:focus {
  color: #555E4D !important;
  border-color: #B98070;
  box-shadow: 0 14px 30px rgba(85,94,77, .13);
  transform: translateY(-3px);
}

@media (max-width: 680px) {
  body.b_about_detail #pjax-container main,
  body.b_about_list #pjax-container main {
    width: min(100% - 28px, 920px);
    padding-block: 36px 58px;
  }

  body.b_about_detail #pjax-container main {
    font-size: 17px;
    line-height: 1.9;
    letter-spacing: .02em;
  }

  body.b_about_detail #pjax-container main h2 {
    margin-top: 46px;
    padding: 16px 17px;
    border-radius: 3px 14px 14px 3px;
  }

  body.b_about_detail #pjax-container main h3 {
    padding: 21px 18px;
    border-radius: 14px;
  }

  body.b_about_list #pjax-container main ul {
    grid-template-columns: 1fr;
    gap: 13px;
  }

  body.b_about_list #pjax-container main li a {
    min-height: 78px;
    padding: 18px 19px;
  }
}

/* About 總覽卡片：覆蓋原主題的連結層級 */
body.b_about_list #pjax-container main li a {
  display: flex !important;
  min-height: 94px !important;
  align-items: center !important;
  padding: 22px 24px !important;
  color: #555E4D !important;
  background: linear-gradient(135deg, #F3EADF 0%, #F3EADF 100%) !important;
  border: 1px solid #C58F85 !important;
  border-left: 4px solid #A1A994 !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(85,94,77, .07) !important;
}

body.b_about_list #pjax-container main li a span,
body.b_about_list #pjax-container main li a strong,
body.b_about_list #pjax-container main li a:hover span,
body.b_about_list #pjax-container main li a:focus span {
  color: #555E4D !important;
}

@media (max-width: 680px) {
  body.b_about_list #pjax-container main li a {
    min-height: 78px !important;
    padding: 18px 19px !important;
  }
}

/* 偉特塔羅初階課程 Q&A：縮小並美化問題標題 */
section[data-testid="conversation-turn-28"] h3 {
  margin: 24px 0 10px !important;
  padding: 12px 16px !important;
  color: #5c3f69 !important;
  background: linear-gradient(135deg, #fbf7fc 0%, #fffaf3 100%) !important;
  border: 1px solid #eadff0 !important;
  border-left: 4px solid #b993c8 !important;
  border-radius: 10px !important;
  box-shadow: 0 5px 16px rgba(71,47,82,.06) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  letter-spacing: .01em !important;
}

@media (max-width: 680px) {
  section[data-testid="conversation-turn-28"] h3 {
    padding: 11px 13px !important;
    font-size: 16.5px !important;
    line-height: 1.5 !important;
  }
}

/* 杉麟苑 2.0｜主要內容奶油米白底色 */
.content #pjax-container { background-color: #F3EADF; }
.content section.index-editor { background-color: #F3EADF; }

/* 杉麟苑2.0 背景加強：涵蓋主題外層與內容區 */
div.content, div.content #pjax-container, div.content #pjax-container > main, div.content section.index-editor, div.content section.index-editor > .container { background-color: #F3EADF !important; }


/* 杉麟苑 2.0｜頁尾奶油米白 */
div.content footer, footer { background: #F3EADF !important; border-top: 1px solid #DED3C5 !important; color: #555E4D !important; }
footer p, footer li, footer span, footer div, footer small, footer address, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer strong { color: #555E4D !important; }
footer a { color: #555E4D !important; text-decoration-color: #A1A994 !important; }
footer a:hover, footer a:focus { color: #8F786D !important; }
footer hr { border-color: #DED3C5 !important; }
footer input, footer textarea, footer select { background-color: #FFFCF7 !important; color: #555E4D !important; border-color: #A1A994 !important; }
footer button, footer .btn { background-color: #555E4D !important; color: #FFFFFF !important; border-color: #555E4D !important; }

/* 隱藏頁尾聯絡我們的公司名稱一行 */
footer ul:has(> li > a[href="/privacy"]) > li:nth-child(3) { display: none !important; }

/* 課程老師介紹：手機上下排列 */
@media (max-width: 767px) {
body.b_course_intro #course-basic-intro div[style*="grid-template-columns"]:has(> img[alt="Madina 奕彤 塔羅占卜師與培訓講師"]) {
 grid-template-columns: minmax(0, 1fr) !important;
 gap: 24px !important;
 align-items: start !important;
}
body.b_course_intro #course-basic-intro div[style*="grid-template-columns"]:has(> img[alt="Madina 奕彤 塔羅占卜師與培訓講師"]) > img {
 width: min(100%, 280px) !important;
 height: auto !important;
 margin-inline: auto !important;
}
body.b_course_intro #course-basic-intro div[style*="grid-template-columns"]:has(> img[alt="Madina 奕彤 塔羅占卜師與培訓講師"]) > div { min-width: 0; }
body.b_course_intro #course-basic-intro div[style*="grid-template-columns"]:has(> img[alt="Madina 奕彤 塔羅占卜師與培訓講師"]) h2 { font-size: 24px !important; line-height: 1.5 !important; }
body.b_course_intro #course-basic-intro div[style*="grid-template-columns"]:has(> img[alt="Madina 奕彤 塔羅占卜師與培訓講師"]) p { font-size: 16px !important; line-height: 1.85 !important; }
body.b_course_intro #course-basic-intro :is(section, div[style*="border-radius"]):has(img[alt="Madina 奕彤 塔羅占卜師與培訓講師"]) { padding: 30px 18px !important; }
}

/* 四門偉特課程：手機閱讀版面 */
@media (max-width:767px) {
body.b_course_intro:has(:is(#course_spec_65,#course_spec_66,#course_spec_67,#course_spec_68)) #course-basic-intro .html-info { font-size:16px; line-height:1.85; overflow-wrap:break-word; }
body.b_course_intro:has(:is(#course_spec_65,#course_spec_66,#course_spec_67,#course_spec_68)) #course-basic-intro .html-info > div[style*="max-width"] { padding-inline:0 !important; }
body.b_course_intro:has(:is(#course_spec_65,#course_spec_66,#course_spec_67,#course_spec_68)) #course-basic-intro [style*="grid-template-columns"] { grid-template-columns:minmax(0,1fr) !important; gap:14px !important; }
body.b_course_intro:has(:is(#course_spec_65,#course_spec_66,#course_spec_67,#course_spec_68)) #course-basic-intro [style*="grid-template-columns"] > div { min-width:0; }
body.b_course_intro:has(:is(#course_spec_65,#course_spec_66,#course_spec_67,#course_spec_68)) #course-basic-intro section[style*="padding"] { padding:32px 18px !important; margin-bottom:32px !important; border-radius:18px !important; }
body.b_course_intro:has(:is(#course_spec_65,#course_spec_66,#course_spec_67,#course_spec_68)) #course-basic-intro div[style*="padding"][style*="background"] { padding:22px 18px !important; }
body.b_course_intro:has(:is(#course_spec_65,#course_spec_66,#course_spec_67,#course_spec_68)) #course-basic-intro .html-info > div[style*="max-width"] > div[style*="padding"] { padding-block:30px !important; margin-bottom:32px !important; }
body.b_course_intro:has(:is(#course_spec_65,#course_spec_66,#course_spec_67,#course_spec_68)) #course-basic-intro div[style*="padding"][style*="border-radius:999px"] { border-radius:18px !important; }
body.b_course_intro:has(:is(#course_spec_65,#course_spec_66,#course_spec_67,#course_spec_68)) #course-basic-intro h1 { font-size:27px !important; line-height:1.45 !important; }
body.b_course_intro:has(:is(#course_spec_65,#course_spec_66,#course_spec_67,#course_spec_68)) #course-basic-intro h2 { font-size:24px !important; line-height:1.5 !important; margin-bottom:16px !important; }
body.b_course_intro:has(:is(#course_spec_65,#course_spec_66,#course_spec_67,#course_spec_68)) #course-basic-intro h3 { font-size:19px !important; line-height:1.55 !important; }
body.b_course_intro:has(:is(#course_spec_65,#course_spec_66,#course_spec_67,#course_spec_68)) #course-basic-intro h3:has(+p) { margin-bottom:10px !important; }
body.b_course_intro:has(:is(#course_spec_65,#course_spec_66,#course_spec_67,#course_spec_68)) #course-basic-intro p { font-size:16px !important; line-height:1.85 !important; }
body.b_course_intro:has(:is(#course_spec_65,#course_spec_66,#course_spec_67,#course_spec_68)) #course-basic-intro p[style*="font-size:22px"],
body.b_course_intro:has(:is(#course_spec_65,#course_spec_66,#course_spec_67,#course_spec_68)) #course-basic-intro p[style*="font-size: 22px"] { font-size:18px !important; }
body.b_course_intro:has(:is(#course_spec_65,#course_spec_66,#course_spec_67,#course_spec_68)) #course-basic-intro img { max-width:100% !important; height:auto !important; }
body.b_course_intro:has(:is(#course_spec_65,#course_spec_66,#course_spec_67,#course_spec_68)) .mobile-buy-btn { min-height:44px; display:flex; align-items:center; justify-content:center; }
}

@media(max-width:767px){
body.b_course_intro:has(:is(#course_spec_65,#course_spec_66,#course_spec_67,#course_spec_68)) #course-basic-intro :is(h1,h2,h3){text-wrap:balance;}
body.b_course_intro:has(:is(#course_spec_65,#course_spec_66,#course_spec_67,#course_spec_68)) #course-basic-intro div[style*="display:inline-block"][style*="padding"]{padding:7px 12px !important; font-size:12px !important;letter-spacing:.06em !important;}
}

/* 杉麟苑 2.0 正式網站色票 2026-10-15
奶油米白 #F3EADF；柔霧玫瑰 #C58F85；暖陶土粉 #B98070；
燕麥灰褐 #8F786D；鼠尾草綠 #A1A994；深橄欖綠 #555E4D。
僅網站共用介面；不覆蓋課程介紹 .html-info 的獨立視覺。 */
div.content {
 --kg-cream:#F3EADF; --kg-rose:#C58F85; --kg-clay:#B98070;
 --kg-oat:#8F786D; --kg-sage:#A1A994; --kg-olive:#555E4D;
 color:#555E4D;
}
div.content nav.navbar, nav.mobile-nav, div.content .pagging-header {
 background-color:#F3EADF !important; color:#555E4D !important;
 border-color:#A1A994 !important;
}
div.content nav.navbar a, nav.mobile-nav a { color:#555E4D !important; }
div.content nav.navbar a:hover, nav.mobile-nav a:hover { color:#8F786D !important; }
div.content nav.navbar .dropdown-menu { background-color:#F3EADF !important; border-color:#A1A994 !important; }
div.content nav.navbar .dropdown-item:hover, nav.mobile-nav a:focus-visible {
 background-color:rgba(197,143,133,.18) !important; color:#555E4D !important;
}
div.content #pjax-container > main, div.content #pjax-container { color:#555E4D; }
div.content #pjax-container :is(.pagging-title,.middle-title,.middle-title a,.course-hero h1,.h2,.h5) {
 color:#555E4D !important;
}
div.content #pjax-container :is(.breadcrumb,.breadcrumb a,.text-muted,.text-secondary,.course-info-list) {
 color:#8F786D !important;
}
div.content #pjax-container :is(.course-block,.purchase-block,.comment-area) {
 background-color:#F3EADF !important; border-color:#A1A994 !important;
 box-shadow:0 6px 22px rgba(85,94,77,.08);
}
div.content #pjax-container .course-block .middle-title a { color:#555E4D !important; }
div.content #pjax-container .course-block-footer { color:#8F786D !important; border-color:#A1A994 !important; }
div.content #pjax-container .course-block .box-tag {
 background-color:#C58F85 !important; color:#555E4D !important;
}
div.content #pjax-container .star-rating { color:#B98070 !important; }
div.content #pjax-container :is(.catbar-chip,.sideBar-menu a) {
 color:#555E4D !important; border-color:#A1A994 !important; background-color:#F3EADF !important;
}
div.content #pjax-container :is(.catbar-chip.is-active,.sideBar-menu a.active) {
 color:#F3EADF !important; background-color:#555E4D !important; border-color:#555E4D !important;
}
div.content #pjax-container .nav-tabs-custom .nav-link { color:#8F786D !important; border-color:#A1A994 !important; }
div.content #pjax-container .nav-tabs-custom .nav-link.active {
 color:#555E4D !important; border-color:#B98070 !important; background-color:#F3EADF !important;
}
div.content #pjax-container .btn-full, div.content #pjax-container .btn-primary,
div.content #pjax-container button[type="submit"], div.content #pjax-container input[type="submit"] {
 background:#555E4D !important; color:#F3EADF !important; border-color:#555E4D !important;
}
div.content #pjax-container .btn-border {
 color:#555E4D !important; border-color:#555E4D !important; background-color:#F3EADF !important;
}
div.content #pjax-container :is(.btn-full,.btn-primary,.btn-border):hover {
 background:#555E4D !important; color:#F3EADF !important; border-color:#C58F85 !important;
 box-shadow:0 0 0 3px rgba(197,143,133,.25);
}
div.content #pjax-container :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),textarea,select) {
 background-color:#F3EADF !important; color:#555E4D !important; border-color:#A1A994 !important;
}
div.content #pjax-container :is(input,textarea,select):focus-visible,
div.content :is(a,button):focus-visible {
 outline:2px solid #555E4D; outline-offset:3px; box-shadow:0 0 0 4px rgba(197,143,133,.25);
}
div.content #pjax-container .pagination .page-link { color:#555E4D !important; background-color:#F3EADF !important; border-color:#A1A994 !important; }
div.content #pjax-container .pagination .active .page-link { color:#F3EADF !important; background-color:#555E4D !important; }
div.content .cta-fix-bottom { background-color:#F3EADF !important; border-color:#A1A994 !important; }
div.content section.index-editor :is(p,h1,h2,h3,strong) { color:#555E4D; }
div.content footer { background:#F3EADF !important; border-color:#A1A994 !important; }
div.content footer a:hover { color:#555E4D !important; text-decoration:underline; text-decoration-color:#B98070 !important; }
body.b_about_detail #pjax-container main h2 { background:#F3EADF !important; border-color:#A1A994 !important; border-left-color:#C58F85 !important; }
body.b_about_detail #pjax-container main h3 { background:#555E4D !important; color:#F3EADF !important; }
body.b_about_detail #pjax-container main h3 :is(strong,span) { color:#F3EADF !important; }
body.b_about_list #pjax-container main li a { background:#F3EADF !important; border-color:#A1A994 !important; border-left-color:#C58F85 !important; }
body.b_about_list #pjax-container main li a:hover { border-color:#B98070 !important; }

/* 網站文字、搜尋與表單（課程介紹內文保留原設計） */
div.content #pjax-container :is(.page-title,.page-title .title,.pagging-title span,.pagging-title small,.breadcrumb-item.active) { color:#555E4D !important; }
div.content #pjax-container :is(.form-group label,.form-group,.comment-none) { color:#555E4D; }
div.content #pjax-container .btn-outline-secondary { color:#555E4D !important; border-color:#A1A994 !important; background-color:#F3EADF !important; }
div.content #pjax-container .btn-outline-secondary:hover { background-color:#555E4D !important; color:#F3EADF !important; }
div.content #pjax-container :is(.product-block,.blog-block,.news-block,.service-block) { background-color:#F3EADF !important; border-color:#A1A994 !important; }
div.content #pjax-container :is(.product-block,.blog-block,.news-block,.service-block) :is(h2,h3,a) { color:#555E4D !important; }
div.content #pjax-container .form-control::placeholder { color:#8F786D; opacity:1; }

/* 手機頂列與桌機／手機搜尋列 */
div.content :is(.mobile-menu,.mobile-search-bar,.pc-search-bar) { background-color:#F3EADF !important; color:#555E4D !important; border-color:#A1A994 !important; }
div.content :is(.mobile-menu,.mobile-search-bar,.pc-search-bar) :is(a,i,button) { color:#555E4D !important; }
div.content .nav-search-input { background-color:#F3EADF !important; color:#555E4D !important; border-color:#A1A994 !important; }
div.content .nav-search-input::placeholder { color:#8F786D; }
div.content .mobile-btn :is(span,i) { border-color:#555E4D !important; }

/* 新版關於杉麟苑：完整段落、柔霧玫瑰卡片 */
div.content #pjax-container .kg-about-v2 { color:#555E4D; }
div.content #pjax-container .kg-about-v2 header { margin-bottom:32px; }
div.content #pjax-container .kg-about-v2 h1 { color:#555E4D; font-size:clamp(30px,5vw,42px); line-height:1.4; }
body.b_about_detail #pjax-container main .kg-about-v2 p { margin:0 0 1.2em; }
div.content #pjax-container .kg-about-v2 .kg-about-card { padding:24px; margin:20px 0; border:1px solid #A1A994; border-left:4px solid #C58F85; border-radius:16px; }
div.content #pjax-container .kg-about-v2 h4 { color:#555E4D !important; font-size:clamp(20px,3vw,24px); line-height:1.5; margin:0 0 14px; }
div.content #pjax-container .kg-about-v2 a:not(.btn) { color:#555E4D; text-decoration:underline; text-decoration-color:#B98070; text-underline-offset:5px; }
div.content #pjax-container .kg-about-v2 .kg-about-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
div.content #pjax-container .kg-about-v2 .btn { white-space:normal; min-height:44px; padding:12px 20px; }
@media(max-width:680px) { div.content #pjax-container .kg-about-v2 .kg-about-card { padding:20px 18px; } div.content #pjax-container .kg-about-v2 .kg-about-actions .btn { width:100%; } }

/* 關於總覽頁直接閱讀新版介紹 */
body.b_about_list #pjax-container main .kg-about-v2 {font-size:clamp(17px,1.6vw,19px);line-height:1.95;letter-spacing:.025em;}
body.b_about_list #pjax-container main .kg-about-v2 p {margin:0 0 1.2em;color:#555E4D;}
body.b_about_list #pjax-container main .kg-about-v2 h2 {margin:56px 0 26px;padding:18px 22px;border:1px solid #A1A994;border-left:5px solid #C58F85;border-radius:4px 18px 18px 4px;color:#555E4D;font-size:clamp(23px,3vw,30px);line-height:1.4;}

/* 創辦人照片：保持原圖自然尺寸，手機上下排列 */
div.content #pjax-container .kg-founder-layout {display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start;margin:28px 0;}
div.content #pjax-container .kg-founder-photo {margin:0;}
div.content #pjax-container .kg-founder-photo img {width:100%;max-width:250px;height:auto;}
div.content #pjax-container .kg-founder-photo figcaption {color:#555E4D;font-size:14px;line-height:1.7;margin-top:12px;}
@media(max-width:680px){div.content #pjax-container .kg-founder-layout {grid-template-columns:minmax(0,1fr);gap:24px;}div.content #pjax-container .kg-founder-photo {width:220px;max-width:100%;margin-inline:auto;text-align:center;}}


/* 2026-10-16 全站品牌2.0：補齊原主題金色與黑白介面 */
div.content #pjax-container main a:not(.btn):not(.page-link):not(.catbar-chip):not(.nav-link):not(.html-info a) {color:#555E4D !important;}
div.content #pjax-container main a:not(.btn):not(.page-link):not(.html-info a):hover {color:#B98070 !important;}
div.content #pjax-container main :is(h1,h2,h3,h4,h5,h6,p,li,blockquote,td,th,label):not(.html-info *):not(.kg-about-v2 h3):not(.kg-about-v2 h3 *) {color:#555E4D;}
div.content #pjax-container :is(aside,.article-group,.group-title,.article-title,.article-summary,.article-content,.info-detail,.info-list,.service-card-list) {color:#555E4D;}
div.content #pjax-container :is(aside,.article-group) a {color:#555E4D !important;}
div.content #pjax-container :is(aside,.article-group) a:hover {color:#B98070 !important;}
div.content #pjax-container .service-card-list > li > a {
 background:#F3EADF !important;color:#555E4D !important;border:1px solid #A1A994 !important;border-left:4px solid #C58F85 !important;box-shadow:0 5px 18px rgba(143,120,109,.08);
}
div.content #pjax-container .service-card-list > li > a:hover {border-color:#B98070 !important;box-shadow:0 6px 22px rgba(185,128,112,.16);}
div.content #pjax-container .service-card-title {color:#555E4D !important;}
div.content #pjax-container .service-card-summary {color:#8F786D !important;}
div.content #pjax-container :is(.catbar,.info-mobileTab,.info-mobileTab a,.table,.table th,.table td) {background-color:#F3EADF !important;border-color:#A1A994 !important;color:#555E4D !important;}
div.content #pjax-container :is(.article-group,.group-title,.info-list li) {border-color:#A1A994 !important;}
div.content #pjax-container :is(time,.date,.text-muted,.article-date,.post-date) {color:#8F786D !important;}
div.content #pjax-container :is(.catbar-chip.is-active,.page-item.active .page-link) {background:#555E4D !important;color:#F3EADF !important;}
div.content #pjax-container .catbar-chip:hover {background:#C58F85 !important;color:#555E4D !important;}

/* 文章、服務與政策內文：課程和獨立品牌頁維持原有內文設計 */
body:not(.blank-page):not(.b_course_intro):not(.b_course_detail):not(.b_course_list) div.content #pjax-container .html-info {color:#555E4D !important;}
body:not(.blank-page):not(.b_course_intro):not(.b_course_detail):not(.b_course_list) div.content #pjax-container .html-info :is(p,li,td,th,blockquote) {color:#555E4D !important;}
body:not(.blank-page):not(.b_course_intro):not(.b_course_detail):not(.b_course_list) div.content #pjax-container .html-info a:not(.btn) {color:#555E4D !important;text-decoration-color:#B98070;}

div.content #pjax-container .consumer-terms :is(h1,h2,h3,p,li,a) {color:#555E4D !important;}
div.content #pjax-container .consumer-terms a {text-decoration:underline;text-decoration-color:#B98070;text-underline-offset:4px;}
div.content #pjax-container .consumer-terms a:hover {color:#B98070 !important;}

/* LOGO 紙感底色與品牌背景融合：桌機／手機共用 */
div.content :is(a.logo-img,a.navbar-brand) {background:transparent !important;box-shadow:none !important;border:0;}
div.content :is(a.logo-img,a.navbar-brand) > img {
 mix-blend-mode:multiply;
 -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 8%,#000 92%,transparent 100%);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 8%,#000 92%,transparent 100%);
 mask-composite:intersect;
}

div.content :is(a.logo-img,a.navbar-brand) > img {filter:brightness(1.3);}

}
