/*
Theme Name: Hello Elementor Child
Description: 基於 Hello Elementor
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/
@import url("../hello-elementor/style.css");


:root{
    --my-primary:#1a93dd;
    --my-primary-hov:#1d4ed8;
    --my-dark:#1e293b;
    --my-gray:#64748b;
    --my-light:#f8fafc;
    --my-border:#e2e8f0;
    --my-white:#ffffff;
}

a{color:#1a93dd;}

/* 全局 */
.my-home{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.7;color:var(--my-dark);background:var(--my-light)}
.my-container{max-width:1280px;margin:0 auto;padding:0 1rem}

/* Hero */
.my-hero{background:linear-gradient(135deg,var(--my-primary) 0%,#3b82f6 100%);color:white;padding:5rem 0;position:relative;overflow:hidden}
.my-hero::before{content:"";position:absolute;top:0;right:0;width:60%;height:100%;background:url('') no-repeat;background-size:cover;opacity:.3}
.my-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.my-hero-content h1{font-size:3.8rem;font-weight:900;margin:0 0 1rem;line-height:1.1}
.my-subtitle{font-size:1.4rem;opacity:.95;margin-bottom:2.5rem}
.my-cta{display:flex;gap:1.5rem;flex-wrap:wrap}
.my-btn-primary,.my-btn-outline{display:inline-block;padding:1rem 2.2rem;border-radius:12px;font-weight:700;font-size:1.1rem;transition:all .3s}
.my-btn-primary{background:var(--my-white);color:var(--my-primary)}
.my-btn-outline{background:transparent;color:white;border:2px solid white}
.my-btn-primary:hover{background:#f1f5f9;transform:translateY(-3px)}
.my-btn-outline:hover{background:rgba(255,255,255,.1);transform:translateY(-3px)}
.my-hero-doctor img{width:100%;max-width:500px;border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.25)}

/* Services */
.my-services{padding:6rem 0;background:white;text-align:center}
.my-services h2{font-size:2.6rem;font-weight:800;color:var(--my-dark);margin-bottom:3rem;position:relative;display:inline-block}
.my-services h2::after{content:"";position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:100px;height:5px;background:var(--my-primary);border-radius:3px}
.my-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}
.my-service{background:var(--my-accent);padding:2.5rem;border-radius:20px;transition:.3s;box-shadow:0 8px 25px rgba(0,0,0,.06)}
.my-service:hover{transform:translateY(-12px);box-shadow:0 20px 40px rgba(37,99,235,.15)}
.my-service h3{font-size:1.5rem;margin:0 0 1rem;color:var(--my-primary);font-weight:700}

/* Latest Articles */
.my-latest{padding:6rem 0;background:var(--my-light)}
.my-latest h2{text-align:center;font-size:2.6rem;font-weight:800;color:var(--my-dark);margin-bottom:3rem;position:relative;display:inline-block}
.my-latest h2::after{content:"";position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:100px;height:5px;background:var(--my-primary);border-radius:3px}
.my-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem}
.my-post-card{background:white;border-radius:20px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.08);transition:.3s;display:flex;flex-direction:column;height:100%}
.my-post-card:hover{transform:translateY(-12px);box-shadow:0 20px 40px rgba(0,0,0,.15)}
.my-thumb{height:200px;overflow:hidden}
.my-thumb img{width:100%;height:100%;object-fit:cover;transition:.5s}
.my-post-card:hover .my-thumb img{transform:scale(1.1)}
.my-post-info{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}
.my-post-info h3{font-size:1.25rem;margin:0 0 .75rem;line-height:1.4;flex-grow:1}
.my-post-info h3 a{color:var(--my-dark);text-decoration:none;transition:.2s}
.my-post-info h3 a:hover{color:var(--my-primary)}
.my-post-info time{font-size:.9rem;color:var(--my-gray)}
.my-more{text-align:center;margin-top:2rem}

/* 響應式 */
@media (max-width:992px){
    .my-hero-grid{grid-template-columns:1fr;text-align:center}
    .my-hero-doctor{margin-top:2rem}
    .my-hero-doctor img{max-width:380px}
    .my-cta{justify-content:center}
}
@media (max-width:768px){
    .my-hero h1{font-size:2.8rem}
    .my-services h2,.my-latest h2{font-size:2.2rem}
    .my-posts-grid,.my-services-grid{grid-template-columns:1fr}
}

.my-header{
    background:white;
    box-shadow:0 4px 20px rgba(0,0,0,.08);
    position:sticky;top:0;z-index:1000;
    padding:1.2rem 0;
}
.my-container{
    max-width:1280px;margin:0 auto;padding:0 1rem;
    display:flex;flex-direction:column;align-items:center;position:relative;
}

/* Logo 置中 + 最大寬度 130px */
.my-logo-center a{display:block;margin:0 auto}
.my-logo-img,
.custom-logo{
    height:auto !important;
    max-width:130px !important;
    width:auto !important;
    display:block;
}

/* 桌面選單 */
.my-nav-desktop{width:100%;margin-top:1rem}
.my-menu{
    list-style:none;padding:0;margin:0;
    display:flex;justify-content:center;gap:3.2rem;
    font-weight:400;
}
.my-menu a{
    color:#1e293b;text-decoration:none;font-size:1.05rem;
    padding:.5rem 0;transition:color .3s;
}
.my-menu a:hover,
.my-menu .current-menu-item a{color:#2563eb}

/* 桌面 submenu - 純文字變色（無底線） */
.my-submenu{
    position:absolute;top:100%;left:50%;transform:translateX(-50%);
    background:white;min-width:220px;border-radius:16px;
    box-shadow:0 15px 40px rgba(0,0,0,.15);padding:1rem 0;
    opacity:0;visibility:hidden;pointer-events:none;transition:all .3s;z-index:999;
}
.my-has-submenu{position:relative}
.my-has-submenu:hover>.my-submenu{
	list-style:none;
	opacity:1;visibility:visible;pointer-events:auto;padding:16px;

}
.my-submenu a{display:block;padding:.7rem 1.5rem;color:#333;font-size:.95rem}
.my-submenu a:hover{color:#2563eb;background:none;}

/* 手機 */
.my-hamburger{
    display:none;flex-direction:column;gap:6px;
    background:none;border:none;cursor:pointer;padding:.75rem;
    position:absolute;right:1rem;top:50%;transform:translateY(-50%);
}
.my-hamburger span{width:28px;height:3px;background:#1e293b;border-radius:2px;transition:.3s}
.my-hamburger[aria-expanded="true"] span:nth-child(1){transform:rotate(45deg) translate(9px,9px)}
.my-hamburger[aria-expanded="true"] span:nth-child(2){opacity:0}
.my-hamburger[aria-expanded="true"] span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}

/* 手機選單 + submenu 向下展開 */
.my-mobile-menu{
    position:fixed;top:0;left:0;width:100%;height:100vh;
    background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:.3s;z-index:9999;
}
.my-mobile-menu.active{opacity:1;visibility:visible}
.my-mobile-inner{
    background:white;width:320px;height:100%;padding:6rem 2rem 2rem;
    overflow-y:auto;transform:translateX(-100%);transition:.4s;
}
.my-mobile-menu.active .my-mobile-inner{transform:translateX(0)}
.my-mobile-nav{list-style:none;padding:0;margin:0}
.my-mobile-nav li{border-bottom:1px solid #eee;position:relative}
.my-mobile-nav a{display:block;padding:1rem 1.5rem;font-size:1.1rem;font-weight:600;color:#1e293b}
.my-mobile-nav a:hover{color:#2563eb}
.my-mobile-nav .my-has-submenu>a{padding-right:3.5rem}
.my-mobile-nav .my-has-submenu>a::after{content:'↓';position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:1.3rem;color:#999;transition:.3s}
.my-mobile-nav .my-has-submenu.active>a::after{content:'↑'}
.my-mobile-nav .my-submenu{display:none;background:#f0f9ff;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.my-mobile-nav .my-has-submenu.active>.my-submenu{display:block}
.my-mobile-nav .my-submenu a{padding:.9rem 1.5rem .9rem 3rem;font-weight:500;color:#444}
.my-mobile-nav .my-submenu a:hover{background:#e0f2fe;color:#2563eb}

/* 響應式 */
@media (max-width:992px){
    .my-nav-desktop{display:none}
    .my-hamburger{display:flex}
}



.my-archive-hero{
    background:linear-gradient(rgba(37,99,235,.9),rgba(37,99,235,.95)),url('https://mydoctor.example.com/wp-content/uploads/2025/11/medical-bg.jpg');
    background-size:cover;background-position:center;
    color:white;padding:6rem 0;text-align:center;
}
.my-archive-title{
    font-size:3.2rem;font-weight:900;margin:0 0 1rem;
    text-shadow:0 4px 10px rgba(0,0,0,.3);
}
.my-archive-desc{
    font-size:1.25rem;max-width:700px;margin:0 auto;opacity:.95;
}

/* 瀑布流卡片 */
.my-posts-wrap{padding:4rem 0}
.my-posts-masonry{
    column-count:3;column-gap:2rem;break-inside:avoid;
}
.my-card{
    display:inline-block;width:100%;margin-bottom:2rem;
    background:white;border-radius:20px;overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    transition:transform .4s,box-shadow .4s;
}
.my-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.18);
}
.my-card-link{display:block;color:inherit;text-decoration:none}

/* 大卡片（每8篇出現一次） */
.my-card-large .my-card-thumb{height:380px}
.my-card-thumb{
    position:relative;height:240px;overflow:hidden;
}
.my-card-thumb img{
    width:100%;height:100%;object-fit:cover;transition:transform .6s;
}
.my-card:hover .my-card-thumb img{transform:scale(1.08)}
.my-card-overlay{
    position:absolute;inset:0;
    background:linear-gradient(transparent 60%,rgba(0,0,0,.7));
}

/* 內容 */
.my-card-content{padding:1.8rem;position:relative}
.my-card-title{
    font-size:1.35rem;margin:0 0 .75rem;line-height:1.4;
    color:#1e293b;font-weight:700;
}
.my-card-large .my-card-title{font-size:1.6rem}
.my-card-excerpt{
    font-size:1rem;color:#555;line-height:1.7;margin:0 0 1rem;
}
.my-card-meta{
    font-size:.9rem;color:#94a3b8;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;
}
.my-card-cat{color:#2563eb;font-weight:600}

/* 分頁 */
.my-pagination{
    text-align:center;margin:4rem 0;
}
.my-pagination .page-numbers{
    display:inline-block;padding:.8rem 1.6rem;margin:0 .4rem;
    border-radius:50px;background:white;color:#2563eb;
    box-shadow:0 4px 15px rgba(37,99,235,.15);font-weight:600;
    transition:all .3s;
}
.my-pagination .page-numbers:hover,
.my-pagination .current{
    background:#2563eb;color:white;transform:translateY(-2px);
}

/* 手機版 */
@media (max-width:992px){
    .my-posts-masonry{column-count:2}
}
@media (max-width:640px){
    .my-posts-masonry{column-count:1}
    .my-archive-title{font-size:2.5rem}
    .my-card-large .my-card-thumb{height:280px}
}




.my-archive-hero{
    background: 
        linear-gradient(rgba(37,99,235,.88), rgba(30,41,59,.92)), /* 深藍+深灰藍疊加，確保文字清晰 */
        url('https://mydoctor.hk/wp-content/uploads/2025/11/mydoctor-scaled.jpg') center center / cover no-repeat;
    color:white;
    padding:7rem 0;
    text-align:center;
    position:relative;
}

.my-archive-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at center, rgba(0,0,0,0) 0%, rgba(0,0,0,.25) 100%);
    pointer-events:none;
}

.my-archive-title{
    font-size:3.4rem;
    font-weight:900;
    margin:0 0 1rem;
    text-shadow:0 4px 15px rgba(0,0,0,.5);
    position:relative;
    z-index:1;
}

.my-archive-desc{
    font-size:1.3rem;
    max-width:800px;
    margin:0 auto;
    opacity:.98;
    text-shadow:0 2px 8px rgba(0,0,0,.6);
    position:relative;
    z-index:1;
}

@media (max-width:768px){
    .my-archive-title{font-size:2.6rem}
    .my-archive-desc{font-size:1.15rem}
}


.my-why-section{
    padding:6rem 0;
    background:#f8fafc;
}
.my-why-grid{
    display:grid;
    grid-template-columns:1fr 1.1fr;
    gap:5rem;
    align-items:center;
}
.my-why-image img{
    width:100%;
    max-width:520px;
    border-radius:24px;
    box-shadow:0 20px 50px rgba(0,0,0,.15);
}
.my-why-content h2{
    font-size:2.6rem;
    font-weight:800;
    color:var(--my-primary);
    margin:0 0 1.5rem;
}
.my-why-list{
    list-style:none;
    padding:0;
    margin:0 0 2.5rem;
}
.my-why-list li{
    font-size:1.15rem;
    padding:0.9rem 0;
    padding-left:2.2rem;
    position:relative;
    color:#333;
    line-height:1.6;
}
.my-why-list li::before{
    content:"✓";
    position:absolute;
    left:0;
    color:var(--my-primary);
    font-weight:bold;
    font-size:1.3rem;
}
.my-why-cta{
    margin-top:1rem;
}

/* 手機版上下排 */
@media (max-width:992px){
    .my-why-grid{
        grid-template-columns:1fr;
        gap:3rem;
        text-align:center;
    }
    .my-why-image{
        order:-1;
    }
    .my-why-image img{
        max-width:400px;
        margin:0 auto;
    }
    .my-why-list li{
        padding-left:0;
        padding:1rem 0;
    }
    .my-why-list li::before{
        position:static;
        margin-right:.75rem;
    }
}


.my-article-hero{
    background: 
        linear-gradient(rgba(37,99,235,.88), rgba(30,41,59,.92)),
        url('https://mydoctor.hk/wp-content/uploads/2025/11/mydoctor-scaled.jpg') center center / cover no-repeat;
    color:white;
    padding:6rem 0 5rem;
    text-align:center;
}
.my-article-meta-top{
    font-size:1rem;
    opacity:.9;
    margin-bottom:1rem;
}
.my-article-title{
    font-size:3.2rem;
    font-weight:900;
    margin:0;
    line-height:1.2;
    max-width:900px;
    margin:0 auto;
}

/* 正文區（純白、無陰影） */
.my-article-body{
    padding:4rem 0;
    max-width:900px;
    margin:0 auto;
}
.my-featured-simple{
    margin:0 0 3rem 0;
}
.my-featured-simple img{
    width:100%;
    height:auto;
    display:block;
}

/* 正文內容（零陰影、零圓角、零裝飾） */
.my-article-content{
    background:white;
    padding:0;
    font-size:1.2rem;
    line-height:2;
    color:#222;
}
.my-article-content > *:first-child{margin-top:0}
.my-article-content > *:last-child{margin-bottom:0}
.my-article-content p{margin:1.8rem 0}
.my-article-content h2,
.my-article-content h3,
.my-article-content h4{
    color:#1e293b;
    margin:2.8rem 0 1.2rem;
    font-weight:700;
}
.my-article-content h2{font-size:2rem}
.my-article-content h3{font-size:1.6rem}
.my-article-content img{
    width:100%;
    height:auto;
    margin:2.5rem 0;
    display:block;
}
.my-article-content blockquote{
    margin:2.5rem 0;
    padding:1.5rem 0 1.5rem 2rem;
    border-left:4px solid #3b82f6;
    background:#f8f9fc;
    font-style:italic;
    color:#444;
}

/* 底部標籤 + 分享 */
.my-article-footer{
    margin-top:5rem;
    padding-top:2rem;
    border-top:1px solid #e2e8f0;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:1.5rem;
    font-size:1rem;
    color:#64748b;
}
.my-tags span{
    background:#e0f2fe;
    color:#1d4ed8;
    padding:.35rem .9rem;
    border-radius:50px;
    margin-right:.5rem;
    font-size:.9rem;
}
.my-share a{
    color:#64748b;
    margin-left:1rem;
    transition:color .2s;
}
.my-share a:hover{color:#1d4ed8}

/* 手機版 */
@media (max-width:768px){
    .my-article-title{font-size:2.6rem}
    .my-article-content{font-size:1.15rem}
    .my-article-content{padding:0 1rem}
    .my-article-footer{flex-direction:column;align-items:flex-start}
}


.my-footer{
    background:#1e293b;
    color:#cbd5e1;
    padding:4rem 0 2rem;
}
.my-footer-grid{
    display:grid;
    grid-template-columns:1.2fr 1fr 1fr;
    gap:3rem;
    max-width:1280px;
    margin:0 auto;
    padding:0 1rem;
}
.my-footer-brand p{
    font-size:1rem;
    line-height:1.7;
    margin:1.5rem 0 0;
    opacity:.9;
}
.my-footer-logo img{
    height:56px;
    filter:brightness(0) invert(1);
}
.my-footer h4{
    color:white;
    font-size:1.25rem;
    font-weight:700;
    margin:0 0 1.2rem;
}
.my-footer-nav{
    list-style:none;
    padding:0;
    margin:0;
}
.my-footer-nav a{
    color:#cbd5e1;
    text-decoration:none;
    font-size:1rem;
    line-height:2.2;
    transition:color .2s;
}
.my-footer-nav a:hover{
    color:white;
}
.my-footer-contact ul{
    list-style:none;
    padding:0;
    margin:0;
    font-size:1rem;
    line-height:2;
}
.my-footer-contact li::before{
    content:"";
    color:#3b82f6;
    margin-right:.5rem;
}
.my-footer-bottom{
    grid-column:1/-1;
    margin-top:3rem;
    padding-top:2rem;
    border-top:1px solid #334155;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:1rem;
    font-size:.95rem;
}
.my-social a{
    display:inline-block;
    width:40px;height:40px;
    background:#334155;
    color:white;
    text-align:center;
    line-height:40px;
    border-radius:50%;
    margin-right:.8rem;
    font-size:1.1rem;
    transition:all .3s;
}
.my-social a:hover{
    background:#3b82f6;
    transform:translateY(-3px);
}

/* 手機版 */
@media (max-width:992px){
    .my-footer-grid{
        grid-template-columns:1fr 1fr;
        gap:2.5rem;
    }
    .my-footer-brand{grid-column:1/-1;text-align:center}
}
@media (max-width:640px){
    .my-footer-grid{
        grid-template-columns:1fr;
        text-align:center;
    }
    .my-footer-bottom{
        flex-direction:column;
        text-align:center;
    }
    .my-social{margin-bottom:1rem}
}

.my-home,.my-archive-page,.my-article-page{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    line-height:1.8;color:var(--my-dark);background:var(--my-light)
}
.my-container{max-width:1100px;margin:0 auto;padding:0 1rem}

.my-header{background:var(--my-white);border-bottom:1px solid var(--my-border);position:sticky;top:0;z-index:1000;padding:1.2rem 0}
.my-header-inner{display:flex;flex-direction:column;align-items:center;position:relative}
.my-logo-center a{display:block;margin:0 auto}
.my-logo-img,.custom-logo{max-width:130px;height:auto;display:block}
.my-nav-desktop{width:100%;margin-top:1rem}
.my-menu{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:3.2rem;font-weight:400}
.my-menu a{color:var(--my-dark);text-decoration:none;font-size:1.05rem;padding:.5rem 0;transition:color .3s}
.my-menu a:hover,.my-menu .current-menu-item a{color:var(--my-primary)}
.my-hamburger{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:.75rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}
.my-hamburger span{width:28px;height:3px;background:var(--my-dark);transition:.3s}
.my-hamburger[aria-expanded="true"] span:nth-child(1){transform:rotate(45deg) translate(9px,9px)}
.my-hamburger[aria-expanded="true"] span:nth-child(2){opacity:0}
.my-hamburger[aria-expanded="true"] span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}
.my-mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:.3s;z-index:9999}
.my-mobile-menu.active{opacity:1;visibility:visible}
.my-mobile-inner{background:var(--my-white);width:320px;height:100%;padding:6rem 2rem 2rem;overflow-y:auto;transform:translateX(-100%);transition:.4s}
.my-mobile-menu.active .my-mobile-inner{transform:translateX(0)}
.my-mobile-nav{list-style:none;padding:0;margin:0}
.my-mobile-nav li{border-bottom:1px solid var(--my-border);position:relative}
.my-mobile-nav a{display:block;padding:1rem 1.5rem;font-size:1.1rem;font-weight:600;color:var(--my-dark)}
.my-mobile-nav a:hover{color:var(--my-primary)}
.my-mobile-nav .my-has-submenu>a{padding-right:3.5rem}
.my-mobile-nav .my-has-submenu>a::after{content:'↓';position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:1.3rem;color:#999;transition:.3s}
.my-mobile-nav .my-has-submenu.active>a::after{content:'↑'}
.my-mobile-nav .my-submenu{display:none;background:#f8f9fc;border-top:1px solid var(--my-border);border-bottom:1px solid var(--my-border)}
.my-mobile-nav .my-has-submenu.active>.my-submenu{display:block}
.my-mobile-nav .my-submenu a{padding:.9rem 1.5rem .9rem 3rem;font-weight:500;color:#444}
.my-mobile-nav .my-submenu a:hover{background:#e6f4ff;color:var(--my-primary)}
@media (max-width:992px){.my-nav-desktop{display:none}.my-hamburger{display:flex}}

/* ==================== Hero ==================== */
.my-hero{background:var(--my-primary);color:white;padding:5rem 0}
.my-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.my-hero-content h1{font-size:3.6rem;font-weight:900;margin:0 0 1rem;line-height:1.1}
.my-subtitle{font-size:1.35rem;opacity:.95;margin-bottom:2.5rem}
.my-cta{display:flex;gap:1.5rem;flex-wrap:wrap}
.my-btn-primary,.my-btn-outline{display:inline-block;padding:1rem 2.2rem;font-weight:700;font-size:1.1rem;border:2px solid white;color:white;transition:all .3s}
.my-btn-primary{background:white;color:var(--my-primary)}
.my-btn-outline{background:transparent}
.my-btn-primary:hover{background:#f1f5f9;color:var(--my-primary-hov)}
.my-btn-outline:hover{background:rgba(255,255,255,.1)}
.my-hero-doctor img{width:100%;max-width:480px}

/* ==================== 為什麼選擇我們 ==================== */
.my-why-section{padding:6rem 0;background:var(--my-white);border-top:1px solid var(--my-border)}
.my-why-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:5rem;align-items:center}
.my-why-image img{width:100%;max-width:520px}
.my-why-content h2{font-size:2.6rem;font-weight:800;color:var(--my-primary);margin:0 0 2rem}
.my-why-list{list-style:none;padding:0;margin:0}
.my-why-list li{font-size:1.18rem;padding:1rem 0 1rem 2.2rem;border-bottom:1px solid var(--my-border);position:relative;color:#333}


/* ==================== Latest Articles ==================== */
.my-latest{padding:6rem 0;background:var(--my-light)}
.my-latest h2{font-size:2.6rem;font-weight:800;color:var(--my-dark);text-align:center;margin-bottom:3rem}
.my-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.my-post-card{background:var(--my-white);border:1px solid var(--my-border);transition:border .3s}
.my-post-card:hover{border-color:var(--my-primary)}
.my-thumb{height:220px;overflow:hidden}
.my-thumb img{width:100%;height:100%;object-fit:cover;transition:.5s}
.my-post-card:hover .my-thumb img{transform:scale(1.05)}
.my-post-info{padding:1.6rem}
.my-post-info h3{font-size:1.28rem;margin:0 0 .8rem;line-height:1.4}
.my-post-info h3 a{color:var(--my-dark);text-decoration:none;transition:.2s}
.my-post-info h3 a:hover{color:var(--my-primary)}
.my-post-info time{font-size:.95rem;color:var(--my-gray)}
.my-more{text-align:center;margin-top:3rem}

/* ==================== Archive & Single Hero ==================== */
.my-archive-hero,.my-article-hero{
    background:url('https://mydoctor.hk/wp-content/uploads/2025/11/mydoctor-scaled.jpg') center/cover no-repeat,
                  linear-gradient(rgba(37,99,235,.88),rgba(30,41,59,.92));
    color:white;padding:7rem 0 5rem;text-align:center
}
.my-archive-title,.my-article-title{
    font-size:3.4rem;font-weight:900;margin:0;line-height:1.2;max-width:900px;margin:0 auto
}
.my-article-meta-top{font-size:1rem;opacity:.9;margin-bottom:1rem}

/* ==================== Archive 瀑布流 ==================== */
.my-posts-wrap{padding:4rem 0}
.my-posts-masonry{column-count:3;column-gap:2.5rem;break-inside:avoid}
.my-card{background:var(--my-white);border:1px solid var(--my-border);margin-bottom:2.5rem;break-inside:avoid}
.my-card:hover{border-color:var(--my-primary)}
.my-card-large .my-card-thumb{height:380px}
.my-card-thumb{height:240px;overflow:hidden}
.my-card-thumb img{width:100%;height:100%;object-fit:cover;transition:.5s}
.my-card:hover .my-card-thumb img{transform:scale(1.05)}
.my-card-content{padding:1.8rem}
.my-card-title{font-size:1.35rem;margin:0 0 .8rem;line-height:1.4;color:var(--my-dark);font-weight:700}
.my-card-large .my-card-title{font-size:1.55rem}
.my-card-excerpt{font-size:1rem;color:#444;line-height:1.7;margin-bottom:1rem}

/* ==================== Single 文章頁 ==================== */
.my-article-body{max-width:900px;margin:0 auto;padding:5rem 0}
.my-featured-simple{margin-bottom:3rem}
.my-featured-simple img{width:100%;height:auto;display:block}
.my-article-content{font-size:1.22rem;line-height:2;color:#222;background:var(--my-white);padding:0}
.my-article-content h2,.my-article-content h3{color:var(--my-dark);margin:2.8rem 0 1.2rem;font-weight:700;border-bottom:3px solid #f0f9ff;padding-bottom:.5rem}
.my-article-content h2{font-size:2rem}
.my-article-content h3{font-size:1.6rem}
.my-article-content img{width:100%;height:auto;margin:2.5rem 0;display:block}
.my-article-content blockquote{margin:2.5rem 0;padding:1.5rem 0 1.5rem 2rem;border-left:4px solid var(--my-primary);background:#f8f9fc;font-style:italic;color:#444}
.my-article-footer{margin-top:5rem;padding-top:2rem;border-top:1px solid var(--my-border);display:flex;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;color:var(--my-gray)}
.my-tags span{background:#e0f2fe;color:#1d4ed8;padding:.35rem .9rem;border-radius:50px;font-size:.9rem;margin-right:.5rem}
.my-share a{color:var(--my-gray);margin-left:1rem;transition:.2s}
.my-share a:hover{color:var(--my-primary)}

/* ==================== Footer ==================== */
.my-footer{background:var(--my-dark);color:#cbd5e1;padding:4rem 0 2rem;border-top:8px solid var(--my-primary)}
.my-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:3rem;max-width:1100px;margin:0 auto;padding:0 1rem}
.my-footer-brand p{font-size:1rem;line-height:1.7;margin:1.5rem 0 0;opacity:.9}
.my-footer-logo img{height:56px;filter:brightness(0) invert(1)}
.my-footer h4{color:var(--my-white);font-size:1.25rem;margin:0 0 1.2rem}
.my-footer-nav a{color:#cbd5e1;line-height:2.2;transition:.2s}
.my-footer-nav a:hover{color:var(--my-white)}
.my-footer-contact ul{list-style:none;padding:0;margin:0;font-size:1rem;line-height:2}
.my-footer-contact li::before{content:"•";color:var(--my-primary);margin-right:.5rem}
.my-footer-bottom{grid-column:1/-1;margin-top:3rem;padding-top:2rem;border-top:1px solid #334155;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.95rem}
.my-social a{display:inline-block;width:40px;height:40px;background:#334155;color:white;text-align:center;line-height:40px;border-radius:50%;margin-right:.8rem;transition:.3s}
.my-social a:hover{background:var(--my-primary);transform:translateY(-3px)}

/* ==================== 響應式 ==================== */
@media (max-width:992px){
    .my-hero-grid,.my-why-grid,.my-posts-grid,.my-footer-grid{grid-template-columns:1fr}
    .my-posts-masonry{column-count:2}
    .my-hero-content,.my-why-image{order:-1;text-align:center}
}
@media (max-width:768px){
    .my-hero h1{font-size:2.8rem}
    .my-latest h2,.my-archive-title,.my-article-title{font-size:2.6rem}
    .my-posts-masonry{column-count:1}
    .my-article-content,.my-article-body{padding:0 1rem}
    .my-article-footer{flex-direction:column;align-items:flex-start}
}
@media (max-width:640px){
    .my-hero-grid,.my-why-grid{grid-template-columns:1fr}
}


.my-archive-hero,
.my-article-hero {
    background: url('https://mydoctor.hk/wp-content/uploads/2025/11/mydoctor-scaled.jpg') center / cover no-repeat,
                linear-gradient(rgba(37,99,235,.92), rgba(30,41,59,.92));
    color: #ffffff;
    padding: 7rem 0 5rem;
    text-align: center;
    position: relative;
}

.my-archive-title,
.my-article-title,
.my-article-meta-top {
    text-shadow: 
   0 2px 4px rgb(98 98 98 / 80%), 0 4px 10px rgba(0, 0, 0, .7), 0 8px 20px rgba(0, 0, 0, .6);
    position: relative;
    z-index: 2;
}

.my-archive-desc,
.my-subtitle {
    text-shadow: 0 2px 8px rgba(0,0,0,.7);
}