/*
 * 今日匹克前台主題 2026-07-19
 * 視覺原則：深綠漸層作為平台骨架，米白內容承載資訊，萊姆綠負責互動焦點。
 */
 :root {
    --site-ink: #111711;
    --site-dark: #111711;
    --site-dark-2: #273528;
    --site-dark-3: #354638;
    --site-paper: #f2f1e9;
    --site-paper-2: #f8f7f1;
    --site-card: #fffef9;
    --site-muted: #68726a;
    --site-line: #dfe4dc;
    --site-line-dark: rgba(255,255,255,.12);
    --site-lime: #d9ff57;
    --site-lime-deep: #b8e536;
    --site-green: #2f6b43;
    --site-mint: #e4f2e8;
    --site-gradient: linear-gradient(135deg, #111711 0%, #273528 58%, #354638 100%);
    --site-gradient-soft: linear-gradient(135deg, rgba(17,23,17,.98), rgba(39,53,40,.96));
    --site-shadow: 0 18px 48px rgba(17,23,17,.10);
    --site-shadow-strong: 0 26px 75px rgba(17,23,17,.18);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--site-paper); }
body {
    accent-color: var(--site-lime-deep);
    background:
        radial-gradient(circle at 8% 3%, rgba(217,255,87,.13), transparent 22%),
        radial-gradient(circle at 94% 12%, rgba(39,53,40,.10), transparent 22%),
        var(--site-paper) !important;
    color: var(--site-ink);
}
::selection { background: var(--site-lime); color: var(--site-dark); }
input, select, textarea, button { font-family: inherit; }
input:focus, select:focus, textarea:focus {
    border-color: var(--site-lime-deep) !important;
    box-shadow: 0 0 0 4px rgba(184,229,54,.18) !important;
    outline: none !important;
}
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #e9ebe4; }
::-webkit-scrollbar-thumb { background: #68766a; border-radius: 999px; border: 2px solid #e9ebe4; }
::-webkit-scrollbar-thumb:hover { background: #344638; }

/* Tailwind 共用色彩校正 */
body .bg-pageBg { background-color: transparent !important; }
body .bg-white { background-color: var(--site-card) !important; }
body .border-line { border-color: var(--site-line) !important; }
body .text-ink { color: var(--site-ink) !important; }
body .text-muted { color: var(--site-muted) !important; }
body .shadow-soft { box-shadow: var(--site-shadow) !important; }
body .shadow-float { box-shadow: var(--site-shadow-strong) !important; }
body .bg-pastelYellow,
body .bg-pastelBlueDeep,
body .bg-pastelGreenDeep {
    background-color: var(--site-lime) !important;
    color: var(--site-dark) !important;
}
body .hover\:bg-pastelYellowDeep:hover,
body .hover\:bg-pastelBlueDeep:hover,
body .hover\:bg-pastelGreenDeep:hover {
    background-color: var(--site-lime-deep) !important;
    color: var(--site-dark) !important;
}
body .text-pastelBlueDeep,
body .text-pastelGreenDeep { color: var(--site-green) !important; }
body .text-pastelYellowDeep { color: #789600 !important; }
body .border-pastelBlueDeep,
body .border-pastelGreenDeep,
body .border-pastelYellowDeep { border-color: var(--site-lime-deep) !important; }
.pb-gradient-text {
    background: linear-gradient(90deg, #d9ff57 0%, #f3ffbd 45%, #aee0bc 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 平台導覽列：全站最主要的深綠骨架 */
.pb-top-notice {
    background: var(--site-lime) !important;
    color: var(--site-dark) !important;
    border-bottom: 1px solid rgba(17,23,17,.16) !important;
}
.pb-header {
    background: var(--site-gradient) !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 10px 34px rgba(9,13,9,.18) !important;
}
.pb-logo-fallback,
.pb-logo-fallback span:last-child,
.pb-nav-link,
.pb-nav-parent { color: #f8fbf7 !important; }
.pb-logo-icon {
    background: var(--site-lime) !important;
    color: var(--site-dark) !important;
    box-shadow: 0 12px 28px rgba(217,255,87,.18) !important;
}
.pb-nav-link,
.pb-nav-parent { opacity: .82; }
.pb-nav-link:hover,
.pb-nav-parent:hover { color: var(--site-lime) !important; opacity: 1; }
.pb-dropdown-panel {
    background: #fffef9 !important;
    border-color: rgba(17,23,17,.12) !important;
    box-shadow: 0 24px 60px rgba(9,13,9,.22) !important;
}
.pb-dropdown-panel a { color: #586159 !important; }
.pb-dropdown-panel a:hover { background: #edf2e8 !important; color: var(--site-dark) !important; }
.pb-login-pill,
.pb-user-box,
.pb-menu-btn,
.pb-close-btn {
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.14) !important;
    color: #fff !important;
}
.pb-login-pill:hover,
.pb-menu-btn:hover { border-color: var(--site-lime) !important; color: var(--site-lime) !important; }
.pb-user-name { color: #fff !important; }
.pb-user-icon { background: var(--site-lime) !important; color: var(--site-dark) !important; }
.pb-logout-link { color: rgba(255,255,255,.65) !important; }
.pb-logout-link:hover { color: var(--site-lime) !important; }
.pb-partner-pill {
    background: var(--site-lime) !important;
    border-color: var(--site-lime-deep) !important;
    color: var(--site-dark) !important;
    box-shadow: 0 12px 28px rgba(217,255,87,.15) !important;
}
.pb-partner-pill:hover { background: #efffb1 !important; }

/* 手機選單 */
.pb-mobile-menu {
    background:
        radial-gradient(circle at 15% 8%, rgba(217,255,87,.16), transparent 30%),
        var(--site-gradient) !important;
}
.pb-mobile-head,
.pb-mobile-user,
.pb-mobile-bottom {
    background: rgba(17,23,17,.72) !important;
    border-color: rgba(255,255,255,.10) !important;
}
.pb-mobile-main-link,
.mobile-accordion summary { color: #fff !important; border-color: rgba(255,255,255,.10) !important; }
.mobile-accordion-content { border-color: var(--site-lime) !important; }
.mobile-accordion-content a,
.pb-mobile-link { color: rgba(255,255,255,.72) !important; }
.mobile-accordion-content a:hover,
.pb-mobile-link:hover { color: var(--site-lime) !important; }
.pb-mobile-login { background: rgba(255,255,255,.08) !important; color: #fff !important; border-color: rgba(255,255,255,.16) !important; }
.pb-mobile-partner { background: var(--site-lime) !important; color: var(--site-dark) !important; border-color: var(--site-lime-deep) !important; }

/* 通用內容層級 */
body:not(.page-auth) main { position: relative; }
body:not(.page-auth) main > section,
body:not(.page-auth) main > div { scroll-margin-top: 110px; }
body .rounded-3xl,
body .rounded-\[2rem\],
body .rounded-\[2\.5rem\] { overflow: hidden; }
body .bg-white.border,
body article.bg-white,
body section.bg-white,
body div.bg-white.border {
    box-shadow: 0 14px 40px rgba(17,23,17,.075);
}
body .bg-white.border:hover,
body article.bg-white:hover { border-color: rgba(39,53,40,.28) !important; }

/* 首頁主視覺 */
.page-home > section.relative.overflow-hidden:first-of-type {
    background: var(--site-gradient) !important;
    border-color: rgba(255,255,255,.08) !important;
}
.page-home > section.relative.overflow-hidden:first-of-type > .absolute.inset-0 > .bg-gradient-to-br {
    background: linear-gradient(105deg, rgba(17,23,17,.98) 0%, rgba(39,53,40,.91) 55%, rgba(39,53,40,.74) 100%) !important;
}
.page-home > section.relative.overflow-hidden:first-of-type > .absolute.inset-0 > div:last-child {
    background: radial-gradient(circle at 16% 22%, rgba(217,255,87,.18), transparent 28%), radial-gradient(circle at 84% 15%, rgba(255,255,255,.08), transparent 25%) !important;
}
.page-home > section.relative.overflow-hidden:first-of-type h1 { color: #fff !important; }
.page-home > section.relative.overflow-hidden:first-of-type > div.relative > div:first-child > p { color: rgba(255,255,255,.72) !important; }
.page-home > section.relative.overflow-hidden:first-of-type .inline-flex.items-center.gap-2.bg-white\/90 {
    background: rgba(255,255,255,.09) !important;
    border-color: rgba(255,255,255,.15) !important;
    color: #fff !important;
    backdrop-filter: blur(12px);
}
.page-home > section.relative.overflow-hidden:first-of-type .bg-white\/95 {
    background: rgba(255,254,249,.97) !important;
    border-color: rgba(255,255,255,.2) !important;
}
.page-home > section.relative.overflow-hidden:first-of-type .grid.grid-cols-3 > .bg-white {
    background: rgba(255,255,255,.09) !important;
    border-color: rgba(255,255,255,.14) !important;
}
.page-home > section.relative.overflow-hidden:first-of-type .grid.grid-cols-3 > .bg-white .text-muted { color: rgba(255,255,255,.68) !important; }
.page-home > section.relative.overflow-hidden:first-of-type .flex.flex-wrap.gap-3.mt-6 > a {
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.16) !important;
    color: #fff !important;
    backdrop-filter: blur(10px);
}
.page-home > section.relative.overflow-hidden:first-of-type .flex.flex-wrap.gap-3.mt-6 > a:hover {
    background: var(--site-lime) !important;
    color: var(--site-dark) !important;
    border-color: var(--site-lime) !important;
}
.page-home > section.relative.overflow-hidden:first-of-type .relative.bg-white.rounded-\[2rem\] {
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.15) !important;
}

/* 首頁後續區塊：白卡之間穿插深色條帶 */
.page-home > section:nth-of-type(even) { background-color: rgba(255,254,249,.62); }
.page-home > section:nth-of-type(3),
.page-home > section:nth-of-type(6) {
    background: var(--site-gradient-soft) !important;
    color: #fff;
}
.page-home > section:nth-of-type(3) .text-ink,
.page-home > section:nth-of-type(6) .text-ink { color: #fff !important; }
.page-home > section:nth-of-type(3) .text-muted,
.page-home > section:nth-of-type(6) .text-muted { color: rgba(255,255,255,.68) !important; }

/* 教練列表 */
.page-coaches {
    background: radial-gradient(circle at 8% 0, rgba(217,255,87,.12), transparent 23%), var(--site-paper) !important;
}
.page-coaches .crumb { background: #fffef9 !important; border-color: var(--site-line) !important; }
.page-coaches .hero {
    background: var(--site-gradient) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.10) !important;
    box-shadow: var(--site-shadow-strong) !important;
}
.page-coaches .hero::before { background: rgba(217,255,87,.17) !important; }
.page-coaches .hero::after { background: rgba(255,255,255,.07) !important; }
.page-coaches .hero .eyebrow { color: var(--site-lime) !important; }
.page-coaches .hero p { color: rgba(255,255,255,.70) !important; }
.page-coaches .switches a { background: rgba(255,255,255,.07) !important; border-color: rgba(255,255,255,.13) !important; color: rgba(255,255,255,.76) !important; }
.page-coaches .switches a:hover,
.page-coaches .switches a.active { background: var(--site-lime) !important; color: var(--site-dark) !important; border-color: var(--site-lime) !important; }
.page-coaches .toolbar { padding: 10px; border-radius: 22px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); }
.page-coaches .field { background: #fffef9 !important; }
.page-coaches .search-btn,
.page-coaches .view,
.page-coaches .pages a.active { background: var(--site-gradient) !important; color: #fff !important; }
.page-coaches .card { background: var(--site-card) !important; border-color: var(--site-line) !important; box-shadow: var(--site-shadow) !important; }
.page-coaches .card:hover { box-shadow: var(--site-shadow-strong) !important; }
.page-coaches .featured { background: var(--site-lime) !important; color: var(--site-dark) !important; }
.page-coaches .tag { background: #edf2e8 !important; border-color: #d9e2d6 !important; }
.page-coaches .separation { background: var(--site-gradient) !important; border-color: rgba(255,255,255,.10) !important; color: #fff !important; }
.page-coaches .separation i { color: var(--site-lime) !important; }
.page-coaches .separation p { color: rgba(255,255,255,.68) !important; }

/* 文章列表主視覺 */
.page-articles > section.relative.overflow-hidden {
    background: var(--site-gradient) !important;
    border-color: rgba(255,255,255,.08) !important;
}
.page-articles > section.relative.overflow-hidden > .absolute.inset-0 > .bg-gradient-to-br {
    background: linear-gradient(105deg, rgba(17,23,17,.97), rgba(39,53,40,.90)) !important;
}
.page-articles > section.relative.overflow-hidden > .absolute.inset-0 > div:last-child {
    background: radial-gradient(circle at 18% 20%, rgba(217,255,87,.18), transparent 28%), radial-gradient(circle at 82% 18%, rgba(255,255,255,.07), transparent 25%) !important;
}
.page-articles > section.relative.overflow-hidden h1 { color: #fff !important; }
.page-articles > section.relative.overflow-hidden p { color: rgba(255,255,255,.70) !important; }
.page-articles > section.relative.overflow-hidden .bg-white\/90 { background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.14) !important; color: #fff !important; }

/* 球場列表：篩選卡上緣與結果列使用深綠 */
.page-list aside > .bg-white:first-child {
    border-top: 7px solid var(--site-dark-2) !important;
}
.page-list main > .flex.flex-col.lg\:flex-row > div:last-child > .flex.justify-between.items-center {
    background: var(--site-gradient) !important;
    border-color: rgba(255,255,255,.10) !important;
}
.page-list main > .flex.flex-col.lg\:flex-row > div:last-child > .flex.justify-between.items-center .text-muted,
.page-list main > .flex.flex-col.lg\:flex-row > div:last-child > .flex.justify-between.items-center .text-ink { color: #fff !important; }
.page-list main > .flex.flex-col.lg\:flex-row > div:last-child > .flex.justify-between.items-center span:last-child {
    background: var(--site-lime) !important;
    color: var(--site-dark) !important;
    border-color: var(--site-lime-deep) !important;
}
.page-list main > .w-full.bg-white.border.border-line.rounded-3xl.mb-6,
.page-list main > div.w-full.bg-white.border.border-line.rounded-3xl.mb-6 {
    background: var(--site-gradient) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.10) !important;
}
.page-list .pb-input,
.page-list .pb-select { background: #f8f8f2 !important; }

/* 場館、助教、預約、會員中心：主要首卡增加深綠識別 */
.page-store main > div:first-child,
.page-assistants main > section:first-child,
.page-assistant-detail main > section:first-child,
.page-booking main > section:first-child,
.page-account main > section:first-child,
.page-account main > div:first-child {
    border-top-color: var(--site-dark-2) !important;
}
.page-assistants main > div:first-of-type,
.page-assistant-detail main > div:first-of-type,
.page-booking main > div:first-of-type {
    position: relative;
}
.page-assistants main::before,
.page-assistant-detail main::before,
.page-booking main::before,
.page-store main::before,
.page-account main::before {
    content: "";
    display: block;
    height: 8px;
    width: 96px;
    border-radius: 999px;
    background: var(--site-gradient);
    margin: 0 0 22px;
}
.page-booking .booking-day-tab.bg-pastelYellow { box-shadow: 0 10px 26px rgba(217,255,87,.20) !important; }

/* 文章內頁 */
.page-article-detail {
    background: radial-gradient(circle at 10% 0, rgba(217,255,87,.12), transparent 22%), var(--site-paper) !important;
}
.page-article-detail article.bg-bgCard,
.page-article-detail .bg-bgCard { background: var(--site-card) !important; border-color: var(--site-line) !important; }
.page-article-detail .bg-bgDark { background: var(--site-gradient) !important; }
.page-article-detail .text-inkArticle { color: var(--site-ink) !important; }
.page-article-detail .text-textMuted { color: var(--site-muted) !important; }
.page-article-detail .text-gold,
.page-article-detail .text-neonCyan { color: var(--site-green) !important; }
.page-article-detail .border-gold,
.page-article-detail .border-neonCyan { border-color: var(--site-lime-deep) !important; }
.page-article-detail .bg-gold { background: var(--site-lime) !important; color: var(--site-dark) !important; }
.page-article-detail .article-content h2 { color: var(--site-green) !important; border-color: var(--site-line) !important; }
.page-article-detail .article-content blockquote { border-left-color: var(--site-lime-deep) !important; background: #edf4df !important; }

/* 登入／註冊：整頁深綠，卡片米白 */
.page-auth {
    background:
        radial-gradient(circle at 14% 12%, rgba(217,255,87,.18), transparent 24%),
        radial-gradient(circle at 85% 82%, rgba(255,255,255,.08), transparent 22%),
        var(--site-gradient) !important;
    color: #fff;
}
.page-auth h1,
.page-auth .text-ink { color: #fff !important; }
.page-auth .text-muted { color: rgba(255,255,255,.66) !important; }
.page-auth .bg-white,
.page-auth .bg-white\/95 {
    background: rgba(255,254,249,.98) !important;
    color: var(--site-ink) !important;
    border-color: rgba(255,255,255,.18) !important;
}
.page-auth .bg-white .text-ink,
.page-auth .bg-white\/95 .text-ink { color: var(--site-ink) !important; }
.page-auth .bg-white .text-muted,
.page-auth .bg-white\/95 .text-muted { color: var(--site-muted) !important; }
.page-auth .grid.grid-cols-3 > .bg-white {
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.13) !important;
    color: #fff !important;
}
.page-auth .grid.grid-cols-3 > .bg-white .text-ink { color: #fff !important; }
.page-auth .grid.grid-cols-3 > .bg-white .text-muted { color: rgba(255,255,255,.62) !important; }

/* 教練獨立頁：沿用同一組深綠平台語言 */
.page-external-coach .ec-page { background: var(--site-paper) !important; }
.page-external-coach .ec-local-nav {
    background: rgba(17,23,17,.94) !important;
    border-color: rgba(255,255,255,.10) !important;
}
.page-external-coach .ec-breadcrumb,
.page-external-coach .ec-breadcrumb strong { color: rgba(255,255,255,.72) !important; }
.page-external-coach .ec-anchor-nav a,
.page-external-coach .ec-share-btn { color: rgba(255,255,255,.72) !important; }
.page-external-coach .ec-anchor-nav a:hover,
.page-external-coach .ec-share-btn:hover { background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.13) !important; color: var(--site-lime) !important; }
.page-external-coach .ec-hero:not(.ec-has-image) {
    color: #fff !important;
    background: var(--site-gradient) !important;
    border-color: rgba(255,255,255,.08) !important;
}
.page-external-coach .ec-hero:not(.ec-has-image) .ec-hero-shade {
    display: block !important;
    background: radial-gradient(circle at 80% 15%, rgba(217,255,87,.14), transparent 28%) !important;
}
.page-external-coach .ec-hero:not(.ec-has-image) .ec-kicker,
.page-external-coach .ec-hero:not(.ec-has-image) .ec-chips span {
    color: #fff !important;
    background: rgba(255,255,255,.07) !important;
    border-color: rgba(255,255,255,.13) !important;
}
.page-external-coach .ec-hero:not(.ec-has-image) .ec-hero-lead,
.page-external-coach .ec-hero:not(.ec-has-image) .ec-hero-stats span { color: rgba(255,255,255,.68) !important; }
.page-external-coach .ec-dark,
.page-external-coach .ec-cta-shell { background: var(--site-gradient) !important; }
.page-external-coach .ec-section-alt { background: #e9ede5 !important; }
.page-external-coach .ec-card { background: var(--site-card) !important; border-color: var(--site-line) !important; box-shadow: var(--site-shadow) !important; }
.page-external-coach .ec-eyebrow::before { background: var(--site-lime-deep) !important; }
.page-external-coach .ec-bottom-bar { background: rgba(17,23,17,.96) !important; border-color: rgba(255,255,255,.10) !important; }

/* 頁尾：與導覽列形成完整深綠框架 */
.pb-footer {
    background:
        radial-gradient(circle at 8% 20%, rgba(217,255,87,.12), transparent 27%),
        radial-gradient(circle at 90% 18%, rgba(255,255,255,.05), transparent 24%),
        var(--site-gradient) !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    color: #fff !important;
}
.pb-footer-intro {
    background: rgba(255,255,255,.055) !important;
    border-color: rgba(255,255,255,.11) !important;
    box-shadow: none !important;
}
.pb-footer-intro h3,
.pb-footer-logo-text,
.pb-footer-col h4 { color: #fff !important; }
.pb-footer-intro-text,
.pb-footer-desc,
.pb-footer-col a { color: rgba(255,255,255,.66) !important; }
.pb-footer-intro-text strong,
.pb-footer-col a:hover { color: var(--site-lime) !important; }
.pb-footer-logo-icon { background: var(--site-lime) !important; color: var(--site-dark) !important; }
.pb-footer-social a {
    background: rgba(255,255,255,.06) !important;
    border-color: rgba(255,255,255,.11) !important;
    color: rgba(255,255,255,.72) !important;
}
.pb-footer-social a:hover { color: var(--site-lime) !important; border-color: var(--site-lime) !important; }
.pb-footer-bottom { border-color: rgba(255,255,255,.10) !important; color: rgba(255,255,255,.46) !important; }
.pb-footer-badge { background: rgba(217,255,87,.10) !important; border-color: rgba(217,255,87,.22) !important; color: #eaff9e !important; }

@media (max-width: 767px) {
    .pb-header { box-shadow: 0 8px 24px rgba(9,13,9,.20) !important; }
    .page-home > section.relative.overflow-hidden:first-of-type { padding-top: 48px !important; }
    .page-home > section.relative.overflow-hidden:first-of-type .grid.grid-cols-3 > .bg-white { padding: 12px !important; }
    .page-coaches .hero { padding: 40px 23px !important; }
    .page-coaches .toolbar { padding: 8px; }
    .page-external-coach .ec-local-nav { top: 64px !important; }
}

/* =========================================================
 * 首頁配色重整 2026-07-19
 * 深綠骨架、米白資訊、萊姆綠焦點；避免多組粉綠互相干擾。
 * ========================================================= */
.page-home .pb-home-hero {
    isolation: isolate;
    background: var(--site-gradient) !important;
    border-bottom-color: rgba(255,255,255,.08) !important;
}
.page-home .pb-home-hero-bg > img {
    opacity: .11 !important;
    filter: saturate(.72) contrast(1.04);
}
.page-home .pb-home-hero-overlay {
    background:
        linear-gradient(90deg, rgba(12,18,13,.99) 0%, rgba(20,31,22,.97) 45%, rgba(31,47,34,.88) 72%, rgba(39,53,40,.76) 100%) !important;
}
.page-home .pb-home-hero-glow {
    background:
        radial-gradient(circle at 14% 18%, rgba(216,244,90,.16), transparent 24%),
        radial-gradient(circle at 84% 16%, rgba(255,255,255,.07), transparent 23%),
        linear-gradient(180deg, transparent 0%, rgba(7,12,8,.18) 100%) !important;
}
.page-home .pb-home-hero .decor-pickleball {
    opacity: .42 !important;
    filter: grayscale(.08) saturate(.80) drop-shadow(0 18px 28px rgba(0,0,0,.22)) !important;
}
.page-home .pb-home-eyebrow {
    background: rgba(255,255,255,.075) !important;
    border-color: rgba(255,255,255,.14) !important;
    color: rgba(255,255,255,.88) !important;
    box-shadow: none !important;
    backdrop-filter: blur(14px);
}
.page-home .pb-home-eyebrow > span {
    background: var(--site-lime) !important;
}
.page-home .pb-home-title {
    color: #fff !important;
    text-shadow: 0 8px 28px rgba(0,0,0,.20);
}
.page-home .pb-home-title-accent {
    display: inline-block;
    color: var(--site-lime) !important;
    -webkit-text-fill-color: var(--site-lime) !important;
    background: none !important;
    text-shadow: 0 8px 26px rgba(217,255,87,.12);
}
.page-home .pb-home-lead {
    color: rgba(246,250,246,.72) !important;
}
.page-home .pb-home-search {
    background: #fffef9 !important;
    border-color: rgba(255,255,255,.24) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.24) !important;
}
.page-home .pb-home-search form > div {
    background: #f3f5ef !important;
    border-color: #dde3d9 !important;
}
.page-home .pb-home-search button {
    background: var(--site-lime) !important;
    color: var(--site-dark) !important;
    box-shadow: 0 12px 28px rgba(217,255,87,.18) !important;
}
.page-home .pb-home-search button:hover {
    background: #ebff9d !important;
    transform: translateY(-1px);
}
.page-home .pb-home-chip {
    background: rgba(255,255,255,.07) !important;
    border-color: rgba(255,255,255,.14) !important;
    color: rgba(255,255,255,.86) !important;
    box-shadow: none !important;
    backdrop-filter: blur(10px);
}
.page-home .pb-home-chip:hover {
    background: var(--site-lime) !important;
    border-color: var(--site-lime) !important;
    color: var(--site-dark) !important;
    transform: translateY(-2px);
}
.page-home .pb-home-stat {
    background: rgba(255,255,255,.075) !important;
    border-color: rgba(255,255,255,.13) !important;
    box-shadow: none !important;
    backdrop-filter: blur(10px);
}
.page-home .pb-home-stat > div:first-child {
    color: var(--site-lime) !important;
}
.page-home .pb-home-stat .text-muted {
    color: rgba(255,255,255,.60) !important;
}
.page-home .pb-home-showcase {
    background: #fffef9 !important;
    border-color: rgba(255,255,255,.58) !important;
    box-shadow: 0 34px 90px rgba(0,0,0,.30) !important;
}
.page-home .pb-home-showcase-media {
    background: #1f3124 !important;
}
.page-home .pb-home-showcase-media .hero-slide img {
    filter: saturate(.88) contrast(1.03);
}
.page-home .pb-home-showcase-overlay {
    background: linear-gradient(to top, rgba(13,20,14,.72) 0%, rgba(13,20,14,.12) 42%, transparent 68%) !important;
}
.page-home .pb-home-showcase-info {
    background: rgba(255,254,249,.93) !important;
    border-color: rgba(255,255,255,.65) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,.16) !important;
}
.page-home .pb-home-mini {
    background: var(--site-gradient) !important;
    border-color: rgba(17,23,17,.14) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
}
.page-home .pb-home-mini-bg {
    background: transparent !important;
}
.page-home .pb-home-mini::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(217,255,87,.14), transparent 55%);
    transition: opacity .25s ease, transform .25s ease;
}
.page-home .pb-home-mini-2::before {
    background: linear-gradient(135deg, rgba(255,255,255,.10), transparent 58%);
}
.page-home .pb-home-mini-3::before {
    background: linear-gradient(135deg, rgba(217,255,87,.22), transparent 58%);
}
.page-home .pb-home-mini:hover::before {
    opacity: 1;
    transform: scale(1.06);
}
.page-home .pb-home-mini > div:last-child {
    color: #fff !important;
    text-shadow: 0 4px 14px rgba(0,0,0,.35);
}

/* 首頁以下內容以米白為主，不再交錯大面積深色，避免顏色過多。 */
.page-home main {
    background: transparent !important;
}
.page-home main > section {
    color: var(--site-ink) !important;
}
.page-home main > section .text-ink { color: var(--site-ink) !important; }
.page-home main > section .text-muted { color: var(--site-muted) !important; }
.page-home main > section:nth-of-type(3),
.page-home main > section:nth-of-type(6) {
    background: transparent !important;
    color: var(--site-ink) !important;
}

@media (max-width: 1023px) {
    .page-home .pb-home-hero-overlay {
        background: linear-gradient(180deg, rgba(12,18,13,.98) 0%, rgba(25,39,28,.95) 64%, rgba(39,53,40,.91) 100%) !important;
    }
}

@media (max-width: 767px) {
    .page-home .pb-home-title { font-size: clamp(2.35rem, 12vw, 3.35rem) !important; }
    .page-home .pb-home-showcase { padding: 10px !important; border-radius: 24px !important; }
    .page-home .pb-home-showcase-media { height: 390px !important; }
    .page-home .pb-home-stat { padding: 12px 9px !important; }
    .page-home .pb-home-stat > div:first-child { font-size: 1.1rem !important; }
}

/* 首頁主圖降低藍色搶眼程度，與深綠平台色融合。 */
.page-home .pb-home-showcase-media .hero-slide img {
    filter: saturate(.74) contrast(1.04) brightness(.93) !important;
}
.page-home .pb-home-showcase-overlay {
    background:
        linear-gradient(to top, rgba(13,20,14,.76) 0%, rgba(13,20,14,.12) 44%, transparent 70%),
        linear-gradient(135deg, rgba(17,23,17,.08), rgba(39,53,40,.22)) !important;
}
.page-home .pb-top-notice {
    background: #d9f56a !important;
}

/* =========================================================
 * 首頁實際結構修正 2026-07-19 homefix4
 * 此區需搭配 index.php 的 page-home / pb-home-* class。
 * 放在檔案最底部，確保覆蓋 Tailwind 與舊版主題。
 * ========================================================= */
body.page-home {
    background:
        radial-gradient(circle at 8% 6%, rgba(217,255,87,.08), transparent 23%),
        #f2f1e9 !important;
}

body.page-home .pb-home-hero {
    background: linear-gradient(135deg, #111711 0%, #273528 62%, #354638 100%) !important;
}

body.page-home .pb-home-hero-bg > img {
    opacity: .08 !important;
    filter: saturate(.55) brightness(.72) !important;
}

body.page-home .pb-home-hero-overlay {
    background:
        linear-gradient(100deg,
            rgba(12,17,13,.99) 0%,
            rgba(17,25,18,.97) 42%,
            rgba(32,47,34,.90) 72%,
            rgba(39,53,40,.82) 100%
        ) !important;
}

body.page-home .pb-home-hero-glow {
    background:
        radial-gradient(circle at 13% 22%, rgba(217,255,87,.16), transparent 25%),
        radial-gradient(circle at 85% 15%, rgba(217,255,87,.08), transparent 22%),
        radial-gradient(circle at 56% 100%, rgba(255,255,255,.05), transparent 28%) !important;
}

body.page-home .pb-home-title {
    color: #fff !important;
}

body.page-home .pb-home-title-accent {
    color: #d9ff57 !important;
    background: none !important;
    -webkit-text-fill-color: #d9ff57 !important;
}

body.page-home .pb-home-lead {
    color: rgba(255,255,255,.70) !important;
}

body.page-home .pb-home-eyebrow {
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.14) !important;
    color: rgba(255,255,255,.92) !important;
}

body.page-home .pb-home-eyebrow span {
    background: #d9ff57 !important;
}

body.page-home .pb-home-search {
    background: #fffef9 !important;
    border-color: rgba(255,255,255,.26) !important;
}

body.page-home .pb-home-search form > div {
    background: #f2f4ee !important;
    border-color: #dce2d8 !important;
}

body.page-home .pb-home-chip {
    background: rgba(255,255,255,.075) !important;
    border-color: rgba(255,255,255,.15) !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.page-home .pb-home-chip:hover {
    background: #d9ff57 !important;
    border-color: #d9ff57 !important;
    color: #111711 !important;
}

body.page-home .pb-home-stat {
    background: rgba(255,255,255,.075) !important;
    border-color: rgba(255,255,255,.13) !important;
    box-shadow: none !important;
}

body.page-home .pb-home-stat > div:first-child {
    color: #d9ff57 !important;
}

body.page-home .pb-home-stat .text-muted {
    color: rgba(255,255,255,.58) !important;
}

body.page-home .pb-home-showcase {
    background: #fffef9 !important;
    border-color: rgba(255,255,255,.60) !important;
    box-shadow: 0 34px 90px rgba(0,0,0,.30) !important;
}

body.page-home .pb-home-showcase-media {
    background: #1a291e !important;
}

body.page-home .pb-home-showcase-media .hero-slide img {
    filter: saturate(.78) contrast(1.03) brightness(.91) !important;
}

body.page-home .pb-home-showcase-overlay {
    background:
        linear-gradient(to top, rgba(12,19,13,.74), rgba(12,19,13,.08) 45%, transparent 70%),
        linear-gradient(135deg, rgba(17,23,17,.08), rgba(39,53,40,.18)) !important;
}

body.page-home .pb-home-showcase-info {
    background: rgba(255,254,249,.94) !important;
    border-color: rgba(255,255,255,.66) !important;
}

body.page-home .pb-home-mini {
    background: linear-gradient(135deg, #111711, #273528) !important;
    border-color: rgba(17,23,17,.18) !important;
}

body.page-home .pb-home-mini .pb-home-mini-bg {
    background: transparent !important;
}

body.page-home .pb-home-mini::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(217,255,87,.18), transparent 58%);
    z-index: 1;
}

body.page-home .pb-home-mini-2::before {
    background: linear-gradient(135deg, rgba(255,255,255,.10), transparent 58%);
}

body.page-home .pb-home-mini-3::before {
    background: linear-gradient(135deg, rgba(217,255,87,.25), transparent 58%);
}

body.page-home .pb-home-mini > div:last-child {
    z-index: 3;
    color: #fff !important;
}

@media (max-width: 1023px) {
    body.page-home .pb-home-hero-overlay {
        background:
            linear-gradient(180deg,
                rgba(12,17,13,.99) 0%,
                rgba(20,31,22,.96) 62%,
                rgba(39,53,40,.92) 100%
            ) !important;
    }
}