/* 팔자기록실 채널 색 포인트 (병풍 디자인은 style.css 그대로) */
.seal{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:var(--pt);color:#fff6e0;font-family:var(--serif);font-size:12.5px;line-height:1.05;font-weight:700;letter-spacing:.02em;box-shadow:inset 0 0 0 2px rgba(255,236,190,.6),0 2px 6px rgba(90,70,30,.18);text-align:center;padding:3px}
.top-cta{background:var(--pt)}
.eyebrow{color:var(--pt);border-color:color-mix(in srgb,var(--pt) 45%,transparent)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 80% 26% at 50% 16%,color-mix(in srgb,var(--pt) 14%,transparent),transparent 72%)}
.hero>*{position:relative}
.hero h1 em{background:linear-gradient(transparent 66%,color-mix(in srgb,var(--pt) 26%,transparent) 66%)}
.glance{border-top:2px solid var(--pt)}
.glance dt,#fromPrice,.qi-price,.card .price{color:var(--pt)}
.kicker{color:var(--pt)}.kicker::before{background:linear-gradient(90deg,transparent,var(--pt))}
.qi{border-left:3px solid var(--pt)}
.qi.soon{cursor:default;opacity:.92}.qi.soon:hover{border-color:var(--line);border-left-color:var(--pt);box-shadow:0 2px 8px rgba(90,70,30,.05)}
.qi-soon{grid-column:1/-1;font-size:12.5px;font-weight:700;color:var(--jade-d);background:var(--jade-l);border-radius:8px;padding:4px 9px;justify-self:start;margin-top:6px}
.picked{border-left-color:var(--pt)}
:root{--pt:#4a5888;--pt-l:#e3e6f1}


/* 팔자기록실 황금빛 보강 (10/29, 대표님 "황금빛이 좀 더") */
:root{--pt:#a07a2c;--gold1:#f4dfa1;--gold2:#d4ac55;--gold3:#9c7428;--gold-grad:linear-gradient(135deg,var(--gold1) 0%,var(--gold2) 45%,var(--gold3) 100%)}
.hero::before{background:radial-gradient(ellipse 85% 34% at 50% 14%,rgba(240,200,110,.38),transparent 72%)}
.hero h1 em{background:linear-gradient(transparent 62%,rgba(226,184,92,.45) 62%)}
.seal{background:var(--gold-grad);color:#3b2b0c;box-shadow:inset 0 0 0 2px rgba(255,246,214,.75),0 2px 8px rgba(156,116,40,.35)}
.top-cta{background:var(--gold-grad);color:#2f2208;border:1px solid #b88d3a}
.eyebrow{color:#8f6a22;border-color:#d4ac55;background:rgba(244,223,161,.25)}
.kicker{color:#8f6a22}.kicker::before{background:linear-gradient(90deg,transparent,#d4ac55)}
.glance{border-top:3px solid #d4ac55;box-shadow:0 -1px 0 #f4dfa1}
.glance dt,#fromPrice,.qi-price,.card .price{color:#8a6420;text-shadow:0 1px 0 rgba(255,240,200,.8)}
.qi{border-left:3px solid #d4ac55}
.card{border-color:#e2c98a;box-shadow:0 0 0 1px rgba(212,172,85,.22) inset,0 6px 18px rgba(156,116,40,.10)}
.menu-head h2,.closing h2{background:linear-gradient(transparent 70%,rgba(226,184,92,.32) 70%);display:inline}
.card .perk{border-color:#e2c98a;background:rgba(244,223,161,.28)}
.btn.line{border-color:#c9a04a;color:#7d5a18}

/* 팔자기록실 실사·몽환 보강 (10/29, 대표님 "실사 같고 몽환적인 게 좋아") — brand.css 맨 아래에 붙임 */
@keyframes mistDrift{0%{transform:translate3d(-4%,0,0)}50%{transform:translate3d(4%,-1.5%,0)}100%{transform:translate3d(-4%,0,0)}}
@keyframes twinkle{0%,100%{opacity:.35}50%{opacity:.9}}
.hero{overflow:hidden;isolation:isolate}
.hero>*{z-index:2}
.hero::after{content:"";position:absolute;inset:-10% -10% 0 -10%;z-index:1;pointer-events:none;
  background:
    radial-gradient(ellipse 40% 18% at 20% 78%,rgba(255,250,235,.55),transparent 70%),
    radial-gradient(ellipse 35% 14% at 70% 70%,rgba(255,246,225,.45),transparent 70%),
    radial-gradient(ellipse 50% 22% at 45% 92%,rgba(255,252,242,.6),transparent 70%),
    radial-gradient(1.6px 1.6px at 62% 34%,rgba(255,236,180,.95),transparent),
    radial-gradient(1.4px 1.4px at 74% 46%,rgba(255,236,180,.9),transparent),
    radial-gradient(1.8px 1.8px at 83% 28%,rgba(255,240,200,.95),transparent),
    radial-gradient(1.2px 1.2px at 56% 52%,rgba(255,236,180,.8),transparent),
    radial-gradient(1.5px 1.5px at 90% 58%,rgba(255,240,200,.85),transparent);
  animation:mistDrift 26s ease-in-out infinite, twinkle 6s ease-in-out infinite}
.hero h1{text-shadow:0 2px 18px rgba(255,246,222,.95),0 0 2px rgba(255,255,255,.8)}
.hero .glance,.glance{background:rgba(255,252,244,.72);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);box-shadow:0 10px 30px rgba(120,90,30,.14)}
.btn.line{background:rgba(255,252,244,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
/* 섹션 바탕: 평면 대신 은은한 금빛 안개 */
.quick,.preview,.gift,.how,.menu,.faq{background-image:radial-gradient(ellipse 70% 40% at 85% 0%,rgba(240,205,130,.16),transparent 70%),radial-gradient(ellipse 60% 35% at 10% 100%,rgba(160,205,190,.14),transparent 70%)}
/* 카드: 반투명 유리 + 금빛 머리카락 선 + 은은한 빛 */
.card,.qi{background-color:rgba(255,253,247,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:rgba(212,172,85,.45)}
.card:hover,.qi:hover{box-shadow:0 0 0 1px rgba(212,172,85,.55),0 14px 36px rgba(196,150,60,.22)}
/* 배경화면 견본: 빛나는 테두리 */
.gift img{border-radius:16px;box-shadow:0 0 0 1px rgba(255,236,190,.7),0 12px 34px rgba(150,110,40,.25),0 0 40px rgba(255,220,150,.25)}
/* 마무리: 안개가 더 짙게 */
.closing{position:relative;overflow:hidden}
.closing::after{content:"";position:absolute;inset:auto -10% 0 -10%;height:45%;pointer-events:none;background:radial-gradient(ellipse 60% 60% at 50% 100%,rgba(255,250,236,.6),transparent 70%);animation:mistDrift 30s ease-in-out infinite}
.closing>*{position:relative;z-index:1}
@media (prefers-reduced-motion:reduce){.hero::after,.closing::after{animation:none}}