/*
Theme Name: Candyshop Landing (v1.3.1 – Dark Gold w/ bundled BG)
Author: ChatGPT
Description: 黑金風，內建背景圖；可在後台覆蓋為自訂背景。含金色光澤字、全站可視化設定。
Version: 1.3.1
Text Domain: candyshop-landing
*/
:root{
  --bg:#2d2c2a; --bg-2:#242321; --fg:#e9d6b0; --fg-muted:#b3a890;
  --gold:#c8a25d; --gold-2:#e9d6b0; --card:#3a3937; --card-border:#4a4846; --radius:18px;
}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"Noto Sans","PingFang TC","Microsoft JhengHei","Hiragino Sans",sans-serif;color:var(--fg);background:var(--bg)}
a{color:var(--gold-2)}
header.csl-top{background:linear-gradient(180deg,rgba(0,0,0,.28) 0%, rgba(0,0,0,0) 100%);padding:clamp(14px,3vw,22px) 14px clamp(16px,3.2vw,26px);text-align:center}
.custom-logo,.csl-logo{width:clamp(160px,60vw,360px);height:auto;display:block;margin:0 auto clamp(6px,2vw,12px);filter:drop-shadow(0 2px 8px rgba(0,0,0,.35))}
.csl-subtitle{max-width:760px;margin:0 auto clamp(8px,2.6vw,14px);line-height:1.55;font-size:clamp(15px,2.6vw,18px);padding:0 8px;color:var(--fg);text-shadow:0 1px 0 rgba(0,0,0,.35)}
.has-sheen .csl-subtitle,.has-sheen h1,.has-sheen h2,.has-sheen h3,.has-sheen h4,.has-sheen h5{background:linear-gradient(180deg,#f1e3c4 0%,#c8a25d 50%,#f1e3c4 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.csl-cta {
  display: inline-block;
  padding: clamp(14px, 2.8vw, 18px) clamp(26px, 4.2vw, 32px);
  border-radius: 999px;
  background: var(--gold);
  color: #1e1d1b;
  text-decoration: none;
  font-weight: 900;
  font-size: clamp(16px, 3.4vw, 20px);
  letter-spacing: .03em;
  box-shadow: 0 8px 22px rgba(0,0,0,.45),
              inset 0 1px 0 rgba(255,255,255,.18);
  transition: transform .08s ease,
              background .2s ease,
              box-shadow .2s ease;
}
.csl-cta:hover {
  transform: translateY(-2px);
  background: var(--gold-2);
  box-shadow: 0 10px 28px rgba(0,0,0,.5),
              inset 0 1px 0 rgba(255,255,255,.22);
}
.csl-cta:hover{background:var(--gold-2);transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,0,0,.42)}
.csl-hero{position:relative;width:100%;overflow:hidden}
.csl-hero .swiper{width:100%;height:min(72vw,520px)}
.csl-hero .swiper-slide{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#111}
.csl-hero img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.02) contrast(1.04)}
.csl-hero .badge{position:absolute;top:10%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.45);border:1px solid rgba(232,210,165,.35);color:var(--fg);border-radius:999px;padding:6px 14px;font-weight:800;letter-spacing:.06em;text-shadow:0 1px 1px rgba(0,0,0,.6);font-size:clamp(15px, 3.2vw, 20px)}
.csl-hero .go-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:auto;border:0;border-radius:10px;padding:14px 26px;background:var(--gold-2);color:#1f1e1c;font-weight:900;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.18);font-size:clamp(13px,2.8vw,16px)}
.csl-faq{background:linear-gradient(180deg,rgba(0,0,0,0) 0%, rgba(0,0,0,.25) 100%);padding:clamp(22px,4vw,36px) 12px clamp(90px,10vw,120px)}
.csl-faq .grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.csl-faq .card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:clamp(14px,2.6vw,18px);min-height:150px;box-shadow:0 10px 24px rgba(0,0,0,.28);color:var(--fg)}
.csl-faq .card h3{margin:0 0 8px;display:flex;align-items:center;gap:10px;font-size:clamp(18px,3vw,20px)}
.csl-faq .icon{width:44px;height:44px;border-radius:50%;background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#1e1d1b;display:inline-flex;align-items:center;justify-content:center;font-weight:900;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.csl-faq p{margin:0;color:var(--fg);opacity:.95;line-height:1.7;font-size:clamp(14px,2.8vw,16px)}
.csl-bottom-bar{position:fixed;right:16px;bottom:16px;display:flex;gap:10px;z-index:30}
.csl-bubble{background:var(--gold);color:#1e1d1b;border-radius:999px;padding:10px 14px;box-shadow:0 6px 16px rgba(0,0,0,.38);font-weight:800;text-decoration:none}
.csl-bubble:hover{background:var(--gold-2)}
footer.site-footer{background:var(--bg-2);color:var(--fg-muted);text-align:center;padding:14px 10px}
@media (max-width:900px){.csl-hero .swiper{height:min(78vw,520px)}.csl-faq .grid{grid-template-columns:1fr}.csl-bottom-bar{right:10px;bottom:10px;gap:8px}.csl-bubble{padding:8px 12px;font-size:14px}}