/* 五款淺色風格：只切換色彩；版面、字級及圖片維持不變。未知 Style 使用品牌藍。 */
:root {
  --t6-primary: #0964d9;
  --t6-hover: #0755b7;
  --t6-accent: #33b8df;
  --t6-ink: #142f4f;
  --t6-muted: #627186;
  --t6-pale: #f4f8fc;
  --t6-soft: #e6f1ff;
  --t6-line: #e3ebf3;
  --t6-border: #a8c9eb;
  --t6-footer: #12334f;
  --t6-footline: #35526b;
  --t6-foottext: #d0e4f3;
  --t6-primary-rgb: 9, 100, 217;
  --t6-ink-rgb: 20, 47, 79;
}
:root[data-theme="forest"] {
  --t6-primary: #23754d;
  --t6-hover: #195a39;
  --t6-accent: #39a77b;
  --t6-ink: #193b2c;
  --t6-muted: #52695d;
  --t6-pale: #f3f8f4;
  --t6-soft: #e5f2e9;
  --t6-line: #dce9df;
  --t6-border: #a0c9ad;
  --t6-footer: #173a2a;
  --t6-footline: #375b45;
  --t6-foottext: #dcece1;
  --t6-primary-rgb: 35, 117, 77;
  --t6-ink-rgb: 25, 59, 44;
}
:root[data-theme="purple"] {
  --t6-primary: #7145b5;
  --t6-hover: #58328f;
  --t6-accent: #9c78d0;
  --t6-ink: #322345;
  --t6-muted: #6c6179;
  --t6-pale: #f7f4fb;
  --t6-soft: #efe7fa;
  --t6-line: #e7dff0;
  --t6-border: #c2ade0;
  --t6-footer: #2f2145;
  --t6-footline: #58436f;
  --t6-foottext: #e9e0f4;
  --t6-primary-rgb: 113, 69, 181;
  --t6-ink-rgb: 50, 35, 69;
}
:root[data-theme="orange"] {
  --t6-primary: #b95018;
  --t6-hover: #953b10;
  --t6-accent: #dc8849;
  --t6-ink: #472e21;
  --t6-muted: #756257;
  --t6-pale: #fcf6f0;
  --t6-soft: #fbeadd;
  --t6-line: #efdfd1;
  --t6-border: #e5b99b;
  --t6-footer: #452b1e;
  --t6-footline: #714d38;
  --t6-foottext: #f3e4d9;
  --t6-primary-rgb: 185, 80, 24;
  --t6-ink-rgb: 71, 46, 33;
}
:root[data-theme="graphite"] {
  --t6-primary: #475569;
  --t6-hover: #334155;
  --t6-accent: #718096;
  --t6-ink: #26313e;
  --t6-muted: #626d7b;
  --t6-pale: #f5f6f8;
  --t6-soft: #e9edf2;
  --t6-line: #dfe3e9;
  --t6-border: #b6c0cd;
  --t6-footer: #26313e;
  --t6-footline: #495565;
  --t6-foottext: #e0e6ed;
  --t6-primary-rgb: 71, 85, 105;
  --t6-ink-rgb: 38, 49, 62;
}
:root {
  --blue: var(--t6-primary);
  --cyan: var(--t6-accent);
  --ink: var(--t6-ink);
  --muted: var(--t6-muted);
  --pale: var(--t6-pale);
  --line: var(--t6-line);
  --primary-color: var(--t6-primary);
  --primary-color-dark: var(--t6-hover);
  --primary-color-rgb: var(--t6-primary-rgb);
  --theme-color: var(--t6-primary);
  --hover-color: var(--t6-hover);
  --text-color: var(--t6-ink);
  --secondary-color: var(--t6-muted);
  --background-light: var(--t6-pale);
  --bs-primary: var(--t6-primary);
  --bs-primary-rgb: var(--t6-primary-rgb);
  --bs-link-color: var(--t6-primary);
  --bs-link-hover-color: var(--t6-hover);
  --bs-link-color-rgb: var(--t6-primary-rgb);
  --bs-link-hover-color-rgb: var(--t6-primary-rgb);
  --el-color-primary: var(--t6-primary);
  --el-color-primary-dark-2: var(--t6-hover);
  --el-color-primary-light-3: color-mix(in srgb, var(--t6-primary), white 30%);
  --el-color-primary-light-5: color-mix(in srgb, var(--t6-primary), white 50%);
  --el-color-primary-light-7: color-mix(in srgb, var(--t6-primary), white 70%);
  --el-color-primary-light-8: var(--t6-soft);
  --el-color-primary-light-9: var(--t6-pale);
}

/* theme6：承接 html 原稿，同時保留既有 Vue 與 Bootstrap 元件契約。 */
.theme6 .container { max-width: 1240px; padding-inline: 0; }
.theme6 .header-inner { min-height: 82px; }
.theme6 .brand-name { font-size: 1.5rem; color: var(--ink); font-weight: 800; }
.theme6 .brand img { max-height: 65px; width: auto; max-width: 170px; object-fit: contain; }
.theme6 .header-actions { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
.theme6 .t6-icon-link, .theme6 .t6-cart-button { display: inline-grid; place-items: center; min-width: 40px; min-height: 44px; background: transparent; color: var(--ink); font-size: 1.35rem; position: relative; }
.theme6 .main-nav { min-width: 0; flex-wrap: wrap; gap: 8px 24px; }
.theme6 .main-nav a { padding-block: 18px; }
.theme6 .site-menu summary { padding-block: 18px; }
.theme6 .menu-panel a { white-space: normal; padding: 9px; }
.theme6 .language-menu .menu-panel { width: 170px; grid-template-columns: 1fr; }
.theme6 .site-footer { padding: 0; background: var(--t6-footer); color: var(--t6-foottext); }
.t6-footer-grid { display: grid; grid-template-columns: 1fr 1fr .6fr; gap: 48px; padding-block: 45px; }
.theme6 .footer-brand { display: inline-flex; padding: 10px 14px; border-radius: 8px; background: var(--t6-pale); }
.theme6 .footer-description { margin-top: 16px; color: var(--t6-foottext); font-size: 1rem; }
.theme6 .footer-contact { font-style: normal; font-size: 1rem; }
.theme6 .footer-contact p { margin-bottom: 10px; }
.theme6 .footer-links { display: flex; flex-direction: column; align-items: start; gap: 12px; font-size: 1rem; }
.theme6 .footer-bottom { padding-block: 15px; }
.theme6 .footer-bottom .container { display: flex; justify-content: space-between; gap: 15px; }
.t6-banners { position: relative; }
.theme6 .hero-caption h2 { font-size: clamp(2.375rem,3.8vw,3.5rem); line-height: 1.4; text-wrap: balance; }
.t6-banner-controls { display: flex; justify-content: center; align-items: center; gap: 16px; padding-block: 8px; background: var(--pale); }
.t6-banner-controls button { min-width: 44px; min-height: 44px; border-radius: 50%; color: var(--blue); background: #fff; }
.t6-banner-controls span { font-size: .875rem; font-variant-numeric: tabular-nums; }
.theme6 .page-hero { margin: 0; }
.theme6 .page-hero h1 { color: var(--ink); }
.theme6 .page-hero-image { object-fit: contain; object-position: right center; }
.theme6 .t6-header-plain { min-height: 160px; }
.theme6 .breadcrumbs { list-style: none; padding: 0; }
.theme6 .category-buttons a { display: block; padding: 11px 14px; color: var(--ink); border-radius: 6px; }
.theme6 .category-buttons a:hover, .theme6 .category-buttons a.is-active { color: var(--blue); background: var(--t6-soft); }
.theme6 .t6-no-category { grid-template-columns: 1fr; }
.theme6 .content-grid { grid-template-columns: repeat(var(--t6-cols,3),minmax(0,1fr)); }
.theme6 .content-card h2 { font-size: 1.2rem; line-height: 1.6; }
.t6-card-date { font-size: .875rem; color: var(--muted); display: block; margin-block: 8px; }
.t6-card-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; margin-top: auto; }
.theme6 .content-card-body { min-width: 0; }
.theme6 .content-card-body p { overflow-wrap: anywhere; }
.theme6 .detail-cover { max-height: 560px; object-fit: contain; background: var(--pale); }
.theme6 .aie-content, .theme6 .ck-content { overflow-wrap: anywhere; font-size: 1.125rem; line-height: 1.9; }
.theme6 .aie-content img, .theme6 .ck-content img { max-width: 100%; height: auto; }
.theme6 .aie-content table, .theme6 .ck-content table { display: block; max-width: 100%; overflow-x: auto; }
.theme6 .article-body p { margin-bottom: 1em; }
.t6-home-section, .t6-html-section { padding-block: 44px; }
.t6-managed-html > .container { width: 100%; }
.t6-home-cases .content-image { aspect-ratio: 2.2; }
.t6-home-section .content-card { background: #fff; }
.t6-home-section .content-card-body h2 { font-size: 1.15rem; }
.t6-home-type2 .content-grid { --t6-cols: 2 !important; }
.t6-home-type2 .content-card { display: grid; grid-template-columns: 38% 1fr; }
.t6-home-type2 .content-image { height: 100%; min-height: 180px; }
.t6-filter-tabs { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 24px; }
.t6-filter-tabs button { padding: 9px 18px; border: 1px solid var(--line); border-radius: 22px; background: #fff; color: var(--ink); min-height: 44px; }
.t6-filter-tabs button[aria-pressed=true] { color: #fff; background: var(--blue); border-color: var(--blue); }
.t6-marquee { background: var(--pale); padding-block: 12px; }
.t6-marquee .container { display: flex; gap: 20px; align-items: center; }
.t6-marquee ul { display: flex; flex-wrap: wrap; gap: 12px 30px; padding: 0; list-style: none; font-size: 1rem; }
.t6-pagination { margin-block: 28px; }
.t6-pagination .pagination { flex-wrap: wrap; gap: 8px; justify-content: center; }
.t6-pagination li > a, .t6-pagination li > span { display: block; padding: 8px 16px; border: 1px solid var(--line); border-radius: 6px; }
.t6-pagination .active > span { background: var(--blue); color: white; }
.t6-embed { height: min(80vh,900px); }
.t6-embed iframe { width: 100%; height: 100%; border: 0; }
.t6-cookie { position: fixed; inset: auto 16px 16px; margin-inline: auto; max-width: 900px; z-index: 30; padding: 16px 22px; display: flex; align-items: center; gap: 24px; background: #fff; border: 1px solid var(--line); box-shadow: var(--shadow); border-radius: 12px; font-size: 1rem; }
.t6-cookie p { flex: 1; }
.theme6 .btn-primary { background-color: var(--blue); border-color: var(--blue); }
.theme6 .btn-outline-primary { color: var(--blue); border-color: var(--blue); }
.theme6 .btn-outline-primary:hover { color: white; background: var(--blue); }
.theme6 .btn, .theme6 .el-button { min-height: 44px; }
.theme6 .form-control, .theme6 .form-select, .theme6 .el-input__inner { font-size: 1rem; }
.theme6 .row { --bs-gutter-x: 1.5rem; }
.theme6 .user-dashboard { background: var(--pale); }
.theme6 .menu-link.active { background: var(--blue); color: #fff; }
.theme6 .payment-section { padding-top: 36px; }
.theme6 .order-vue-container { margin-top: 0; }
.theme6 [v-cloak] { display: none; }
.theme6 [data-aos] { opacity: 1 !important; transform: none !important; }
.theme6 .t6-resource-list { display: grid; gap: 16px; }
.theme6 .t6-resource { border: 1px solid var(--line); border-radius: 10px; padding: 18px 22px; }
.theme6 .t6-resource summary { cursor: pointer; font-weight: 700; font-size: 1.125rem; }
.theme6 .t6-resource .aie-content { margin-top: 16px; }
.theme6 .t6-download { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.theme6 .t6-video iframe { width: 100%; aspect-ratio: 16/9; border: 0; }
.theme6 .t6-video summary { cursor: pointer; }
.theme6 .t6-contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.theme6 .t6-contact-grid address { font-style: normal; }
@media (max-width: 1020px) {
 .theme6 .header-inner { gap: 16px; flex-wrap: wrap; }
 .theme6 .menu-toggle { display: block; margin-left: auto; order: 3; }
 .theme6 .header-actions { margin-left: auto; }
 .theme6 .main-nav { position: static; width: 100%; order: 4; flex-basis: 100%; flex-direction: column; align-items: stretch; padding-block: 12px; background: #fff; }
 .t6-js .theme6 .main-nav:not(.is-open) { display: none; }
 .theme6 .main-nav.is-open { display: flex; }
 .theme6 .main-nav a { padding: 10px; }
 .theme6 .main-nav .menu-panel { position: static; width: 100%; box-shadow: none; }
 .theme6 .hero-caption h2 { font-size: clamp(1.875rem,4.5vw,2.375rem); }
 .theme6 .content-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .t6-footer-grid { gap: 28px; grid-template-columns: 1fr 1fr; }
 .t6-footer-grid > nav { grid-column: 1/-1; flex-direction: row; flex-wrap: wrap; }
}
@media (max-width: 760px) {
 .theme6 .content-grid { grid-template-columns: repeat(var(--t6-mobile-cols,1),minmax(0,1fr)); }
 .theme6 .content-card-body { padding: 18px; }
 .t6-home-type2 .content-card { display: flex; }
 .t6-home-type2 .content-image { min-height: 0; }
 .t6-home-section, .t6-html-section { padding-block: 30px; }
 .t6-footer-grid, .theme6 .t6-contact-grid { grid-template-columns: 1fr; gap: 28px; }
 .t6-cookie { flex-wrap: wrap; gap: 12px; }
 .t6-cookie p { flex-basis: 100%; }
 .t6-download { align-items: flex-start; flex-direction: column; gap: 8px; }
}
@media (max-width: 480px) {
 .theme6 .brand img { max-width: 112px; max-height: 48px; }
 .theme6 .header-actions { gap: 4px; }
 .theme6 .header-cta { padding: 8px 12px; font-size: .875rem; min-height: 40px; }
 .theme6 .header-cta i { display: none; }
 .theme6 .header-inner { gap: 8px; }
 .theme6 .menu-toggle { width: 44px; min-width: 44px; }
 .theme6 .header-actions .language-menu { display: block; }
}

/* 沿用靜態稿的字級、留白與小型內頁標頭；互動區域至少 44px。 */
.theme6 .t6-contact-grid,.theme6 .t6-product-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.theme6 .panel h2{margin-bottom:18px}
.theme6 .t6-contact-details{margin-top:28px}
.theme6 .t6-contact-details>div{padding:15px 0;border-bottom:1px solid var(--line)}
.theme6 .t6-contact-details dt{font-size:1rem;color:var(--muted)}
.theme6 .t6-contact-details dd{overflow-wrap:anywhere}
.theme6 .t6-map{width:100%;height:360px;border:0;border-radius:var(--radius);margin-top:30px}
.theme6 .t6-product-content{margin-block:28px}
.theme6 .t6-product-detail>*{min-width:0}
.theme6 .t6-video-trigger{position:relative;display:block;width:100%;padding:0;background:var(--pale)}
.theme6 .t6-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#fff;color:var(--blue);font-size:28px}
.theme6 .t6-text-button{text-align:left;padding:0;min-height:44px;background:none;font:inherit}
.theme6 .t6-video-dialog{width:min(900px,calc(100% - 32px));padding:24px;border:1px solid var(--line);border-radius:18px;max-height:90vh}
.theme6 .t6-video-dialog::backdrop{background:rgba(var(--t6-ink-rgb), 0.72)}
.theme6 .t6-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.theme6 .t6-dialog-header h2{font-size:1.4rem}
.theme6 .t6-video-dialog iframe{width:100%;aspect-ratio:16/9;border:0}
.theme6 .t6-download{display:flex;gap:20px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:18px}
.theme6 .t6-download>i{font-size:32px;color:var(--blue)}
.theme6 .t6-download>div{flex:1;min-width:0;overflow-wrap:anywhere}
.theme6 .t6-download h2{font-size:1.2rem}
.theme6 .faq-answer{padding:0 24px 24px}
.theme6 .faq-item summary{padding:24px;cursor:pointer;min-height:44px}
.theme6 .t6-result{text-align:center;max-width:760px;margin:auto}
.theme6 .t6-result>i{font-size:48px;color:var(--blue)}
.theme6 .t6-result .button{margin:18px 6px 0}
.theme6 .rich-text img,.theme6 .aie-content img{max-width:100%;height:auto}
.theme6 .rich-text,.theme6 .aie-content{overflow-wrap:anywhere;overflow-x:auto}
.theme6 :is(input,textarea,select,summary):focus-visible{outline:3px solid var(--blue);outline-offset:4px}
@media(max-width:1020px){.theme6 .main-nav{display:flex}.t6-js .theme6 .main-nav:not(.is-open){display:none}.theme6 .header-inner{flex-wrap:wrap}.theme6 .main-nav{order:4}}
@media(max-width:767px){.theme6 .t6-contact-grid,.theme6 .t6-product-detail{grid-template-columns:1fr}.theme6 .t6-download{flex-wrap:wrap}.theme6 .t6-download .button{width:100%}.theme6 .t6-map{height:280px}.theme6 .t6-video-dialog{padding:16px}}
@media(max-width:480px){.theme6 .language-menu{display:block}.theme6 .header-inner{gap:8px}.theme6 .brand img{max-width:110px}}

/* 舊 Vue 元件的進場 class 預設透明；停用動畫時仍必須顯示可操作表單。 */
html[data-motion="off"] .theme6 .animate-fade-in{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.theme6 .animate-fade-in{opacity:1!important;transform:none!important}}
.theme6 .t6-vue-page .container{width:100%;max-width:100%;padding-inline:0}
.theme6 .t6-vue-page .login-page{padding:0;min-height:0;background:transparent}
.theme6 .t6-vue-page .login-container{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius)}
.theme6 .el-form-item__label,.theme6 .el-checkbox__label,.theme6 .el-button{font-size:1rem}
.theme6 .language-menu summary{min-width:44px;min-height:44px;padding:8px;display:grid;place-items:center}
.theme6 .language-menu summary i{font-size:1.2rem;margin:0}
.theme6 .category-panel nav>a{display:block;padding:11px 14px;border-radius:6px}
.theme6 .category-panel nav>a.is-active{color:var(--blue);background:var(--t6-soft)}
@media(max-width:480px){.theme6 .header-cta{display:none}.theme6 .t6-vue-page .login-container{padding:22px 16px}}

.theme6 .page-hero .t6-page-title{font-size:clamp(1.875rem,2.6vw,2.25rem);letter-spacing:.5px;line-height:1.45;text-wrap:balance;color:var(--ink)}

.theme6 .t6-sort{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.theme6 .t6-sort select{width:auto;min-height:44px;max-width:100%}.theme6 .t6-sort label{font-size:1rem}


/* 手機導覽：原生 dialog 置於最上層，背景不可互動，桌機仍使用原導覽。 */
.theme6 .t6-nav-drawer {
  position: fixed; inset: 0 0 0 auto; margin: 0;
  width: min(380px, calc(100vw - 36px)); max-width: none;
  height: 100vh; height: 100dvh; max-height: none;
  padding: 0; border: 0; border-left: 1px solid var(--line);
  color: var(--ink); background: #fff; box-shadow: -16px 0 60px rgba(var(--t6-ink-rgb), 0.18);
  overflow: hidden; flex-direction: column; text-align: left;
}
.theme6 .t6-nav-drawer:not([open]) { display: none; }
.theme6 .t6-nav-drawer[open] { display: flex; animation: t6-drawer-enter .24s cubic-bezier(.2,.8,.2,1) both; }
.theme6 .t6-nav-drawer::backdrop { background: rgba(var(--t6-ink-rgb), 0.48); }
.theme6 .t6-nav-drawer[open].is-closing { animation: t6-drawer-exit .18s ease-in both; pointer-events: none; }
.theme6 .t6-drawer-heading {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: max(20px, env(safe-area-inset-top)) 24px 18px; border-bottom: 1px solid var(--line); flex-shrink: 0;
}
.theme6 .t6-drawer-heading h2 { font-size: 1.25rem; font-weight: 700; margin: 0; }
.theme6 .t6-drawer-close { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--pale); color: var(--ink); flex-shrink: 0; }
.theme6 .t6-drawer-close:hover { background: var(--t6-soft); color: var(--blue); }
.theme6 .t6-drawer-body { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 18px 18px 28px; }
.theme6 .t6-nav-drawer .main-nav {
  position: static; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start;
  gap: 6px; width: 100%; padding: 0; margin: 0; flex-wrap: nowrap;
  animation: none; box-shadow: none; border: 0; background: transparent;
}
.theme6 .t6-nav-drawer .main-nav > a,
.theme6 .t6-nav-drawer .site-menu > summary {
  padding: 14px 16px; min-height: 52px; border-radius: 10px;
  font-size: 1.125rem; line-height: 1.6; white-space: normal; overflow-wrap: anywhere;
}
.theme6 .t6-nav-drawer .site-menu > summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.theme6 .t6-nav-drawer .main-nav a::after { display: none; }
.theme6 .t6-nav-drawer .main-nav a:hover,
.theme6 .t6-nav-drawer .main-nav a.is-active,
.theme6 .t6-nav-drawer .site-menu[open] > summary { background: var(--t6-soft); color: var(--blue); }
.theme6 .t6-nav-drawer .menu-panel {
  position: static; display: grid; grid-template-columns: 1fr; width: auto;
  padding: 6px 0 6px 14px; margin: 4px 16px 8px; border: 0; border-left: 2px solid var(--t6-border);
  border-radius: 0; box-shadow: none; background: transparent;
}
.theme6 .t6-nav-drawer .menu-panel a { min-height: 44px; padding: 10px 12px; font-size: 1rem; border: 0; }
.theme6 .t6-drawer-footer { padding: 20px 24px max(24px, env(safe-area-inset-bottom)); border-top: 1px solid var(--line); background: var(--pale); flex-shrink: 0; }
.theme6 .t6-drawer-company { display: block; margin-bottom: 12px; font-size: 1rem; color: var(--muted); overflow-wrap: anywhere; }
.theme6 .t6-drawer-footer .button { width: 100%; min-height: 48px; }
html:not(.t6-js) .theme6 .menu-toggle { display: none; }
@keyframes t6-drawer-enter { from { transform: translateX(100%); } to { transform: translateX(0); } }
@keyframes t6-drawer-exit { from { transform: translateX(0); } to { transform: translateX(100%); } }
@media (prefers-reduced-motion: reduce) { .theme6 .t6-nav-drawer[open] { animation: none; } }

@media (max-width: 360px) {
 .theme6 .header-inner { gap: 6px; }
 .theme6 .brand img { max-width: 88px; }
 .theme6 .header-actions { gap: 2px; }
}


/* Bootstrap 元件的狀態色使用當前 Style；成功、警告、錯誤及外部品牌色不覆寫。 */
.theme6 .btn-primary {
  --bs-btn-bg: var(--t6-primary); --bs-btn-border-color: var(--t6-primary);
  --bs-btn-hover-bg: var(--t6-hover); --bs-btn-hover-border-color: var(--t6-hover);
  --bs-btn-active-bg: var(--t6-hover); --bs-btn-active-border-color: var(--t6-hover);
  --bs-btn-disabled-bg: var(--t6-primary); --bs-btn-disabled-border-color: var(--t6-primary);
  --bs-btn-focus-shadow-rgb: var(--t6-primary-rgb);
}
.theme6 .btn-outline-primary {
  --bs-btn-color: var(--t6-primary); --bs-btn-border-color: var(--t6-primary);
  --bs-btn-hover-bg: var(--t6-primary); --bs-btn-hover-border-color: var(--t6-primary);
  --bs-btn-active-bg: var(--t6-hover); --bs-btn-active-border-color: var(--t6-hover);
  --bs-btn-disabled-color: var(--t6-primary); --bs-btn-disabled-border-color: var(--t6-primary);
  --bs-btn-focus-shadow-rgb: var(--t6-primary-rgb);
}
.theme6 .btn-primary:is(:hover, :focus-visible, :active) { background-color: var(--t6-hover); border-color: var(--t6-hover); }
.theme6 .btn-outline-primary:is(:hover, :focus-visible, :active) { color: #fff; background-color: var(--t6-hover); border-color: var(--t6-hover); }
.theme6 :is(.form-control, .form-select):focus { border-color: var(--t6-primary); box-shadow: 0 0 0 .25rem rgba(var(--t6-primary-rgb), .2); }
.theme6 .form-check-input:checked { background-color: var(--t6-primary); border-color: var(--t6-primary); }
.theme6 .form-check-input:focus { border-color: var(--t6-primary); box-shadow: 0 0 0 .25rem rgba(var(--t6-primary-rgb), .2); }
.theme6 .pagination { --bs-pagination-color: var(--t6-primary); --bs-pagination-hover-color: var(--t6-hover); --bs-pagination-active-bg: var(--t6-primary); --bs-pagination-active-border-color: var(--t6-primary); --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(var(--t6-primary-rgb), .2); }
.theme6 :is(button, a, summary, input, textarea, select):focus-visible { outline-color: var(--t6-primary); }

/* 深色頁尾與實心主按鈕的 hover 仍維持足夠文字對比，不用淡色當白字底色。 */
.theme6 .footer-links a:hover, .theme6 .footer-contact a:hover { color: #fff; }
.theme6 .el-button--primary:not(.is-plain) {
  --el-button-hover-bg-color: var(--t6-hover);
  --el-button-hover-border-color: var(--t6-hover);
  --el-button-active-bg-color: var(--t6-hover);
  --el-button-active-border-color: var(--t6-hover);
}
.theme6 .el-button--primary.is-plain { --el-button-text-color: var(--t6-hover); }