/* หน้าแรกโทนดอกบัว ชมพูและเขียว */
body.home{background:radial-gradient(ellipse at 8% 10%,#eaf3e333,transparent 55%),#fdfaf4;}
body.home .site-header{padding:15px max(16px,calc((100vw - 652px)/2));min-height:84px;background-image:url('lotus.svg'),linear-gradient(110deg,#fff3f8,#fcfaf4 50%,#eef5e8);background-size:200px 130px,cover;background-position:center 55%,center;background-repeat:no-repeat;}
body.home .site-logo{color:#a60054;font-size:clamp(17px,3.7vw,23px);position:relative;z-index:1;white-space:nowrap;}
body.home .logo-icon,body.home .logo-icon-inner{width:46px;height:46px;}
body.home .logo-icon-inner img{width:40px;height:40px;}
body.home .header-btns{position:relative;z-index:1;}
body.home .hdt-dayname{font-size:11px;}body.home .hdt-date,body.home .hdt-clock{font-size:10px;}body.home .hdt-zodiac{font-size:8px;}
body.home .bottom-nav{background:#fdfaf4f5;border-color:#dce8d6;box-shadow:0 -3px 18px #517f4010;}
body.home .nav-item i,body.home .nav-label{color:#82a08e;}
body.home .nav-item.active i,body.home .nav-item.active .nav-label{color:#db1579;}
.ch-home .hero-twin{gap:14px;margin-top:18px;grid-template-columns:repeat(2,minmax(0,1fr));}
.ch-home .hero-card{padding:23px 20px 22px;border-radius:25px;min-width:0;min-height:280px;display:flex;align-items:stretch;isolation:isolate;}
.ch-home .hero-card-inner{display:flex;flex-direction:column;align-items:flex-start;min-width:0;width:100%;}
.ch-home .hero-card::before,.ch-home .feat-card::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background-repeat:no-repeat;}
.ch-home .hero-gacha,.ch-home .feat-pale{background:linear-gradient(140deg,#fff5f9,#f7e1ed);border:1.5px solid #eec4d8;box-shadow:0 7px 24px #a5326310;}
.ch-home .hero-gacha::before{background-image:url('lotus.svg');background-size:215px auto;background-position:calc(100% + 60px) calc(100% + 26px);opacity:.65;}
.ch-home .hero-fortune,.ch-home .feat-pink{background:linear-gradient(140deg,#f5faf0,#e3f0d9);border:1.5px solid #c5ddbd;box-shadow:0 7px 24px #537b4010;}
.ch-home .hero-fortune::before{background-image:url('zodiac.svg');background-size:240px auto;background-position:calc(100% + 53px) calc(100% + 30px);opacity:.6;}
.ch-home .hero-card-title{font-size:clamp(22px,4.9vw,29px);line-height:1.24;letter-spacing:-.025em;margin:4px 0 14px;font-weight:700;}
.ch-home .hero-gacha .hero-card-title{color:#8b1253;}.ch-home .hero-fortune .hero-card-title{color:#24553f;}
.ch-home .hero-card-desc{font-size:clamp(12px,2.65vw,15px);line-height:1.65;margin-bottom:22px;}
.ch-home .hero-gacha .hero-card-desc{color:#a05a81;}.ch-home .hero-fortune .hero-card-desc{color:#61856b;}
.ch-home .hero-eyebrow{font-size:clamp(10px,2.35vw,12px);letter-spacing:0;padding:5px 10px;border-radius:30px;max-width:100%;margin-bottom:10px;}
.ch-home .hero-gacha .hero-eyebrow{color:#ad5688;background:#f5dce9;border:1px solid #e9b7d0;}
.ch-home .hero-fortune .hero-eyebrow{color:#558567;background:#e5f2dd;border:1px solid #bdd9b4;}
.ch-home .hero-card-cta{font-size:clamp(13px,2.8vw,16px);padding:10px 18px;min-height:44px;margin-top:auto;gap:7px;white-space:nowrap;max-width:100%;}
.ch-home .hero-gacha .hero-card-cta{color:#fff;background:linear-gradient(135deg,#ed76b1,#ca2c82);box-shadow:0 5px 15px #d92e852e;}
.ch-home .hero-fortune .hero-card-cta{background:linear-gradient(135deg,#8ab878,#468956);color:#fff;box-shadow:0 5px 15px #438a5630;}
.ch-home .hero-card-bg-icon,.ch-home .hero-sparkle{display:none;}
.ch-home .section{padding-top:22px;}.ch-home .section-head{gap:12px;}
.ch-home .section-title{font-size:21px;color:#326447;white-space:nowrap;gap:9px;}
.ch-home .section-title::before{content:'❧';font-size:29px;line-height:1;color:#69966d;background:none;width:auto;height:auto;}
.ch-home .section-head::after{content:'✦';color:#8aa687;font-size:17px;flex:1;text-align:right;border-bottom:1px solid #b9cdb3;padding-bottom:4px;}
.ch-home .section-more{font-size:12px;order:1;}
.ch-home .feat-grid{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));}
.ch-home .feat-card{border-radius:23px;padding:20px;isolation:isolate;min-width:0;}
.ch-home .feat-full{padding:24px;min-height:177px;}.ch-home .feat-card-body{position:relative;z-index:1;min-width:0;}
.ch-home .feat-dark{background:linear-gradient(115deg,#c83c88,#e77fab 65%,#efafd0);box-shadow:0 8px 24px #bd367a1a;}
.ch-home .feat-dark::before{background-image:url('moon.svg');background-size:auto 220px;background-position:right bottom;opacity:.75;}
.ch-home .feat-pink::before{background-image:url('zodiac.svg');background-size:180px;background-position:calc(100% + 60px) bottom;opacity:.35;}
.ch-home .feat-pale::before{background-image:url('moon.svg');background-size:165px;background-position:calc(100% + 55px) bottom;opacity:.5;}
.ch-home .feat-tag{display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;border-radius:25px;margin-bottom:9px;letter-spacing:0;}
.ch-home .feat-dark .feat-tag{color:#fff;background:#ffffff14;border:1px solid #ffffff60;}
.ch-home .feat-pink .feat-tag{color:#548260;background:#dfecd4;border:1px solid #bdd6b2;}
.ch-home .feat-pale .feat-tag{color:#a95786;background:#f4d9e7;border:1px solid #e5b5ce;}
.ch-home .feat-name{font-size:clamp(20px,4vw,24px);line-height:1.16;margin-bottom:10px;font-weight:700;}
.ch-home .feat-full .feat-name{font-size:27px;}
.ch-home .feat-pink .feat-name{color:#28573f;}.ch-home .feat-pale .feat-name{color:#8b1253;}
.ch-home .feat-desc{font-size:clamp(11px,2.5vw,14px);line-height:1.6;margin-bottom:16px;}
.ch-home .feat-full .feat-desc{font-size:14px;max-width:75%;color:#ffeaf5;}
.ch-home .feat-pink .feat-desc{color:#61856b;}.ch-home .feat-pale .feat-desc{color:#a05a81;}
.ch-home .feat-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:clamp(10px,2.25vw,13px);padding:9px 12px;min-height:40px;max-width:100%;white-space:normal;text-align:center;line-height:1.35;}
.ch-home .feat-pink .feat-btn{color:#fff;background:linear-gradient(135deg,#8ab878,#468956);border:none;box-shadow:0 4px 12px #438a5620;}
.ch-home .feat-pale .feat-btn{color:#fff;background:linear-gradient(135deg,#ed76b1,#ca2c82);box-shadow:0 4px 12px #d92e8520;}
.ch-home .feat-dark .feat-btn{font-size:14px;padding:9px 17px;}
.ch-home .feat-bg-icon{z-index:-1;}.ch-home .feat-full .feat-bg-icon{display:none;}
.ch-home .feat-pink .feat-bg-icon{color:#568960;opacity:.23;}.ch-home .feat-pale .feat-bg-icon{color:#d864a3;opacity:.35;}
.ch-home .svc-thumb.t-gacha{background:linear-gradient(135deg,#fff0f7,#f5d8e8);}.ch-home .svc-ph-gacha{color:#bd2d7a!important;filter:none;}
.ch-home .svc-badge-new{background:#f4d9e7;color:#9a396d;border:1px solid #e5b5ce;}
.ch-home a:focus-visible{outline:3px solid #cf2e80;outline-offset:4px;}
@media(max-width:430px){body.home .site-header{padding:13px 14px;min-height:77px;background-size:150px 100px,cover;background-position:59% 65%,center;}.ch-home .hero-twin,.ch-home .feat-grid{gap:10px;}.ch-home .hero-card{padding:18px 13px;min-height:252px;}.ch-home .feat-card{padding:16px 13px;}.ch-home .hero-card-desc{font-size:12px;}.ch-home .hero-card-title{font-size:22px;}.ch-home .hero-eyebrow{font-size:9px;padding:5px 7px;}.ch-home .feat-full{padding:20px;}.ch-home .feat-full .feat-desc{max-width:82%;}.ch-home .feat-btn i{flex-shrink:0;}}
@media(max-width:350px){body.home .site-logo{font-size:15px;gap:7px;}body.home .logo-icon,body.home .logo-icon-inner{width:36px;height:36px;}body.home .logo-icon-inner img{width:31px;height:31px;}body.home .btn-login,body.home .btn-register{font-size:10px;padding:6px 9px;}.ch-home .hero-card-title{font-size:19px;}.ch-home .hero-card-desc{font-size:11px;}.ch-home .hero-card-cta{font-size:12px;padding:9px 12px;}.ch-home .hero-eyebrow{font-size:8px;}.ch-home .feat-name{font-size:19px;}.ch-home .feat-btn{font-size:10px;padding:8px 9px;}}
@media(prefers-reduced-motion:reduce){body.home .fade-up,body.home .logo-icon::before,body.home .logo-icon::after{animation:none;}.ch-home a{transition:none;}}
/* ภาพตกแต่งละเอียดตามต้นแบบ */
body.home .site-header{background-image:url('lotus-detail.webp'),linear-gradient(110deg,#fff6fa,#fcfaf4 50%,#f5f8ef);background-size:185px auto,cover;background-position:56% center,center;}
.ch-home .hero-twin{margin-left:18px;margin-right:18px;gap:14px;}
.ch-home .hero-card{border-radius:25px;min-height:280px;padding:21px 19px;}
.ch-home .hero-gacha{background:linear-gradient(145deg,#fff3f8,#f8dfed);}
.ch-home .hero-gacha::before{background-image:url('lotus-detail.webp');background-size:160px auto;background-position:calc(100% + 30px) calc(100% + 7px);opacity:.8;}
.ch-home .hero-fortune{background:#edf6e7;}
.ch-home .hero-fortune::before{background-image:url('green-zodiac.webp');background-size:cover;background-position:center;opacity:1;}
.ch-home .hero-card-title{font-size:clamp(22px,4.9vw,29px);margin-bottom:12px;}
.ch-home .hero-card-desc{margin-bottom:19px;}
.ch-home .section{padding-left:18px;padding-right:18px;}
.ch-home .section-title::before{display:none;}.ch-home .section-title i{font-size:23px;color:#679c72;}
.ch-home .section-head{margin-bottom:13px;align-items:center;}
.ch-home .section-head::after{content:'✦  ✦';border:0;background:linear-gradient(#c1d2b8,#c1d2b8) left center/calc(100% - 40px) 1px no-repeat;font-size:13px;padding:0;line-height:1;color:#82a68c;}
.ch-home .feat-full{min-height:177px;padding:20px 23px;}
.ch-home .feat-dark{background:#d65799;}
.ch-home .feat-dark::before{background-image:url('pink-moon.webp');background-size:cover;background-position:center;opacity:1;}
.ch-home .feat-full .feat-desc{max-width:80%;}
.ch-home .feat-pink::before{background-image:url('green-zodiac.webp');background-size:cover;background-position:center;opacity:.65;}
.ch-home .feat-pale::before{background-image:url('pink-moon.webp');background-size:auto 100%;background-position:right center;opacity:.13;}
.ch-home .feat-card:not(.feat-full) .feat-bg-icon{right:9px;bottom:17px;font-size:63px;opacity:.32;}
.ch-home .feat-pink .feat-bg-icon{color:#64985e;}.ch-home .feat-pale .feat-bg-icon{color:#d360a0;}
.ch-home .feat-card:not(.feat-full){min-height:170px;display:flex;flex-direction:column;align-items:flex-start;}
.ch-home .feat-card:not(.feat-full) .feat-btn{margin-top:auto;}
body.home .bottom-nav{background-image:url('lotus-detail.webp');background-size:120px auto;background-position:left -48px bottom -23px;background-repeat:no-repeat;}
@media(max-width:430px){body.home .site-header{background-size:125px auto,cover;background-position:57% center,center;}.ch-home .hero-twin{margin-left:14px;margin-right:14px;gap:10px;}.ch-home .section{padding-left:14px;padding-right:14px;}.ch-home .hero-card{min-height:230px;padding:16px 12px;}.ch-home .hero-card-title{font-size:22px;}.ch-home .hero-card-desc{font-size:11px;}.ch-home .hero-eyebrow{margin-bottom:8px;}.ch-home .hero-gacha::before{background-size:118px auto;background-position:calc(100% + 20px) calc(100% + 6px);}.ch-home .feat-card:not(.feat-full){min-height:174px;padding:14px 12px;}.ch-home .feat-full{min-height:147px;padding:18px;}.ch-home .feat-full .feat-name{font-size:23px;}.ch-home .feat-full .feat-desc{font-size:12px;max-width:85%;}.ch-home .feat-name{font-size:20px;}.ch-home .feat-card:not(.feat-full) .feat-bg-icon{font-size:48px;right:6px;bottom:47px;}.ch-home .feat-card:not(.feat-full) .feat-desc{font-size:11px;}.ch-home .feat-btn{font-size:10px;}}
@media(max-width:350px){.ch-home .hero-card-title{font-size:19px;}.ch-home .hero-card-desc{font-size:10px;}.ch-home .hero-card{min-height:225px;}.ch-home .feat-name{font-size:18px;}.ch-home .feat-btn{font-size:9px;}}
/* การ์ดตรวจสอบคิวใช้ใบไม้และกระดาน ไม่มีวงล้อ */
.ch-home .feat-pink{background:#edf5e6;}
.ch-home .feat-pink::before{background-image:url('queue-leaves.webp');background-size:cover;background-position:right center;opacity:1;}
.ch-home .feat-pink .feat-bg-icon{display:none;}
/* กาชาคงสีชมพูเดิม เปลี่ยนเฉพาะดอกบัวและดาว */
.ch-home .hero-gacha::before{background-image:url('gacha-lotus-stars.webp');background-size:100% 100%;background-position:center;opacity:.6;}
/* เพิ่มความชัดของลายเส้นบนพื้นชมพูอ่อน */
.ch-home .hero-gacha::before{
  filter:brightness(0) saturate(100%) invert(47%) sepia(23%) saturate(1120%) hue-rotate(279deg) brightness(96%) contrast(87%);
  opacity:.65;
}
/* กาชาและปฏิทินใช้สีพื้นและปุ่มชุดเดียวกัน */
.ch-home .hero-gacha,.ch-home .feat-pale{
  background:linear-gradient(145deg,#fff0f7,#f7dcea);
  border-color:#eec4d8;
}
.ch-home .hero-gacha .hero-card-cta,.ch-home .feat-pale .feat-btn{
  background:linear-gradient(135deg,#ed76b1,#ca2c82);
  color:#fff;
}
.ch-home .feat-pale::before{filter:grayscale(1);mix-blend-mode:luminosity;opacity:.13;}

/* ผังดวงไทยสำหรับการ์ดดูดวงจากชื่อ */
.ch-home .hero-fortune::before{background-image:url('green-thai-chart.webp?v=9');}

/* สีแบนเนอร์จองคิวตามภาพอ้างอิง */
.ch-home .feat-dark{background:#d46d9e;}
.ch-home .feat-dark::before{background-image:url('pink-moon-soft.webp');}

/* ปฏิทินสีชมพูและพระจันทร์ตามต้นแบบ */
.ch-home .feat-pale{background:#fceaf2;border-color:#eac4d7;}
.ch-home .feat-pale::before{background-image:url('calendar-pink-moon.webp');background-size:100% 100%;background-position:center;opacity:1;filter:none;mix-blend-mode:normal;}
.ch-home .feat-pale .feat-name{color:#8b1253;}
.ch-home .feat-pale .feat-desc{color:#ad568b;}
.ch-home .feat-pale .feat-tag{background:#f7dce9;color:#a44981;border-color:#e5b7d0;}
.ch-home .feat-pale .feat-btn{background:linear-gradient(135deg,#e763a5,#bd287b);color:#fff;}
.ch-home .feat-card.feat-pale .feat-bg-icon{color:#dc63a4;opacity:.65;font-size:80px;right:12px;bottom:16px;}
@media(max-width:430px){.ch-home .feat-card.feat-pale .feat-bg-icon{font-size:60px;right:8px;bottom:14px;}}

.ch-home .hero-gacha{position:relative;isolation:isolate;overflow:hidden;}
.ch-home .hero-gacha::before{
  content:"";position:absolute;inset:auto -35% 0 35%;height:55%;
  background:url('gacha-lotus-full.webp?v=20261023') center bottom/100% auto no-repeat;
  opacity:1;filter:none;mix-blend-mode:multiply;pointer-events:none;z-index:0;
}
.ch-home .hero-gacha > *{position:relative;z-index:1;}

.ch-home .hero-gacha::before {
  inset: auto -15% 0 25%;
  height: 55%;
  background-size: 100% auto;
  background-position: center bottom;
}

.ch-home .hero-gacha::before {
  clip-path: inset(0 0 0 3px);
}