body {
    /*min-width: 350px;
    max-width: 1024px;*/
    margin: auto;
    min-width: 350px;
    font-family: 'Noto Sans TC', sans-serif;
}

h1 {
    margin: 0px;
    font-size: 24px;
    text-align: justify;
    line-height: 2.5rem;
}

main {
    /*margin-left: 16px;
    margin-right: 16px;*/
    margin: auto;
    line-height: 1.8rem;
}

figure {
    max-width: 600px;
    min-width: 300px;
}

table {
    margin-bottom: 2rem !important;
    margin-top: 2rem;
}

table>tbody>tr>td>p {
    margin: 10px;
}

table>tbody>tr {
    white-space: nowrap;
    vertical-align: middle;
}

table figure {
    margin: 0 !important;
}

main>.container>#newestlist>table>tbody>tr>td>a {
    text-decoration: none;
    color: black;
}

main>.container>#newestlist>table>tbody>tr>td>a:hover {
    color: blue;
    transition: 0.5s ease-in-out;
}

.navbar {
    --bs-navbar-padding-y: 1rem;
    --bs-navbar-nav-link-padding-x: 1rem;
}

.nav-item {
    border-radius: 0.5rem;
    margin: 10px;
}

.navhover:hover {
    transition: all 0.5s ease;
    background-color: rgba(0, 0, 0, 0.05);
}

#btn_top {
    z-index: 9999;
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    border-radius: 999em;
    display: none;
}

.navbarspot {
    min-width: 350px;
    max-width: 1024px;
    margin: auto;
}


.articlehead {
    min-width: 350px;
    max-width: 1024px;
    margin: auto;
}

.article {
    min-width: 350px;
    max-width: 1024px;
    margin: auto;
}

.articlehr {
    margin: 1.5rem 0;
    /* padding-left: 12px;
    padding-right: 12px;
    color: inherit; */
    border-top: 1px dashed #000000;
    opacity: .5;
}

.articlefooter {
    min-width: 350px;
    max-width: 1024px;
    margin: 2rem auto 2rem auto;
    /*上右下左*/
}

.recommend {
    /*background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 30%, #f9f9f9 70%, #ffffff 100%);*/
    /*background-color: rgb(255, 255, 245);*/
    margin: 2rem auto 2rem auto;
}

.recommend-container {
    min-width: 350px;
    max-width: 1024px;
    margin: auto;
}

.newest {
    min-width: 350px;
    max-width: 1024px;
    margin: 2rem auto 2rem auto;
}

.newestlisttable {
    margin: 0 !important;
}

.container p {
    line-height: 2.1;
}

main > .article > .container > ul > li {
    margin-bottom: 20px;
}

main > .article > .container > ol > li {
    margin-bottom: 20px;
}

main > .article > .container > .table-responsive > table > tbody > tr > td > ul > li {
    margin-bottom: 20px;
}

.subtitle {
    margin-top: 16px;
    margin-bottom: 16px;
    user-select: none;
}

.card.h-100 {
    background-color: #ffffff;
    transition: all 0.5s ease;
    cursor: pointer
}

.card.h-100:hover {
    background-color: rgba(0, 0, 0, 0.05);
    scale: 0.9;
}

.img_div {
    max-height: 250px;
    overflow: hidden;
    min-height: 250px;
    text-align: center;
}

.img_div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.card-body {
    text-align: justify;
    padding-bottom: 0px;
}

.card-title {
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
}

.card_footer {
    text-align: right;
    border: none;
    padding-bottom: 16px;
    padding-top: 0px;
    padding-left: 16px;
    padding-right: 16px;
}

.figure-caption {
    text-align: justify;
}

.articleiframe {
    max-width: 600px;
    min-width: 300px;
}

.articleimage {
    margin: 2rem auto;
}

.iframe_item {
    width: 100%;
}

.list-inline {
    color: gray;
}

#article-tag-item {
    border: 2px gray solid;
    border-radius: 5px;
    margin-top: 8px;
    margin-right: 10px;
    padding-left: 5px;
    padding-right: 5px;
    color: gray;
    user-select: none;
}

.tag_type_life_article {
    position: absolute;
    top: 16px;
    left: 0%;
    background-color: rgb(229, 3, 123);
    color: white;
    padding: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.tag_location_life_article {
    position: absolute;
    top: 84px;
    left: 0%;
    background-color: rgb(246, 235, 0);
    color: rgb(0, 0, 0);
    padding: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.tag_type_discount_article {
    position: absolute;
    top: 16px;
    left: 0%;
    background-color: rgb(153, 0, 255);
    color: rgb(255, 255, 255);
    padding: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.tag_location_discount_article {
    position: absolute;
    top: 84px;
    left: 0%;
    background-color: rgb(187, 34, 0);
    color: rgb(255, 255, 255);
    padding: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.tag_type_daily_article {
    position: absolute;
    top: 16px;
    left: 0%;
    background-color: rgb(32, 192, 255);
    color: rgb(255, 255, 255);
    padding: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.tag_location_daily_article {
    position: absolute;
    top: 84px;
    left: 0%;
    background-color: rgb(255, 77, 0);
    color: rgb(255, 255, 255);
    padding: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.newlistarticle {
    background-color: #ffffff;
    transition: all 0.5s ease;
    cursor: pointer
}

.newlistarticle:hover {
    background-color: rgba(0, 0, 0, 0.05);
    scale: 0.9;
}

.newarticle {
    margin-top: 24px;
}

.newlist-cellphone {
    width: 100%;
    margin: auto;
    transition: all 0.5s ease;
}

.newlist-cellphone:hover {
    scale: 0.9;
}

.sharebtn_list {
    margin-top: 2rem;
}

@media (max-width: 767px) {
    main {
        margin-left: 16px;
        margin-right: 16px;
    }
}

/*.highlight-box {
  background: #f7f7f7;
  border-left: 4px solid #ccc;
  padding: 1rem 1.5rem;
  font-style: italic;
  font-size: 1.1rem;
  color: #444;
  margin: 2rem 0;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}之後補上*/

:root{
  --ink:#222; --cream:#fffdf8;
  --red:#C55243; --sakura:#E99AAF; --matcha:#7BA36E; --sky:#5BA6C3; --inkbar:#333;

  /* 柔和底色（用於 leftbar 的 tint） */
  --tint-red:#fff7f5; --tint-sakura:#F3D6DE; --tint-matcha:#DDE8D8; --tint-sky:#D9ECF5; --tint-ink:#f6f6f6;

  /* 螢光筆底線色（marker） */
  --mk-red:#FFE1DC; --mk-sakura:#FCEAF2; --mk-matcha:#EDF5E8; --mk-sky:#E9F7FB; --mk-ink:#EEEEEE;
}

/* 基底 */
.thirdtitle{
  font-family:"Noto Serif TC", serif;
  font-weight:700;
  line-height:1.5;
  margin:16px 0 16px;
  color:var(--ink);
  letter-spacing:.02em;
  font-size:18px;
  text-wrap: balance;        /* 讓換行更漂亮 */
  scroll-margin-top: 76px;   /* 若有錨點導覽，避免被固定 header 蓋住 */
}

/* ① 左側色條（預設推薦） */
.thirdtitle--leftbar{
  --bar:var(--red);
  --tint:var(--tint-red);
  border-left:6px solid var(--bar);
  background:var(--tint);
  border-radius:.5rem;
  padding:2rem 1rem 2rem .9rem;
}

/* ② 螢光筆底線（雜誌感） */
.thirdtitle--marker{
  --marker:#fff0aa;
  display:inline;
  background:linear-gradient(transparent 62%, var(--marker) 0);
  border-radius:.2em;
  padding:.05em .15em;
}

/* ③ 膠囊色帶（段落分隔/專題） */
.thirdtitle--pill{
  --bg:var(--red);
  --fg:#fff;
  display:block; text-align:center;
  /* 退場機制：不支援 color-mix 時用同色 */
  background:linear-gradient(to right, var(--bg), var(--bg));
  color:var(--fg);
  padding:2rem 1rem 2rem .9rem;
  border-radius:999px;
  letter-spacing:.03em;
}
@supports (color: color-mix(in oklab, red, white)) {
  .thirdtitle--pill{
    background:linear-gradient(
      to right,
      color-mix(in oklab, var(--bg) 92%, white),
      var(--bg)
    );
  }
}

/* 核心色票（補 --fg 以確保膠囊對比） */
.is-red    { --bar:var(--red);    --tint:var(--tint-red);    --bg:var(--red);    --marker:var(--mk-red);    --fg:#fff; }
.is-sakura { --bar:var(--sakura); --tint:var(--tint-sakura); --bg:var(--sakura); --marker:var(--mk-sakura); --fg:#222; }
.is-matcha { --bar:var(--matcha); --tint:var(--tint-matcha); --bg:var(--matcha); --marker:var(--mk-matcha); --fg:#fff; }
.is-sky    { --bar:var(--sky);    --tint:var(--tint-sky);    --bg:var(--sky);    --marker:var(--mk-sky);    --fg:#fff; }
.is-ink    { --bar:var(--inkbar); --tint:var(--tint-ink);    --bg:var(--inkbar); --marker:var(--mk-ink);    --fg:#fff; } /* 移除固定 color，統一用 --fg 控制 */

/* === Palette Pack — more 日系色 === */
.is-yuzu{   /* 柚子黃（活潑清爽） */
  --bar:#E8B23C; --tint:#FFF6DF; --bg:#E8B23C; --marker:#FFEFC3; --fg:#222;
}
.is-momo{   /* 桃粉（可愛柔和） */
  --bar:#F28AA0; --tint:#FCE8EE; --bg:#F28AA0; --marker:#FDEEF2; --fg:#fff;
}
.is-ume{    /* 梅紫（優雅沉靜） */
  --bar:#7A4E73; --tint:#F3E6F0; --bg:#7A4E73; --marker:#F1E8F0; --fg:#fff;
}
.is-ai{     /* 藍染（理性專題） */
  --bar:#2B4C7E; --tint:#E6EEF8; --bg:#2B4C7E; --marker:#ECF2FA; --fg:#fff;
}
.is-mizuiro{/* 水色（清新透明） */
  --bar:#6FB6CB; --tint:#EAF6FA; --bg:#6FB6CB; --marker:#EAF6FA; --fg:#fff;
}
.is-choco{  /* 可可（溫潤質感） */
  --bar:#7E533C; --tint:#F4ECE8; --bg:#7E533C; --marker:#F6EFEA; --fg:#fff;
}
.is-wheat{  /* 小麥米（自然暖白） */
  --bar:#C9B48E; --tint:#FAF6ED; --bg:#C9B48E; --marker:#FBF7EE; --fg:#222;
}
.is-forest{ /* 深林綠（穩重自然） */
  --bar:#2F6B4F; --tint:#E8F1EC; --bg:#2F6B4F; --marker:#EAF4EF; --fg:#fff;
}
.is-lavender{/* 薰衣草（輕柔夢幻） */
  --bar:#8C7AD6; --tint:#F1EEFB; --bg:#8C7AD6; --marker:#F1EEFB; --fg:#fff;
}
.is-coral{  /* 珊瑚橘（活力重點） */
  --bar:#D66A5E; --tint:#FDEDEC; --bg:#D66A5E; --marker:#FBEAE8; --fg:#fff;
}
.is-azuki{  /* 紅豆（文學沉著） */
  --bar:#7B333D; --tint:#F6E9EB; --bg:#7B333D; --marker:#F7EDEE; --fg:#fff;
}
.is-mint{   /* 薄荷（清爽療癒） */
  --bar:#66C3B5; --tint:#E8FAF7; --bg:#66C3B5; --marker:#EAFBF8; --fg:#222;
}

.table-responsive{
	margin-top:-16px;
}

.googlead{
	max-width: 1024px;
	text-align: center;
	margin-bottom: 24px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 24px;
	overflow: hidden;
}
<style>
/* --- AI 智慧導讀：無印極簡雜誌風樣式 --- */
.ai-guide-section {
    margin-top: 30px;
    margin-bottom: 50px;
}

.ai-guide-container {
    background-color: #ffffff;
    border-radius: 8px;
    border-left: 5px solid #ffba80 !important;
    overflow: hidden;
    padding: 16px 8px 16px 8px;
    margin: 0 0 24px 0;
}

.ai-guide-title {
    font-family: "Noto Serif TC", serif; /* 建議 head 加入此字體連結 */
    font-weight: 700;
    color: #111;
    text-align: center;
    letter-spacing: .02em;
    font-size: 18px;
    margin-bottom: 15px;
    text-wrap: balance;
}

.disclaimer-text {
    font-family: "Noto Serif TC", serif; /* 建議 head 加入此字體連結 */
    text-align: center;
    font-style: italic;
    max-width: 700px;
    margin: 0 auto 30px auto;
    font-size: 14px;
    color: #888;
    line-height: 1.6;
}

/* Accordion 質感：完全去除邊框，只保留文字與呼吸感 */
#accordionArticleGuide .accordion-item {
    border: none;
    background-color: transparent;
    margin-bottom: 10px;
}

#accordionArticleGuide .accordion-button {
    font-family: "Noto Serif TC", serif; /* 建議 head 加入此字體連結 */
    background-color: #f9f9f9; /* 極淡的灰色塊區隔問項 */
    color: #333;
    padding: 18px 25px;
    border-radius: 10px;
    border: none;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
}

#accordionArticleGuide .accordion-button:not(.collapsed) {
    font-family: "Noto Serif TC", serif; /* 建議 head 加入此字體連結 */
    font-weight: 600;
    background-color: #f2f2f2;
    color: #000;
    box-shadow: none;
}

#accordionArticleGuide .accordion-body {
    font-family: "Noto Serif TC", serif; /* 建議 head 加入此字體連結 */
    padding: 20px 25px 30px 25px;
    color: #555;
    line-height: 2; /* 寬鬆的日系行高 */
    text-align: justify;
    font-size: 16px;
}

.ai-guide-link {
    color: #ffba80; /* 使用你的品牌暖橘色 */
    text-decoration: none;
    font-weight: bold;
    margin: 0 4px;
    border-bottom: 1px dashed #ffba80; /* 加個虛線底線，更有文青感 */
    transition: all 0.3s ease;
}

.ai-guide-link:hover {
    color: #333;
    border-bottom-style: solid;
    background-color: rgba(255, 186, 128, 0.1); /* 滑過時有輕微背景色 */
}