@import url('https://fonts.googleapis.com/css2?family=Afacad:wght@400&display=swap');
:root{
  --cream:#f2f0e3;
  --green:#3c605e;
  --gray:#616161;
  --pale:#dfe5d8;
  --brown:#91743F;
}
*{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:#333;line-height:1.75}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}

.article-page{background:var(--cream);position:relative}
.article-hero{height:250px;background:url('https://yi-tian.tw/assets/info/info-banner.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.article-hero:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.2)}
.article-hero-title{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:28px;color:#F2F0E3;text-align:center;text-shadow:0 3px 10px rgba(0,0,0,.35)}
.article-hero-title h1{margin:0;font-size:38px;letter-spacing:.32em;font-weight:500;line-height:1}
.article-hero-title span{font-size:28px;letter-spacing:.16em;line-height:1}
.article-wrap{position:relative;max-width:1020px;margin:0 auto;padding:62px 30px 88px}
.article-wrap:before{content:"";position:absolute;left:50%;top:120px;width:760px;height:640px;transform:translateX(-50%);background:url('https://yi-tian.tw/assets/info/pages/p2/底圖.png') center top/contain no-repeat;opacity:.05;pointer-events:none}
.article-content{position:relative;z-index:1}
.lead,.body-copy,.compare,.point-list{font-size:16px}
.article-subtitle{font-size:32px}
.info-title{text-align:center;color:var(--green);letter-spacing:.12em;line-height:1.55;margin:0 0 26px;font-weight:500;font-size: 40px;}
.lead{max-width:1020px;margin:0 auto 34px;color:#616161;letter-spacing:.08em;line-height:2.05;font-weight:700;text-align:justify;text-indent: 2em;}
.top-grid{display:grid;grid-template-columns:minmax(0,1fr) 238px;gap:52px;align-items:start;max-width:1020px;margin:0 auto 54px}
.compare{display:grid;grid-template-columns:1fr 1.3fr 0.7fr;gap:36px;color:#5d5d5d;letter-spacing:.08em;line-height:2.05;font-weight:800;padding-top:10px}
.compare-title{color:#616161;font-weight:900;margin:0 0 10px}
.compare ul,.point-list ul{list-style:none;margin:0;padding:0}
.compare li{position:relative;padding-left:20px;margin:3px 0;color: var(--green);}
.point-list li{position:relative;padding-left:20px;margin:3px 0;color: #9C6F64;}
.compare li:before,.point-list li:before{content:"✓";color:#464646;position:absolute;left:0;top:0;color:#464646;font-weight:900}
.compare .brown li{color:#9C6F64;}
.compare .brown li:before{content:"✖";font-size:14px;top:2px;color:#464646;}
.brown{color:var(--brown)}
.will-img{width:225px;margin:0 auto;margin-top: -60px;}
.will-img img{width:100%;border-radius:18px;box-shadow:0 12px 22px rgba(0,0,0,.10)}
.article-subtitle{text-align:center;color:var(--green);letter-spacing:.10em;line-height:1.6;margin:0 0 22px;font-weight:500}
.body-copy{max-width:1020px;margin:0 auto 36px;color:#616161;letter-spacing:.08em;line-height:2.15;font-weight:700;text-align:justify;text-indent: 2em;}
.bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) 505px;gap:54px;align-items:center;max-width:1020px;margin:90px auto 0}
.point-list{letter-spacing:.08em;line-height:2.05;font-weight:800;color:#616161}
.point-list p{margin:0 0 14px}
.point-list .brown{font-weight:900;color:#616161;line-height:2.05}
.flow-img img{width:100%;border-radius:16px;box-shadow:0 8px 18px rgba(0,0,0,.08);margin-top: -60px;}
.more-nav{margin-top:56px;border-top:1px solid rgba(60,96,94,.22);padding-top:28px}
.more-title{color:var(--green);font-size:22px;letter-spacing:.16em;font-weight:800;margin-bottom:18px}
.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.more-card{display:block;background:#e3e8dc;border-radius:18px;padding:16px;color:var(--green);font-weight:800;letter-spacing:.08em;min-height:86px;transition:.25s}
.more-card:hover{background:var(--green);color:#fff;transform:translateY(-3px)}

@media(max-width:900px){
  .article-hero{height:190px}
  .article-hero-title{gap:14px;flex-wrap:wrap}
  .article-hero-title h1{font-size:29px}
  .article-hero-title span{font-size:22px}
  .article-wrap{padding:42px 20px 70px}
  .top-grid,.bottom-grid{grid-template-columns:1fr;gap:24px}
  .compare{grid-template-columns:1fr;gap:18px}
  .will-img{width:100%;max-width:260px}
  .flow-img{max-width:520px;margin:0 auto}
  .more-grid{grid-template-columns:1fr 1fr}
  .info-detail-hero{height:190px}
  .info-detail-hero-title{gap:14px;flex-wrap:wrap}
  .info-detail-hero-title h1{font-size:29px}
  .info-detail-hero-title span{font-size:22px}
  .info-detail-title{font-size:25px}
}

@media(max-width:560px){.more-grid{grid-template-columns:1fr}.article-hero-title h1{font-size:24px}.article-hero-title span{font-size:18px}}

/* Elementor safe mobile display rules */
.info-mobile-wrap,
.mobile-info-page{
  display:none;
}

@media(max-width:520px){
  html,body{
    width:100%!important;
    max-width:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:#f2f0e3!important;
  }

  .article-page{
    display:none!important;
  }

  .info-mobile-wrap,
  .mobile-info-page{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    background:#f2f0e3!important;
    color:#2f6362!important;
    min-height:auto!important;
    overflow:visible!important;
    position:relative!important;
  }
}

@media(max-width:520px){.mi-detail-banner{width:100%;height:142px;object-fit:cover;display:block}.mi-detail-content{padding:22px 27px 45px}.mi-detail-title{margin:0 0 18px;text-align:center;color:#3c605e;font-size:18px;line-height:1.65;letter-spacing:.08em;font-weight:900}.mi-detail-subtitle{font-size:16px;line-height:1.65;letter-spacing:.04em;color:#3c605e;font-weight:900;text-align:center;margin:18px 0 14px}.mi-detail-text{font-size:14px;line-height:2.18;letter-spacing:.06em;color:#616161;font-weight:700;text-align:justify}.mi-detail-text p{margin:0 0 18px}.mi-detail-text .brown,.mi-detail-text .hl{color:#987235;font-weight:900}.mi-detail-img-row{display:flex;align-items:flex-start;justify-content:center;gap:10px;margin:0 -2px 14px}.mi-detail-img-row img{display:block;max-width:100%;height:auto}.mi-detail-img-row.two img{width:calc(50% - 5px)}.mi-detail-caption{font-size:9px;color:#3c605e;letter-spacing:.06em;text-align:left;margin:4px 0 12px;font-weight:700}.mi-detail-caption:before{content:"▲";font-size:8px;margin-right:4px}.mi-detail-list{list-style:none;margin:8px 0 18px;padding:0}.mi-detail-list li{position:relative;margin:3px 0;padding-left:20px}.mi-detail-list li:before{content:"✔";position:absolute;left:0;top:0;color:#333;font-weight:900}.mi-p2-grid{display:grid;grid-template-columns:1fr;gap:18px;align-items:start;margin:0 0 35px}.mi-p2-compare{font-size:14px;line-height:2;letter-spacing:.04em;font-weight:500;color:#616161;margin: 0px 25px;}.mi-p2-compare h3{font-size:14px;color:#616161;margin:0 0 4px}.mi-p2-compare ul{margin:0 0 8px;padding:0;list-style:none}.mi-p2-compare li{position:relative;padding-left:20px}.mi-p2-compare li:before{content:"✓";position:absolute;left:0;color:#464646}.mi-p2-compare .brown li{color:#9C6F64}.mi-p2-compare .brown li:before{content:"✖";font-size:12px;top:0px;color:#464646}.mi-p2-will{width:100%;}.mi-flow{margin:10px -27px 18px}.mi-flow img{width:100%}}