<style type="text/css">
    /* @import 建議放在 CSS 最頂端，確保思源黑體正確載入 */
    @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');

    /* 網頁邊距歸零，確保100%滿版 */
    html, body {
        margin: 0 !important;
        padding: 0 !important;
        width: 100%;
        overflow-x: hidden;
    }

    /* ========================================================= */
    /* ★★★ PART 1. 底層架構與共用樣式 ★★★ */
    /* ========================================================= */
    .Good_wrapper {
        font-family: 'Noto Sans TC', "Microsoft JhengHei", sans-serif !important;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        position: relative;
        color: #4b3322;
        background-color: #FFFFFF;
        font-weight: 500;
    }
    .Good_wrapper section { position: relative; overflow: hidden; }
    .Good_wrapper img { width: 100%; display: block; }
    .Good_wrapper iframe, .Good_wrapper video { width: 100% !important; }
    .Good_wrapper h2, .Good_wrapper h3, .Good_wrapper h4, 
    .Good_wrapper p, .Good_wrapper a, .Good_wrapper ul, 
    .Good_wrapper ul li, .Good_wrapper span, 
    .Good_wrapper dt, .Good_wrapper dd {
        font-family: 'Noto Sans TC', sans-serif !important;
        font-weight: 500;
        text-transform: none;
        line-height: 145%;
    }
    .Good_wrapper header { position: relative; display: inline-block; }
    .Good_wrapper sup, .Good_wrapper sub { vertical-align: super; font-weight: normal; }
    .Good_wrapper .c_w { color: #fff !important; }
    .Good_wrapper .c_bk { color: #000 !important; }

    /* 裝置切換顯示機制 */
    @media (min-width: 801px) { .Good_wrapper .mb2, .Good_wrapper .mb { display: none !important; } }
    @media (max-width: 800px) { .Good_wrapper .pc { display: none !important; } }

    /* 共用排版包裝 */
    .Good_wrapper .vpn_txt { position: absolute; z-index: 3; text-align: center; width: 100%; }
    .vpn_tit { position: relative; }
    .vpn_tit .shine_line { position: absolute; pointer-events: none; mix-blend-mode: difference; height: 3vw; bottom: 0; }
    .vpn_tit .shine_line3 { position: relative; height: 1vw; }
    @media (max-width: 800px) { .Good_wrapper .vpn_txt { width: 100%; } }

    /* 字級大小系統 (桌機版) */
    .Good_wrapper .fontSize90 { font-size: 4.69vw; }
    .Good_wrapper .fontSize78 { font-size: 4.063vw; }
    .Good_wrapper .fontSize70 { font-size: 3.646vw; }
    .Good_wrapper .fontSize67 { font-size: 3.49vw; }
    .Good_wrapper .fontSize65 { font-size: 3.38vw; }
    .Good_wrapper .fontSize55 { font-size: 2.865vw; }
    .Good_wrapper .fontSize54 { font-size: 2.81vw; }
    .Good_wrapper .fontSize53 { font-size: 2.760vw; }
    .Good_wrapper .fontSize48 { font-size: 2.5vw; }
    .Good_wrapper .fontSize45 { font-size: 2.344vw; }
    .Good_wrapper .fontSize43 { font-size: 2.240vw; }
    .Good_wrapper .fontSize42 { font-size: 2.188vw; }
    .Good_wrapper .fontSize40 { font-size: 2.083vw; }
    .Good_wrapper .fontSize38 { font-size: 1.979vw; }
    .Good_wrapper .fontSize35 { font-size: 1.823vw; }
    .Good_wrapper .fontSize34 { font-size: 1.77vw; }
    .Good_wrapper .fontSize33 { font-size: 1.719vw; }
    .Good_wrapper .fontSize32 { font-size: 1.667vw; }
    .Good_wrapper .fontSize30 { font-size: 1.563vw; }
    .Good_wrapper .fontSize26 { font-size: 1.354vw; }
    .Good_wrapper .fontSize24 { font-size: 1.250vw; }
    .Good_wrapper .fontSize22 { font-size: 1.146vw; }
    .Good_wrapper .fontSize67MB { font-size: 3.49vw; }
    .Good_wrapper .fontSize30MB { font-size: 1.563vw; }
    .Good_wrapper .fontSize42MB { font-size: 2.188vw; }
    .Good_wrapper .fontSize22MB { font-size: 1.146vw; }

    /* 字級大小系統 (手機版) */
    @media (max-width: 800px) {
        .Good_wrapper .fontSize90 { font-size: 10.63vw; }
        .Good_wrapper .fontSize78 { font-size: 6.667vw; }
        .Good_wrapper .fontSize70 { font-size: 6.4vw; }
        .Good_wrapper .fontSize67 { font-size: 7vw; }
        .Good_wrapper .fontSize65 { font-size: 5.333vw; }
        .Good_wrapper .fontSize55 { font-size: 5.067vw; }
        .Good_wrapper .fontSize54 { font-size: 4.63vw; }
        .Good_wrapper .fontSize53 { font-size: 4.625vw; }
        .Good_wrapper .fontSize48 { font-size: 3vw; }
        .Good_wrapper .fontSize45 { font-size: 5.2vw; }
        .Good_wrapper .fontSize43 { font-size: 5.5vw; }
        .Good_wrapper .fontSize42 { font-size: 3.867vw; }
        .Good_wrapper .fontSize40 { font-size: 4.267vw; }
        .Good_wrapper .fontSize38 { font-size: 4.533vw; }
        .Good_wrapper .fontSize35 { font-size: 3.25vw; }
        .Good_wrapper .fontSize34 { font-size: 3.88vw; }
        .Good_wrapper .fontSize33 { font-size: 2.667vw; }
        .Good_wrapper .fontSize32 { font-size: 3.2vw; }
        .Good_wrapper .fontSize30 { font-size: 3.733vw; }
        .Good_wrapper .fontSize26 { font-size: 3.25vw; }
        .Good_wrapper .fontSize24 { font-size: 2.667vw; }
        .Good_wrapper .fontSize22 { font-size: 2vw; }
        .Good_wrapper .fontSize21 { font-size: 1.95vw; }
        .Good_wrapper .fontSize20 { font-size: 1.9vw; }
        .Good_wrapper .fontSize19 { font-size: 1.867vw; }
        .Good_wrapper .fontSize67MB { font-size: 6.5vw; }
        .Good_wrapper .fontSize30MB { font-size: 4vw; }
        .Good_wrapper .fontSize42MB { font-size: 5vw; }
        .Good_wrapper .fontSize22MB { font-size: 3.8vw; }
        .Good_wrapper .qa-frame-box {
        max-width: 90% !important;
        padding: 6vw 5vw !important;
    } 
        
    }

    /* 裝飾光暈動畫設定 */
    [class*=deco-flare-] {
        content: ""; position: absolute; z-index: 10; width: 10vw; height: 6vw; 
        mix-blend-mode: plus-lighter; pointer-events: none; 
    }
    [class*=deco-flare-]:before {
        content: ""; width: 100%; height: 100%; display: block;
        background: url("https://cdn.cybassets.com/s/files/35135/ckeditor/pictures/content_9ffc55f7-343d-451c-a385-a0eb92cb20c4.webp") center no-repeat; 
        background-size: 100%; animation: deco_flare_1 linear 1s infinite alternate; 
    }
    [class*=deco-flare-].deco-flare-1:before { animation-delay: -0.4s; }
    [class*=deco-flare-].deco-flare-2:before { animation-delay: -0.8s; }
    @keyframes deco_flare_1 { 0% { transform: scale(0.5); } 50% { transform: scale(1); } 100% { transform: scale(0.5); } }
    @media (max-width: 800px) { [class*=deco-flare-] { width: 25vw; height: 10vw; } }

    /* Section 03 & Section 04 基礎設定 */
    .Good_wrapper .section03 .tag { left: 66.5%; top: 71%; position: absolute; text-align: center; line-height: 105%; }
    .section03 .s3_a { z-index: 2; }
    .section03 h2 .fontSize70 { font-weight: normal; }
    .section03 .vpn_tit .deco-flare-1, .section03 .vpn_tit .deco-flare-2 { top: 7%; }
    .section03 .vpn_tit .deco-flare-1 { left: 2%; }
    .section03 .vpn_tit .deco-flare-2 { right: 22%; }
    .Good_wrapper .section03 .shine_line { position: relative; }
    .section03 .s3_a ul { display: flex; align-items: self-start; justify-content: space-between; margin: 7% 0 0 15%; width: 71.5%; }
    .section03 .s3_a b.c_w { text-shadow: 0px 0px 20px #d1be94, 0px 0px 20px #d1be94, 0px 0px 20px #d1be94; }
    .section03 .s3_a h3 { line-height: 130%; }
    .section03 .s3_a ul li { width: 33%; position: relative; line-height: 90%; }
    .section03 .s3_a ul li i { padding-top: 7%; display: block; }
    .section03 .s3_a ul li b { display: block; line-height: 120%; }
    .section03 .s3_a ul li div, .section03 .s3_b ul, .section03 .s3_b li { position: absolute; }
    .section03 .s3_b ul { width: 100%; height: 100%; }
    .section03 .s3_b { z-index: 1; width: 50%; left: 46%; top: 4%; }
    .section03 .deco-flare-1 { z-index: 2; left: 77.5%; top: 35%; transform: scale(1.5); mix-blend-mode: color-dodge; }

    .Good_wrapper .section04 .vpn_txt { top: 4%; }
    .section04 .vpn_tit .deco-flare-1, .section04 .vpn_tit .deco-flare-2 { top: 14.5%; }
    .section04 .vpn_tit .deco-flare-1 { left: -4%; }
    .section04 .vpn_tit .deco-flare-2 { left: 22.5%; }
    .Good_wrapper .section04 h3 { padding-top: 1.5%; }
    .section04 ul { display: flex; justify-content: space-between; }
    .section04 ul.c_w { margin-top: 8.3%; }
    .section04 ul.c_w li { width: 49%; }
    .section04 ul.fontSize90 { margin-top: 43%; }
    .section04 ul.fontSize90 li { width: 24%; line-height: 55%; color: #63463a; }
    .section04 .c_bk { position: absolute; bottom: 6%; width: 100%; text-align: center; }
    .Good_wrapper .section04 .fontSize22 span{ font-size: 70%; vertical-align: top; display: inline-block; transform: translateY(-.2vw); }

    @media (min-width: 801px) {
        .section03 .s3_a { width: 58.5%; left: 0%; top: 25.5%; }
        .Good_wrapper .section04 .vpn_txt { width: 64%; left: 18%; }
    }
    @media (max-width: 800px) {
        .section03 .s3_a { top: 1.6%; }
        .Good_wrapper .section03 .tag { left: 0%; top: 61.5%; width: 100%; }
        .section03 .s3_a ul { width: 83%; margin: 99% auto 0; }
        .section03 .s3_a ul li { line-height: 70%; }
        .section03 .s3_b { width: 100%; left: 0%; top: 14%; }
        .section03 .deco-flare-1 { left: 60%; top: 37%; }
        .section03 .vpn_tit .deco-flare-1 { left: -5%; }
        .section03 .vpn_tit .deco-flare-2 { right: 15%; }
        .section03 .vpn_tit .shine_line3 { margin-top: 1%; margin-bottom: 1%; }
        .Good_wrapper .section03 .fontSize22 { font-size: 2.3vw; }
        .section03 .s3_a ul li i { padding-top: 9%; padding-bottom: 2%; }
        .Good_wrapper .section03 .fontSize13 { font-size: 1.4vw; }

        .Good_wrapper .section04 h3 { padding-top: .5vw; }
        .Good_wrapper .section04 .vpn_txt { top: 4%; }
        .section04 .vpn_tit .shine_line3 { margin: 1vw 0; }
        .Good_wrapper .section04 .fontSize45 { font-size: 3vw; }
        .section04 ul.c_w { width: 85%; margin: 9.5% auto; }
        .section04 .c_bk { bottom: 8.5%; }
        .Good_wrapper .section04 .fontSize90 { font-size: 5.5vw; width: 85%; margin: 39.5% auto 0; }
        .section04 ul.fontSize90 li { line-height: 65%; }
        .Good_wrapper .section04 .fontSize40 { font-size: 3vw; }
        .Good_wrapper .section04 .fontSize35 { font-size: 2.5vw; }
        .section04 .vpn_tit .deco-flare-1, .section04 .vpn_tit .deco-flare-2 { top: 10%; }
        .section04 .vpn_tit .deco-flare-1 { left: -15%; }
        .section04 .vpn_tit .deco-flare-2 { left: 35%; }
    }


    /* ========================================================= */
    /* ★★★ PART 2. 客製化排版與修正 ★★★ */
    /* ========================================================= */
    * { border-radius: 0px !important; box-sizing: border-box !important; }
    .dermatest-section img, .dermatest-info-section img { max-width: 100%; height: auto; }

    /* 沉浸式寬版 CSS */
    .skin-insight-section { padding: 120px 0 60px; background-color: #f5f3ee; position: relative; overflow: hidden; z-index: 5; }
    .insight-bg-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; opacity: 0.3; pointer-events: none; }
    .wide-container { max-width: 1400px; margin: 0 auto; padding: 0 40px; position: relative; z-index: 2; }
    .wide-header { text-align: center; margin-bottom: 80px; }
    .wide-main-title { font-family: 'Times New Roman', serif; font-size: 60px; color: #5e4b35; letter-spacing: 4px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; line-height: 1.1; }
    .header-line { width: 120px; height: 3px; background-color: #b89c7c; margin: 0 auto 70px 44.7%; }
    .insight-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 120px; gap: 40px; }
    .insight-text-area { flex: 1; min-width: 550px; position: relative; }
    .insight-visual-area { flex: 1.3; position: relative; display: flex; justify-content: center; }
    .sharp-box { border: 2px solid #b89c7c; padding: 45px 50px; position: relative; background: rgba(255,255,255,0.95); width: auto; display: inline-block; box-shadow: 20px 20px 0px rgba(184, 156, 124, 0.1); margin: 0 auto; max-width: 500px; }
    .big-num { font-family: 'Times New Roman', serif; font-size: 140px; line-height: 0.8; color: rgba(184, 156, 124, 0.1); font-weight: bold; position: absolute; top: -80px; left: -20px; z-index: -1; }
    .row-title { font-size: 42px; color: #5e4b35; font-weight: 700; letter-spacing: 1.5px; margin-bottom: 30px; line-height: 1.3; border-left: 6px solid #b89c7c; padding-left: 25px; position: relative; white-space: nowrap; }
    .row-desc { font-size: 20px; color: #666; line-height: 1.8; text-align: justify; text-justify: inter-ideograph; }
    .sharp-box p { font-size: 28px; font-weight: bold; color: #5e4b35; line-height: 1.6; margin: 0; white-space: nowrap; }
    .corner-deco { position: absolute; width: 25px; height: 25px; border-color: #5e4b35; border-style: solid; }
    .c-tl { top: -2px; left: -2px; border-width: 5px 0 0 5px; }
    .c-br { bottom: -2px; right: -2px; border-width: 0 5px 5px 0; }
    
    .chart-container { width: 100%; max-width: 800px; margin-left: auto; }
    .chart-svg { width: 100%; height: auto; overflow: visible; }
    .axis-line { stroke: #aaa; stroke-width: 2; }
    .axis-text { font-size: 16px; fill: #888; font-family: sans-serif; font-weight: bold; }
    .curve-skin { fill: none; stroke: #b89c7c; stroke-width: 3; stroke-dasharray: 10,6; }
    .curve-barrier { fill: none; stroke: #5e4b35; stroke-width: 5; stroke-linecap: square; }
    .gap-area { fill: url(#gapGradientRed); opacity: 0.9; }
    .gap-label { font-size: 20px; fill: #C00000; font-weight: bold; text-shadow: 0 0 4px rgba(255,255,255,0.8); pointer-events: none;}
    .chart-label-box { font-size: 18px; font-weight: bold; }

    /* 弧形文字 (輕量靜態版) */
    .arc-text-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; pointer-events: none; }
    .arc-item { position: absolute; font-size: 32px; font-weight: bold; color: #fff; letter-spacing: 2px; white-space: nowrap; text-shadow: 0 0 10px rgba(184, 156, 124, 0.9), 0 0 20px rgba(184, 156, 124, 0.8); }
    .ai-1 { bottom: -300%; left: 15%; } .ai-2 { bottom: -650%; left: 50%; } .ai-3 { bottom: -800%; left: 100%; } .ai-4 { bottom: -600%; left: 140%; } .ai-5 { bottom: -300%; left: 155%; } .ai-6 { bottom: 100%; left: 170%; }

    @media screen and (max-width: 900px) {
        .skin-insight-section { padding: 60px 0 40px; }
        .wide-container { padding: 0 25px; }
        .wide-main-title { font-size: 36px; margin-bottom: 20px; }
        .header-line { width: 80px; }
        .insight-row { flex-direction: column; gap: 50px; margin-bottom: 80px; }
        .insight-text-area { flex: auto; width: 100%; min-width: auto; }
        .insight-visual-area { flex: auto; width: 100%; justify-content: flex-start; }
        .row-title { font-size: 30px; padding-left: 20px; border-left-width: 4px; white-space: normal; }
        .row-desc { font-size: 18px; }
        .big-num { font-size: 100px; top: -60px; left: 0; }
        .sharp-box { padding: 30px 25px; width: 100%; display: block; margin-left: 0; max-width: 100%; }
        .sharp-box p { font-size: 22px; white-space: normal; }
        .chart-label-box { font-size: 14px; }
        .gap-label { font-size: 14px; } 
        .chart-container { margin-left: 0; }
        .arc-text-container { position: relative; top: auto; left: auto; width: 100%; height: auto; margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; }
        .arc-item { position: relative; bottom: auto !important; left: auto !important; font-size: 16px; text-shadow: 0 0 5px rgba(0,0,0,0.5); }
    }

    /* SECTION 04 */
    .luxury-section-04 { height: auto !important; min-height: auto !important; padding: 120px 0 100px !important; padding-bottom: 8vw !important; background-color: #f5f3ee; position: relative; overflow: visible !important; z-index: 5; }
    .luxury-section-04 .vpn_txt { height: auto !important; padding-bottom: 0 !important; }
    .luxury-title-box { text-align: center; margin-bottom: 120px; } 
    .luxury-title-box h2 { color: #5e4b35; font-family: 'Times New Roman', serif; letter-spacing: 2px; font-weight: 700; margin-bottom: 15px; }
    .luxury-title-box h2 span { font-size: 110%; color: #b89c7c; }
    .luxury-title-box h3 { color: #b89c7c; font-size: 18px; font-weight: 400; letter-spacing: 6px; text-transform: uppercase; position: relative; display: inline-block; padding: 0 30px; font-family: 'Times New Roman', serif; }
    .luxury-title-box h3::before, .luxury-title-box h3::after { content: ''; position: absolute; top: 50%; width: 50px; height: 1px; background-color: #e0d5c5; }
    .luxury-title-box h3::before { left: -50px; }
    .luxury-title-box h3::after { right: -50px; }
    .effects-row { display: flex; justify-content: center; align-items: stretch; max-width: 1100px; margin: 0 auto 220px; position: relative; gap: 60px; } 
    .corner-mark { position: absolute; width: 40px; height: 40px; border-color: #FFFFFF; border-style: solid; pointer-events: none; opacity: 1; z-index: 10; }
    .corner-tl { top: 0; left: 0; border-width: 6px 0 0 6px; }
    .corner-tr { top: 0; right: 0; border-width: 6px 6px 0 0; }
    .corner-bl { bottom: 0; left: 0; border-width: 0 0 6px 6px; }
    .corner-br { bottom: 0; right: 0; border-width: 0 6px 6px 0; }
    .effect-item { flex: 1; text-align: center; padding: 25px 15px; position: relative; }
    .effect-content-wrap { margin-bottom: 15px; } 
    .effect-num { display: block; font-family: 'Times New Roman', serif; font-size: 50px; color: #b89c7c; line-height: 1; margin-bottom: 10px; opacity: 0.6; } 
    .effect-name { display: block; font-size: 26px; color: #5e4b35; letter-spacing: 3px; font-weight: 600; margin-bottom: 5px; }
    .effect-desc { display: block; font-size: 16px; color: #888; letter-spacing: 1px; font-family: 'Times New Roman', serif; text-transform: uppercase; }
    .effect-img-box { width: 100%; max-width: 280px; aspect-ratio: 1 / 1; margin: 0 auto 15px; overflow: hidden; background: #f0f0f0; } 
    .effect-img-box img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .effect-desc-long { font-size: 16px; color: #666; line-height: 1.6; text-align: justify; text-justify: inter-ideograph; padding: 0 10px; max-width: 280px; margin: 0 auto; }
    
    .safety-wrapper { max-width: 1100px; margin: 0 auto 50px; border: 1px solid #d3c0a8; padding: 70px 40px 50px; position: relative; background: #fff; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03); z-index: 10; }
    .sgs-outside-banner { text-align: center; margin: 0 auto 80px; max-width: 1100px; padding: 10px 20px; border-bottom: none; position: relative; }
    .sgs-shimmer-style { font-family: 'Times New Roman', serif; font-weight: 700; background: linear-gradient(110deg, #0B5345 0%, #117864 25%, #48C9B0 50%, #117864 75%, #0B5345 100%); background-size: 200% auto; color: #0B5345; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: silkFlow 6s linear infinite; display: block; line-height: 1.4; }
    .sgs-title-size { font-size: 32px; margin-bottom: 10px; }
    .sgs-desc-size { font-size: 32px; }
    .safety-floating-title { position: absolute; top: -16px; left: 50%; transform: translateX(-50%); background: #fff; padding: 0 40px; color: #0c5f51; font-family: 'Times New Roman', serif; font-size: 24px; letter-spacing: 2px; white-space: nowrap; z-index: 11; }
    .safety-floating-title span { font-size: 14px; color: #999; margin-left: 10px; font-family: sans-serif; font-weight: 300; }
    .safety-grid-clean { display: flex; flex-wrap: wrap; justify-content: center; gap: 25px 0; }
    .safety-cell { width: 25%; font-size: 17px; color: #5e5e5e; letter-spacing: 1.5px; position: relative; display: flex; align-items: flex-start; justify-content: flex-start; text-align: left; padding-left: 5%; }
    .safety-cell::before { content: ''; display: inline-block; width: 5px; height: 5px; background-color: #d3c0a8; border-radius: 50%; margin-right: 12px; margin-top: 10px; flex-shrink: 0; }

    /* SECTION 5 - DERMATEST Q&A */
    .dermatest-info-section { display: block; width: 100%; background-color: #f7f3f0; padding: 80px 40px; text-align: center; position: relative; z-index: 20; clear: both; margin-top: 50px; }
    .d-info-title { font-family: 'Times New Roman', serif; font-size: 42px; color: #5e4b35; font-weight: 700; margin-bottom: 30px; }
    .dermatest-btn { display: inline-block; padding: 15px 60px; font-size: 24px; font-weight: bold; color: #fff !important; background-color: #003399; text-decoration: none; transition: all 0.3s ease; margin-bottom: 50px; border: 2px solid transparent; cursor: pointer; letter-spacing: 2px; }
    .dermatest-btn:hover { background-color: #e60012; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(230, 0, 18, 0.3); }
    .d-qa-container { max-width: 900px; margin: 0 auto; text-align: left; }
    .d-qa-item { background: #fff; margin-bottom: 20px; padding: 25px 30px; border-left: 5px solid #003399; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
    .d-qa-q { font-size: 20px; font-weight: bold; color: #333; margin-bottom: 10px; display: flex; align-items: center; }
    .d-qa-q::before { content: 'Q.'; font-family: 'Times New Roman', serif; font-size: 28px; color: #003399; margin-right: 15px; }
    .d-qa-a { font-size: 16px; color: #666; line-height: 1.6; padding-left: 45px; }

    .section-formula { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; background: #000; z-index: 4; }
    .bg-img-full { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; opacity: 1; }
    .section-formula .vpn_txt { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; z-index: 2; }
    .formula-head { position: absolute; top: 10%; left: 0; right: 0; width: 100%; margin: auto; text-align: center; z-index: 10; }
    .formula-head h2 { text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8); }
    .section-formula ul { width: 100%; height: 100%; position: relative; list-style: none; padding: 0; margin: 0; }
    
    @media screen and (min-width: 769px) {
        .section-formula li { position: absolute; width: 25%; text-align: left; text-shadow: 0 2px 8px rgba(0, 0, 0, 1); }
        .section-formula h3 { font-size: 36px; color: #ffffff !important; margin-bottom: 15px; font-weight: 700; border-bottom: 1px solid rgba(255, 255, 255, 0.8); padding-bottom: 12px; display: inline-block; line-height: 1.3; }
        .section-formula p { font-size: 22px; line-height: 1.5; color: #ffffff !important; opacity: 1; margin-top: 10px; font-weight: 400; }
        .s7_1 { left: 58%; top: 35%; }
        .s7_2 { left: 44%; transform: translateX(-50%); top: 52%; width: 30%; text-align: center; }
        .s7_3 { left: 45%; top: 80%; }
    }
    
    .six-features-curve { display: flex; justify-content: center; align-items: flex-start; list-style: none; padding: 0; margin: 50px auto 90px; width: 90%; max-width: 1200px; flex-wrap: wrap; position: relative; z-index: 10; }
    .six-features-curve li { flex: 1; min-width: 140px; margin: 0 8px; position: relative; }
    .feature-box { background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.8)); border: 1px solid rgba(184, 156, 124, 0.5); box-shadow: 0 10px 30px rgba(94, 75, 53, 0.1), inset 0 0 15px rgba(255, 255, 255, 0.8); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding: 30px 10px; text-align: center; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
    .feature-box .txt { font-size: 20px; line-height: 1.5; color: #5e4b35; font-weight: 700; letter-spacing: 1.5px; text-shadow: 0 0 10px rgba(255, 255, 255, 0.8); }
    .feature-box .num { display: inline-block; font-size: 14px; font-weight: bold; color: #b89c7c; margin-bottom: 12px; font-family: 'Times New Roman', serif; letter-spacing: 2px; border-bottom: 2px solid rgba(184, 156, 124, 0.3); padding-bottom: 5px; }
    
    @media screen and (min-width: 1024px) { .six-features-curve li:nth-child(1) { margin-top: 180px; } .six-features-curve li:nth-child(2) { margin-top: 140px; } .six-features-curve li:nth-child(3) { margin-top: 100px; } .six-features-curve li:nth-child(4) { margin-top: 60px; } .six-features-curve li:nth-child(5) { margin-top: 20px; } .six-features-curve li:nth-child(6) { margin-top: -20px; } }
    @media screen and (max-width: 1023px) { .six-features-curve { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin: 30px auto; width: 95%; } .six-features-curve li { margin: 0; width: auto; } .feature-box { padding: 20px 5px; min-height: 120px; } .feature-box .txt { font-size: 16px; } }
    
    .patent-content-row { display: flex; align-items: center; justify-content: center; width: 85%; margin: 0 auto; position: relative; z-index: 10; gap: 50px; }
    .luxury-video-frame { position: relative; overflow: hidden; border-radius: 0; }
    .patent-text-wrapper { flex: 1; text-align: left; padding-left: 30px; position: relative; }
    .side-light-bar { position: absolute; left: 0; top: 10%; bottom: 10%; width: 1px; background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.3), transparent); }
    .side-light-bar::before { content: ''; position: absolute; top: 0; left: -1px; width: 3px; height: 50px; background: linear-gradient(to bottom, transparent, #fff, transparent); filter: drop-shadow(0 0 2px #fff); animation: dropLight 3s infinite ease-in-out; }
    @keyframes dropLight { 0% { top: -20%; opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { top: 120%; opacity: 0; } }
    
    .shimmer-text b { background: linear-gradient(110deg, #0B5345 0%, #117864 25%, #48C9B0 50%, #117864 75%, #0B5345 100%); background-size: 200% auto; color: #0B5345; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: silkFlow 6s linear infinite; display: inline-block; }
    .tk-black-breathe b { background: linear-gradient(110deg, #000000 0%, #333333 25%, #999999 50%, #333333 75%, #000000 100%); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; animation: silkFlow 6s linear infinite; display: inline-block; }
    .tk-pinkred-breathe b { background: linear-gradient(110deg, #C2185B 0%, #AD1457 25%, #D81B60 50%, #AD1457 75%, #C2185B 100%); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; animation: silkFlow 6s linear infinite; display: inline-block; }       
    @keyframes silkFlow { 0% { background-position: 0% center; } 100% { background-position: 200% center; } }
    
    .yt-clean-look { position: absolute; top: 50%; left: 50%; width: 135%; height: 135%; transform: translate(-50%, -50%); pointer-events: none; z-index: 1; }
    .barrief-feature-section { align-items: flex-start; }
    .barrief-text-side { padding-left: 0; padding-right: 30px; }
    .barrief-img-container { flex: 1.2; display: flex; justify-content: center; align-items: center; }
    .blurred-edge-img { max-width: 100%; height: auto; -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 75%); mask-image: radial-gradient(ellipse at center, black 40%, transparent 75%); filter: blur(0.5px); }
    
    @keyframes greenBreathe { 0% { color: #117864; text-shadow: 0 0 5px rgba(17, 120, 100, 0.2); } 50% { color: #48C9B0; text-shadow: 0 0 15px rgba(72, 201, 176, 0.6); } 100% { color: #117864; text-shadow: 0 0 5px rgba(17, 120, 100, 0.2); } }
    .green-breathing { animation: greenBreathe 3s infinite ease-in-out; }
    @keyframes breatheEffect { 0% { opacity: 1; text-shadow: 0 0 2px rgba(94, 75, 53, 0.1); } 50% { opacity: 0.6; text-shadow: 0 0 10px rgba(184, 156, 124, 0.4); } 100% { opacity: 1; text-shadow: 0 0 2px rgba(94, 75, 53, 0.1); } }
    .breathing-text { animation: breatheEffect 3s infinite ease-in-out; }

    @media screen and (max-width: 768px) {
        .luxury-section-04 { padding: 80px 0 80px !important; }
        .luxury-title-box { margin-bottom: 40px; } 
        .luxury-title-box h3 { letter-spacing: 2px; font-size: 14px; padding: 0 15px; }
        .luxury-title-box h3::before, .luxury-title-box h3::after { width: 30px; }
        .luxury-title-box h3::before { left: -30px; }
        .luxury-title-box h3::after { right: -30px; }
        .effects-row { flex-direction: column; gap: 50px; margin-bottom: 60px; }
        .effect-item { padding: 10px 15px; }
        .effect-img-box, .effect-desc-long { max-width: 100%; }
        .effect-num { font-size: 40px; }
        .safety-wrapper { width: 90%; padding: 60px 20px 40px; margin-bottom: 60px; }
        .safety-cell { width: 50%; font-size: 15px; padding-left: 10px; }
        .safety-floating-title { font-size: 20px; padding: 0 20px; }
        .safety-floating-title span { display: none; }
        .section-formula { height: auto; padding-bottom: 50px; background: #111; }
        .bg-img-full { position: relative; height: 350px; opacity: 0.6; }
        .section-formula .vpn_txt { position: relative; transform: none; left: 0; padding: 0 25px; }
        .formula-head { position: relative; top: auto; margin-top: -220px; margin-bottom: 200px; }
        .section-formula li { position: relative; top: auto !important; left: auto !important; right: auto !important; transform: none !important; width: 100% !important; margin-bottom: 40px; text-align: center !important; }
        .section-formula h3 { display: block; border-bottom: none; margin-bottom: 10px; color: #fff !important; font-size: 28px; }
        .section-formula p { color: #fff !important; font-size: 18px; text-align: justify; text-align-last: center; }
        
        /* 專利區塊與圖片推疊修正 */
        .patent-content-row { flex-direction: column !important; width: 90% !important; gap: 30px !important; }
        .luxury-video-frame { width: 100% !important; }
        .patent-text-wrapper { padding-left: 20px !important; width: 100% !important; }
        .barrief-text-side { padding-right: 0; padding-left: 10px; margin-bottom: 10px; text-align: left !important; }
        .barrief-feature-section { margin-top: 40px !important; gap: 10px; }
        .blurred-edge-img { -webkit-mask-image: radial-gradient(ellipse at center, black 55%, transparent 85%); mask-image: radial-gradient(ellipse at center, black 55%, transparent 85%); }
        .barrief-text-side .side-light-bar { display: none; }
        .luxury-section-04 > img.mb { top: 230px !important; }
        .sgs-outside-banner { margin-bottom: 40px; padding: 0 15px 20px; }
        .sgs-title-size { font-size: 26px; }
        .sgs-desc-size { font-size: 22px; }
        .dermatest-info-section { padding: 60px 20px; }
        .d-info-title { font-size: 32px; }
        .dermatest-btn { font-size: 18px; padding: 12px 40px; width: 100%; box-sizing: border-box; }
        .d-qa-q { font-size: 18px; }
        .d-qa-a { font-size: 15px; padding-left: 0; }
        .d-qa-q::before { font-size: 22px; }
        
        .mobile-stack-col, .mobile-stack-col-reverse { flex-direction: column !important; flex-wrap: nowrap !important; }
        .mobile-stack-col-reverse { flex-direction: column-reverse !important; }
        .mobile-stack-col > div, .mobile-stack-col-reverse > div { width: 100% !important; min-width: 100% !important; margin-bottom: 5vw !important; }
        .mobile-stack-col img, .mobile-stack-col-reverse img { height: auto !important; }
        
        .patent-mobile-container { height: auto !important; margin-top: 0 !important; display: flex !important; flex-direction: column !important; }
        .patent-text-reset { position: relative !important; width: 100% !important; left: auto !important; top: auto !important; text-align: center !important; padding: 5vw 4vw !important; background: rgba(255,255,255,0.8); margin-bottom: 20px !important; }
        .patent-text-reset .side-light-bar { display: none !important; }
        .patent-img-reset { position: relative !important; width: 100% !important; right: auto !important; top: auto !important; margin-top: 0 !important; }
        .patent-img-reset img { -webkit-mask-image: none !important; mask-image: none !important; }
    }
    .luxury-section-04  img.pc { top: 9000px !important; position: absolute; left: 0; width: 100%; z-index: 0; }

    /* DERMATEST PROCESS */
    .dermatest-section { padding: 100px 0 150px; background-color: #fff; }
    .dermatest-container { display: flex; flex-direction: column; align-items: center; max-width: 1400px; margin: 0 auto; padding: 0 40px; }
    .dermatest-header-group { display: flex; align-items: center; justify-content: center; gap: 30px; margin-bottom: 80px; width: 100%; }
    .seal-box { width: 180px; flex-shrink: 0; }
    .seal-box img { width: 100%; display: block; }
    .d-title-wrapper { text-align: left; }
    .d-process-row { display: flex; justify-content: space-between; width: 100%; position: relative; gap: 30px; margin-bottom: 160px; }
    .d-process-row::before { content: ''; position: absolute; top: 60px; left: 80px; right: 80px; height: 2px; background-color: #5e4b35; z-index: 0; opacity: 0.3; }
    .d-step-item { flex: 1; text-align: center; position: relative; z-index: 1; background: transparent; }
    .d-icon-circle { width: 120px; height: 120px; background: #fff; margin: 0 auto 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 2px solid transparent; }
    .d-icon-circle img { width: 70%; height: auto; display: block; }
    .d-step-title { font-family: 'Times New Roman', serif; font-size: 26px; font-weight: 700; color: #5e4b35; margin-bottom: 5px; line-height: 1.2; }
    .d-step-sub { font-size: 18px; color: #b89c7c; margin-bottom: 15px; font-weight: bold; }
    .d-step-desc { font-size: 16px; color: #666; line-height: 1.6; padding: 0 10px; }
    .highlight-list { margin-top: 10px; color: #5e4b35; font-weight: bold; display: inline-block; text-align: left; }

    /* Core Tests Detail Section */
    .core-tests-wrapper { width: 95%; max-width: 1500px; margin: 0 auto; display: flex; gap: 40px; padding-top: 20px; border-top: none; }
    .core-main-heading { width: 100%; text-align: center; font-family: 'Times New Roman', serif; font-size: 50px; font-weight: bold; color: #5e4b35; margin-bottom: 50px; letter-spacing: 2px; margin-top: -30px; background: #fff; display: inline-block; padding: 0 30px; }
    .core-tests-container-full { width: 100%; display: flex; flex-direction: column; align-items: center; position: relative; }
    .core-test-card { flex: 1; background: #fff; padding: 40px 35px; border: 2px solid #b89c7c; box-shadow: 0 10px 30px rgba(184, 156, 124, 0.15); position: relative; }
    .test-title { font-size: 40px; color: #5e4b35; font-weight: 800; margin-bottom: 25px; font-family: 'Times New Roman', serif; border-bottom: 2px solid #eee; padding-bottom: 10px; }
    .test-title span { display: block; font-size: 22px; color: #b89c7c; margin-top: 5px; text-transform: uppercase; letter-spacing: 2px; font-weight: normal; }
    .test-detail-box { margin-bottom: 25px; }
    .test-label { font-size: 26px; font-weight: bold; color: #b89c7c; font-family: 'Microsoft YaHei', sans-serif; margin-bottom: 8px; display: block; }
    .test-content { font-size: 22px; color: #444; line-height: 1.8; text-align: justify; }
    .core-test-btn-wrapper { width: 100%; text-align: center; margin-top: 120px; }
    .core-buy-btn { display: inline-block; padding: 18px 80px; background: #b89c7c; color: #fff; font-size: 26px; font-weight: bold; text-decoration: none; letter-spacing: 2px; transition: all 0.3s ease; border: 1px solid #b89c7c; }
    .core-buy-btn:hover { background: #fff; color: #b89c7c; border: 1px solid #b89c7c; }

    @media screen and (max-width: 900px) {
        .dermatest-section { padding: 60px 0; }
        .dermatest-header-group { flex-direction: column; text-align: center; gap: 20px; margin-bottom: 50px; }
        .d-title-wrapper { text-align: center; }
        .seal-box { width: 140px; margin: 0 auto; }
        .d-process-row { flex-direction: column; gap: 50px; margin-bottom: 50px; }
        .d-process-row::before { display: none; }
        .d-step-item { display: flex; flex-direction: column; align-items: center; }
        .d-step-item::after { content: '▼'; color: #b89c7c; font-size: 20px; position: absolute; bottom: -35px; opacity: 0.5; }
        .d-step-item:last-child::after { display: none; }
        .d-icon-circle { width: 100px; height: 100px; margin-bottom: 20px; }
        .d-step-title { font-size: 24px; }
        .d-step-desc { font-size: 15px; max-width: 300px; margin: 0 auto; }
        .core-tests-wrapper { flex-direction: column; gap: 40px; padding-top: 40px; width: 90%; }
        .core-main-heading { font-size: 36px; margin-bottom: 30px; }
        .core-test-card { padding: 30px 25px; }
        .test-title { font-size: 28px; }
        .test-title span { font-size: 16px; }
        .test-label { font-size: 20px; }
        .test-content { font-size: 18px; }
        .core-buy-btn { width: 100%; box-sizing: border-box; font-size: 20px; padding: 15px 0; }
    }
    
    /* QA 設計 */
    .qa-shiseido-frame { width: 65%; margin: 0 auto; background-color: #fff; border: 0.15vw solid #b89c7c; padding: 6vw 5vw; box-shadow: 0 1.5vw 4vw rgba(184, 156, 124, 0.15); position: relative; }
    .qa-item { border-bottom: 0.1vw solid rgba(184, 156, 124, 0.3); padding: 2.5vw 0; }
    .qa-item:last-child { border-bottom: none; }
    .qa-question { color: #b89c7c; font-weight: bold; margin-bottom: 0.8vw; line-height: 1.3; }
    .qa-answer { color: #444; line-height: 1.6; text-align: justify; opacity: 0.95; }
    .qa-title-deco { width: 6vw; height: 0.3vw; background-color: #b89c7c; margin: 2vw auto 4vw; }

    /* 產品圖大小控制 */
    .product-img-wrap { max-width: 120px; }
    @media screen and (max-width: 800px) { .product-img-wrap { max-width: 60px !important; } }

    /* 鉑金銀色系 共用排版元件 */
    .silver-badge { display: inline-block; background: linear-gradient(135deg, #ffffff 0%, #e2e6eb 25%, #a5acb5 50%, #e2e6eb 75%, #ffffff 100%); background-size: 200% auto; color: #3c444c; padding: 1.2% 5%; border-radius: 50px; border: 1px solid #b8c1cb; box-shadow: inset 0 2px 5px rgba(255,255,255,0.9), 0 5px 15px rgba(165, 172, 181, 0.5); margin-bottom: 2%; }
    .silver-badge span { font-weight: bold; letter-spacing: 0.15em; text-shadow: 0 1px 1px rgba(255,255,255,0.8); }
    .content-box-silver { background-color: #f5f6f8; border: 1px solid #d2d8df; padding: 4% 6%; box-shadow: 0 5px 20px rgba(165, 172, 181, 0.08); border-radius: 8px; }
    .content-box-silver.top-line { border-top: 4px solid #a5acb5; border-radius: 0; }
    .flex-row-silver { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4%; align-items: stretch; }
    .flex-col-silver { flex: 1; min-width: 260px; background-color: #ffffff; border: 1px solid #eeeeee; padding: 4% 5%; box-shadow: 0 5px 20px rgba(0,0,0,0.02); }
    .sgs-gallery-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
    .sgs-gallery-grid a { width: 18%; min-width: 100px; max-width: 180px; display: block; text-decoration: none; }
    .sgs-gallery-grid img { width: 100% !important; height: auto !important; border: 1px solid #d2d8df; transition: transform 0.3s; }
    .sgs-gallery-grid a:hover img { transform: scale(1.05); box-shadow: 0 5px 15px rgba(0,0,0,0.15); }
    @media (max-width: 800px) {
        .flex-row-silver { flex-direction: column; gap: 30px; }
        .sgs-gallery-grid a { width: 30%; }
        .silver-badge { padding: 3% 6%; }
    }

    /* ========================================================= */
    /* ★★★ 艾茉保濕霜/通用模組 (四大功效、拉霸機、發光特效、真空瓶、燈箱) ★★★ */
    /* ========================================================= */
    
    /* 手機版專屬文字微調 (含字體縮放) */
    @media screen and (max-width: 800px) {
        .tk-texture-small { font-size: 3.4vw !important; -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; line-height: 1.8 !important; }
        .primrose-mobile-text { padding: 8vw 6vw 10vw; background-color: #ffffff; text-align: center; }
        .primrose-mobile-text p { font-family: 'Montserrat', 'Playfair Display', 'Lato', '微軟正黑體', sans-serif !important; }
        .section_patent .patent-text-wrapper, .section_patent .text-under-image { text-align: center !important; padding: 0 !important; }
        .section_patent .reverse-on-mobile { flex-direction: column-reverse !important; }
        .section_patent .mobile-stack-col, .section_patent .image-stack-col { gap: 6vw !important; margin-bottom: 10vw !important; }
        .section_patent .fontSize65, .section-premium-vacuum .fontSize65 { font-size: 7.5vw !important; }
        .section_patent .fontSize30, .section-premium-vacuum .fontSize30 { font-size: 4.5vw !important; }
        .section_patent .fontSize42, .section-premium-vacuum .fontSize42 { font-size: 5.5vw !important; }
        .section_patent .fontSize22, .section-premium-vacuum .fontSize22 { font-size: 4vw !important; line-height: 1.8 !important; }
        .tk-mobile-title { font-size: 4.8vw !important; letter-spacing: 0.05em !important; white-space: nowrap; }
    }

    /* 四大功效 4 欄圖文區塊 */
    .tk-four-features { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; margin: 4vw auto 6vw; padding: 0 !important; list-style: none !important; gap: 8vw; }
    .tk-four-features li { flex: 1; text-align: center; margin: 0; padding: 0; }
    .tk-four-features li img { width: 100%; max-width: 250px; height: auto; display: block; margin: 0 auto 1.5vw; }
    .tk-four-features h3 { color: #000000; font-weight: bold; margin-bottom: 0.5vw; }
    .tk-four-features p { color: #000000; margin: 0; line-height: 1.5; }
    .tk-four-features .is-m { display: none; }

    @media screen and (max-width: 800px) {
        .tk-four-features { flex-wrap: wrap; gap: 10vw 6vw; margin-top: 8vw; justify-content: center; } 
        .tk-four-features li { flex: 0 0 calc(50% - 3vw); }
        .tk-four-features li img { margin-bottom: 3vw; }
        .tk-four-features h3 { font-size: 5vw !important; margin-bottom: 1vw; }
        .tk-four-features .is-pc { display: none; }
        .tk-four-features .is-m { display: block; }
    }

    /* 圖片與拉霸機獨立區域 */
    .tk-top-img-wrap { width: 55%; text-align: center; margin: 0 auto; }
    .tk-middle-row { display: flex; align-items: center; justify-content: center; gap: 4vw; width: 100%; }
    .tk-middle-img { flex: 0 0 51%; text-align: center; }
    .tk-middle-txt { flex: 0 0 35%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
    .tk-evidence-title { color: #000000; font-size: 1.2vw; margin: 0 0 1vw 0; font-weight: bold; letter-spacing: 0.1vw; text-align: center; width: 100%; }
    .tk-counter-list { list-style: none !important; padding: 0; margin: 0 auto; display: flex; flex-direction: column; gap: 1.5vw; width: max-content; }
    .tk-counter-list li { text-align: center; }
    .tk-counter-list p { color: #000000; font-size: 1.3vw; margin: 0; font-weight: 500; line-height: 1.2; }
    .tk-counter { display: inline-flex; align-items: baseline; justify-content: center; font-size: 6vw; font-weight: bold; color: #0f52ba; font-family: 'Playfair Display', serif !important; line-height: 1.1; margin: 0; vertical-align: bottom; letter-spacing: -0.05em; }
    .tk-counter span { font-family: 'Playfair Display', serif !important; }
    .tk-counter > span { display: inline-block; font-size: 3.5vw; line-height: 1; letter-spacing: 0; }
    .tk-num-mask { display: inline-flex; overflow: hidden; height: 1.1em; vertical-align: bottom; }
    .tk-num-mask .num-col { display: inline-flex; flex-direction: column; transform: translateY(-900%); transition: transform 0s; }
    .tk-num-mask .num-col span { height: 1.1em; display: flex; align-items: center; justify-content: center; }
    .tk-counter[data-emergence="visible"] .tk-num-mask .num-col { transform: translateY(0); transition: transform 2.5s cubic-bezier(0.2, 0.8, 0.2, 1); }
    .tk-counter[data-emergence="visible"] .tk-num-mask:nth-of-type(2) .num-col { transition-duration: 3.5s; }
    .tk-slot-small-text { display: block; width: 100%; max-width: 600px; margin: 1vw auto 0; text-align: left; font-size: 1vw; color: #888; line-height: 1.5; }

    @media screen and (max-width: 800px) {
        .tk-top-img-wrap { width: 100% !important; }
        .tk-middle-row { flex-direction: column; gap: 6vw; }
        .tk-middle-img { flex: 0 0 100%; width: 100%; }
        .tk-middle-txt { flex: 0 0 100%; width: 100%; align-items: stretch; }
        .tk-evidence-title { font-size: 4.5vw; margin-bottom: 2vw; }
        .tk-counter-list { flex-direction: row; justify-content: space-between; align-items: flex-end; gap: 2vw; width: 100%; }
        .tk-counter-list li { flex: 1; text-align: center; margin-bottom: 0; }
        .tk-counter-list p { font-size: 3vw; white-space: nowrap; }
        .tk-counter { font-size: 8vw; height: 1.1em; } 
        .tk-counter > span { font-size: 4vw; }
        .tk-num-mask span { height: 1.1em; }
        .tk-slot-small-text { font-size: 2.5vw !important; text-align: center !important; margin-top: 3vw !important; }
    }

    /* 月見草滿版底圖與發光特效 */
    .section_evening_primrose { position: relative; width: 100%; aspect-ratio: 1920 / 780; background: url('https://cdn.cybassets.com/s/files/35135/ckeditor/pictures/content_b7133b46-30f2-45ad-942a-4b4032de1af3.jpg') no-repeat center center; background-size: cover; display: flex; align-items: center; overflow: hidden; margin-top: 5vw; }
    .primrose-text-wrap { position: relative; z-index: 10; width: 60%; padding-left: 4vw; color: #ffffff; text-align: left; }
    .primrose-text-wrap h2 { font-size: 3vw; line-height: 1.3; margin-bottom: 1.5vw; letter-spacing: 0.15em; font-family: 'Montserrat', 'Playfair Display', 'Lato', '微軟正黑體', sans-serif !important; }
    .essence-container { position: absolute; top: 45%; right: 36.5%; width: 0; height: 0; z-index: 5; pointer-events: none; }
    .core-glow { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 12vw; height: 12vw; max-width: 180px; max-height: 180px; background: radial-gradient(circle, rgba(255, 240, 160, 0.7) 0%, rgba(255, 215, 0, 0.2) 40%, transparent 70%); border-radius: 50%; animation: pulseGlow 3s infinite alternate ease-in-out; mix-blend-mode: screen; }
    @keyframes pulseGlow { 0% { transform: translate(-50%, -50%) scale(0.7); opacity: 0.5; } 100% { transform: translate(-50%, -50%) scale(1.3); opacity: 1; } }
    .essence-particle { position: absolute; width: 4px; height: 4px; background: #ffffff; border-radius: 50%; box-shadow: 0 0 10px 3px rgba(255, 230, 120, 0.8); opacity: 0; mix-blend-mode: screen; filter: blur(0.5px); }
    @keyframes absorbEssence { 0% { transform: translate(var(--startX), var(--startY)) scale(0); opacity: 0; } 15% { opacity: 1; transform: translate(calc(var(--startX) * 0.85), calc(var(--startY) * 0.85)) scale(1.5); } 85% { opacity: 0.9; transform: translate(calc(var(--startX) * 0.15), calc(var(--startY) * 0.15)) scale(0.8); } 100% { transform: translate(0, 0) scale(0); opacity: 0; } }

    @media screen and (max-width: 800px) {
        .section_evening_primrose { padding: 0; align-items: center; }
        .primrose-text-wrap { width: 70%; padding-left: 5vw; }
        .primrose-text-wrap h2 { font-size: 4vw; margin-bottom: 0; }
        .core-glow { width: 30vw; height: 30vw; }
    }

    /* 成分雙欄與真空瓶 */
    .ingredient-two-col { display: flex; justify-content: space-between; gap: 4vw; align-items: stretch; }
    @media screen and (max-width: 800px) { .ingredient-two-col { flex-direction: column; gap: 6vw; } }

    .section-premium-vacuum { background-color: #ffffff; color: #E60012; padding: 8vw 0 0; position: relative; overflow: hidden; margin-top: 0 !important; }
    .vacuum-text-container { text-align: center; width: 85%; margin: 0 auto; padding: 0; }
    .tk-silver-breathe b { background: linear-gradient(110deg, #ffffff 0%, #ffffff 25%, #a0a0a0 50%, #ffffff 75%, #ffffff 100%); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; animation: silkFlow 6s linear infinite; display: inline-block; }
    .bottom-video-wrap { width: 40%; }
    @media screen and (max-width: 800px) { .bottom-video-wrap { width: 100%; } }
    
    /* ========================================================= */
    /* ★★★ 全新 Vanilla JS Lightbox 圖片預覽 (防破版終極設定) ★★★ */
    /* ========================================================= */
    .tk-lightbox-overlay {
        display: none; position: fixed; z-index: 99999; padding-top: 4vw; left: 0; top: 0; width: 100%; height: 100%;
        background-color: rgba(0, 0, 0, 0.85); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);
        opacity: 0; transition: opacity 0.3s ease;
    }
    .tk-lightbox-overlay.active { display: flex; justify-content: center; align-items: center; opacity: 1; }
    .tk-lightbox-img {
        max-width: 90%; max-height: 85vh; object-fit: contain; border-radius: 8px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.5); transform: scale(0.95); transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    }
    .tk-lightbox-overlay.active .tk-lightbox-img { transform: scale(1); }

    /* 燈箱強制鎖定與叉叉定位 */
    #tk-custom-lightbox {
        position: fixed !important; top: 0 !important; left: 0 !important;
        width: 100vw !important; height: 100vh !important; z-index: 2147483647 !important;
        align-items: center !important; justify-content: center !important; padding: 0 !important;
    }
    #tk-lightbox-close {
        position: fixed !important; top: 30px !important; right: 40px !important; left: auto !important; 
        margin: 0 !important; color: #ffffff !important; font-size: 50px !important; font-weight: 300 !important;
        cursor: pointer !important; z-index: 2147483648 !important; line-height: 1 !important;
    }
    #tk-lightbox-close:hover { color: #cccccc !important; }
    #tk-lightbox-img { max-width: 90vw !important; max-height: 85vh !important; margin: auto !important; display: block !important; }

    /* 手機版叉叉微調 */
    @media screen and (max-width: 800px) {
        #tk-lightbox-close { top: 20px !important; right: 25px !important; font-size: 40px !important; }
        
    }

    /* 加上 .Good_wrapper 提升權重，並補上 !important 確保強制生效 */
    .Good_wrapper .text-main { color: #b89c7c !important; } 
    .Good_wrapper .text-accent { color: #A68A61 !important; } 
    .Good_wrapper .text-gray { color: #666666 !important; font-family: "Microsoft JhengHei Light", "PingFang TC", sans-serif !important; }
</style>