#tarotV2App{max-width:780px;margin:0 auto;padding:16px 12px;font-family:’Pretendard’,’Noto Sans KR’,sans-serif;color:#111}
#tarotV2App *{box-sizing:border-box;word-break:keep-all}
.tv2-card{background:#fff;border-radius:26px;padding:24px 16px;box-shadow:0 8px 28px rgba(0,0,0,.08);margin-bottom:22px;text-align:center}
.tv2-hero{background:linear-gradient(135deg,#111827,#312e81,#7c2d12);color:#fff}
.tv2-badge{display:inline-block;background:#ffeb3b;color:#111;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:900;margin-bottom:14px}
.tv2-title{font-size:34px;font-weight:900;line-height:1.3;margin-bottom:12px;color:#ffd86b}
.tv2-sub{font-size:16px;line-height:1.75;color:#f8fafc;margin-bottom:20px}
.tv2-start-box{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);border-radius:18px;padding:18px;font-size:15px;line-height:1.75;font-weight:800;margin:18px 0}
.tv2-btn{display:block;width:100%;border:none;border-radius:18px;background:#ffeb3b;color:#111;font-size:20px;font-weight:900;padding:18px;margin-top:16px;cursor:pointer;text-decoration:none}
.tv2-black-btn{background:#111;color:#ffd86b!important}.tv2-blue-btn{background:#0d47a1;color:#ffeb3b!important}.tv2-yellow-btn{background:#fee500;color:#111!important}
.tv2-ad{margin:22px 0;padding:8px;background:#fff;border-radius:16px;min-height:110px;overflow:hidden}
.tv2-step-title{font-size:29px;font-weight:900;line-height:1.35;margin-bottom:10px}.tv2-step-sub{font-size:15px;color:#555;line-height:1.7;margin-bottom:18px}
.tv2-pray-box{background:#fff8e1;border:1px solid #facc15;border-radius:18px;padding:17px;font-size:16px;font-weight:900;line-height:1.7;margin:18px 0}.tv2-progress{font-size:15px;font-weight:900;color:#4f46e5;margin-bottom:14px}
.tv2-card-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:18px}.tv2-tarot-card{aspect-ratio:.72/1;border-radius:13px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.2);position:relative;overflow:hidden;transition:.22s;border:2px solid rgba(255,255,255,.35)}
.tv2-tarot-card:hover{transform:translateY(-4px)}.tv2-tarot-inner{width:82%;height:86%;border:1.5px solid rgba(255,255,255,.78);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;text-shadow:0 2px 7px rgba(0,0,0,.45)}.tv2-symbol{font-size:31px;margin-bottom:8px}.tv2-card-text{font-size:12px;font-weight:900;line-height:1.25;padding:0 4px}.tv2-selected{outline:4px solid #ffeb3b;transform:translateY(-5px) scale(1.02)}.tv2-reveal{animation:tv2Flip .45s ease}@keyframes tv2Flip{0%{transform:rotateY(0deg) scale(1)}50%{transform:rotateY(90deg) scale(.96)}100%{transform:rotateY(0deg) scale(1.02)}}
.tv2-picked-result{background:#f7f9ff;border:1px solid #dbe6ff;border-radius:18px;padding:18px;margin-top:18px;text-align:left;line-height:1.75;font-size:16px}.tv2-picked-result strong{font-size:19px}.tv2-score{font-size:54px;font-weight:900;color:#4f46e5;margin:12px 0}.tv2-grade{background:#fff8e1;border:1px solid #facc15;border-radius:18px;padding:18px;font-size:18px;font-weight:900;line-height:1.7;margin:18px 0}
.tv2-score-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.tv2-score-box{background:#fff;border:1px solid #eee;border-radius:16px;padding:15px 10px;font-weight:900;font-size:16px;line-height:1.6;box-shadow:0 3px 10px rgba(0,0,0,.05)}.tv2-score-box small{display:block;font-size:13px;color:#555;margin-top:4px}
.tv2-section{background:#fafafa;border-radius:20px;padding:22px 18px;margin-top:18px;font-size:16px;line-height:1.95;text-align:left}.tv2-section h3{font-size:22px;margin:0 0 12px}.tv2-love{background:#fff1f2;border:1px solid #fecdd3}.tv2-money{background:#fffaf0;border:1px solid #fde68a}.tv2-people{background:#ecfdf5;border:1px solid #bbf7d0}.tv2-chance{background:#eff6ff;border:1px solid #bfdbfe}.tv2-luck{background:#f5f3ff;border:1px solid #ddd6fe}
.tv2-picked-list{background:#111827;color:#fff;border-radius:20px;padding:20px 16px;margin-top:20px;text-align:left}.tv2-picked-list h3{color:#ffd86b;margin:0 0 12px;font-size:22px}.tv2-picked-item{background:rgba(255,255,255,.1);border-radius:14px;padding:12px;margin:9px 0;font-weight:900;line-height:1.6}.tv2-vip-lock{background:linear-gradient(135deg,#111827,#312e81,#7c2d12);color:#fff;border-radius:22px;padding:24px 18px;margin-top:22px;text-align:center}.tv2-vip-lock h3{font-size:25px;margin:0 0 12px;color:#ffd86b}.tv2-vip-list{background:rgba(255,255,255,.1);border-radius:16px;padding:16px;text-align:left;font-weight:800;line-height:1.9;margin:16px 0}.tv2-related{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.tv2-related a{display:block;background:#fff;border:1px solid #eee;border-radius:16px;padding:16px 10px;text-align:center;text-decoration:none;color:#111;font-size:16px;font-weight:900;box-shadow:0 3px 10px rgba(0,0,0,.05)}
@media(max-width:768px){#tarotV2App{padding:0}.tv2-card{border-radius:0;padding:22px 12px;box-shadow:none}.tv2-title{font-size:29px}.tv2-step-title{font-size:25px}.tv2-card-grid{grid-template-columns:repeat(5,1fr);gap:6px}.tv2-symbol{font-size:23px}.tv2-card-text{font-size:10px}.tv2-score{font-size:44px}.tv2-section{font-size:15px;padding:19px 15px}.tv2-score-grid{grid-template-columns:1fr 1fr}.tv2-related{grid-template-columns:1fr}}@media(max-width:420px){.tv2-card-grid{gap:5px}.tv2-symbol{font-size:21px}.tv2-card-text{font-size:9px}}
const tv2Steps=[
{key:’love’,title:’💘 Today’s Love Vibe’,sub:’See what the cards say about romance, flirting, texts, and relationships.’,className:’tv2-love’,cards:[{name:’Moon Goddess’,icon:’🌙’,colors:[‘#4c1d95′,’#7e22ce’,’#c084fc’]},{name:’Red Rose’,icon:’🌹’,colors:[‘#7f1d1d’,’#dc2626′,’#fb7185′]},{name:’Butterfly Promise’,icon:’🦋’,colors:[‘#1e3a8a’,’#2563eb’,’#93c5fd’]},{name:’Star of Fate’,icon:’⭐’,colors:[‘#312e81′,’#4f46e5′,’#facc15′]},{name:’Angel Feather’,icon:’🕊’,colors:[‘#0f172a’,’#64748b’,’#e2e8f0′]}]},
{key:’money’,title:’💰 Today’s Money Vibe’,sub:’Get a read on spending, income, expenses, and your overall financial flow.’,className:’tv2-money’,cards:[{name:’Golden Key’,icon:’🔑’,colors:[‘#78350f’,’#d97706′,’#fde68a’]},{name:’Treasure Chest’,icon:’💎’,colors:[‘#164e63′,’#0891b2′,’#a5f3fc’]},{name:’Sun Door’,icon:’☀’,colors:[‘#7c2d12′,’#f97316′,’#fde047′]},{name:’Golden Lion’,icon:’🦁’,colors:[‘#451a03′,’#b45309′,’#facc15′]},{name:’Silver Coin’,icon:’🪙’,colors:[‘#111827′,’#64748b’,’#f8fafc’]}]},
{key:’people’,title:’👥 Today’s Relationship Vibe’,sub:’See what’s ahead for conversations, connections, helpful people, and misunderstandings.’,className:’tv2-people’,cards:[{name:’Bridge of Trust’,icon:’🤝’,colors:[‘#064e3b’,’#059669′,’#6ee7b7′]},{name:’Peace Bird’,icon:’🕊’,colors:[‘#0c4a6e’,’#0284c7′,’#bae6fd’]},{name:’Tree of Connection’,icon:’🌳’,colors:[‘#14532d’,’#16a34a’,’#86efac’]},{name:’Communication Star’,icon:’💬’,colors:[‘#1e1b4b’,’#4338ca’,’#a5b4fc’]},{name:’Crown of Allies’,icon:’👑’,colors:[‘#581c87′,’#9333ea’,’#facc15′]}]},
{key:’chance’,title:’🚀 Today’s Opportunity Vibe’,sub:’Discover the energy around challenges, choices, timing, and fresh opportunities.’,className:’tv2-chance’,cards:[{name:’Wings of Momentum’,icon:’🚀’,colors:[‘#0f172a’,’#2563eb’,’#38bdf8′]},{name:’Rainbow Door’,icon:’🌈’,colors:[‘#831843′,’#db2777′,’#fde047′]},{name:’Window of Opportunity’,icon:’🎯’,colors:[‘#1e293b’,’#0ea5e9′,’#f97316′]},{name:’Spark of Courage’,icon:’🔥’,colors:[‘#7f1d1d’,’#ea580c’,’#facc15′]},{name:’Arrow to the Goal’,icon:’🏹’,colors:[‘#312e81′,’#7c3aed’,’#c4b5fd’]}]},
{key:’luck’,title:’🍀 Today’s Lucky Vibe’,sub:’Find out what the cards say about luck, surprises, good news, and positive momentum.’,className:’tv2-luck’,cards:[{name:’Four-Leaf Clover’,icon:’🍀’,colors:[‘#052e16′,’#16a34a’,’#bbf7d0′]},{name:’Star of Blessings’,icon:’🌟’,colors:[‘#1e1b4b’,’#4f46e5′,’#facc15′]},{name:’Gift Box’,icon:’🎁’,colors:[‘#7f1d1d’,’#e11d48′,’#fda4af’]},{name:’Golden Sun’,icon:’☀’,colors:[‘#78350f’,’#f59e0b’,’#fde68a’]},{name:’Silver Moon’,icon:’🌙’,colors:[‘#111827′,’#475569′,’#cbd5e1’]}]}
];
let tv2CurrentStep=0;let tv2Results=[];
function tv2Ad(){return `
`}
function tv2AdPush(){setTimeout(function(){try{(adsbygoogle=window.adsbygoogle||[]).push({})}catch(e){}},300)}
function tv2Hash(str){let h=0;for(let i=0;i<str.length;i++){h=((h<=92)return ‘Excellent’;if(score>=86)return ‘Very good’;if(score>=78)return ‘Good’;if(score>=68)return ‘Pretty good’;return ‘Needs attention’}
function tv2RenderHome(){tv2CurrentStep=0;tv2Results=[];document.getElementById(‘tarotV2App’).innerHTML=`
🔮 TODAY TAROT
Your Daily Tarot Reading
Pull five cards to see
Before you begin, close your eyes for three seconds and ask yourself:
Draw My Fate Cards → ${tv2Ad()}
Five Areas to Explore Today 💘 Love · 💰 Money · 👥 Relationships · 🚀 Opportunities · 🍀 Luck`;tv2AdPush()}
function tv2Start(){tv2CurrentStep=0;tv2Results=[];tv2RenderStep()}
function tv2RenderStep(){const step=tv2Steps[tv2CurrentStep];document.getElementById(‘tarotV2App’).innerHTML=`
${tv2CurrentStep+1} / ${tv2Steps.length}
${step.title}
${step.sub}
Take a moment, focus, and choose the card you’re most drawn to.
${step.cards.map((card,i)=>{const c=card.colors;return `
`}).join(”)}
${tv2CurrentStep===2?tv2Ad():”}
`;if(tv2CurrentStep===2)tv2AdPush()}
function tv2PickCard(index){const step=tv2Steps[tv2CurrentStep];const card=step.cards[index];const seed=tv2Hash(step.key+card.name+index+new Date().toDateString());const score=65+(seed%34);const el=document.getElementById(‘tv2Card’+index);el.classList.add(‘tv2-selected’,’tv2-reveal’);el.innerHTML=`
`;document.querySelectorAll(‘.tv2-tarot-card’).forEach((x,i)=>{if(i!==index){x.style.opacity=’.35′;x.style.pointerEvents=’none’}});tv2Results.push({key:step.key,title:step.title,className:step.className,cardName:card.name,icon:card.icon,score:score,seed:seed});setTimeout(function(){tv2RenderPickedResult()},700)}
function tv2RenderPickedResult(){const r=tv2Results[tv2Results.length-1];const isLast=tv2CurrentStep>=tv2Steps.length-1;document.querySelector(‘.tv2-card’).insertAdjacentHTML(‘beforeend’,`
${r.icon} ${r.cardName} selected ${r.score}
${isLast?’See My Full Reading →’:’Draw the Next Card →’} `)}
function tv2NextStep(){tv2CurrentStep++;tv2RenderStep()}
function tv2ShowLoading(){document.getElementById(‘tarotV2App’).innerHTML=`
🔮 Reading your cards…
Putting together the story behind your five picks.
5
${tv2Ad()}
Organizing your cards, scores, symbols, and today’s overall energy.
`;tv2AdPush();let count=5;const timer=setInterval(function(){count–;document.getElementById(‘tv2LoadingCount’).innerText=count;if(countsum+r.score,0)/tv2Results.length);const grade=total>=90?’S’:total>=84?’A+’:total>=78?’A’:total>=70?’B+’:’B’;const luckyColors=[‘Gold’,’Navy’,’Lavender’,’Rose Pink’,’Forest Green’,’Cream Ivory’];const luckyTimes=[‘9–11 AM’,’1–3 PM’,’4–6 PM’,’7–9 PM’,’After 10 PM’];const luckyNums=[‘3 · 8 · 17′,’5 · 14 · 28′,’7 · 21 · 34′,’2 · 11 · 30′,’9 · 24 · 41’];const seed=tv2Results.reduce((a,b)=>a+b.seed,0);document.getElementById(‘tarotV2App’).innerHTML=`
TODAY TAROT REPORT
Your Complete Tarot Reading
${total}
Your overall energy today is Grade ${grade} .
🎴 Your Five Cards ${tv2Results.map(r=>`
${r.title}｜${r.icon} ${r.cardName}｜${r.score}
`).join(”)}
${tv2Results.map(r=>`
${r.title}${tv2ScoreText(r.score)}
`).join(”)}
${tv2Ad()}${tv2Results.map(r=>`
${r.title}｜${r.icon} ${r.cardName} ${tv2LongMessage(r)}`).join(”)}${tv2Ad()}
🎯 Your Lucky Details Lucky color Lucky time Lucky numbers Boost your luck today
📌 Your Takeaway Instead of forcing results today, focus on getting your energy and priorities in order. One small choice can shift the mood of your entire day.${tv2Ad()}
🔄 Draw Again `;tv2AdPush();tv2AdPush();tv2AdPush()}
tv2RenderHome();
공유하기 링크 복사
