:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match{
  --match-ink:#2f2118;
  --match-muted:#746558;
  --match-gold:#a96322;
  --match-gold-dark:#744018;
  --match-cream:#fbf5eb;
  --match-line:rgba(94,61,34,.18);
  padding:clamp(28px,5vw,72px) clamp(14px,3.4vw,44px);
  background:#f2eadf;
  color:var(--match-ink);
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__frame{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(220px,.55fr);
  gap:clamp(30px,4vw,54px);
  width:min(1240px,100%);
  margin:0 auto;
  padding:clamp(30px,3.6vw,46px);
  overflow:hidden;
  border:1px solid rgba(119,77,39,.18);
  border-radius:34px;
  background:
    radial-gradient(circle at 8% 8%,rgba(224,181,120,.22),transparent 31%),
    linear-gradient(135deg,rgba(255,253,248,.98),rgba(247,237,222,.96));
  box-shadow:0 28px 70px rgba(67,40,20,.10);
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__frame::before{
  content:"";
  position:absolute;
  top:0;
  left:clamp(30px,4vw,62px);
  width:82px;
  height:4px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,#e1b05f,#9b561b);
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__intro{
  align-self:center;
  position:relative;
  z-index:1;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__eyebrow,
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__result-eyebrow{
  margin:0 0 13px;
  color:var(--match-gold-dark);
  font-size:12px;
  font-weight:800;
  line-height:1.4;
  letter-spacing:.18em;
  text-transform:uppercase;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__intro h2{
  max-width:12em;
  margin:0;
  font-family:"Noto Serif TC","Songti TC","Times New Roman",serif;
  font-size:clamp(34px,3.5vw,50px);
  font-weight:700;
  line-height:1.18;
  letter-spacing:-.055em;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__intro h2 span{display:block}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__lead{
  max-width:38em;
  margin:16px 0 0;
  color:#54463c;
  font-size:clamp(15px,1.35vw,18px);
  font-weight:650;
  line-height:1.75;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__source{
  display:block;
  margin:15px 0 0;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__source span{
  display:inline-flex;
  align-items:center;
  padding:0;
  color:#675445;
  font-size:12px;
  font-weight:750;
  letter-spacing:.04em;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__source span::before{
  content:"";
  width:6px;
  height:6px;
  margin-right:8px;
  border-radius:50%;
  background:#b87535;
  box-shadow:0 0 0 4px rgba(184,117,53,.10);
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__panel{
  position:relative;
  z-index:1;
  align-self:center;
  min-height:0;
  padding:0;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__start{
  display:flex;
  min-height:0;
  flex-direction:column;
  justify-content:center;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match.is-engaged .home-match__intro{display:none}
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match.is-engaged .home-match__frame{
  grid-template-columns:1fr;
  width:min(840px,100%);
  padding:clamp(18px,3vw,32px);
}
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match.is-engaged .home-match__panel{
  padding:clamp(24px,3.3vw,42px);
  border:1px solid rgba(113,72,35,.16);
  border-radius:26px;
  background:rgba(255,255,255,.83);
  box-shadow:0 16px 42px rgba(74,44,23,.08);
  backdrop-filter:blur(14px);
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__primary,
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__next,
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__book{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:13px 24px;
  border:1px solid #75431f;
  border-radius:999px;
  background:linear-gradient(135deg,#9f5a24,#6c3818);
  color:#fffaf1;
  font:inherit;
  font-size:15px;
  font-weight:850;
  line-height:1.2;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(91,48,19,.18);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__primary{align-self:flex-start;min-width:190px}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__primary:hover,
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__next:hover,
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__book:hover{
  transform:translateY(-1px);
  filter:saturate(1.08);
  box-shadow:0 14px 30px rgba(91,48,19,.23);
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__primary:focus-visible,
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__next:focus-visible,
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__book:focus-visible,
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__back:focus-visible,
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__option:focus-visible,
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__intro-link:focus-visible,
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__restart:focus-visible{
  outline:3px solid rgba(177,106,38,.32);
  outline-offset:3px;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__privacy{
  display:flex;
  align-items:center;
  gap:8px;
  margin:16px 0 0;
  color:#8a796b;
  font-size:12px;
  font-weight:650;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__privacy::before{
  content:"";
  width:7px;
  height:7px;
  flex:0 0 auto;
  border-radius:50%;
  background:#b87535;
  box-shadow:0 0 0 4px rgba(184,117,53,.12);
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__progress{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px 18px;
  align-items:center;
  margin-bottom:30px;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__progress-track{
  height:4px;
  overflow:hidden;
  border-radius:999px;
  background:#eadfd3;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__progress-bar{
  display:block;
  width:33.333%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#d9a354,#94501d);
  transition:width .3s ease;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__progress-label{
  color:#836e5b;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__step[hidden],
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__result[hidden],
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__form[hidden],
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__start[hidden],
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__free-text[hidden]{display:none!important}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__step-label{
  margin:0 0 10px;
  color:var(--match-gold);
  font-size:12px;
  font-weight:850;
  letter-spacing:.13em;
  text-transform:uppercase;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__step h3{
  margin:0;
  font-size:clamp(22px,2.4vw,31px);
  line-height:1.36;
  letter-spacing:-.025em;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__hint{
  margin:8px 0 20px;
  color:var(--match-muted);
  font-size:13px;
  font-weight:600;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__option{
  position:relative;
  min-height:62px;
  padding:13px 38px 13px 15px;
  border:1px solid var(--match-line);
  border-radius:16px;
  background:rgba(255,253,249,.9);
  color:#48382c;
  font:inherit;
  font-size:14px;
  font-weight:730;
  line-height:1.45;
  text-align:left;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__option::after{
  content:"";
  position:absolute;
  top:50%;
  right:15px;
  width:17px;
  height:17px;
  border:1px solid rgba(105,70,41,.35);
  border-radius:50%;
  transform:translateY(-50%);
  box-shadow:inset 0 0 0 4px #fff;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__option:hover{transform:translateY(-1px);border-color:rgba(153,88,31,.42)}
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__option.is-selected{
  border-color:#a15d24;
  background:#fff8ed;
  box-shadow:0 7px 18px rgba(107,61,27,.08);
}
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__option.is-selected::after{background:#a15d24;border-color:#a15d24}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__free-text{margin-top:12px}
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__free-text textarea{
  box-sizing:border-box;
  width:100%;
  min-height:94px;
  resize:vertical;
  padding:14px 15px;
  border:1px solid rgba(111,73,40,.25);
  border-radius:15px;
  background:#fffdfa;
  color:var(--match-ink);
  font:inherit;
  font-size:14px;
  line-height:1.55;
}
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__free-text textarea:focus{outline:2px solid rgba(172,103,40,.22);border-color:#a46129}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:24px;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__back,
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__restart{
  padding:10px 4px;
  border:0;
  background:transparent;
  color:#765f4d;
  font:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  text-decoration:underline;
  text-decoration-color:rgba(118,95,77,.35);
  text-underline-offset:5px;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__next{min-width:132px;min-height:46px;padding:11px 20px}
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__next:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.42;box-shadow:none;transform:none}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__result-card{
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  gap:18px;
  align-items:start;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__avatar{
  width:86px;
  height:86px;
  object-fit:cover;
  border:4px solid #fff;
  border-radius:50%;
  background:#eee3d6;
  box-shadow:0 8px 24px rgba(61,35,18,.16);
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__result h3{
  margin:1px 0 6px;
  font-size:clamp(26px,3vw,36px);
  line-height:1.15;
  letter-spacing:-.035em;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__result h3:focus{
  outline:none;
  box-shadow:none;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__result-summary{
  margin:0;
  color:#655345;
  font-size:14px;
  font-weight:650;
  line-height:1.65;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__reasons{
  display:grid;
  gap:9px;
  margin:22px 0;
  padding:0;
  list-style:none;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__reasons li{
  position:relative;
  padding-left:23px;
  color:#483a30;
  font-size:14px;
  font-weight:720;
  line-height:1.5;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__reasons li::before{
  content:"";
  position:absolute;
  top:.55em;
  left:2px;
  width:9px;
  height:5px;
  border-left:2px solid #a46329;
  border-bottom:2px solid #a46329;
  transform:rotate(-45deg);
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__result-actions{display:flex;flex-wrap:wrap;gap:10px}
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__book{min-height:48px;font-size:14px}
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__intro-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:11px 18px;
  border:1px solid rgba(103,64,33,.24);
  border-radius:999px;
  background:#fff;
  color:#66472e;
  font-size:14px;
  font-weight:820;
  text-decoration:none;
  cursor:pointer;
}

:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__alternative{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:7px 12px;
  margin-top:22px;
  padding:15px 17px;
  border:1px solid rgba(112,72,38,.14);
  border-radius:16px;
  background:rgba(246,238,228,.72);
}
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__alternative span{grid-row:1/3;color:#8b704f;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__alternative strong{font-size:14px}
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__alternative p{margin:0;color:#6f5b4a;font-size:13px;line-height:1.5}
:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__restart{margin-top:13px}

@media(max-width:900px){
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__frame{grid-template-columns:1fr;gap:22px}
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__intro h2{max-width:12em}
}

@media(max-width:640px){
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match{padding:18px 10px 24px}
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__frame{display:block;padding:18px 16px;border-radius:25px}
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__intro{display:block;padding:0}
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__eyebrow{margin-bottom:9px;font-size:10px}
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__intro h2{max-width:none;font-size:clamp(20px,6.15vw,25px);line-height:1.22;letter-spacing:-.045em}
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__lead{margin-top:10px;font-size:14px;line-height:1.55}
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__source{margin-top:10px}
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__source span{font-size:10.5px}
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__panel{margin-top:15px;min-height:0;padding:0}
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__primary{min-height:50px;padding-top:12px;padding-bottom:12px}
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__privacy{margin-top:10px}
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match.is-engaged .home-match__frame{padding:14px}
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match.is-engaged .home-match__panel{margin:0;padding:23px 17px;border-radius:20px;backdrop-filter:none}
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__primary{width:100%}
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__progress{margin-bottom:23px}
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__step h3{font-size:23px}
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__options{grid-template-columns:1fr;gap:8px}
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__option{min-height:56px;font-size:13px}
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__nav{position:sticky;bottom:8px;margin:20px -4px -4px;padding:8px 4px 4px;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.98) 28%)}
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__next{min-width:148px}
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__result-card{grid-template-columns:68px minmax(0,1fr);gap:14px}
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__avatar{width:68px;height:68px}
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__result h3{font-size:27px}
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__result{
    padding-bottom:calc(
      var(--uc-mobile-nav-base-height,64px)
      + env(safe-area-inset-bottom,0px)
      + var(--sp-16,16px)
    );
  }
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__result-actions{display:grid;grid-template-columns:1fr}
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__book,:is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match__intro-link{width:100%;box-sizing:border-box}
}

@media(prefers-reduced-motion:reduce){
  :is(body.home-v2-page, body[data-page-key="fortune-hub-v2"]) .home-match *{scroll-behavior:auto!important;transition:none!important}
}