/* 운세 화면 새 스타일 (.fx- 범위). 테마 CSS 변수에 의존하지 않고 자체 변수를 쓴다. 시안: .ai-team/20261107-funfun-theme/시안-사주운전.html */
.fx{--fx-bg:#fff;--fx-sub:#f5f6f8;--fx-card:#fff;--fx-line:#e6e8ec;--fx-text:#1a1c20;--fx-mute:#6b7280;--fx-pill:#f1f2f4;--fx-pri:#e5501f;--fx-pris:#fdeee8;--fx-no:#dc2626;--fx-btn:#1a1c20;--fx-btnfg:#fff;
  box-sizing:border-box;max-width:960px;margin:0;padding:8px 0 24px;background:transparent;color:var(--fx-text);font:15px/1.6 -apple-system,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;text-align:left}
html[data-theme=dark] .fx{--fx-bg:#121316;--fx-sub:#1c1d21;--fx-card:#1c1d21;--fx-line:#2c2e33;--fx-text:#e8eaed;--fx-mute:#9aa0aa;--fx-pill:#26282d;--fx-pri:#ff6a3d;--fx-pris:#3a2219;--fx-no:#f87171;--fx-btn:#e8eaed;--fx-btnfg:#121316}
.fx *,.fx *::before,.fx *::after{box-sizing:border-box}
.fx.fx-narrow{max-width:720px}
.fx a,.fx a:hover{color:inherit;text-decoration:none}
.fx-lead{margin:0 0 20px;color:var(--fx-mute);font-size:14px;line-height:1.6}
.fx-intro .fx-lead{margin:0}
.fx-h{margin:0 0 4px;font-size:22px;font-weight:700;line-height:1.3;color:var(--fx-text)}

/* 메인: 일진·인기 카드·분류 칩·목록 */
.fx-day{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:20px;padding:8px 14px;border-radius:999px;background:var(--fx-sub);font-size:13px;color:var(--fx-mute)}
.fx-day b{color:var(--fx-text);font-weight:700}
.fx-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}
.fx a.fx-hc{position:relative;display:block;padding:18px;border-radius:14px;background:var(--fx-card);border:1px solid var(--fx-line);color:var(--fx-text)}
.fx a.fx-hc:hover{border-color:var(--fx-pri)}
.fx-hc .fx-ic{display:grid;place-items:center;width:40px;height:40px;margin-bottom:10px;border-radius:12px;font-size:20px;background:var(--fx-pris)}
.fx-hc b{display:block;font-size:16px;font-weight:700}
.fx-hc small{display:block;color:var(--fx-mute);font-size:12.5px}
.fx-hc .fx-pt{position:absolute;top:14px;right:14px;font-size:11.5px;color:var(--fx-pri);font-weight:700}
.fx-chips{display:flex;gap:6px;overflow-x:auto;margin-bottom:14px;padding-bottom:2px;-webkit-overflow-scrolling:touch}
.fx-chips button{flex:none;padding:7px 14px;border:0;border-radius:999px;background:var(--fx-pill);color:var(--fx-text);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.fx-chips button.on{background:var(--fx-pri);color:#fff}
.fx-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px;border-top:1px solid var(--fx-line)}
.fx .fx-list a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 4px;border-bottom:1px solid var(--fx-line);color:var(--fx-text)}
.fx .fx-list a:hover span{color:var(--fx-pri)}
.fx-list a i{flex:none;font-style:normal;color:var(--fx-mute);font-size:12.5px}

/* 입력 */
.fx-intro{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}
.fx-intro>.fx-ic{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;font-size:26px;background:var(--fx-pris)}
.fx-card{background:var(--fx-card);border:1px solid var(--fx-line);border-radius:14px;padding:22px;color:var(--fx-text)}
.fx-card table{width:100%;margin:0;border:0;border-collapse:separate;border-spacing:0 10px;background:transparent}
.fx-card table td{border:0;padding:0;background:transparent;color:var(--fx-text);vertical-align:middle}
.fx-card td.fx-lb{width:110px;padding-right:16px;font-size:13px;font-weight:700;color:var(--fx-mute);vertical-align:top;padding-top:11px;text-align:left}
.fx-card td.fx-lb strong{font-weight:700}
.fx-card td.fx-fd{font-size:14px}
.fx-card tr.fx-payrow{display:none}
.fx-card :is(input[type=text],select){height:44px;border:1px solid var(--fx-line);border-radius:10px;background:var(--fx-bg);color:var(--fx-text);padding:0 12px;font:inherit;font-size:14px;margin:2px 4px 2px 0;max-width:100%}
.fx-card input[type=text]{width:100%;max-width:320px}
.fx-card select{width:auto;min-width:78px;padding-right:8px}
.fx-card :is(input[type=text],select):focus{outline:0;border-color:var(--fx-pri);box-shadow:0 0 0 3px var(--fx-pris)}
.fx-card input[type=radio]{accent-color:var(--fx-pri);margin:0 4px 0 6px;vertical-align:-2px}
.fx-card label.error,.fx-card .error{display:block;margin:2px 0 0;color:var(--fx-no);font-size:12px;font-weight:400}
.fx-card input.error,.fx-card select.error{border-color:var(--fx-no)}
.fx-card.fx-legacy{overflow-x:auto}
.fx-card.fx-legacy img{max-width:100%;height:auto}

/* 결제 줄 */
.fx-pay{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:18px;border-top:1px dashed var(--fx-line)}
.fx-price b{font-size:22px;font-weight:800}
.fx-price small{margin-left:8px;color:var(--fx-mute);font-size:13px}
.fx-payact{display:flex;gap:10px;align-items:center}
.fx-seg{display:inline-flex;background:var(--fx-pill);border-radius:10px;padding:3px}
.fx-seg input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.fx-seg label{margin:0;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;color:var(--fx-mute);cursor:pointer;white-space:nowrap}
.fx-seg input:checked+label{background:var(--fx-card);color:var(--fx-text);box-shadow:0 1px 3px rgba(0,0,0,.15)}
.fx-seg input:focus-visible+label{outline:2px solid var(--fx-pri)}
.fx button.fx-go{height:48px;padding:0 28px;border:0;border-radius:12px;background:var(--fx-pri);color:#fff;font:inherit;font-weight:700;font-size:16px;cursor:pointer}
.fx button.fx-go:hover{filter:brightness(1.05)}

/* 결과 */
.fx-resimg{text-align:center;margin-bottom:12px}
.fx-restext{font-size:15px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}
.fx-back{margin-top:18px;text-align:center}
.fx .fx-back a{display:inline-block;padding:12px 24px;border-radius:12px;background:var(--fx-btn);color:var(--fx-btnfg);font-weight:700}

@media (max-width:640px){
  .fx-hero{grid-template-columns:repeat(2,1fr);gap:10px}
  .fx-list{grid-template-columns:1fr}
  .fx-h{font-size:20px}
  .fx-card{padding:16px}
  .fx-card table,.fx-card tbody,.fx-card tr,.fx-card td{display:block;width:100%}
  .fx-card table{border-spacing:0}
  .fx-card tr{margin-bottom:6px}
  .fx-card td.fx-lb{width:100%;padding:8px 0 4px}
  .fx-card input[type=text]{max-width:none}
  .fx-card td.fx-fd{display:flex;flex-wrap:wrap;align-items:center;gap:4px 2px}
  .fx-card td.fx-fd select{flex:0 1 auto}
  .fx-pay{flex-direction:column;align-items:stretch}
  .fx-payact{justify-content:space-between}
  .fx-payact .fx-go{flex:1}
}
.fx.fx.fx.fx a:not(.btn){color:var(--fx-text)}
.fx.fx.fx.fx .fx-back a:not(.btn){color:var(--fx-btnfg)}
.fx.fx.fx.fx .fx-hc .fx-pt,.fx.fx.fx.fx .fx-list a i{color:var(--fx-mute)}
.fx.fx.fx.fx .fx-hc .fx-pt{color:var(--fx-pri)}
.fx.fx.fx.fx .exam_ing_title a,.fx.fx.fx.fx .check_answer a{color:var(--fx-mute)}
.fx-card tr[bgcolor]{background:transparent!important}
.fx-card tr[bgcolor] td{padding:8px 12px;border-radius:8px;background:var(--fx-sub);color:var(--fx-text);font-size:13px;text-align:center!important}
.fx-card td[bgcolor],.fx-card td[height]{background:var(--fx-sub)!important;border-radius:8px;padding:10px 12px;font-size:13px}
.fx-card td[bgcolor] font{color:var(--fx-pri)!important}