@import url('https://fonts.googleapis.com/css2?family=Afacad:wght@400&display=swap');

/* About page content CSS only. Header / footer / menu / floating buttons are handled by Elementor shared templates. */
html,body{overflow:auto!important;height:auto!important;}
body{background:#f2f0e3;}
.elementor-widget-html,.elementor-widget-html .elementor-widget-container{width:100%;}

/* Elementor about page wrappers */
.mobile-about-main{display:none;}
@media(max-width:520px){
  .desktop-main{display:none!important;}
  .mobile-about-main{display:block!important;}
}


    :root{--cream:#f2f0e3;--green:#3c605e;--dark:#333;--gray:#616161;--gold:#d9c96b;--light:#efebdf}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;color:var(--dark);line-height:1.75}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}
    
    
    .hero{position:relative;height:584px;overflow:hidden;background:#ddd}.slides{height:100%;position:relative}.slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover}.slider-dots{position:absolute;left:0;right:0;bottom:22px;display:flex;gap:10px;justify-content:center}.dot{width:15px;height:15px;border:1px solid #fff;border-radius:99px;background:transparent;cursor:pointer}.dot.active{background:#fff}
    .section-title{display:flex;align-items:center;gap:54px;color:var(--green)}.section-title h2{margin:0;font-size:45px;letter-spacing:.3em;line-height:1;font-weight:700;white-space:nowrap}.section-title span{font-family:Afacad,Arial,sans-serif;font-size:31px;letter-spacing:.15em;line-height:1;white-space:nowrap}.reveal{opacity:1!important;transform:none!important;transition:.8s ease}.reveal.show{opacity:1!important;transform:none!important}
    .team{position:relative;min-height:760px;padding:74px 7vw 75px;background:var(--cream) url("https://yi-tian.tw/assets/about/03 專業團隊/底圖.png") center/cover no-repeat}.team-inner{position:relative;max-width:1500px;margin:0 auto}.team-content{width:min(56vw,780px);padding-left:5.2vw}.team-title{display:flex;align-items:center;gap:66px;margin-bottom:58px}.team-title img:first-child{width:255px}.team-title img:last-child{width:228px;padding-top: 14px;}.team-copy-imgs{display:flex;flex-direction:column;gap:42px;max-width:640px}.team-copy-imgs img{width:100%;height:auto}.team-copy-imgs img:nth-child(1){width:380px;transform: translateX(5px);}.team-copy-imgs img:nth-child(2){width:380px;transform: translateX(-60px);}.team-visual{display:none}
    .profile{position:relative;height:min(1377px,94vw);min-height:1377px;background:#345d5a url("https://yi-tian.tw/assets/about/04 地政士個人簡介/底圖.png") center center/100% 100% no-repeat;color:#fff;overflow:hidden;padding:0}
    .profile-inner{position:relative;width:100%;height:100%;max-width:none;margin:0}
    .profile-heading{position:absolute;right:5.4%;top:9.2%;z-index:5;text-align:right;filter:drop-shadow(0 3px 2px rgba(0,0,0,.35))}
    .profile-heading img.zh{width:min(29vw,420px);margin:0 0 14px auto;display:block}
    .profile-heading img.en{width:min(30vw,430px);margin-left:auto;display:block}
    .profile-photo{position:absolute;left:-2.2%;top:15.8%;width:min(60vw,852px);z-index:4}
    .profile-info{position:absolute;left:51.6%;top:43.6%;width:min(12.5vw,190px);z-index:6;text-align:left;transform:none}
    .name-img{width:100%;margin:0;display:block}
    .name-en{display:none}
    .profile-note{position:absolute;right:0%;top:40%;width:min(25vw,380px);color:#6f7470;font-size:min(1.18vw,18px);font-weight:700;letter-spacing:.14em;line-height:1.38;z-index:5;text-align:left;overflow:hidden}
    .profile-note .dotline{display:block;white-space:nowrap}
    .profile-cards{position:absolute;left:13.5%;right:13.5%;bottom:8.8%;display:grid;grid-template-columns:repeat(3,1fr);gap:56px;z-index:6;align-items:end}
    .profile-card{position:relative;background:#E0E2D6;color:var(--green);border:2px solid rgba(60,96,94,.18);border-radius:22px 22px 22px 22px;padding:58px 32px 24px;min-height:200px;height:200px;box-shadow:0 7px 12px rgba(0,0,0,.18);text-align:left;box-sizing:border-box}
    .profile-card::before{content:attr(data-title);position:absolute;left:50%;top:-25px;transform:translateX(-50%);min-width:180px;height:50px;padding:0 34px;border-radius:28px;background:var(--green);color:#F2F0E3;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;letter-spacing:.26em;box-shadow:0 5px 8px rgba(0,0,0,.26);white-space:nowrap}
    .profile-card ul{display:block;margin:0;padding-left:1.2em;color:var(--green);font-size:16px;font-weight:700;letter-spacing:.07em;line-height:1.85}
    .profile-card li{margin:0}
    .profile-block{display:contents}
    .csr{position:relative;min-height:865px;padding:86px 8vw 105px;background:var(--cream) url("https://yi-tian.tw/assets/about/05 社會責任/底圖.png") center/cover no-repeat}.csr-inner{max-width:1260px;margin:0 auto}
    .csr-title{justify-content:flex-start;margin-bottom:32px;margin-left: 13%;margin-right: 13%;align-items: flex-end;}
    .csr-copy{max-width:1180px;margin:0 0 66px;text-align:left;color:#333;font-weight:600;letter-spacing:.22em;line-height:2.25;font-size:16px;margin-left: 13%;margin-right: 13%;}.csr-slider{position:relative;display:flex;align-items:center;justify-content:center;gap:34px}.csr-cards{display:grid;grid-template-columns:0.93fr 1.12fr 0.93fr;align-items:start;gap:0px;max-width:1080px}.csr-card{background:transparent;border-radius:0;overflow:visible;box-shadow:none;transform:translateY(0);transition:.3s}.csr-card:nth-child(2){transform:translateY(-16px)}.csr-card:hover{transform:translateY(-8px)}.csr-card:nth-child(2):hover{transform:translateY(-24px)}.csr-card img{width:100%;height:auto;object-fit:contain}.csr-arrow{width:70px;opacity:.95}
    
    
    
    
    
    
    
    

    @media(max-width:1100px){.team{padding:80px 6vw}.team-inner{grid-template-columns:1fr}.team-visual{display:none}.team-title{gap:36px}.team-title img:first-child{width:220px}.team-title img:last-child{width:300px}.profile{min-height:auto}.profile-inner{min-height:auto}.profile-heading,.profile-photo,.profile-info{position:relative;left:auto;right:auto;top:auto;bottom:auto}.profile-heading{margin-bottom:36px}.profile-photo{width:70%;margin-left:auto}.profile-info{width:100%;margin-top:-50px}.csr-cards{gap:18px}}
    @media(max-width:800px){.hero{height:42vw;min-height:260px}.section-title{display:block}.section-title h2{font-size:32px;letter-spacing:.35em}.section-title span{display:block;margin-top:14px;font-size:24px}.team{padding:62px 24px}.team-title{display:block}.team-title img:first-child{width:210px;margin-bottom:16px}.team-title img:last-child{width:260px}.profile{padding:62px 24px}.profile-heading img.zh{width:280px}.profile-heading img.en{width:285px}.profile-photo{width:100%;margin-top:10px}.profile-info{margin-top:20px}.profile-block{grid-template-columns:1fr}.profile-block img{width:120px}.csr{padding:62px 24px}.csr-copy{text-align:left;letter-spacing:.1em}.csr-title{display:block}.csr-slider{display:block}.csr-arrow{display:none}.csr-cards{grid-template-columns:1fr}}

    @media(max-width:1100px){.team-content{width:100%;padding-left:0}.profile-heading,.profile-photo,.profile-info,.profile-note,.profile-cards{position:relative;left:auto;right:auto;top:auto;bottom:auto}.profile-heading{text-align:left;margin-bottom:32px}.profile-heading img.zh,.profile-heading img.en{margin-left:0}.profile-photo{width:58%;margin:20px auto 0}.profile-info{width:100%;margin-top:20px}.profile-note{width:100%;font-size:16px;margin:24px 0}.profile-cards{display:grid;grid-template-columns:1fr;gap:34px;margin-top:56px}.csr-cards{gap:24px}}
    @media(max-width:800px){.team-copy-imgs img:nth-child(1),.team-copy-imgs img:nth-child(2){width:100%}.profile-cards{grid-template-columns:1fr}.profile-card img{width:120px}.csr-cards{grid-template-columns:1fr}.csr-card:nth-child(2){transform:none}}

    @media(max-width:1100px){.profile{height:auto;min-height:0;background-size:cover;padding:70px 24px}.profile-inner{height:auto;min-height:0}.profile-heading,.profile-photo,.profile-info,.profile-note,.profile-cards{position:relative;left:auto;right:auto;top:auto;bottom:auto}.profile-heading{text-align:left;margin-bottom:32px}.profile-heading img.zh,.profile-heading img.en{margin-left:0}.profile-photo{width:58%;margin:20px auto 0}.profile-info{width:240px;margin:20px auto 0}.profile-note{width:100%;font-size:16px;margin:24px 0}.profile-cards{display:grid;grid-template-columns:1fr;gap:56px;margin-top:70px}.profile-card{min-height:130px}.profile-card::before{font-size:18px}}
    @media(max-width:800px){.profile-heading img.zh{width:280px}.profile-heading img.en{width:285px}.profile-photo{width:100%;max-width:390px}.profile-cards{grid-template-columns:1fr}.profile-card ul{font-size:15px}.profile-card::before{min-width:135px;height:44px;top:-22px}}
  

/* === Desktop-only fixes: keep current menu and all mobile RWD unchanged === */
@media (min-width:801px){
  .desktop-main .hero{
    height:auto;
    min-height:0;
    aspect-ratio:5501/2430;
    background:var(--cream);
  }
  .desktop-main .hero .slides,
  .desktop-main .hero .slide{
    height:100%;
  }
  .desktop-main .hero .slide img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center center;
    background:var(--cream);
  }
}

@media (min-width:1101px){
  .desktop-main .profile{
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:5501/5153;
    background-color:#345d5a;
    background-image:url("https://yi-tian.tw/assets/about/04 地政士個人簡介/底圖.png");
    background-position:center top;
    background-size:100% 100%;
    background-repeat:no-repeat;
    overflow:hidden;
  }
  .desktop-main .profile-inner{
    position:relative;
    width:100%;
    height:100%;
    max-width:none;
    margin:0;
  }
  .desktop-main .profile-heading{
    position:absolute;
    right:5.35%;
    top:7.45%;
    z-index:5;
    text-align:right;
    filter:drop-shadow(0 3px 2px rgba(0,0,0,.35));
  }
  .desktop-main .profile-heading img.zh{
    width:31.55vw;
    max-width:620px;
    min-width:380px;
    margin:0 0 1.05vw auto;
  }
  .desktop-main .profile-heading img.en{
    width:27.65vw;
    max-width:540px;
    min-width:330px;
    margin: 0 auto;
    transform: translateX(-2px);
  }
  .desktop-main .profile-photo{
    position:absolute;
    left:-4%;
    top:12.9%;
    width:61%;
    max-width:none;
    z-index:4;
  }
  .desktop-main .profile-info{
    position:absolute;
    left:51.25%;
    top:43.15%;
    width:13.9%;
    max-width:none;
    z-index:6;
    text-align:left;
    transform:none;
  }
  .desktop-main .profile-note{
    position:absolute;
    left:74.25%;
    right:auto;
    top:39.45%;
    width:19.7%;
    max-width:none;
    color:#6f7470;
    font-size:1.03vw;
    font-weight:700;
    letter-spacing:.14em;
    line-height:1.36;
    z-index:5;
    text-align:left;
    overflow:hidden;
  }
  .desktop-main .profile-note .dotline{
    display:block;
    white-space:nowrap;
  }
  .desktop-main .profile-cards{
    position:absolute;
    left:13.75%;
    right:13.75%;
    bottom:8.7%;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:4.1%;
    z-index:6;
    align-items:end;
  }
  .desktop-main .profile-card{
    height:12.9vw;
    min-height:168px;
    max-height:236px;
    border-radius:22px;
    padding:4.05vw 2.15vw 1.5vw;
  }
  .desktop-main .profile-card::before{
    min-width:13.6vw;
    height:3.45vw;
    min-height:48px;
    max-height:66px;
    top:-1.72vw;
    border-radius:999px;
    font-size:1.4vw;
    letter-spacing:.26em;
  }
  .desktop-main .profile-card ul{
    font-size:1.02vw;
    line-height:1.82;
    letter-spacing:.07em;
  }
}

@media(max-width:414px){
  .m-profile-name-fix{
    top: 469px!important;
  }
  .m-profile-heading-fix{
    top: 469px!important;
  }
  .m-profile-note-fix{
    margin: 0 27px!important;
  }
}

@media(max-width:390px){
  .m-profile-note-fix{
    margin: 0 14px!important;
    top: -45px !important;
  }
  .m-profile-heading-fix{
    left: 10px !important;
    top: 440px !important;
  }
  .m-profile-name-fix{
    right: 40px !important;
    top: 440px !important;
  }
  .m-profile-heading-fix{
    left: 20px !important;
    top: 440px !important;
  }
}

@media(max-width:375px){
  .m-profile-note-fix{
    margin: 0 5px!important;
    top: -45px !important;
  }
  .m-profile-heading-fix{
    left: 10px !important;
    top: 440px !important;
  }
  .m-profile-name-fix{
    right: 40px !important;
    top: 423px !important;
  }
  .m-profile-heading-fix{
    left: 20px !important;
    top: 423px !important;
  }
}

/* Mobile RWD for About page only: desktop/tablet rules above stay unchanged */

@media(max-width:520px){
  body{background:#f2f0e3}
  
  
  
  
  
  

  

  
  

  

  
  .mobile-about-main{display:block;background:#f2f0e3;color:#333}.m-hero{height:206px;background:#ddd;position:relative;overflow:hidden}.m-slides{height:100%;position:relative}.m-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}.m-slide.active{opacity:1}.m-slide img{width:100%;height:100%;object-fit:cover}
  .m-section-title{display:flex;align-items:center;gap:10px;color:#3c605e;white-space:nowrap}.m-section-title h2{font-size:30px;letter-spacing:.35em;line-height:1;margin:0;font-weight:700}.m-section-title span{font-family:Afacad,Arial,sans-serif;font-size:18px;letter-spacing:.1em;line-height:1;margin:0;color:#3c605e}
  .m-team{position:relative;padding:26px 25px 18px;background:#f2f0e3}.m-team-circle{position:absolute;left:0;top:19px;width:51px;height:101px;z-index:0}.m-team-title{position:relative;z-index:1;margin-left:34px;margin-bottom:14px}.m-team-img{position:relative;width:100%;max-width:361px;margin:0 auto 21px;z-index:1}.m-team-copy{font-size:14px;letter-spacing:.05em;line-height:1.82;color:#333;font-weight:500;text-align:justify}.m-team-copy p{margin:0 0 17px}
  .m-profile{position:relative;background:#f2f0e3;padding:0 0 30px;overflow:hidden}.m-profile-visual{position:relative;height:622px;background:url("https://yi-tian.tw/assets/mobile-about/profile-shape-bg.png") center top/cover no-repeat;overflow:hidden}.m-profile-bg{display:none}.m-profile-person{position:absolute;left:48px;top:104px;width:178px;height:auto;z-index:2}.m-profile-heading{position:absolute;left:35px;top:438px;z-index:3;color:#3c605e}.m-profile-heading h2{margin:0 0 6px;font-size:19px;letter-spacing:.34em;line-height:1.1;font-weight:700;white-space:nowrap}.m-profile-heading span{display:block;font-family:Afacad,Arial,sans-serif;font-size:15px;letter-spacing:.11em;line-height:1;white-space:nowrap}.m-profile-name{position:absolute;right:39px;top:438px;z-index:3;color:#3c605e;text-align:center}.m-profile-name h3{margin:0 0 5px;font-size:20px;letter-spacing:.42em;line-height:1.2;font-weight:700;text-indent:.42em;white-space:nowrap}.m-profile-name span{display:block;font-family:Afacad,Arial,sans-serif;font-size:12px;letter-spacing:.06em;white-space:nowrap}.m-profile-note{position:relative;margin:0 35px 0 35px;color:#5e6864;font-size:10px;letter-spacing:.12em;line-height:1.45;font-weight:700;z-index:3}.m-profile-note span{display:block;white-space:nowrap}.m-profile-cards{position:relative;z-index:4;margin:18px 0 0;padding:0 0 18px}.m-profile-cards:before,.m-profile-cards:after{content:"";position:absolute;left:0;right:0;height:55px;background:#3c605e;z-index:-1}.m-profile-cards:before{top:87px}.m-profile-cards:after{bottom:2px}.m-profile-card{position:relative;background:#e0e2d6;border-radius:30px;color:#333;filter:drop-shadow(0 5px 6px rgba(0,0,0,.22));font-size:12px;line-height:1.55;font-weight:600;letter-spacing:.05em}.m-profile-card .m-card-title{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);height:28px;min-width:107px;padding:0 18px;border-radius:16px;background:#3c605e;color:#f2f0e3;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;letter-spacing:.3em;white-space:nowrap}.m-profile-card ul{margin:0;padding-left:18px}.m-profile-card.cert{width:154px;height:119px;margin:0 auto 0 26px;padding:45px 16px 14px}.m-profile-card.edu{width:154px;height:119px;margin:-119px 26px 0 auto;padding:45px 16px 14px}.m-profile-card.exp{width:307px;height:122px;margin:34px auto 0;padding:45px 24px 14px}.m-profile-card.exp .m-card-title{min-width:220px}
  .m-csr{position:relative;background:#f2f0e3;padding:26px 0 42px;overflow:hidden}.m-csr-title{margin:0 24px 12px}.m-csr-copy{font-size:14px;letter-spacing:.05em;line-height:1.85;color:#333;font-weight:500;text-align:justify;margin:0 24px 26px}.m-csr-slider{position:relative;width:100%;overflow:hidden}.m-csr-track{display:flex;gap:20px;width:max-content;transform:translateX(calc((100vw - 306px)/2 - 326px));transition:transform .35s ease}.m-csr-card{width:306px;flex:0 0 306px;background:#c3cec2;border-radius:30px;padding:24px 16px 27px}.m-csr-card img{width:100%;height:auto;border-radius:12px}.m-csr-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;z-index:5;filter:drop-shadow(0 5px 7px rgba(0,0,0,.2))}.m-csr-arrow.left{left:31px}.m-csr-arrow.right{right:31px}
  

  

  

  
  
  
  
  
}

  

/* === Mobile about page correction v2: only <=520px, desktop/tablet untouched === */
@media(max-width:520px){
  .m-team{
    padding:70px 0px 0px 0px!important;
    background:#f2f0e3!important;
    overflow:hidden;
  }
  .m-team-circle{
    left:0!important;
    top:58px!important;
    width:51px!important;
    height:101px!important;
  }
  .m-team-title{
    margin-left:80px!important;
    margin-bottom:30px!important;
  }
  .m-team-title h2{font-size:30px!important;letter-spacing:.32em!important;}
  .m-team-title span{font-size:18px!important;letter-spacing:.12em!important;}
  .m-team-img{
    width:361px!important;
    max-width:calc(100vw - 32px)!important;
    margin:0 0 31px auto!important;
    display:block!important;
  }
  .m-team-copy{
    margin:0 20px 0px 20px!important;
    font-size:14px!important;
    line-height:2.08!important;
    letter-spacing:.055em!important;
    font-weight:500!important;
    text-align:justify!important;
  }
  .m-team-copy p{margin:0 0 24px!important;}

  .m-profile{
    padding:0 0 0!important;
    background:#f2f0e3!important;
    overflow:hidden!important;
  }
  .m-profile-visual{
    height:auto!important;
    background:none!important;
    overflow:visible!important;
  }
  .m-profile-full{
    display:block!important;
    width:100%!important;
    height:auto!important;
  }
  .m-profile-bg,.m-profile-person,.m-profile-heading,.m-profile-name,.m-profile-note{display:none!important;}
  .m-profile-cards{
    position:relative!important;
    display:block!important;
    margin:0!important;
    padding:20px 0 54px!important;
    background:#f2f0e3!important;
    min-height:374px!important;
    z-index:1!important;
  }
  .m-profile-cards:before,
  .m-profile-cards:after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    height:55px!important;
    background:#3c605e!important;
    z-index:-1!important;
    box-shadow:0 5px 8px rgba(0,0,0,.18)!important;
  }
  .m-profile-cards:before{top:108px!important;}
  .m-profile-cards:after{top:282px!important;}
  .m-profile-card-img{
    display:block!important;
    height:auto!important;
    filter:none!important;
    position:relative!important;
    z-index:2!important;
  }
  .m-profile-card-img.cert{
    width:154px!important;
    margin:0 auto 0 48px!important;
  }
  .m-profile-card-img.edu{
    width:154px!important;
    margin:-119px 48px 0 auto!important;
  }
  .m-profile-card-img.exp{
    width:307px!important;
    margin:73px auto 0!important;
  }
  .m-profile-card{display:none!important;}

  .m-csr{
    padding:64px 0 70px!important;
    background:#f2f0e3!important;
    overflow:hidden!important;
  }
  .m-csr-title{
    margin:0 34px 22px!important;
    gap:12px!important;
  }
  .m-csr-title h2{font-size:30px!important;letter-spacing:.32em!important;}
  .m-csr-title span{font-size:18px!important;letter-spacing:.12em!important;}
  .m-csr-copy{
    margin:0 33px 54px!important;
    font-size:14px!important;
    line-height:2.08!important;
    letter-spacing:.055em!important;
    font-weight:500!important;
    text-align:justify!important;
  }
  .m-csr-slider{overflow:visible!important;}
  .m-csr-track{
    gap:20px!important;
    align-items:flex-start!important;
  }
  .m-csr-card{
    width:306px!important;
    flex:0 0 306px!important;
    background:transparent!important;
    border-radius:0!important;
    padding:0!important;
    box-shadow:none!important;
  }
  .m-csr-card img{
    width:306px!important;
    height:auto!important;
    border-radius:0!important;
    display:block!important;
  }
  .m-csr-arrow{
    width:38px!important;
    height:38px!important;
    top:52%!important;
  }
  .m-csr-arrow.left{left:31px!important;}
  .m-csr-arrow.right{right:31px!important;}
}

  

/* === Mobile about v3 text restoration fixes only === */
@media(max-width:520px){
  .m-profile-visual{position:relative!important;}
  .m-profile-heading-fix,
  .m-profile-name-fix,
  .m-profile-note-fix{display:block!important;}
  .m-profile-heading-fix{
    position:absolute!important;
    left:30px;
    top:489px;
    z-index:5!important;
    color:#3c605e!important;
    text-align:center;
  }
  .m-profile-heading-fix h2{
    margin:0 0 6px!important;
    font-size:20px!important;
    letter-spacing:.34em!important;
    line-height:1.1!important;
    font-weight:700!important;
    white-space:nowrap!important;
  }
  .m-profile-heading-fix span{
    display:block!important;
    font-family:Afacad,Arial,sans-serif!important;
    font-size:16px!important;
    letter-spacing:.11em!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .m-profile-name-fix{
    position:absolute!important;
    right:51px;
    top:489px;
    z-index:5!important;
    color:#3c605e!important;
    text-align:center!important;
  }
  .m-profile-name-fix h3{
    margin:0 0 5px!important;
    font-size:20px!important;
    letter-spacing:.42em!important;
    line-height:1.2!important;
    font-weight:700!important;
    text-indent:.42em!important;
    white-space:nowrap!important;
  }
  .m-profile-name-fix span{
    display:block!important;
    font-family:Afacad,Arial,sans-serif!important;
    font-size:12px!important;
    letter-spacing:.06em!important;
    white-space:nowrap!important;
  }
  .m-profile-note-fix{
    position:relative!important;
    margin:0 33px;
    color:#5e6864!important;
    font-size:18px!important;
    letter-spacing:.12em!important;
    line-height:1.45!important;
    font-weight:700!important;
    z-index:3!important;
    top:-55px;
  }

  .m-profile-note-fix span{display:block!important;white-space:nowrap!important;}
  .m-profile-card-img{display:none!important;}
  .m-profile-card{display:block!important;}
  .m-profile-card.cert{width:154px!important;height:119px!important;margin:0 auto 0 48px!important;padding:45px 16px 14px!important;}
  .m-profile-card.edu{width:154px!important;height:119px!important;margin:-119px 48px 0 auto!important;padding:45px 16px 14px!important;}
  .m-profile-card.exp{width:307px!important;height:110px!important;margin:73px auto 0!important;padding:45px 24px 14px!important;}
  .m-profile-card.exp .m-card-title{min-width:220px!important;}

  .m-csr-card{
    width:306px!important;
    flex:0 0 306px!important;
    background:#c3cec2!important;
    border-radius:30px!important;
    padding:24px 16px 27px!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .m-csr-card img{
    width:100%!important;
    height:auto!important;
    border-radius:12px!important;
    display:block!important;
  }
  .m-csr-card-body{display:block!important;padding:20px 12px 0!important;}
  .m-csr-card-body h3{
    margin:0 0 17px!important;
    color:#3c605e!important;
    font-size:15px!important;
    line-height:1.4!important;
    letter-spacing:.02em!important;
    font-weight:800!important;
    text-align:center!important;
  }
  .m-csr-card-body p{
    margin:0!important;
    color:#333!important;
    font-size:15px!important;
    line-height:2!important;
    letter-spacing:.04em!important;
    font-weight:500!important;
    text-align:left!important;
  }
}

  

/* === Mobile about v4: fix CSR card text placement and remove menu overlay blocker === */
@media(max-width:520px){
  
  
  
  

  .m-csr-card{
    width:306px!important;
    height: 450px;
    flex:0 0 306px!important;
    background:#c3cec2!important;
    border-radius:30px!important;
    padding:24px 16px 30px!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  .m-csr-card img{
    width:100%!important;
    height:180px!important;
    object-fit:cover!important;
    object-position:top center!important;
    border-radius:12px!important;
    display:block!important;
  }
  .m-csr-card-body{
    display:block!important;
    padding:21px 0px 0!important;
    margin:0!important;
    background:transparent!important;
  }
  .m-csr-card-body h3{
    margin:0 0 18px!important;
    color:#3c605e!important;
    font-size:16px!important;
    line-height:1.45!important;
    letter-spacing:.02em!important;
    font-weight:800!important;
    text-align:center!important;
  }
  .m-csr-card-body p{
    margin:0!important;
    color:#333!important;
    font-size:15px!important;
    line-height:2!important;
    letter-spacing:.04em!important;
    font-weight:500!important;
    text-align:left!important;
  }
}

/* === Mobile about v5: crop CSR SVG to photo area, remove inner frame === */
@media(max-width:520px){
  
  .m-csr-card{
    overflow:hidden!important;
  }
  .m-csr-photo-crop{
    width:100%!important;
    height:155px!important;
    overflow:hidden!important;
    border-radius:10px!important;
    box-shadow:none!important;
    margin:0!important;
  }
  .m-csr-photo-crop img{
    width:312px!important;
    height:382px!important;
    max-width:none!important;
    object-fit:fill!important;
    object-position:initial!important;
    border-radius:0!important;
    display:block!important;
    transform:translate(-18px,-25px)!important;
  }
  .m-csr-card > img{
    display:none!important;
  }
}

/* === Profile cards update: only 學歷 + 個人經歷 === */

/* 桌機版：改成左小右大，符合截圖1 */
@media (min-width:1101px){
  .desktop-main .profile-cards.profile-cards-new{
    position:absolute !important;
    left:8.2% !important;
    right:8.2% !important;
    bottom:8.6% !important;
    display:grid !important;
    grid-template-columns:0.55fr 1.35fr !important;
    gap:5.2% !important;
    align-items:end !important;
    z-index:6 !important;
  }

  .desktop-main .profile-cards-new .profile-card{
    background:#E0E2D6 !important;
    color:#333 !important;
    border:2px solid rgba(60,96,94,.18) !important;
    border-radius:22px !important;
    box-shadow:0 7px 12px rgba(0,0,0,.18) !important;
    text-align:left !important;
    box-sizing:border-box !important;
  }

  .desktop-main .profile-cards-new .profile-card::before{
    content:attr(data-title) !important;
    position:absolute !important;
    left:50% !important;
    top:-1.72vw !important;
    transform:translateX(-50%) !important;
    height:3.45vw !important;
    min-height:48px !important;
    max-height:66px !important;
    padding:0 3.2vw !important;
    border-radius:999px !important;
    background:#3c605e !important;
    color:#F2F0E3 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:1.4vw !important;
    font-weight:700 !important;
    letter-spacing:.26em !important;
    box-shadow:0 5px 8px rgba(0,0,0,.26) !important;
    white-space:nowrap !important;
  }

  .desktop-main .profile-cards-new .profile-card-edu{
    height:11.8vw !important;
    min-height:175px !important;
    max-height:215px !important;
    padding:4.3vw 2.4vw 1.5vw !important;
  }

  .desktop-main .profile-cards-new .profile-card-exp{
    height:11.8vw !important;
    min-height:175px !important;
    max-height:215px !important;
    padding:3.9vw 3vw 1.5vw !important;
  }

  .desktop-main .profile-cards-new .profile-card-exp::before{
    min-width:22vw !important;
  }

  .desktop-main .profile-cards-new ul{
    margin:0 !important;
    padding-left:1.25em !important;
    color:#333 !important;
    font-size:1.05vw !important;
    font-weight:700 !important;
    letter-spacing:.06em !important;
    line-height:1.82 !important;
  }

  .desktop-main .profile-cards-new .profile-card-exp ul{
    columns:2 !important;
    column-gap:3.5vw !important;
  }

  .desktop-main .profile-cards-new li{
    break-inside:avoid !important;
    margin:0 !important;
  }

  .desktop-main .profile-cards-new li::marker{
    color:#3c605e !important;
  }
}

/* 手機版：改成上下兩張卡，符合截圖2 */
@media (max-width:520px){
  .m-profile-cards.m-profile-cards-new{
    position:relative !important;
    display:block !important;
    margin:0 !important;
    padding:18px 0 70px !important;
    background:#f2f0e3 !important;
    min-height:560px !important;
    z-index:1 !important;
  }

  .m-profile-cards.m-profile-cards-new:before,
  .m-profile-cards.m-profile-cards-new:after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    height:55px !important;
    background:#3c605e !important;
    z-index:-1 !important;
    box-shadow:0 5px 8px rgba(0,0,0,.18) !important;
  }

  .m-profile-cards.m-profile-cards-new:before{
    top:155px !important;
  }

  .m-profile-cards.m-profile-cards-new:after{
    top:530px !important;
  }

  .m-profile-cards-new .m-profile-card{
    position:relative !important;
    display:block !important;
    background:#e0e2d6 !important;
    border-radius:30px !important;
    color:#333 !important;
    filter:drop-shadow(0 5px 6px rgba(0,0,0,.22)) !important;
    font-size:17px !important;
    line-height:1.75 !important;
    font-weight:700 !important;
    letter-spacing:.04em !important;
  }

  .m-profile-cards-new .m-profile-card .m-card-title{
    position:absolute !important;
    left:50% !important;
    top:0 !important;
    transform:translate(-50%,-50%) !important;
    height:36px !important;
    min-width:136px !important;
    padding:0 28px !important;
    border-radius:20px !important;
    background:#3c605e !important;
    color:#f2f0e3 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:18px !important;
    font-weight:700 !important;
    letter-spacing:.28em !important;
    white-space:nowrap !important;
    box-shadow:0 4px 7px rgba(0,0,0,.25) !important;
  }

  .m-profile-cards-new .m-profile-card.edu{
    width:260px !important;
    height:170px !important;
    margin:0 auto 0 !important;
    padding:50px 15px 20px !important;
  }

  .m-profile-cards-new .m-profile-card.exp{
    width:320px !important;
    height:270px !important;
    margin:105px auto 0 !important;
    padding:43px 15px 20px !important;
  }

  .m-profile-cards-new .m-profile-card.exp .m-card-title{
    min-width:220px !important;
  }

  .m-profile-cards-new .m-profile-card ul{
    margin:0 !important;
    padding-left:1.2em !important;
    color:#333 !important;
  }

  .m-profile-cards-new .m-profile-card li{
    margin:0 0 3px !important;
  }

  .m-profile-cards-new .m-profile-card li::marker{
    color:#3c605e !important;
  }

  /* 移除舊的專業證照卡片殘留設定 */
  .m-profile-cards-new .m-profile-card.cert{
    display:none !important;
  }
}
  

/* === Elementor about v2 safety fixes === */
.elementor-widget-html,
.elementor-widget-html .elementor-widget-container{
  width:100%!important;
  max-width:none!important;
}
@media(min-width:521px){
  .desktop-main{display:block!important;width:100%!important;}
  .mobile-about-main{display:none!important;}
}
@media(max-width:520px){
  .desktop-main{display:none!important;}
  .mobile-about-main{display:block!important;width:100%!important;}
}