html {
            scroll-behavior: smooth;
        }

        body.single-clinic #main,
        body.single-clinic #primary,
        body.single-clinic .content-area,
        body.single-clinic .site-content {
            width: 100% !important;
            max-width: 100% !important;
            flex: 0 0 100% !important;
            margin: 0 !important;
            padding-right: 0 !important;
            float: none !important;
        }

        body.single-clinic #secondary,
        body.single-clinic #sidebar,
        body.single-clinic .widget-area,
        body.single-clinic .sidebar-main {
            display: none !important;
        }

        body.single-clinic .article-inner,
        body.single-clinic .entry-content {
            max-width: 1200px;
            margin: 60px auto 0 auto;
            width: 100%;
        }

        .clinic-ad-banner-container {
            width: 100%;
            background: linear-gradient(90deg, #fff8e1 0%, #ffecb3 100%);
            border: 2px solid #ffca28;
            border-radius: 8px;
            margin-bottom: 30px;
            overflow: hidden;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
            transition: transform 0.2s;
        }

        .clinic-ad-banner-container:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
        }

        .clinic-ad-link {
            display: block;
            text-decoration: none;
            color: #333;
            padding: 20px;
        }

        .clinic-ad-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 15px;
        }

        .ad-icon-badge {
            background: #00c300;
            color: #fff;
            font-weight: 900;
            padding: 10px;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            flex-shrink: 0;
        }

        .ad-text-group {
            flex: 1;
            min-width: 200px;
        }

        .ad-title {
            margin: 0 0 5px 0;
            font-size: 20px;
            font-weight: bold;
            color: #5d4037;
        }

        .ad-subtitle {
            margin: 0;
            font-size: 14px;
            color: #795548;
        }

        .ad-cta-btn {
            background: #ff6f00;
            color: #fff;
            padding: 8px 20px;
            border-radius: 50px;
            font-weight: bold;
            font-size: 15px;
            white-space: nowrap;
        }

        a#logo {
            display: inline-block;
        }

        a#logo>img {
            max-width: 250px;
            vertical-align: middle;
            position: relative;
            top: -5px;
        }

        @media (max-width: 768px) {
            .ad-title {
                font-size: 18px;
            }

            .clinic-ad-banner-container {
                display: none;
            }

            .clinic-ad-content {
                justify-content: center;
                text-align: center;
            }

            .ad-text-group {
                width: 100%;
            }

            .custom-logo {
                max-width: 210px;
            }

            a#logo>img {
                max-width: 250px;
            }
        }

        /* Header Fixes */
        #header-image-main,
        #header-image-main-inside,
        .header-image {
            height: 300px !important;
            min-height: 0 !important;
        }

        img.header-image {
            display: none !important;
        }

        #header-page-title {
            position: relative !important;
            padding: 20px 0 !important;
            top: auto !important;
            bottom: auto !important;
            background: transparent !important;
        }

        #header-page-title-inside {
            padding: 0 !important;
            margin: 0 !important;
        }

        #header-page-title h1.entry-title {
            color: #333 !important;
            font-size: 24px !important;
            margin-bottom: 10px !important;
            text-shadow: none !important;
        }

        #breadcrumbs-container {
            background: transparent !important;
            margin-top: 5px !important;
        }

        #breadcrumbs-nav,
        #breadcrumbs-nav a,
        #breadcrumbs-nav span,
        #breadcrumbs-nav i {
            color: #666 !important;
            text-shadow: none !important;
        }

        #breadcrumbs-nav a:hover {
            color: #e58a9e !important;
        }

        /* Pagination & List */
        .clinic-pagination {
            display: flex;
            justify-content: center;
            gap: 8px;
            margin-top: 40px;
            margin-bottom: 20px;
            width: 100%;
            clear: both;
        }

        .clinic-pagination ul {
            list-style: none !important;
            padding: 0 !important;
            margin: 0 !important;
            display: flex;
            gap: 5px;
        }

        .clinic-pagination li {
            list-style: none !important;
            margin: 0 !important;
            background: #efefef;
            border-radius: 4px;
        }

        .clinic-pagination .page-numbers {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 36px;
            height: 36px;
            padding: 0 12px;
            color: #555;
            text-decoration: none;
            border-radius: 4px;
            transition: all 0.2s;
            font-size: 1.2rem;
            background: #eee;
        }

        .clinic-pagination .page-numbers.current {
            background: #d32f2f;
            color: #fff;
            border-color: #d32f2f;
            font-weight: bold;
        }

        .service-list-container {
            max-height: 300px;
            overflow-y: auto;
            border: 1px solid #eee;
            padding: 10px;
            border-radius: 4px;
            background: #fff;
        }

        .service-list-container::-webkit-scrollbar {
            width: 6px;
        }

        .service-list-container::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        .service-list-container::-webkit-scrollbar-thumb {
            background: #ccc;
            border-radius: 3px;
        }

        /* Layout */
        .clinic-layout-wrapper {
            display: flex;
            gap: 30px;
            align-items: flex-start;
            width: 100%;
            position: relative;
        }

        .clinic-main-content {
            flex: 1;
            min-width: 0;
            width: 100%;
        }

        .clinic-sidebar {
            width: 300px;
            flex-shrink: 0;
            position: sticky;
            top: 20px;
        }

        /* Sidebar */
        .sidebar-ad-item {
            margin-bottom: 20px;
            display: block;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            transition: transform 0.2s;
        }

        .sidebar-ad-item:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }

        .sidebar-ad-item img {
            width: 100%;
            height: auto;
            display: block;
        }

        .sidebar-posts-widget {
            margin-top: 40px;
        }

        .widget-title {
            font-size: 20px;
            font-weight: bold;
            color: #555;
            margin-bottom: 20px;
            border-left: 4px solid #d32f2f;
            padding-left: 10px;
            line-height: 1.2;
        }

        .sidebar-post-item {
            margin-bottom: 25px;
            display: block;
            text-decoration: none;
        }

        .post-date-badge {
            display: inline-block;
            background: #d36184;
            color: #fff;
            font-size: 12px;
            padding: 2px 8px;
            border-radius: 4px;
            margin-bottom: 8px;
        }

        .post-title {
            font-size: 16px;
            font-weight: bold;
            color: #333;
            line-height: 1.5;
            margin: 0;
            transition: color 0.2s;
        }

        .sidebar-post-item:hover .post-title {
            color: #d32f2f;
        }

        .view-more-link {
            display: block;
            text-align: right;
            font-size: 14px;
            color: #666;
            text-decoration: none;
            margin-top: 10px;
            border-bottom: 1px solid #ddd;
            padding-bottom: 5px;
        }

        .view-more-link:hover {
            color: #333;
            border-bottom-color: #333;
        }

        /* Single Page Header */
        .clinic-original-content .post-ratings,
        .clinic-original-content .wpulike,
        .clinic-original-content .wp_ulike_btn {
            display: none !important;
        }

        .clinic-single-header {
            background: #fff;
            padding: 25px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            margin-bottom: 30px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
        }

        .clinic-header-actions {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 15px;
            border-bottom: 1px solid #f0f0f0;
            padding-bottom: 10px;
        }

        .clinic-rating-box {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .clinic-rating-box .post-ratings {
            display: block !important;
            opacity: 1 !important;
            visibility: visible !important;
            position: relative;
            z-index: 10;
            cursor: pointer;
        }

        .clinic-rating-box .post-ratings img {
            border: 0;
            padding: 0;
            margin: 0;
            vertical-align: middle;
            max-width: 15px !important;
        }

        .clinic-like-box .wp_ulike_btn {
            background: #fff !important;
            border: 1px solid #ddd !important;
            border-radius: 4px !important;
            padding: 5px 12px !important;
            height: auto !important;
            display: inline-flex !important;
            align-items: center;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
        }

        .clinic-single-title {
            font-size: 28px;
            font-weight: bold;
            color: #333;
            margin: 0 0 10px 0;
            line-height: 1.3;
        }

        .clinic-region-prefix {
            color: #d32f2f;
            margin-right: 10px;
        }

        .clinic-name-main {
            color: #222;
        }

        .clinic-single-info-block {
            display: flex;
            flex-direction: column;
            gap: 8px;
            margin-bottom: 15px;
        }

        .info-row {
            display: flex;
            align-items: center;
            font-size: 16px;
            color: #666;
        }

        .info-icon {
            margin-right: 8px;
            min-width: 20px;
            text-align: center;
        }

        .phone-text {
            color: #333;
            font-weight: bold;
        }

        .map-link {
            display: inline-flex;
            align-items: center;
            color: #0073aa;
            text-decoration: none;
            font-size: 14px;
            background: #f0f7fc;
            padding: 2px 10px;
            border-radius: 20px;
            margin-left: 10px;
            transition: all 0.2s;
            white-space: nowrap;
        }

        .map-link:hover {
            background: #e1eff8;
            color: #005177;
        }

        .clinic-share-row {
            border-top: 1px solid #eee;
            padding-top: 15px;
            margin-top: 15px;
            display: flex;
            align-items: center;
            color: #888;
            font-size: 14px;
        }

        .share-btn {
            color: #888;
            text-decoration: none;
            cursor: pointer;
            transition: color 0.2s;
        }

        .share-btn:hover {
            color: #333;
        }

        .share-icon {
            margin-right: 5px;
            transform: rotate(45deg);
            display: inline-block;
        }

        /* Anchor Nav */
        .clinic-anchor-nav {
            display: flex;
            gap: 5px;
            border-bottom: 1px solid #ddd;
            margin-bottom: 30px;
            margin-top: 30px;
            overflow-x: auto;
        }

        .clinic-anchor-btn {
            display: block;
            text-align: center;
            text-decoration: none;
            background: #f1f1f1;
            border: none;
            padding: 12px 25px;
            font-size: 16px;
            color: #666;
            border-radius: 8px 8px 0 0;
            transition: all 0.2s;
            white-space: nowrap;
            font-weight: bold;
            width: 33%;
        }

        .clinic-anchor-btn:hover {
            background: #e0e0e0;
            color: #333;
        }

        .clinic-anchor-btn.active {
            background: #d32f2f;
            color: #fff;
        }

        .clinic-section-block {
            display: block;
            margin-bottom: 50px;
            scroll-margin-top: 80px;
        }

        .section-intro-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: relative;
            margin-bottom: 25px;
            padding-bottom: 15px;
            padding-left: 0;
        }

        .section-intro-header:before {
            content: "";
            position: absolute;
            width: 50px;
            height: 3px;
            background: #d36184;
            bottom: -1px;
            left: 0;
            z-index: 1;
        }

        .section-intro-header:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 1px;
            background: #ddd;
            bottom: -1px;
            left: 0;
            z-index: 0;
        }

        .section-intro-header h3 {
            margin-bottom: 0;
        }

        .section-intro-title {
            font-size: 22px;
            font-weight: bold;
            color: #333;
            margin: 0;
        }

        .btn-official-web {
            display: inline-block;
            padding: 8px 16px;
            border-radius: 4px;
            font-size: 14px;
            font-weight: bold;
            text-decoration: none;
            transition: all 0.2s;
        }

        .btn-official-web.enabled {
            background: #ec407a;
            color: #fff;
            box-shadow: 0 2px 5px rgba(236, 64, 122, 0.3);
        }

        .btn-official-web.enabled:hover {
            background: #d81b60;
            transform: translateY(-1px);
        }

        .btn-official-web.disabled {
            position: relative;
            top: -3px;
            background: #eee;
            color: #aaa;
            cursor: not-allowed;
            pointer-events: none;
        }

        .intro-content-wrapper {
            align-items: flex-start;
        }

        .intro-image-box {
            max-width: 100%;
            display: block;
            margin-bottom: 20px;
        }

        .intro-image-box img {
            width: 600px;
            max-width: 100%;
            height: auto;
            border-radius: 8px;
            object-fit: cover;
        }

        .intro-text-box {
            display: block;
            font-size: 16px;
            line-height: 1.8;
            color: #444;
        }

        /* Location & Services */
        .location-content-wrapper {
            display: flex;
            gap: 30px;
            align-items: flex-start;
        }

        .location-info-box {
            flex: 1;
            background: #fcfcfc;
            border: 1px solid #eee;
            border-radius: 12px;
            padding: 25px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
        }

        .location-map-box {
            flex: 1;
            min-height: 350px;
        }

        .location-map-box iframe {
            width: 100%;
            height: 450px;
            border: 1px solid #ddd;
            border-radius: 12px;
            background: #eee;
        }

        .loc-item {
            display: flex;
            align-items: flex-start;
            margin-bottom: 20px;
            font-size: 15px;
            color: #555;
            line-height: 1.7;
            border-bottom: 1px dashed #eee;
            padding-bottom: 15px;
        }

        .loc-item:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }

        .loc-icon-wrapper {
            min-width: 30px;
            font-size: 18px;
            text-align: center;
            margin-right: 5px;
        }

        .loc-content {
            flex: 1;
        }

        .loc-label {
            color: #d32f2f;
            font-weight: bold;
            margin-right: 5px;
            font-size: 16px;
        }

        .loc-address-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 10px;
        }

        .loc-address-text {
            flex: 1;
        }

        .loc-link-map-btn {
            display: inline-block;
            color: #fff;
            text-decoration: none;
            font-size: 13px;
            background: #0073aa;
            padding: 4px 12px;
            border-radius: 20px;
            white-space: nowrap;
            flex-shrink: 0;
            text-align: center;
            min-width: 80px;
        }

        .loc-link-map-btn:hover {
            background: #005177;
            color: #fff;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }

        .services-grid-wrapper {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
            gap: 15px;
            margin-top: 10px;
        }

        .service-item-card {
            display: flex;
            align-items: center;
            background: #fff;
            border: 1px solid #eee;
            border-radius: 6px;
            padding: 10px 15px;
            font-size: 15px;
            color: #444;
            transition: all 0.2s;
        }

        .service-item-card:hover {
            border-color: #d32f2f;
            background: #fff5f5;
        }

        .svc-icon {
            color: #ffb300;
            margin-right: 8px;
            font-weight: bold;
            font-size: 16px;
        }

        /* RWD */
        @media (max-width: 1024px) {
            .clinic-layout-wrapper {
                flex-wrap: wrap;
            }

            .clinic-sidebar {
                width: 100%;
                margin-top: 30px;
                position: static;
            }

            .clinic-single-title {
                font-size: 22px;
            }

            .intro-content-wrapper,
            .location-content-wrapper {
                flex-direction: column;
            }

            .intro-image-box,
            .location-info-box,
            .location-map-box {
                flex: 0 0 100%;
                width: 100%;
                max-width: 100%;
            }

            .intro-image-box img {
                width: 100%;
            }

            .location-map-box {
                margin-top: 20px;
                order: -1;
            }

            .location-map-box iframe {
                height: 300px;
            }

            .section-intro-header {
                flex-direction: row;
                align-items: center;
            }

            .section-intro-title {
                font-size: 18px;
            }

            .btn-official-web {
                padding: 6px 12px;
                font-size: 13px;
            }

            .services-grid-wrapper {
                grid-template-columns: repeat(2, 1fr);
            }

            .loc-address-row {
                align-items: flex-start;
            }

            .loc-link-map-btn {
                margin-top: 2px;
            }
        }



        /* ==========================================================================
   1. 全域設定 & 修正
   ========================================================================== */
        html {
            scroll-behavior: smooth;
        }

        /* 修正後台星星大小 */
        .post-ratings img,
        .post-ratings-image,
        img.post-ratings-image {
            max-width: 20px !important;
            height: auto !important;
            border: none !important;
            box-shadow: none !important;
            display: inline-block !important;
            margin: 0 2px !important;
        }

        .column-ratings img {
            max-width: 16px !important;
        }

        /* 強制單頁全寬 */
        body.single-clinic #main,
        body.single-clinic #primary,
        body.single-clinic .content-area {
            width: 100% !important;
            max-width: 100% !important;
            flex: 0 0 100% !important;
            margin: 0 !important;
            padding: 0 !important;
            float: none !important;
        }

        body.single-clinic #secondary,
        body.single-clinic #sidebar {
            display: none !important;
        }

        body.single-clinic .entry-content {
            max-width: 1200px;
            margin: 0 auto;
            width: 100%;
            position: relative;
        }

        /* ==========================================================================
   2. 列表頁樣式 (List View)
   ========================================================================== */
        .clinic-system-wrapper {
            display: flex;
            gap: 30px;
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px 0;
            align-items: flex-start;
        }

        .clinic-sidebar {
            width: 300px;
            flex-shrink: 0;
        }

        .clinic-main-content {
            flex-grow: 1;
            min-width: 0;
        }

        /* 側邊欄 Widget */
        .sidebar-widget {
            background: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px 10px;
            margin-bottom: 20px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
        }

        .sidebar-widget h3.widget-title {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 15px;
            border-left: 4px solid #d32f2f;
            padding-left: 10px;
            color: #333;
        }

        .sidebar-widget input[type="text"] {
            width: 100%;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 4px;
            margin-bottom: 10px;
        }

        .sidebar-widget button {
            width: 100%;
            background: #d32f2f;
            color: #fff;
            border: none;
            padding: 10px;
            border-radius: 4px;
            cursor: pointer;
        }

        .sidebar-widget button:hover {
            background: #b71c1c;
        }

        /* 地區按鈕 */
        .region-list {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

        .region-btn {
            display: inline-block;
            padding: 6px 12px;
            border: 1px solid #eee;
            border-radius: 4px;
            color: #666;
            text-decoration: none;
            font-size: 14px;
            transition: 0.2s;
        }

        .region-btn:hover,
        .region-btn.active {
            background: #f8bbd0;
            color: #fff;
            border-color: #f8bbd0;
        }

        /* 粉色系 */

        /* 列表卡片 */
        .clinic-list-container {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }

        .clinic-card {
            border: 1px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            transition: 0.3s;
            background: #fff;
            text-decoration: none;
            color: inherit;
            display: flex;
            flex-direction: column;
        }

        .clinic-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }

        .clinic-card-image {
            height: 200px;
            overflow: hidden;
            position: relative;
            background: #f9f9f9;
        }

        .clinic-card-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .clinic-card-content {
            padding: 15px;
        }

        .clinic-card-content h4 {
            margin: 0;
            font-size: 18px;
            color: #333;
        }

        .clinic-pagination {
            margin-top: 30px;
            text-align: center;
        }

        /* ==========================================================================
   3. 內頁樣式 (Single View - 2/24 優化版)
   ========================================================================== */
        .clinic-layout-wrapper {
            display: flex;
            gap: 40px;
            max-width: 1200px;
            margin: 0 auto;
            padding-bottom: 50px;
        }

        /* 標頭區塊 */
        .clinic-single-header {
            background: #fff;
            border: 1px solid #ccc;
            border-radius: 12px;
            padding: 30px;
            margin-bottom: 30px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
            position: relative;
        }

        .clinic-single-title {
            font-size: 28px;
            font-weight: bold;
            color: #333;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }

        /* 手機版調整 */
        @media (max-width: 768px) {
            .clinic-single-header {
                padding: 15px;
                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
            }

            .clinic-single-title {
                font-size: 1.4rem;
            }
        }

        .clinic-region-prefix {
            color: #d32f2f;
            margin-right: 10px;
            font-weight: 800;
        }

        .clinic-header-meta {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 20px;
        }

        .clinic-info-list {
            margin-bottom: 20px;
        }

        .info-item {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
            font-size: 15px;
            color: #555;
        }

        .info-icon {
            margin-right: 10px;
            width: 20px;
            text-align: center;
        }

        .map-link-btn {
            margin-left: 10px;
            background: #e3f2fd;
            color: #1976d2;
            padding: 5px 4px;
            border-radius: 4px;
            font-size: 12px;
            text-decoration: none;
            min-width: 80px;
            text-align: center;
            vertical-align: top;
        }

        /* 分享按鈕 */
        .clinic-share-box {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-top: 15px;
            font-size: 14px;
            color: #888;
            border-top: 1px solid #eee;
            padding-top: 15px;
        }

        .share-btn {
            display: inline-block;
            padding: 4px 10px;
            border-radius: 4px;
            color: #fff;
            font-size: 12px;
            text-decoration: none;
        }

        .share-fb {
            background: #1877f2;
        }

        .share-line {
            background: #00c300;
        }

        /* 錨點導航條 (Tabs) */
        .clinic-nav-tabs {
            display: flex;
            border-bottom: 2px solid #eee;
            margin-bottom: 30px;
            background: #f9f9f9;
            border-radius: 8px 8px 0 0;
        }

        .nav-tab-item {
            flex: 1;
            text-align: center;
            padding: 10px;
            color: #666;
            font-weight: bold;
            text-decoration: none;
            border-bottom: 2px solid transparent;
            transition: 0.3s;
        }

        .nav-tab-item:hover,
        .nav-tab-item.active {
            color: #d32f2f;
            border-bottom-color: #d32f2f;
            background: #fff;
        }

        .official-web-btn {
            margin-left: auto;
            background: #e91e63;
            color: #fff;
            padding: 10px;
            text-decoration: none;
            font-weight: bold;
            border-radius: 0 8px 0 0;
        }

        .official-web-btn:hover {
            background: #c2185b;
            color: #fff;
        }

        /* 內容區塊 */
        .clinic-section {
            margin-bottom: 40px;
            scroll-margin-top: 100px;
        }

        /* scroll-margin 讓錨點不會被 header 擋住 */
        .section-title {
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 20px;
            border-left: 5px solid #d32f2f;
            padding-left: 15px;
            color: #333;
        }

        /* 診所介紹 (圖文) */
        .intro-box {
            display: flex;
            gap: 30px;
            align-items: flex-start;
        }

        .intro-img {
            width: 50%;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }

        .intro-img img {
            width: 100%;
            height: auto;
            display: block;
        }

        .intro-text {
            width: 50%;
            font-size: 16px;
            line-height: 1.8;
            color: #444;
        }

        .intro-text .wpulike-heart {
            display: none;
        }

        /* 交通位置卡片 */
        .transport-card {
            background: #f5f5f5;
            padding: 25px;
            border-radius: 8px;
            margin-bottom: 20px;
        }

        /* 手機版調整 */
        @media (max-width: 768px) {
            .nav-tab-item {
                font-size: 1.05rem;
            }

            .official-web-btn {
                font-size: 1.05rem;
            }

            .transport-card {
                padding: 25px 15px;
            }
        }

        .transport-item {
            display: flex;
            margin-bottom: 15px;
        }

        .tp-icon {
            width: 24px;
            margin-right: 10px;
            font-size: 18px;
        }

        .tp-content h4 {
            margin: 0 0 5px 0;
            font-size: 15px;
            color: #d32f2f;
            font-weight: bold;
        }

        .tp-content p {
            margin: 0;
            font-size: 14px;
            color: #555;
            line-height: 1.5;
        }

        /* 診療項目網格 */
        .service-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
        }

        .service-item {
            background: #fff;
            border: 1px solid #eee;
            padding: 10px;
            border-radius: 4px;
            display: flex;
            align-items: center;
            font-size: 14px;
            color: #555;
        }

        .check-icon {
            color: #ff9800;
            margin-right: 8px;
            font-weight: bold;
        }

        /* 側邊欄圖片 Banner */
        .sidebar-banner-img {
            width: 100%;
            border-radius: 8px;
            margin-bottom: 15px;
            display: block;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        .sidebar-post-item {
            display: block;
            padding: 10px 0;
            border-bottom: 1px dashed #eee;
            color: #555;
            text-decoration: none;
            font-size: 15px;
        }

        .sidebar-post-item:hover {
            color: #d32f2f;
        }

        /* RWD */
        @media (max-width: 768px) {

            .clinic-system-wrapper,
            .clinic-layout-wrapper {
                flex-direction: column;
            }

            .clinic-sidebar {
                width: 100%;
            }

            .clinic-list-container {
                grid-template-columns: 1fr;
            }

            .intro-box {
                flex-direction: column;
            }

            .intro-img,
            .intro-text {
                width: 100%;
            }

            .service-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }



        /* ===================================================================
   診所列表系統樣式表 v2.6.4 (Mobile Modal Fix)
   =================================================================== */
        /* --- 1. 診所列表容器星級樣式 --- */
        .clinic-list-container .post-ratings {
            position: relative;
            padding: 3px 0px 3px 8px;
            bottom: 0;
            left: 0;
            background-color: rgba(33, 45, 45, 0.8);
            color: #333;
            max-width: 130px;
            border-radius: 5px;
        }

        .clinic-list-container .post-ratings .post-ratings-image {
            margin-right: 3px;
            vertical-align: middle;
            position: relative;
            top: -2px;
            max-width: 15px !important;
        }

        /* --- 1. 診所列表容器 (Grid) --- */
        .clinic-list-container {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 20px;
            width: 100%;
        }

        /* --- 2. 診所卡片 --- */
        .clinic-card {
            border: 1px solid #ddd;
            border-radius: 8px;
            overflow: hidden;
            text-decoration: none;
            color: #333;
            transition: box-shadow 0.3s ease;
            display: flex;
            flex-direction: column;
            position: relative;
            background: #fff;
            -moz-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            -webkit-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }

        .clinic-card:hover {
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        }

        .clinic-card-image {
            position: relative;
            overflow: hidden;
            width: 100%;
            height: auto;
        }

        .clinic-card-image img {
            width: 100%;
            height: auto;
            object-fit: cover;
        }

        .clinic-card .clinic-card-image .post-ratings img.post-ratings-image,
        .clinic-card .clinic-card-image .post-ratings img {
            max-width: 25px;
        }

        .clinic-card-image .attachment-medium_large.size-medium_large.wp-post-image {
            height: 220px;
        }

        .clinic-card-content {
            padding: 15px;
            flex-grow: 1;
        }

        .clinic-title {
            margin-top: 0;
            margin-bottom: 10px;
            font-size: 1.2em;
            font-weight: bold;
        }

        /* 分類標籤 */
        .clinic-taxonomies {
            margin-top: 15px;
        }

        .tax-region,
        .tax-category {
            display: inline-block;
            background-color: #f0f0f0;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 0.9em;
            margin-right: 5px;
            margin-bottom: 5px;
        }

        .tax-region {
            background-color: #e7f5ff;
        }

        /* --- 3. 評分星星樣式 (修正跑版) --- */
        .archive-rating-overlay {
            position: absolute;
            top: 10px;
            left: 10px;
            z-index: 10;
            background-color: rgba(0, 0, 0, 0.65);
            color: #FFFFFF;
            padding: 5px 10px;
            border-radius: 5px;
            font-size: 14px;
            display: flex;
            flex-direction: row !important;
            align-items: center;
            line-height: 1;
        }

        .archive-rating-overlay .post-ratings {
            display: flex !important;
            flex-direction: row !important;
            align-items: center !important;
            margin: 0 !important;
            padding: 0 !important;
            border: none !important;
        }

        .archive-rating-overlay .post-ratings-image {
            width: 16px !important;
            height: 16px !important;
            min-width: 16px !important;
            content: "";
            font-size: 0;
            color: transparent;
            background: none !important;
            border: none !important;
            padding: 0 !important;
            box-shadow: none !important;
            background-size: contain !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
            margin: 0 1px !important;
            display: inline-block !important;
        }

        /* SVG 星星圖標 */
        .archive-rating-overlay .post-ratings .post-ratings-image[src*="off"] {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath stroke='%23cccccc' stroke-width='1.5' fill='transparent' d='M12 .587l3.668 7.568 8.332 1.151-6.064 5.828 1.48 8.279-7.416-3.967-7.417 3.967 1.481-8.279-6.064-5.828 8.332-1.151z'/%3E%3C/svg%3E") !important;
        }

        .archive-rating-overlay .post-ratings .post-ratings-image[src*="on"] {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath stroke='%23f0b429' stroke-width='1.5' fill='%23f0b429' d='M12 .587l3.668 7.568 8.332 1.151-6.064 5.828 1.48 8.279-7.416-3.967-7.417 3.967 1.481-8.279-6.064-5.828 8.332-1.151z'/%3E%3C/svg%3E") !important;
        }

        .archive-rating-overlay .post-ratings .post-ratings-image[src*="half"] {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath stroke='%23f0b429' stroke-width='1.5' fill='%23f0b429' d='M12 .587l3.668 7.568 8.332 1.151-6.064 5.828 1.48 8.279-7.416-3.967-7.417 3.967 1.481-8.279-6.064-5.828 8.332-1.151z'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath stroke='%23cccccc' stroke-width='1.5' fill='transparent' d='M12 .587l3.668 7.568 8.332 1.151-6.064 5.828 1.48 8.279-7.416-3.967-7.417 3.967 1.481-8.279-6.064-5.828 8.332-1.151z'/%3E%3C/svg%3E") !important;
            background-size: 50% 100%, 100% 100% !important;
            background-position: left center, center !important;
            background-repeat: no-repeat, no-repeat !important;
        }

        /* --- 4. 按讚按鈕 --- */
        .clinic-card-actions {
            position: absolute;
            bottom: 15px;
            right: 15px;
            z-index: 5;
        }

        .clinic-card-actions .wp-ulike-wrapper {
            display: flex;
            align-items: center;
            gap: 6px;
            background-color: rgba(255, 255, 255, 0.8);
            padding: 4px 8px;
            border-radius: 15px;
            backdrop-filter: blur(2px);
        }

        .clinic-card-actions .wp-ulike-button {
            font-size: 20px;
            color: #666;
        }

        .clinic-card-actions .wp-ulike-button.wp_ulike_btn_is_active {
            color: #e54747;
            animation: heart-beat 0.5s ease-in-out;
        }

        .clinic-card-actions .wp_ulike_btn_text {
            display: none !important;
        }

        @keyframes heart-beat {
            0% {
                transform: scale(1);
            }

            50% {
                transform: scale(1.3);
            }

            100% {
                transform: scale(1);
            }
        }

        /* --- 5. 特殊標記 --- */
        .clinic-special-tags {
            position: absolute;
            top: 12px;
            left: 12px;
            z-index: 10;
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .special-tag {
            background-color: rgba(255, 255, 255, 0.95);
            color: #E58A9E;
            border: 1.5px solid #E58A9E;
            padding: 4px 12px;
            border-radius: 5px;
            font-size: 14px;
            font-weight: 700;
            text-align: center;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        /* ===================================================================
   佈局樣式 (Layout)
   =================================================================== */
        .clinic-system-wrapper {
            display: flex;
            gap: 0;
            margin: 20px 0;
            align-items: flex-start;
            position: relative;
            min-height: 400px;
        }

        /* 左側邊欄 (Desktop) */
        .clinic-sidebar {
            flex: 0 0 280px;
            background-color: #f8f9fa;
            padding: 20px 10px;
            border-radius: 8px;
            border: 1px solid #ccc;
            margin-right: 15px;
        }

        .sidebar-widget {
            margin-bottom: 30px;
        }

        .widget-title {
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 2px solid #e58a9e;
            color: #333;
        }

        /* 內頁右側邊欄-廣告 (Desktop) */
        .clinic-sidebar.detail-content {
            flex: 0 0 300px;
            background-color: rgba(0, 0, 0, 0);
            padding: 0;
            border-radius: 0;
            border: 0px solid #eee;
            margin-right: 0;
        }

        /* 搜尋框 */
        .sidebar-search-form {
            display: flex;
            gap: 5px;
        }

        .sidebar-search-form input {
            width: 100%;
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

        .sidebar-search-form button {
            background: #e58a9e;
            color: white;
            border: none;
            padding: 8px 12px;
            border-radius: 4px;
            cursor: pointer;
            white-space: nowrap;
        }

        /* 地區按鈕 (Grid) */
        .region-list {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 8px;
            margin-bottom: 15px;
        }

        .region-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            padding: 8px 4px;
            background: #fff;
            border: 1px solid #ddd;
            color: #555;
            text-decoration: none;
            border-radius: 4px;
            transition: all 0.2s;
            text-align: center;
            font-size: 1rem;
            line-height: 1.2;
            min-height: 38px;
            box-sizing: border-box;
        }

        .region-btn:hover {
            background-color: #fff0f3;
            border-color: #e58a9e;
            color: #e58a9e;
        }

        .region-btn.active {
            background-color: #e58a9e;
            color: #fff;
            border-color: #e58a9e;
        }

        /* 區域區塊 */
        .district-widget {
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px dashed #ddd;
            display: none;
        }

        .district-widget.active {
            display: block;
            animation: fadeIn 0.3s ease-in;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(-5px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* 特色篩選 */
        .feature-label {
            display: block;
            margin-bottom: 10px;
            cursor: pointer;
            font-size: 15px;
        }

        .feature-label input {
            margin-right: 8px;
        }

        /* 右側內容 */
        .clinic-main-content {
            flex: 1;
            min-width: 0;
            width: 100%;
        }

        .clinic-header-info h2 {
            margin-top: 0;
            margin-bottom: 20px;
            font-size: 24px;
            color: #333;
        }

        /* 無結果 */
        .no-results-box {
            background: #f9f9f9;
            padding: 40px;
            text-align: center;
            border-radius: 8px;
        }

        .reset-btn {
            display: inline-block;
            margin-top: 15px;
            padding: 10px 20px;
            background: #666;
            color: #fff;
            text-decoration: none;
            border-radius: 4px;
        }

        /* Loading */
        .clinic-loading-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.7);
            z-index: 99;
            display: none;
            justify-content: center;
            padding-top: 100px;
            border-radius: 8px;
            backdrop-filter: blur(2px);
        }

        .clinic-loading-overlay.active {
            display: flex;
        }

        .clinic-spinner {
            width: 50px;
            height: 50px;
            border: 5px solid #f3f3f3;
            border-top: 5px solid #e58a9e;
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        /* ===================================================================
   ★★★ 手機版專用樣式 (Mobile Modal - Updated) ★★★
   =================================================================== */

        /* 預設隱藏手機版元素 */
        .clinic-mobile-bar {
            display: none;
        }

        /* 隱藏舊的遮罩 (因為現在被包在 wrapper 裡了，但為了保險起見) */
        body>.clinic-mobile-backdrop {
            display: none;
        }

        .mobile-modal-header {
            display: none;
        }

        /* 電腦版：讓 Wrapper 隱形 */
        .clinic-mobile-modal-wrapper {
            display: contents;
        }

        .post-thumbnail-container .featured-image-meta,
        body:not(.single) article.hentry .post-thumbnail-container>a::after,
        #header-page-title-inside {
            background-color: rgba(0, 0, 0, 0) !important;
        }

        #header-page-title-inside {
            box-shadow: 0 -70px 70px rgba(0, 0, 0, 0) inset !important;
        }

        #header-page-title-inside {
            min-height: auto !important;
            padding: 1em 1em !important;
        }

        #header-page-title #breadcrumbs-container {
            position: relative !important;
        }

        #container:not(.anima-landing-page) .main {
            padding-top: 0 !important;
            padding-bottom: 2.5em;
        }

        @media (max-width: 768px) {
            .two-columns-right {
                padding: 0 15px !important;
            }

            /* 1. 顯示頂部搜尋列 */
            .clinic-mobile-bar {
                display: flex;
                gap: 10px;
                margin-bottom: 20px;
                background: #fff;
                padding: 10px;
                border: 1px solid #eee;
                border-radius: 8px;
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
            }

            .mobile-search-form {
                flex: 1;
                display: flex;
                gap: 5px;
            }

            .mobile-search-form input {
                width: 100%;
                border: 1px solid #ddd;
                padding: 8px 12px;
                border-radius: 4px;
                font-size: 15px;
            }

            .mobile-search-btn {
                background: #26a69a;
                color: white;
                border: none;
                padding: 0 15px;
                border-radius: 4px;
                white-space: nowrap;
            }

            .mobile-filter-btn {
                background: #fff;
                border: 1px solid #26a69a;
                color: #26a69a;
                padding: 0 15px;
                border-radius: 4px;
                font-weight: bold;
                white-space: nowrap;
                cursor: pointer;
                display: flex;
                align-items: center;
                gap: 5px;
            }

            /* 2. 隱藏原本側邊欄的搜尋框 */
            .sidebar-widget.desktop-only {
                display: none;
            }

            /* 3. 手機版 Modal Wrapper (強制隱藏，等待 JS 啟動) */
            .clinic-mobile-modal-wrapper {
                display: none !important;
                /* 關鍵：預設隱藏 */
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 99999;
            }

            .clinic-mobile-modal-wrapper.active {
                display: block !important;
            }

            /* 4. 遮罩層 */
            .clinic-mobile-backdrop {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.5);
                opacity: 0;
                transition: opacity 0.3s ease;
                display: block !important;
            }

            .clinic-mobile-modal-wrapper.active .clinic-mobile-backdrop {
                opacity: 1;
            }

            /* 5. 側邊欄 (Modal 本體) */
            .clinic-sidebar {
                position: relative !important;
                top: 0 !important;
                left: 0 !important;
                width: 100% !important;
                height: 100% !important;
                background: #fff;
                border-radius: 20px 20px 0 0 !important;
                /* 預設往下藏 */
                transition: transform 0.3s ease-out;
                z-index: 2;
                box-shadow: 0 -5px 20px rgba(0, 0, 0, 0);
                display: none !important;
                overflow-y: visible;
                box-sizing: border-box;
                padding: 20px;
                margin: 0;
            }

            .clinic-sidebar.detail-content {
                position: relative !important;
                flex: 0 0 0;
                background-color: rgba(0, 0, 0, 0);
                padding: 0;
                border-radius: 0;
                border: 0px solid #eee;
                margin-right: 0;
                display: block;
                width: 100%;
                overflow-y: hidden;
                height: auto !important;
                border-radius: 0 0 0 0 !important;
                box-shadow: 0 -5px 20px rgba(0, 0, 0, 0);
            }

            .clinic-mobile-modal-wrapper.active .clinic-sidebar {
                transform: translateY(0);
            }

            /* 6. Modal 標題與關閉鈕 */
            .mobile-modal-header {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 20px;
                border-bottom: 1px solid #eee;
                padding-bottom: 10px;
            }

            .mobile-modal-header h3 {
                margin: 0;
                color: #26a69a;
                font-size: 18px;
            }

            .mobile-close-btn {
                position: absolute;
                right: 5px;
                top: 5px;
                display: inline-block;
                background: none;
                border: none;
                font-size: 3.5rem;
                color: #999;
                cursor: pointer;
                padding: 0 0;
                line-height: 40px;
                height: 40px;
                width: 40px;
                text-align: center;
            }

            /* 7. 調整手機版列表排版 (滿版) */
            .clinic-system-wrapper {
                flex-direction: column;
                margin: 0px 0;
                padding: 0px 0;
            }

            .clinic-list-container {
                grid-template-columns: 1fr;
                width: 100%;
            }

            .clinic-card {
                width: 100%;
            }
        }

        /* 內頁樣式 */
        .two-columns-right .wpulike.wpulike-heart {
            position: absolute;
            top: -55px;
            right: 0;
        }

        .wpulike.wpulike-heart .wp_ulike_general_class {
            box-shadow: 0 0 0 1px #bdbdbd inset;
            border-radius: .25em;
            padding: 2px 2px;
        }

        .clinic-ad-banner-container {
            margin-top: 20px;
        }

        .clinic-tabs-wrapper {
            margin-top: 20px;
        }

        .btn-official-web {
            position: relative;
            top: -5px;
        }


        /* 星星大小 */
        /* =========================================
   Fix: 修正 WP-PostRatings 星星圖片大小
   ========================================= */
        .post-ratings img,
        .post-ratings-image,
        img.post-ratings-image {
            max-width: 20px !important;
            height: auto !important;
            border: none !important;
            box-shadow: none !important;
            display: inline-block !important;
            vertical-align: middle !important;
            margin: 0 2px !important;
            padding: 0 !important;
        }

        /* 針對後台列表的修正 (Admin Column) */
        .column-ratings img {
            max-width: 16px !important;
            /* 後台列表可以小一點 */
        }

        /* ==========================================================================
   6. ★★★ 手機版 MamiGuide 風格篩選列 (Teleport 版) ★★★
   ========================================================================== */
        @media (max-width: 768px) {
            #masthead.cryout #site-header-main {
                position: fixed !important;
                ;
                top: 0;
                left: 0;
            }

            /* 1. 篩選列本體 (被搬移後的樣式) */
            .mobile-filter-bar-teleported {
                display: flex;
                position: fixed !important;
                /* 強制固定 */
                top: 80px !important;
                /* JS 會動態計算這個值，避免擋住 Header */
                left: 0;
                width: 100%;
                background: #fff;
                z-index: 10 !important;
                /* 確保在最上層，蓋過所有東西 */
                box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
                border-bottom: 1px solid #eee;
                padding: 0;
                height: 45px;
                /* 固定高度 */
                align-items: center;
            }

            /* 2. 篩選按鈕 (仿 MamiGuide) */
            .m-filter-item {
                flex: 1;
                text-align: center;
                font-size: 1.1rem;
                color: #555;
                font-weight: 500;
                cursor: pointer;
                position: relative;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 4px;
            }

            /* 按鈕中間的分隔線 */
            .m-filter-item:not(:last-child)::after {
                content: '';
                position: absolute;
                right: 0;
                top: 12px;
                bottom: 12px;
                width: 1px;
                background: #eee;
            }

            /* 點擊時的變色效果 */
            .m-filter-item:active {
                background: #f9f9f9;
                color: #d32f2f;
            }

            /* 三角形圖示 */
            .m-arrow {
                font-size: 10px;
                color: #999;
                transition: transform 0.2s;
            }

            .m-filter-item:active .m-arrow {
                transform: rotate(180deg);
                color: #d32f2f;
            }

            /* 3. 滿版彈出視窗 (Modal) - 保持原樣 */
            .clinic-mobile-modal {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.6);
                z-index: 100000;
                /* 比篩選列更高 */
                display: none;
                justify-content: flex-end;
                flex-direction: column;
            }

            .clinic-mobile-modal.open {
                display: flex;
            }

            .modal-content {
                background: #fff;
                width: 100%;
                max-height: 80vh;
                border-radius: 15px 15px 0 0;
                display: flex;
                flex-direction: column;
                animation: slideUp 0.3s ease-out;
            }

            @keyframes slideUp {
                from {
                    transform: translateY(100%);
                }

                to {
                    transform: translateY(0);
                }
            }

            .modal-header {
                padding: 15px;
                text-align: center;
                font-weight: bold;
                border-bottom: 1px solid #eee;
                position: relative;
                font-size: 1.1rem;
            }

            .modal-close {
                position: absolute;
                right: 15px;
                top: -30px;
                cursor: pointer;
                color: #333;
                font-weight: 100;
                font-size: 60px;
            }

            .modal-body {
                padding: 15px 20px;
                overflow-y: auto;
                flex: 1;
            }

            .modal-footer {
                padding: 15px;
                border-top: 1px solid #eee;
                display: flex;
                gap: 10px;
            }

            /* Modal 內元件 */
            .m-search-input {
                width: 100%;
                padding: 12px;
                border: 1px solid #ddd;
                border-radius: 4px;
                font-size: 16px;
            }

            .m-option-list {
                display: flex;
                flex-direction: column;
            }

            .m-option-label {
                padding: 8px 5px;
                border-bottom: 1px solid #f5f5f5;
                display: flex;
                align-items: center;
                cursor: pointer;
                font-size: 1.1rem;
            }

            .m-option-label input {
                margin-right: 10px;
                transform: scale(1.2);
            }

            .modal-btn {
                flex: 1;
                padding: 12px;
                border: none;
                border-radius: 4px;
                font-size: 16px;
                cursor: pointer;
            }

            .modal-btn.reset {
                background: #f5f5f5;
                color: #666;
            }

            .modal-btn.apply {
                background: #d32f2f;
                color: #fff;
            }
        }

        /* 電腦版隱藏 */
        @media (min-width: 769px) {

            .mobile-filter-bar-teleported,
            .clinic-mobile-modal {
                display: none !important;
            }
        }









        /* ==========================================================================
   7. 隱藏原本主題的 Header 區域 (改用自製標題)
   ========================================================================== */
        #header-image-main {
            display: none !important;
        }

        /* 調整內容區域上方間距，避免太靠近頂部 */
        #content {
            padding-top: 130px !important;
        }

        /* 自製標題區塊樣式 */
        .custom-page-header {
            margin: 0 0 20px 0;
            padding-bottom: 15px;
            border-bottom: 1px solid #eee;
        }

        .custom-page-header h1 {
            font-size: 28px;
            color: #333;
            margin: 0 0 8px 0;
            font-weight: bold;
            line-height: 1.2;
        }

        .custom-breadcrumbs {
            font-size: 14px;
            color: #888;
        }

        .custom-breadcrumbs a {
            color: #666;
            text-decoration: none;
            transition: color 0.2s;
        }

        .custom-breadcrumbs a:hover {
            color: #d32f2f;
            /* 滑鼠移過去變紅色 */
        }

        .custom-breadcrumbs span {
            color: #999;
        }

        /* 手機版調整 */
        @media (max-width: 768px) {
            .custom-page-header h1 {
                font-size: 24px;
            }

            #content {
                padding-top: 100px !important;
            }

            .custom-page-header {
                margin: 50px 0 20px 0;
            }
        }

        /* ==========================================================================
   首頁：最新消息輪播區塊樣式
   ========================================================================== */
        .life120-section-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            margin-bottom: 15px;
            border-bottom: 2px solid #e58a9e;
            padding-bottom: 8px;
        }

        .life120-section-title {
            font-size: 24px;
            color: #d32f2f;
            margin: 0;
            font-weight: bold;
        }

        .life120-view-more {
            text-decoration: none;
            font-size: 15px;
            transition: 0.3s;
            background: #e58a9e;
            color: #fff;
            font-weight: bold;
            border-radius: 20px;
            padding: 5px 12px;
        }

        .life120-view-more:hover {
            background: #b72344;
            color: #fff;
        }

        /* 輪播圖容器 */
        .mySwiperNews {
            width: 100%;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            margin-bottom: 40px;
        }

        /* 修改輪播圖容器高度適應新排版 */
        .news-slide-link {
            display: flex;
            flex-direction: column;
            text-decoration: none;
            background: #fff;
            /* 加上白底 */
            border-radius: 12px;
            overflow: hidden;
        }

        .news-slide-img {
            width: 100%;
            height: 440px;
            /* 稍微縮減圖片高度，留空間給文字 */
            object-fit: cover;
            display: block;
        }

        /* ★★★ 新的文字區塊設計 (明亮風格) ★★★ */
        .news-slide-content {
            position: relative;
            width: 100%;
            background: #fff;
            /* 白底 */
            padding: 20px 25px 40px 25px;
            box-sizing: border-box;
            border-top: 3px solid #e58a9e;
            /* 加上一點粉色點綴 */
        }

        .news-slide-content h3 {
            margin: 0;
            color: #333;
            /* 文字改為深灰色 */
            font-size: 20px;
            font-weight: bold;
            text-shadow: none;
            /* 移除陰影 */
            line-height: 1.4;

            /* 設定最多顯示兩行，超過顯示刪節號 */
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        /* 為了配合明亮風格，調整導航按鈕和圓點 */
        .mySwiperNews .swiper-button-next,
        .mySwiperNews .swiper-button-prev {
            color: #e58a9e !important;
            /* 按鈕改成粉色 */
            text-shadow: 0 1px 3px rgba(255, 255, 255, 0.8);
            background: rgba(255, 255, 255, 0.7);
            /* 半透明白底 */
            width: 40px;
            height: 40px;
            border-radius: 50%;
            margin-top: -50px;
            /* 往上移一點，避開文字區 */
        }

        .mySwiperNews .swiper-button-next:after,
        .mySwiperNews .swiper-button-prev:after {
            font-size: 20px;
            /* 縮小一點圖示 */
        }

        /* 手機版適應 */
        @media (max-width: 768px) {
            .news-slide-img {
                height: 220px;
            }

            .news-slide-content {
                padding: 15px;
            }

            .news-slide-content h3 {
                font-size: 16px;
            }

            .mySwiperNews .swiper-button-next,
            .mySwiperNews .swiper-button-prev {
                display: none;
                /* 手機版空間小，隱藏左右箭頭，保留滑動 */
            }
        }

        /* 調整 Swiper 原生按鈕與圓點顏色 */
        /* .swiper-button-next,
        .swiper-button-prev {
            color: #fff !important;
            text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        } */

        .swiper-pagination-bullet-active {
            background: #e58a9e !important;
            /* 配合你們的粉色系 */
        }

        .banner-content {
            margin-top: 0;
        }

        /* 手機版適應 */
        @media (max-width: 768px) {
            .news-slide-img {
                height: 250px;
            }

            .life120-section-title {
                font-size: 20px;
            }

            .news-slide-content h3 {
                font-size: 18px;
            }
        }


        /* ==========================================================================
   首頁：文章與影音區塊共用樣式
   ========================================================================== */
        /* 通用卡片設計 */
        .life120-card {
            display: flex;
            flex-direction: column;
            background: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            text-decoration: none;
            transition: transform 0.2s, box-shadow 0.2s;
        }

        .life120-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
        }

        .life120-card .card-img {
            position: relative;
            width: 100%;
            height: 180px;
            background: #f5f5f5;
        }

        .life120-card .card-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .life120-card .card-title {
            padding: 15px;
        }

        .life120-card .card-title h4 {
            margin: 0;
            color: #333;
            font-size: 16px;
            font-weight: bold;
            line-height: 1.4;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .life120-card .card-desc {
            margin: 8px 0 0 0;
            font-size: 14px;
            color: #666;
        }

        /* 網格系統 */
        .life120-grid-4 {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }

        .life120-grid-3 {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }

        /* 新增：Shorts 也變成三欄 */
        .life120-grid-3-shorts {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }

        /* 讓預覽圖區塊有游標指標 */
        .yt-placeholder {
            cursor: pointer;
        }

        /* Shorts 特殊比例 (讓卡片變直立的) */
        .life120-grid-3-shorts .card-img {
            height: 380px;
            /* 直立的封面高度 */
            background: #000;
            /* 沒封面的時候黑底比較有影片感 */
        }

        .life120-grid-3-shorts .card-img img {
            object-fit: cover;
            /* 讓封面填滿直立的框 */
        }

        /* RWD 手機版 (保持原本邏輯，但在手機上都變單欄) */
        @media (max-width: 768px) {

            .life120-grid-4,
            .life120-grid-3,
            .life120-grid-3-shorts {
                grid-template-columns: 1fr;
            }

            .life120-tabs-nav {
                overflow-x: auto;
                white-space: nowrap;
                padding-bottom: 10px;
            }

            .life120-card .card-img img {
                height: auto;
            }

            .life120-card .card-img {
                height: auto;
            }
        }

        .life120-grid-1-shorts {
            display: grid;
            grid-template-columns: 1fr;
            gap: 20px;
            max-width: 300px;
        }

        /* Tab 切換樣式 */
        .life120-tabs-nav {
            display: flex;
            gap: 10px;
            margin-bottom: 20px;
        }

        .life120-tabs-nav .tab-btn {
            background: #e0e0e0;
            color: #555;
            border: none;
            padding: 8px 20px;
            border-radius: 20px;
            font-size: 16px;
            font-weight: bold;
            cursor: pointer;
            transition: 0.3s;
        }

        .life120-tabs-nav .tab-btn.active,
        .life120-tabs-nav .tab-btn:hover {
            background: #e58a9e;
            /* 粉紅色 */
            color: #fff;
        }

        .tab-content {
            display: none;
            animation: fadeIn 0.4s;
        }

        .tab-content.active {
            display: block;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        /* 影音區塊播放鍵 */
        .video-card .play-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: rgba(0, 0, 0, 0.6);
            color: #fff;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            padding-left: 4px;
            /* 讓三角形看起來居中 */
            transition: 0.2s;
        }

        .video-card:hover .play-icon {
            background: #d32f2f;
        }

        /* Shorts 特殊比例 */
        .life120-grid-1-shorts .card-img {
            height: 400px;
        }

        /* RWD 手機版 */
        @media (max-width: 768px) {

            .life120-grid-4,
            .life120-grid-3 {
                grid-template-columns: 1fr;
            }

            .life120-tabs-nav {
                overflow-x: auto;
                white-space: nowrap;
                padding-bottom: 10px;
            }

            .life120-grid-1-shorts {
                max-width: 100%;
            }
        }


        /* ==========================================================================
   首頁雙欄網格佈局 (Home Layout)
   ========================================================================== */
        #access ul li {
            font-size: 1.2rem;
        }

        .home-layout-wrapper {
            display: flex;
            gap: 30px;
            align-items: flex-start;
            margin-top: 20px;
        }

        .home-main-content {
            flex: 1;
            min-width: 0;
            width: 100%;
        }

        .home-sidebar {
            width: 320px;
            flex-shrink: 0;
        }

        /* 確保側邊欄 Widget 有一致的風格 */
        .home-sidebar .sidebar-widget {
            background: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 25px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
        }

        /* 血管檢測右側入口 Banner */
        .vascular-banner-link {
            display: block;
            text-decoration: none;
            border-radius: 8px;
            overflow: hidden;
            position: relative;
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feffff+0,ffefef+51,e2ecff+100 */
            background: linear-gradient(135deg, rgba(254, 255, 255, 1) 0%, rgba(255, 239, 239, 1) 51%, rgba(226, 236, 255, 1) 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

            border: 1px solid #ccc;
            transition: 0.3s;
        }

        .vascular-banner-link:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 15px rgba(211, 47, 47, 0.2);
        }

        .vascular-banner-link img {
            width: 100%;
            height: 180px;
            object-fit: cover;
            display: block;
        }

        .vascular-banner-text {
            padding: 15px;
            color: #c04579;
            font-weight: bold;
            font-size: 16px;
            line-height: 1.5;
            text-align: center;
        }

        /* ==========================================================================
   血管檢測獨立頁面測驗系統 (Quiz System)
   ========================================================================== */
        .vascular-quiz-container {
            max-width: 700px;
            margin: 40px auto;
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
            overflow: hidden;
        }

        .quiz-header {
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#93cede+0,75bdd1+41,49a5bf+100;Blue+3D+%235 */
            background: linear-gradient(135deg, rgba(147, 206, 222, 1) 0%, rgba(117, 189, 209, 1) 41%, rgba(73, 165, 191, 1) 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            color: #fff;
            padding: 30px;
            text-align: center;
        }

        .quiz-header h2 {
            margin: 0 0 10px 0;
            color: #fff;
            font-weight: bold;
        }

        .quiz-header p {
            margin: 0;
            opacity: 0.9;
        }

        .quiz-body {
            padding: 30px;
        }

        .quiz-question-block {
            margin-bottom: 25px;
            padding-bottom: 20px;
            border-bottom: 1px dashed #eee;
        }

        .quiz-question-block h4 {
            font-size: 18px;
            color: #333;
            margin-bottom: 15px;
            line-height: 1.4;
        }

        .quiz-options {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .quiz-options label {
            display: flex;
            align-items: center;
            padding: 12px 15px;
            background: #f9f9f9;
            border: 1px solid #ddd;
            border-radius: 8px;
            cursor: pointer;
            transition: 0.2s;
            font-size: 16px;
        }

        .quiz-options label:hover {
            background: #ffebee;
            border-color: #ffcdd2;
        }

        .quiz-options input[type="radio"] {
            margin-right: 10px;
            transform: scale(1.2);
        }

        .quiz-submit-btn {
            display: block;
            width: 100%;
            padding: 15px;
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#93cede+0,75bdd1+41,49a5bf+100;Blue+3D+%235 */
            background: linear-gradient(135deg, rgba(147, 206, 222, 1) 0%, rgba(117, 189, 209, 1) 41%, rgba(73, 165, 191, 1) 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            color: #fff;
            font-size: 18px;
            font-weight: bold;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            transition: 0.3s;
        }

        .quiz-submit-btn:hover {
            background: #b71c1c;
        }

        /* 測驗結果卡片 */
        .quiz-result-card {
            padding: 40px 30px;
            text-align: center;
        }

        .result-score-circle {
            width: 120px;
            height: 120px;
            border-radius: 50%;
            background: #4CAF50;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            font-weight: bold;
            margin: 0 auto 20px auto;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
        }

        .result-score-circle span {
            font-size: 48px;
            margin-right: 2px;
        }

        .quiz-result-card h3 {
            font-size: 24px;
            margin-bottom: 15px;
            font-weight: bold;
        }

        .quiz-result-card p {
            font-size: 16px;
            color: #555;
            line-height: 1.6;
            margin-bottom: 30px;
        }

        .result-actions {
            display: flex;
            gap: 15px;
            justify-content: center;
        }

        .btn-book-now {
            background: #d32f2f;
            color: #fff;
            padding: 12px 25px;
            border-radius: 30px;
            text-decoration: none;
            font-weight: bold;
        }

        .btn-retry {
            background: #f5f5f5;
            color: #666;
            padding: 12px 25px;
            border-radius: 30px;
            border: 1px solid #ccc;
            cursor: pointer;
        }

        /* RWD 手機版 */
        @media (max-width: 768px) {
            .home-layout-wrapper {
                flex-direction: column;
            }

            .home-sidebar {
                width: 100%;
            }

            .result-actions {
                flex-direction: column;
            }
        }


        /* ==========================================================================
   強制首頁全寬 (覆蓋佈景主題預設的側邊欄)
   ========================================================================== */
        body.home #main,
        body.home #primary,
        body.home .content-area {
            width: 100% !important;
            max-width: 100% !important;
            flex: 0 0 100% !important;
            margin: 0 !important;
            padding: 0 !important;
            float: none !important;
        }

        body.home #secondary,
        body.home #sidebar,
        body.home .sidebar-main {
            display: none !important;
        }

        /* 讓首頁內容區塊保持 1200px 置中 */
        body.home .entry-content {}

        /* 微調：讓右側區塊與左側有更好的比例 */
        .home-sidebar {
            width: 340px;
            /* 右邊欄稍微加寬一點會更好看 */
            flex-shrink: 0;
        }

        /* RWD 手機版適應 */
        @media (max-width: 992px) {
            .home-sidebar {
                width: 100%;
            }
        }

        /* ==========================================================================
   首頁右側：農民曆區塊樣式
   ========================================================================== */
        .almanac-widget {
            background: #fff;
            border-top: 4px solid #d32f2f !important;
            /* 頂部加上紅線增添傳統感 */
        }

        .almanac-content {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        /* 日期顯示區 */
        .almanac-date-box {
            text-align: center;
            background: #fff5f5;
            /* 淺粉色底 */
            padding: 15px;
            border-radius: 8px;
            border: 1px dashed #ffcdd2;
        }

        .al-month-day {
            font-size: 36px;
            font-weight: bold;
            color: #c04579;
            line-height: 1.1;
            letter-spacing: 2px;
        }

        .al-year-week {
            font-size: 15px;
            color: #666;
            margin-top: 5px;
        }

        /* 宜忌項目清單 */
        .almanac-details {
            display: flex;
            flex-direction: column;
            gap: 15px;
            padding: 0 5px;
        }

        .al-row {
            display: flex;
            align-items: flex-start;
            font-size: 16px;
            line-height: 1.6;
        }

        /* 圓形與方型徽章設計 */
        .al-badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            color: #fff;
            font-weight: bold;
            font-size: 15px;
            margin-right: 12px;
            flex-shrink: 0;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }

        .good-badge {
            background: #d32f2f;
        }

        /* 宜：紅色 */
        .bad-badge {
            background: #333;
        }

        /* 忌：黑色 */
        .term-badge {
            background: #4CAF50;
            /* 節氣：綠色 */
            font-size: 13px;
            border-radius: 4px;
            /* 節氣改用方形徽章區分 */
            width: 40px;
        }

        .al-text {
            color: #333;
            padding-top: 3px;
            font-weight: 500;
        }

        /* ==========================================================================
   首頁右側：每日新知區塊樣式
   ========================================================================== */
        .daily-knowledge-widget {
            background: transparent !important;
            border: none !important;
            box-shadow: none !important;
            padding: 0 !important;
        }

        .daily-knowledge-card {
            display: block;
            text-decoration: none;
            background: #fff;
            border: 1px solid #eee;
            border-radius: 12px;
            overflow: hidden;
            transition: transform 0.3s, box-shadow 0.3s;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
        }

        .daily-knowledge-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
        }

        .dk-img {
            width: 100%;
            height: 230px;
            background: #f5f5f5;
            position: relative;
        }

        /* RWD 手機版 (保持原本邏輯，但在手機上都變單欄) */
        @media (max-width: 768px) {
            .dk-img {
                height: 230px;
            }
        }

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

        .dk-content {
            padding: 20px;
        }

        .dk-title {
            font-size: 18px;
            font-weight: bold;
            color: #333;
            margin: 0 0 10px 0;
            line-height: 1.4;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            /* 標題最多兩行 */
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .dk-excerpt {
            font-size: 14px;
            color: #666;
            margin: 0 0 15px 0;
            line-height: 1.6;
        }

        .dk-readmore {
            display: inline-block;
            color: #d32f2f;
            font-weight: bold;
            font-size: 14px;
            border-bottom: 1px solid transparent;
            transition: 0.2s;
        }

        .daily-knowledge-card:hover .dk-readmore {
            border-bottom-color: #d32f2f;
        }


        /* ==========================================================================
   14. 全域自訂高質感 Footer 樣式
   ========================================================================== */

        /* 強制隱藏 Anima 主題原生的 Footer 區塊 */
        footer#footer,
        footer#colophon,
        .site-footer,
        #footer-widget-area {
            display: none !important;
        }

        /* 確保網頁主體撐開，Footer 貼底 */
        body {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }

        #content,
        #main {
            flex: 1 0 auto;
        }

        /* 新版 Footer 主體設計 */
        .life120-custom-footer {
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feffff+0,ffefef+51,e2ecff+100;48 */
            background: linear-gradient(135deg, rgba(254, 255, 255, 1) 0%, rgba(255, 239, 239, 1) 51%, rgba(226, 236, 255, 1) 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

            border-top: 4px solid #e58a9e;
            /* 頂部粉色點綴線 */
            color: #444;
            font-family: inherit;
            width: 100%;
            margin-top: 0;
            box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.02);
        }

        .life120-footer-main {
            padding: 60px 20px;
        }

        .life120-footer-container {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1.5fr 1fr 1fr 1fr;
            /* 4欄比例分配 */
            gap: 40px;
        }

        /* 共同標題 */
        .footer-heading {
            font-size: 18px;
            font-weight: bold;
            color: #333;
            margin: 0 0 20px 0;
            position: relative;
            padding-bottom: 10px;
        }

        .footer-heading::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 40px;
            height: 3px;
            background-color: #d32f2f;
            border-radius: 2px;
        }

        /* 第一欄：品牌介紹 */
        .footer-logo {
            max-width: 200px;
            height: auto;
            margin-bottom: 15px;
        }

        .footer-desc {
            font-size: 14px;
            line-height: 1.8;
            color: #666;
            margin-bottom: 20px;
        }

        .footer-socials {
            display: flex;
            gap: 12px;
        }

        .soc-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            color: #fff;
            transition: 0.3s;
        }

        .soc-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
        }

        .line-btn {
            background-color: #00c300;
        }

        .fb-btn {
            background-color: #1877f2;
        }

        .ig-btn {
            background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        }

        /* 第二欄：QR Code 區塊 */
        .qr-card {
            background: #fff;
            padding: 15px;
            border-radius: 12px;
            border: 1px solid #eee;
            text-align: center;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
        }

        .qr-card img {
            width: 150px;
            height: 150px;
            margin: 0 auto 10px auto;
            display: block;
            border-radius: 8px;
        }

        .qr-text {
            font-size: 13px;
            color: #555;
            line-height: 1.5;
            margin-bottom: 15px;
        }

        .qr-btn {
            display: inline-block;
            background-color: #00c300;
            color: #fff;
            text-decoration: none;
            padding: 6px 15px;
            border-radius: 20px;
            font-size: 13px;
            font-weight: bold;
            transition: 0.2s;
        }

        .qr-btn:hover {
            background-color: #00a000;
            color: #fff;
        }

        /* 第三、四欄：連結選單 */
        .footer-menu {
            list-style: none !important;
            padding: 0 !important;
            margin: 0 !important;
        }

        .footer-menu li {
            margin-bottom: 12px;
            list-style: none !important;
        }

        .footer-menu a {
            color: #666;
            text-decoration: none;
            font-size: 15px;
            transition: 0.2s;
            display: inline-block;
        }

        .footer-menu a:hover {
            color: #d32f2f;
            transform: translateX(5px);
            /* 滑鼠移過去會有小小的互動感 */
        }

        .footer-menu a::before {
            content: '•';
            color: #e58a9e;
            margin-right: 8px;
            font-weight: bold;
        }

        /* 底部版權宣告列 (深色質感) */
        .life120-footer-bottom {
            background-color: #222529;
            /* 深藍灰，增加權威感 */
            padding: 20px;
            text-align: center;
        }

        .bottom-container p {
            margin: 0;
            color: #fffea1;
            font-size: 14px;
            letter-spacing: 0.5px;
        }

        /* 隱藏底部黑色區塊 */
        #colophon #colophon-inside {
            display: none;
        }

        /* 隱藏底部黑色區塊 end */
        /* RWD 手機版適應 */
        @media (max-width: 992px) {
            .life120-footer-container {
                grid-template-columns: 1fr 1fr;
                /* 平板變兩欄 */
            }
        }

        /* RWD 手機版適應 */
        @media (min-width: 993px) {
            .footer-content {
                display: flex;
            }

            .footer-col {
                text-align: center;
            }

            .footer-col.links-col {
                width: 50%;
                text-align: center;
            }

            .footer-heading::after {
                left: 50%;
                transform: translateX(-50%);
            }

            .life120-footer-container {
                display: flex;
            }

            .life120-footer-container .footer-col.brand-col {
                width: 35%;
                text-align: start;
            }

            .life120-footer-container .footer-col.qr-col {
                width: 20%;
            }

            .life120-footer-container .footer-content {
                width: 30%;
            }
        }

        @media (max-width: 768px) {
            .life120-footer-container {
                grid-template-columns: 1fr;
                /* 手機變單欄 */
                gap: 30px;
            }

            .footer-content {
                display: flex;
            }

            .footer-col {
                text-align: center;
            }

            .footer-col.links-col {
                width: 50%;
                text-align: start
            }

            .footer-heading::after {
                left: 50%;
                transform: translateX(-50%);
            }

            .footer-col.links-col .footer-heading::after {
                left: 18px;
                transform: translateX(0%);
            }

            .footer-socials {
                justify-content: center;
            }

            .footer-menu a:hover {
                transform: none;
            }
        }

        /* ==========================================================================
   15. 系統：會員註冊與登入彈出視窗 (Auth Modal) 樣式
   ========================================================================== */
        .wp-block-image {
            text-align: center;
            margin-bottom: 20px;
        }

        .wp-block-image img {
            max-width: 100%;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .wp-block-image img {
                max-width: 100%;
            }
        }

        .auth-modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            backdrop-filter: blur(5px);
            z-index: 99999;
            display: flex;
            align-items: center;
            justify-content: center;
            animation: authFadeIn 0.3s;
        }

        @keyframes authFadeIn {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        .auth-modal-box {
            background: #fff;
            width: 100%;
            max-width: 450px;
            border-radius: 12px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            overflow: hidden;
            margin: 20px;
        }

        .auth-close-btn {
            position: absolute;
            top: 15px;
            right: 20px;
            font-size: 28px;
            color: #999;
            cursor: pointer;
            z-index: 10;
            line-height: 1;
            transition: 0.2s;
        }

        .auth-close-btn:hover {
            color: #333;
        }

        /* 頁籤設計 */
        .auth-tabs {
            display: flex;
            background: #f5f5f5;
            border-bottom: 1px solid #ddd;
        }

        .auth-tab-btn {
            flex: 1;
            padding: 18px 0;
            border: none;
            background: transparent;
            font-size: 16px;
            font-weight: bold;
            color: #666;
            cursor: pointer;
            transition: 0.3s;
        }

        .auth-tab-btn.active {
            background: #fff;
            color: #d32f2f;
            border-top: 3px solid #d32f2f;
        }

        /* 表單內容 */
        .auth-form-content {
            padding: 30px 40px;
        }

        .auth-title {
            text-align: center;
            margin-top: 0;
            margin-bottom: 25px;
            color: #333;
            font-weight: bold;
            font-size: 20px;
        }

        /* 表單欄位設計 */
        .auth-form-content form p {
            margin-bottom: 15px;
        }

        .auth-form-content label {
            display: block;
            margin-bottom: 5px;
            font-size: 14px;
            color: #555;
            font-weight: 500;
        }

        .auth-form-content input[type="text"],
        .auth-form-content input[type="email"],
        .auth-form-content input[type="password"] {
            width: 100%;
            padding: 12px;
            border: 1px solid #ddd;
            border-radius: 6px;
            font-size: 15px;
            transition: 0.2s;
            box-sizing: border-box;
        }

        .auth-form-content input[type="text"]:focus,
        .auth-form-content input[type="email"]:focus,
        .auth-form-content input[type="password"]:focus {
            border-color: #e58a9e;
            box-shadow: 0 0 5px rgba(229, 138, 158, 0.3);
            outline: none;
        }

        /* 按鈕設計 */
        .auth-form-content input[type="submit"] {
            width: 100%;
            background: #d32f2f;
            color: #fff;
            border: none;
            padding: 14px;
            border-radius: 6px;
            font-size: 16px;
            font-weight: bold;
            cursor: pointer;
            transition: 0.3s;
            margin-top: 10px;
        }

        .auth-form-content input[type="submit"]:hover {
            background: #b71c1c;
        }

        .login-remember {
            display: flex;
            align-items: center;
        }

        .login-remember input {
            margin-right: 8px;
        }

        #site-header-main {
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feffff+0,fff4f4+51,f4f8ff+99 */
            background: linear-gradient(135deg, rgba(254, 255, 255, 1) 0%, rgba(255, 244, 244, 1) 51%, rgba(244, 248, 255, 1) 99%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

        }

        @media (max-width: 480px) {
            .auth-form-content {
                padding: 25px 20px;
            }
        }

        #masthead #access>div>ul>li>a>span {
            color: #1a1a1a;
        }

        #masthead #access>div>ul>li:hover>a>span {
            color: #c04579;
        }

        /* ==========================================================================
   16. 文章內頁預設風格切換 (Style 1 & Style 2)
   ========================================================================== */

        /* 共通優化：讓原生文章內容的字更大、更好閱讀 */
        body.single-post .entry-content {
            font-size: 17px;
            line-height: 1.8;
            color: #333;
        }

        /* -----------------------------------------
   風格一：專業醫療風 (嚴謹、權威、可信賴)
   ----------------------------------------- */
        .life120-style-pro .entry-title {
            border-left: 8px solid #285494;
            /* 權威深藍 */
            padding-left: 15px;
            color: #1a365d !important;
            font-weight: bold;
        }

        .life120-style-pro .entry-content h2 {
            border-bottom: 2px solid #285494;
            padding-bottom: 8px;
            color: #285494;
            margin-top: 40px;
            font-weight: bold;
        }

        .life120-style-pro .entry-content h3 {
            color: #d32f2f;
            border-left: 4px solid #d32f2f;
            padding-left: 10px;
            margin-top: 30px;
        }

        .life120-style-pro .entry-content blockquote {
            background: #f4f7fb;
            /* 淺藍底色 */
            border-left: 5px solid #285494;
            padding: 20px;
            font-weight: 500;
            color: #444;
            margin: 20px 0;
        }

        /* -----------------------------------------
   風格二：輕鬆健康風 (柔和、親切、圓潤)
   ----------------------------------------- */
        .life120-style-soft .entry-title {
            text-align: center;
            color: #d32f2f !important;
            font-weight: 900;
        }

        /* 標題下方的裝飾線 */
        .life120-style-soft .entry-title::after {
            content: '';
            display: block;
            width: 80px;
            height: 4px;
            background: #e58a9e;
            /* 粉色 */
            margin: 20px auto 30px auto;
            border-radius: 2px;
        }

        .life120-style-soft .entry-content h2 {
            background: #fff0f3;
            /* 淺粉色背景膠囊 */
            padding: 10px 25px;
            border-radius: 30px;
            color: #d32f2f;
            display: inline-block;
            margin-top: 40px;
            font-size: 22px;
            font-weight: bold;
        }

        .life120-style-soft .entry-content img {
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
            /* 圖片增加陰影圓角 */
        }

        .life120-style-soft .entry-content blockquote {
            background: #fffafa;
            border: 1px solid #ffebef;
            border-left: none;
            border-radius: 15px;
            padding: 20px 30px;
            color: #d32f2f;
            font-style: italic;
            text-align: center;
            margin: 20px 0;
        }

        @media (max-width: 768px) {
            .life120-style-soft img {
                max-width: 100%;
            }

            .life120-style-soft img.footer-logo {
                max-width: 200px;
            }
        }

        /* ==========================================================================
   17. 首頁廣告小橫幅輪播樣式
   ========================================================================== */
        .life120-ad-slider-container {
            width: 100%;
            margin: 30px 0;
            /* 上下留白 */
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
        }

        .ad-slide-link {
            display: block;
            width: 100%;
            line-height: 0;
        }

        .ad-slide-link img {
            width: 100%;
            height: auto;
            object-fit: cover;
            display: block;
        }

        /* 調整廣告輪播的圓點位置與顏色 */
        .mySwiperAd .ad-pagination {
            bottom: 10px !important;
        }

        .mySwiperAd .swiper-pagination-bullet {
            background: rgba(255, 255, 255, 0.6) !important;
            /* 半透明白底 */
            opacity: 1 !important;
        }

        .mySwiperAd .swiper-pagination-bullet-active {
            background: #e58a9e !important;
            /* 粉色啟動狀態 */
        }

        /* ==========================================================================
   18. 訪客人數統計樣式
   ========================================================================== */
        .footer-visitor-counter {
            margin-top: 25px;
            background: #f9f9f9;
            border: 1px solid #eee;
            display: inline-flex;
            align-items: center;
            padding: 8px 16px;
            border-radius: 8px;
            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02);
        }

        .footer-visitor-counter .counter-icon {
            margin-right: 8px;
            font-size: 16px;
        }

        .footer-visitor-counter .counter-label {
            font-size: 13px;
            color: #666;
        }

        .footer-visitor-counter .counter-number {
            font-size: 18px;
            font-weight: bold;
            color: #d32f2f;
            font-family: 'Courier New', Courier, monospace;
            letter-spacing: 1px;
        }

        /* ==========================================================================
   19. 分類列表頁 (瀏覽更多) 網格與頁碼樣式
   ========================================================================== */
        .life120-category-wrapper {
            width: 100%;
            background: #fff;
            padding-bottom: 60px;
        }

        /* 4 欄卡片網格 */
        .life120-category-grid {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 25px;
        }

        /* 頁碼器設計 */
        .life120-category-pagination {
            max-width: 1200px;
            margin: 50px auto 0 auto;
            text-align: center;
            padding: 0 20px;
        }

        .life120-category-pagination ul {
            display: inline-flex;
            list-style: none !important;
            padding: 0;
            margin: 0;
            gap: 8px;
        }

        .life120-category-pagination li {
            margin: 0;
            list-style: none !important;
        }

        .life120-category-pagination a,
        .life120-category-pagination span {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 40px;
            height: 40px;
            padding: 0 15px;
            border-radius: 20px;
            background: #f5f5f5;
            color: #555;
            text-decoration: none;
            font-weight: bold;
            transition: 0.3s;
        }

        .life120-category-pagination a:hover {
            background: #ffebee;
            color: #d32f2f;
        }

        /* 當前頁面高亮 */
        .life120-category-pagination .current {
            background: #d32f2f;
            color: #fff;
        }

        /* RWD 適應手機與平板 */
        @media (max-width: 992px) {
            .life120-category-grid {
                grid-template-columns: repeat(2, 1fr);
                /* 平板變成2欄 */
            }
        }

        @media (max-width: 576px) {
            .life120-category-grid {
                grid-template-columns: 1fr;
                /* 手機變成1欄 */
            }
        }


        /* ==========================================================================
   20. 靜態頁面 (關於我們、隱私權等) 共通排版
   ========================================================================== */
        .life120-static-container {
            max-width: 900px;
            /* 閱讀用的文字頁面不要太寬，900px 視覺最舒適 */
            margin: 50px auto;
            padding: 50px 60px;
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
            line-height: 1.8;
            color: #444;
            font-size: 16px;
        }

        .life120-static-container h1 {
            text-align: center;
            color: #d32f2f;
            font-size: 32px;
            font-weight: bold;
            margin-bottom: 30px;
            padding-bottom: 20px;
            border-bottom: 2px solid #ffebef;
        }

        .life120-static-container h2 {
            color: #285494;
            /* 專業深藍 */
            font-size: 22px;
            margin-top: 40px;
            margin-bottom: 15px;
            font-weight: bold;
            border-left: 5px solid #e58a9e;
            /* 粉色點綴 */
            padding-left: 12px;
        }

        .life120-static-container p {
            margin-bottom: 20px;
        }

        .life120-static-container ul,
        .life120-static-container ol {
            margin-bottom: 20px;
            padding-left: 20px;
        }

        .life120-static-container li {
            margin-bottom: 10px;
        }

        /* RWD 手機版適應 */
        @media (max-width: 768px) {
            .life120-static-container {
                margin: 20px;
                padding: 30px 20px;
            }

            .life120-static-container h1 {
                font-size: 26px;
            }
        }

        /* ==========================================================================
   21. 文章內頁底部社群分享區塊樣式
   ========================================================================== */
        .life120-post-share-box {
            margin: 50px 0 30px 0;
            padding: 30px;
            background: #fdfdfd;
            border: 1px solid #eee;
            border-radius: 12px;
            text-align: center;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
        }

        .life120-post-share-box .share-title {
            font-size: 18px;
            font-weight: bold;
            color: #444;
            margin: 0 0 20px 0;
        }

        .life120-post-share-box .share-buttons {
            display: flex;
            justify-content: center;
            gap: 15px;
            flex-wrap: wrap;
        }

        .life120-post-share-box .share-btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 10px 20px;
            border-radius: 30px;
            font-size: 15px;
            font-weight: bold;
            color: #fff;
            text-decoration: none;
            transition: 0.3s;
            border: none;
            cursor: pointer;
        }

        .life120-post-share-box .share-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
        }

        /* 各社群品牌顏色 */
        .life120-post-share-box .share-fb {
            background-color: #1877f2;
        }

        .life120-post-share-box .share-line {
            background-color: #00c300;
        }

        .life120-post-share-box .share-link {
            background-color: #555;
        }

        /* RWD 手機版 */
        @media (max-width: 480px) {
            .life120-post-share-box .share-btn {
                width: 100%;
                /* 手機版按鈕填滿寬度比較好按 */
                justify-content: center;
            }
        }


        /* 社群登入按鈕與分隔線樣式 */
        .social-login-wrapper {
            display: flex;
            flex-direction: column;
            gap: 12px;
            margin-bottom: 20px;
        }

        .social-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            padding: 12px;
            border-radius: 6px;
            font-size: 15px;
            font-weight: bold;
            text-decoration: none;
            transition: 0.2s;
        }

        .social-btn.btn-google {
            background: #fff;
            color: #555;
            border: 1px solid #ddd;
        }

        .social-btn.btn-google img {
            width: 18px;
            margin-right: 10px;
        }

        .social-btn.btn-google:hover {
            background: #f9f9f9;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
        }

        .social-btn.btn-line {
            background: #00c300;
            color: #fff;
            border: 1px solid #00c300;
        }

        .social-btn.btn-line:hover {
            background: #00a000;
        }

        .auth-divider {
            text-align: center;
            position: relative;
            margin: 20px 0;
        }

        .auth-divider::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            height: 1px;
            background: #eee;
        }

        .auth-divider span {
            position: relative;
            background: #fff;
            padding: 0 15px;
            color: #999;
            font-size: 13px;
        }

        /* ==========================================================================
   自訂版面框架 (類似 Bootstrap 邏輯，突破 WP 限制)
   ========================================================================== */

        /* 滿版外框 (等同 container-fluid) */
        .life120-fluid {
            width: 100vw;
            position: relative;
            left: 50%;
            right: 50%;
            margin-left: -50vw;
            margin-right: -50vw;
            padding: 30px 0;
            /* 上下留白，可依需求調整 */
            box-sizing: border-box;
        }

        /* 置中內層 (等同 container) */
        .life120-container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 0;
            /* 防止手機版文字貼齊邊緣 */
            box-sizing: border-box;
        }

        .life120-container-fluid {
            width: 100%;
            max-width: 100%;
        }

        #container {
            max-width: 100% !important;
        }


        @media (min-width: 992px) {
            #container {
                max-width: 1300px !important;
                padding-left: 2em;
                padding-right: 2em;
            }

            #container.one-column .main {
                padding-left: 0 !important;
                padding-right: 0 !important;
            }

            /* 1. 父容器相對定位：這是抽離按鈕的定位基準點 */
            #site-header-main-inside {
                position: relative !important;
                display: flex;
                flex-wrap: wrap;
                max-width: 1200px;
                margin: 0 auto;
                padding-top: 0;
                /* 給上方 Logo 留點呼吸空間 */
                background-color: transparent !important;
            }

            /* 2. 第一層 (Logo區)：強制佔據一行 */
            #sheader-container {
                width: 100%;
                float: none !important;
                margin-bottom: 0;
                /* 與下方綠色選單的距離 */
            }

            /* 3. 第二層 (滿版綠色選單)：突破框架往左右無限延伸 */
            #access {
                width: 100vw !important;
                margin-left: calc(-50vw + 50%) !important;
                /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7ca500+0,8fc400+61,4da500+100 */
                background: linear-gradient(135deg, rgba(124, 165, 0, 1) 0%, rgba(143, 196, 0, 1) 61%, rgba(77, 165, 0, 1) 100%);
                /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

                /* 你的綠色底 */
                display: block !important;
                float: none !important;
                box-shadow: 0 2px 5px rgba(33, 33, 33, 0.1);
            }

            /* 讓綠色橫條內的選單項目，乖乖對齊在中間 1200px 內 */
            #access>div>ul#prime_nav {
                max-width: 1300px;
                margin: 0 auto;
                display: flex;
                align-items: center;
                padding-left: 2em;
                padding-right: 2em;
            }

            /* 第一層文字改為白色 */
            #access ul#prime_nav>li>a {
                font-weight: bold;
                padding: 0 40px 0 5px !important;
                line-height: normal !important;
            }

            #masthead #access>div>ul>li>a>span {
                color: #fff;
            }

            #masthead #access>div>ul>li:hover>a>span {
                color: #fffea1;
            }

            /* ---------------------------------------------------
       ✨ 4. 魔法抽離：把登入和搜尋拔到第一層右上角
    --------------------------------------------------- */

            /* 註冊/登入按鈕 */
            li#menu-item-9080 {
                position: absolute !important;
                top: 25px !important;
                /* 高度對齊 Logo，可依需求微調數字 */
                right: 60px !important;
                /* 留出空間給最右邊的搜尋框 */
                background-color: transparent !important;
            }

            /* 幫登入按鈕畫上藥丸形狀的背景 */
            li#menu-item-9080>a {
                color: #d32f2f !important;
                /* 文字紅色 */
                background-color: #ffebee !important;
                /* 背景淡紅 */
                border-radius: 20px;
                padding: 8px 20px !important;
            }

            /* 搜尋按鈕 */
            li.menu-search-animated {
                top: 25px !important;
                /* 高度對齊 Logo */
                /* ✨ calc 魔法：基準點(2em) + 放大鏡的寬度(約30px) + 兩者之間的間距(20px) */
                right: calc(2em + 100px) !important;
                /* 貼齊右邊 */
            }

            #access li.menu-main-search {
                position: absolute !important;
            }

            li.menu-search-animated a {
                color: #333333 !important;
                /* 搜尋圖示改回深色，以免在白底看不到 */
            }

            #access .menu-search-animated .searchform {
                z-index: 1000;
                top: -15px !important;
                right: 200px !important;
                left: auto !important;
                width: 300px !important;
                max-width: 200px !important;
                line-height: 50px !important;
                padding: 0 0 !important;
                border: 0;
                border-radius: 4px;
            }

            #access .menu-search-animated .searchform input[type="search"] {

                padding: 0 0 !important;
                line-height: 50px !important;
                height: 50px !important;
                width: 200px !important;
                max-width: 200px !important;
            }

            #branding {
                position: relative;
                z-index: 999;
            }

            .menu-main-search .icon-cancel {
                position: absolute;
                top: -14px !important;
                right: 0 !important;
                line-height: 50px !important;
                height: 50px !important;
                width: 200px !important;
                max-width: 200px !important;
            }

            /*    註冊/登入按鈕及選單      */
            ul#prime_nav>li:nth-last-child(2) {
                position: absolute;
                right: 2em;
                top: 0px;
            }

            .header-fixed#site-header-main,
            .header-fixed#site-header-main #access::after {
                box-shadow: 0 0 3px rgba(0, 0, 0, 0) !important;
            }

            #site-header-main {
                border-bottom-color: rgba(0, 0, 0, 0) !important;
            }

            /* ---------------------------------------------------
       ✨ 5. 下拉選單 (Sub-menu) 質感升級
    --------------------------------------------------- */

            /* 讓下拉的白底方塊看起來更精緻 */
            #access ul#prime_nav li ul {
                background-color: #ffffff !important;
                box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1) !important;
                /* 柔和陰影 */
                border-top: 3px solid #88b04b !important;
                /* 頂部加上呼應的綠線 */
                border-radius: 0 0 8px 8px;
                /* 下方圓角 */
                padding: 10px 0 !important;
                top: 100% !important;
                /* 確保它緊貼綠色主選單下方 */
            }

            /* 下拉選單的文字與 Hover 效果 */
            #access ul#prime_nav li ul li a {
                color: #333333 !important;
                /* 深色字 */
                padding: 5px 10px !important;
                font-weight: normal;
                transition: background-color 0.2s;
                line-height: 40px;
                font-size: 1.1rem;
            }

            #access ul#prime_nav li ul li:hover>a {
                background-color: #f4f8ec !important;
                /* 滑鼠移過去變極淡的綠色 */
                color: #88b04b !important;
            }

            #site-header-main,
            #access ul ul,
            .menu-search-animated .searchform input[type="search"],
            #access .menu-search-animated .searchform,
            #access::after,
            .anima-over-menu .header-fixed#site-header-main,
            .anima-over-menu .header-fixed#site-header-main #access::after {
                background-color: rgba(0, 0, 0, 0) !important;
            }
        }

        /* ==========================================================================
   手機版 Modal：地區、區域改為兩欄排版
   ========================================================================== */
        @media (max-width: 992px) {

            /* 針對地區、區域、診療項目的清單容器使用 Grid 排版 */
            #modal-region .m-option-list,
            #modal-area .m-option-list,
            #modal-service .m-option-list {
                display: grid !important;
                grid-template-columns: repeat(2, 1fr) !important;
                /* 強制均分成兩欄 */
                gap: 15px 10px !important;
                /* 上下間距 15px，左右間距 10px */
            }

            /* 讓每個選項 Label 對齊，避免文字高低不平 */
            .clinic-mobile-modal .m-option-label {
                display: flex !important;
                align-items: center !important;
                margin-bottom: 0 !important;
                /* 清除原本單欄預設的底部間距 */
                font-size: 15px !important;
                word-break: break-word;
            }

            /* 確保 Radio 圓圈按鈕跟文字保持完美距離，且不會被擠壓變形 */
            .clinic-mobile-modal .m-option-label input[type="radio"] {
                margin-right: 8px !important;
                margin-top: 0 !important;
                flex-shrink: 0 !important;
                width: 18px !important;
                height: 18px !important;
            }
        }

        /* ==========================================================================
   電腦版專屬：自訂 Mega Menu 展開面板 (找牙醫/找醫科)
   ========================================================================== */
        @media (min-width: 992px) {

            /* 1. 讓母選單成為定位基準 */
            #access ul#prime_nav>li.nav-medical {
                position: relative !important;
            }

            /* 2. 把原本單欄的下拉選單，變成寬度 650px 的 4 欄大面板！ */
            #access ul#prime_nav>li.nav-medical>ul {
                width: 650px !important;
                /* 面板總寬度，如果覺得太窄或太寬可以改這裡 */
                max-width: 90vw !important;
                display: grid !important;
                grid-template-columns: repeat(3, 1fr) !important;
                /* 設定為 4 欄 (如果覺得太擠可改成 repeat(3, 1fr)) */
                gap: 10px 15px !important;
                /* 選項之間的上下左右間距 */
                padding: 25px 20px !important;

                /* 讓大面板置中對齊在母選項的正下方 */
                left: 5% !important;
                transform: translateX(-5%) !important;

                /* 視覺美化 */
                background-color: #ffffff !important;
                box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15) !important;
                border-top: 3px solid #88b04b !important;
                border-radius: 0 0 12px 12px !important;
            }

            /* 3. 清除原本 <li> 的預設浮動跟寬度限制 */
            #access ul#prime_nav>li.nav-medical>ul>li {
                width: 100% !important;
                float: none !important;
                border: none !important;
                display: block !important;
                padding: 0 !important;
            }

            /* 4. 美化裡面的每一顆按鈕 (縣市名稱) */
            #access ul#prime_nav>li.nav-medical>ul>li>a {
                display: block !important;
                padding: 8px 12px !important;
                text-align: center !important;
                /* 文字置中 */
                border-radius: 6px !important;
                color: #444 !important;
                font-weight: 500 !important;
                background-color: #f9f9f9 !important;
                /* 給一點淡淡的灰色底像按鈕 */
                transition: all 0.2s ease !important;
                line-height: 1.2 !important;
            }

            /* 5. 滑鼠移過去的 Q 彈變色效果 */
            #access ul#prime_nav>li.nav-medical>ul>li:hover>a {
                background-color: #f4f8ec !important;
                /* 變成主視覺的淡綠色 */
                color: #88b04b !important;
                transform: translateY(-2px);
                /* 微微往上浮起 */
                box-shadow: 0 4px 8px rgba(136, 176, 75, 0.2) !important;
            }
        }

        @media (max-width: 991px) {
            nav#mobile-menu li.nav-medical ul {
                /* 面板總寬度，如果覺得太窄或太寬可以改這裡 */
                max-width: 90vw !important;
                display: grid !important;
                grid-template-columns: repeat(3, 1fr) !important;
                /* 設定為 4 欄 (如果覺得太擠可改成 repeat(3, 1fr)) */
                gap: 5px 10px !important;
                /* 選項之間的上下左右間距 */
                padding: 0 0 0 0 !important;

                /* 讓大面板置中對齊在母選項的正下方 */
                left: 0 !important;
                transform: translateX(-0) !important;

                /* 視覺美化 */
                border-top: 3px solid #88b04b !important;
                border-bottom: 3px solid #88b04b !important;
            }

            nav#mobile-menu li.nav-medical ul li {
                display: block !important;
                padding: 8px 12px !important;
                text-align: center !important;
                /* 文字置中 */
                border-radius: 6px !important;
                color: #444 !important;
                font-weight: 500 !important;
                background-color: #f9f9f9 !important;
                /* 給一點淡淡的灰色底像按鈕 */
                transition: all 0.2s ease !important;
                line-height: 1.2 !important;
            }
        }

        @media (min-width: 992px) {

            /* 容器設為 Flex 排版 */
            .life120-portal-wrapper {
                display: flex !important;
                gap: 0 !important;
                max-width: 100%;
                margin: 20px auto 0 auto;
            }

            .life120-main-content {
                width: 70% !important;
                flex: 0 0 70% !important;
            }

            .life120-portal-sidebar {
                width: 30% !important;
                flex: 0 0 30% !important;
                padding-left: 40px;
            }

            /* 讓側邊欄跟著滾動 (Sticky) */
            .sidebar-sticky {
                position: sticky;
                top: 100px;
            }
        }

        @media (min-width: 992px) {
            .life120-portal-wrapper {
                display: flex;
                gap: 40px;
            }

            .life120-main-content {
                width: 70%;
            }

            .life120-portal-sidebar {
                width: 30%;
            }
        }

        .portal-breadcrumb {
            margin-bottom: 20px;
            color: #888;
            font-size: 14px;
        }

        .portal-post-meta {
            color: #999;
            margin-bottom: 20px;
            font-size: 14px;
            display: flex;
            gap: 15px;
        }

        .portal-social-box {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 0;
            border-top: 1px solid #eee;
            border-bottom: 1px solid #eee;
            margin: 20px 0;
        }

        .btn-collect {
            background: #f39869;
            color: #fff;
            padding: 8px 20px;
            border-radius: 20px;
            border: none;
            cursor: pointer;
            text-decoration: none;
        }

        .portal-tags {
            margin: 30px 0;
        }

        .portal-tags a {
            background: #f0f0f0;
            padding: 5px 12px;
            border-radius: 4px;
            margin-right: 10px;
            color: #666;
            font-size: 13px;
        }

        .portal-related-posts {
            background: #f9f9f9;
            padding: 25px;
            border-radius: 8px;
            margin-top: 40px;
        }

        .portal-related-posts h3 {
            border-left: 5px solid #88b04b;
            padding-left: 15px;
            margin-bottom: 15px;
        }

        /* ==========================================================================
   文章內頁優化：分享按鈕與側邊欄
   ========================================================================== */

        /* 1. 移除側邊欄與延伸閱讀的預設點點 */
        .portal-related-posts ul.related-list,
        .life120-portal-sidebar ul,
        .life120-portal-sidebar li {
            list-style: none !important;
            margin-left: 0 !important;
            padding-left: 0 !important;
        }

        .portal-related-posts li {
            margin-bottom: 12px;
            padding-bottom: 12px;
            border-bottom: 1px dashed #eee;
        }

        .portal-related-posts li a {
            color: #333;
            text-decoration: none;
            font-weight: 500;
            transition: color 0.2s;
        }

        .portal-related-posts li a:hover {
            color: #88b04b;
        }

        /* 2. 分享按鈕膠囊化 (Pill Style) */
        .portal-social-box {
            border: none !important;
            background: #fcfcfc;
            padding: 20px !important;
            border-radius: 12px;
            margin: 25px 0 !important;
        }

        .btn-pill,
        .share-btn {
            display: inline-flex;
            align-items: center;
            padding: 8px 18px !important;
            border-radius: 25px !important;
            font-weight: bold !important;
            font-size: 14px !important;
            text-decoration: none !important;
            transition: all 0.3s ease;
            border: none;
        }

        .share-fb {
            background-color: #1877f2 !important;
            color: #fff !important;
            margin-right: 8px;
        }

        .share-line {
            background-color: #06c755 !important;
            color: #fff !important;
        }

        .share-fb:hover,
        .share-line:hover,
        .btn-collect:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            opacity: 0.9;
        }

        .share-label {
            font-size: 13px;
            color: #999;
            margin-right: 10px;
        }