:root,:root[data-theme=dark]{--bg-deep: #0f0a24;--bg-mid: #1a1040;--purple: #6d4aff;--purple-light: #a98eff;--gold: #f4d58d;--gold-soft: #e8c976;--text: #ece7ff;--text-dim: #a79fce;--panel-bg: rgba(30, 20, 66, .55);--panel-border: rgba(169, 142, 255, .2);--inset-bg: rgba(15, 10, 36, .5);--star-opacity: .5;--card-w: clamp(88px, 27vw, 140px);--card-h: clamp(150px, 45vw, 234px);--app-max: 480px}:root[data-theme=light]{--bg-deep: #f3eeff;--bg-mid: #e7dcff;--purple: #7a52ff;--purple-light: #6a4ad0;--gold: #b8860b;--gold-soft: #9a6f0a;--text: #2a2148;--text-dim: #6c6394;--panel-bg: rgba(255, 255, 255, .72);--panel-border: rgba(122, 82, 255, .25);--inset-bg: rgba(255, 255, 255, .6);--star-opacity: .25}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;overflow-x:hidden}body{font-family:PingFang SC,Microsoft YaHei,-apple-system,system-ui,sans-serif;background:radial-gradient(ellipse at top,var(--bg-mid),var(--bg-deep) 70%);background-attachment:fixed;color:var(--text);min-height:100vh;line-height:1.7;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;transition:background .4s,color .4s}.app{position:relative;width:100%;max-width:var(--app-max);margin:0 auto;padding:calc(24px + env(safe-area-inset-top)) 16px calc(40px + env(safe-area-inset-bottom));min-height:100vh}.stars{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-image:radial-gradient(1.5px 1.5px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 60% 70%,#fff,transparent),radial-gradient(1.5px 1.5px at 80% 20%,var(--gold),transparent),radial-gradient(1px 1px at 40% 80%,#fff,transparent),radial-gradient(1px 1px at 90% 60%,var(--purple-light),transparent),radial-gradient(1.5px 1.5px at 10% 90%,#fff,transparent);background-size:100% 100%;opacity:var(--star-opacity);animation:twinkle 6s ease-in-out infinite alternate;pointer-events:none}@keyframes twinkle{0%{opacity:.3}to{opacity:.7}}.app>*:not(.stars){position:relative;z-index:1}.header{text-align:center;margin-bottom:32px}.header h1{font-size:2.4rem;background:linear-gradient(90deg,var(--gold),var(--purple-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:4px}.subtitle{color:var(--text-dim);margin-top:8px;font-size:.95rem}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:20px;padding:28px 24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 40px #0006}.section-title{text-align:center;font-size:1.35rem;color:var(--gold);margin-bottom:20px;font-weight:600}.fade-in{animation:fadeIn .6s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.spread-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.spread-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:22px 14px;border-radius:16px;border:1px solid rgba(169,142,255,.25);background:linear-gradient(160deg,#6d4aff26,#1e14424d);color:var(--text);cursor:pointer;transition:transform .25s,box-shadow .25s,border-color .25s}.spread-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 10px 30px #6d4aff59}.spread-emoji{font-size:2.4rem}.spread-name{font-size:1.05rem;font-weight:600;color:var(--gold-soft)}.spread-cardcount{font-size:.72rem;color:var(--purple-light);background:#a98eff26;padding:1px 9px;border-radius:10px}.spread-group{margin-bottom:22px;scroll-margin-top:84px}.spread-group:last-child{margin-bottom:0}.spread-group-title{font-size:.92rem;color:var(--text-dim);margin-bottom:12px;padding-left:4px;font-weight:600}.spread-search-wrap{position:relative;margin-bottom:14px}.spread-search{padding-right:40px}.spread-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;border:none;background:#a98eff33;color:var(--text-dim);font-size:.75rem;cursor:pointer}.spread-search-clear:hover{color:var(--gold)}.cat-nav{position:sticky;top:0;z-index:20;display:flex;gap:8px;overflow-x:auto;padding:10px 2px;margin:-8px -4px 12px;background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;scrollbar-width:none}.cat-nav::-webkit-scrollbar{display:none}.cat-nav-item{flex:0 0 auto;padding:7px 14px;border-radius:16px;border:1px solid var(--panel-border);background:var(--inset-bg);color:var(--text-dim);font-size:.82rem;white-space:nowrap;cursor:pointer;transition:all .2s}.cat-nav-item.active{background:var(--purple);color:#fff;border-color:var(--purple)}.spread-detail{text-align:center;color:var(--text-dim);font-size:.9rem;margin-bottom:18px;line-height:1.6}.spread-detail-pos{display:inline-block;margin-top:6px;font-size:.8rem;color:var(--purple-light)}.hint{text-align:center;color:var(--text-dim);margin-bottom:16px}.question-input{width:100%;padding:14px;border-radius:12px;border:1px solid rgba(169,142,255,.3);background:#0f0a2499;color:var(--text);font-size:1rem;resize:vertical;font-family:inherit}.question-input:focus{outline:none;border-color:var(--gold)}.user-question{text-align:center;color:var(--gold-soft);font-style:italic;margin-bottom:20px}.btn-row{display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap}.btn{padding:14px 28px;border-radius:30px;border:none;font-size:1rem;cursor:pointer;transition:transform .2s,opacity .2s,box-shadow .2s;font-family:inherit;flex:1 1 auto;min-width:130px;max-width:220px;-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:scale(.96)}.btn.primary{background:linear-gradient(90deg,var(--purple),var(--purple-light));color:#fff;box-shadow:0 4px 20px #6d4aff80}.btn.primary:hover:not(:disabled){transform:translateY(-2px)}.btn.primary:disabled{opacity:.4;cursor:not-allowed}.btn.ghost{background:transparent;border:1px solid rgba(169,142,255,.4);color:var(--text-dim)}.btn.ghost:hover{border-color:var(--gold);color:var(--gold)}.cards-row{display:flex;gap:clamp(8px,3vw,20px);justify-content:center;flex-wrap:wrap;margin:24px 0}.cards-row.many{--card-w: clamp(64px, 20vw, 96px);--card-h: clamp(107px, 33vw, 160px);gap:8px}.cards-row.many .card-position{font-size:.72rem}.cards-row.many .card-name{font-size:.72rem;padding:1px 7px}.cards-row.many .card-content{bottom:8px}.card-slot{display:flex;flex-direction:column;align-items:center;gap:10px}.card-position{font-size:.9rem;color:var(--gold-soft);font-weight:600}.card{width:var(--card-w);height:var(--card-h);background:none;border:none;padding:0;cursor:pointer;perspective:1000px}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,.2,.2,1)}.card.flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-back{background:linear-gradient(145deg,#2a1a5e,#14092e);border:2px solid var(--gold-soft);box-shadow:inset 0 0 20px #f4d58d33}.card-back:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(244,213,141,.4);border-radius:10px}.back-symbol{font-size:3rem;color:var(--gold);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.card:hover:not(.flipped) .card-back{box-shadow:inset 0 0 30px #f4d58d66,0 0 20px #6d4aff80}.card-front{background:linear-gradient(160deg,#3a2a72,#1e1240);border:2px solid var(--purple-light);transform:rotateY(180deg);flex-direction:column}.card-art-wrap{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;overflow:hidden;transition:transform .4s}.card-art-wrap.reversed{transform:rotate(180deg)}.card-art{width:100%;height:100%;display:block}.card-content{position:absolute;left:0;right:0;bottom:16px;z-index:2;display:flex;flex-direction:column;align-items:center;transition:transform .4s;text-shadow:0 1px 6px rgba(0,0,0,.85)}.card-content.reversed{transform:rotate(180deg)}.card-name{font-size:.95rem;font-weight:700;color:var(--gold);padding:2px 10px;border-radius:10px;background:#0d082080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.orient-corner{position:absolute;top:8px;right:10px;font-size:.8rem;padding:2px 8px;border-radius:10px;font-weight:600}.orient-corner.up{background:#7ed95740;color:#9be870}.orient-corner.rev{background:#ff8a8a40;color:#ff9d9d}.readings{display:flex;flex-direction:column;gap:18px;margin-top:12px}.reading-block{background:#0f0a2480;border-left:3px solid var(--purple);border-radius:12px;padding:18px 20px}.reading-block h3{display:flex;align-items:center;gap:8px;font-size:1.15rem;margin-bottom:12px;flex-wrap:wrap}.pos-tag{background:var(--purple);color:#fff;font-size:.75rem;padding:2px 10px;border-radius:10px}.orient{font-size:.78rem;padding:2px 8px;border-radius:8px}.orient.up{background:#7ed95733;color:#9be870}.orient.rev{background:#ff8a8a33;color:#ff9d9d}.keywords{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.kw{font-size:.8rem;background:#a98eff26;color:var(--purple-light);padding:3px 12px;border-radius:12px}.meaning{color:var(--text);margin-bottom:8px}.advice{color:var(--gold-soft);font-size:.95rem}.summary{margin-top:24px;padding:22px;border-radius:16px;background:linear-gradient(160deg,#6d4aff2e,#0f0a2466);border:1px solid rgba(244,213,141,.25)}.energy-badge{display:inline-block;background:#f4d58d26;color:var(--gold);padding:6px 16px;border-radius:20px;font-weight:600;margin-bottom:14px}.summary h3{color:var(--gold);margin:16px 0 8px;font-size:1.1rem}.summary h3:first-of-type{margin-top:0}.suggestions{list-style:none;display:flex;flex-direction:column;gap:10px}.suggestions li{padding:10px 14px;background:#0f0a2480;border-radius:10px;font-size:.92rem;border-left:2px solid var(--gold-soft)}.disclaimer{text-align:center;color:var(--text-dim);font-size:.82rem;margin-top:22px;font-style:italic}.poster-preview{margin-top:24px;text-align:center}.poster-preview img{width:100%;max-width:340px;border-radius:14px;border:1px solid rgba(244,213,141,.3);box-shadow:0 8px 30px #00000080}.footer{text-align:center;color:var(--text-dim);font-size:.82rem;margin-top:36px}@media (max-width: 380px){.header h1{font-size:1.7rem}.card-name{font-size:.85rem}.spread-card{padding:14px}.panel{padding:20px 16px}}.card:active:not(.flipped) .card-inner{transform:scale(.97)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.toolbar-right{display:flex;gap:10px;margin-left:auto}.tool-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--panel-border);background:var(--panel-bg);color:var(--text);font-size:1.15rem;cursor:pointer;transition:transform .2s,border-color .2s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tool-btn:hover{border-color:var(--gold)}.tool-btn:active{transform:scale(.9)}.back-btn{width:auto;padding:0 16px;border-radius:21px;font-size:.9rem;color:var(--gold-soft);white-space:nowrap}.history-tip{margin-top:18px;text-align:center;color:var(--purple-light);font-size:.9rem;cursor:pointer}.history-tip:hover{color:var(--gold)}.history-list{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.history-item{position:relative;background:var(--inset-bg);border:1px solid var(--panel-border);border-radius:14px;padding:16px 16px 14px}.history-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}.history-spread{font-weight:600;color:var(--gold-soft)}.history-time{font-size:.78rem;color:var(--text-dim)}.history-q{font-style:italic;color:var(--purple-light);font-size:.88rem;margin:8px 0}.history-cards{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 8px}.history-card{font-size:.82rem;background:#a98eff26;padding:4px 10px;border-radius:10px;display:inline-flex;align-items:center;gap:4px}.history-card b{font-size:.72rem;padding:1px 5px;border-radius:6px}.history-card b.up{background:#7ed95740;color:#4a9a2a}.history-card b.rev{background:#ff8a8a40;color:#c04a4a}.history-energy{font-size:.85rem;color:var(--gold);margin-top:4px}.history-del{position:absolute;top:12px;right:12px;background:transparent;border:1px solid var(--panel-border);color:var(--text-dim);font-size:.75rem;padding:3px 10px;border-radius:10px;cursor:pointer;transition:color .2s,border-color .2s}.history-del:hover{color:#ff8a8a;border-color:#ff8a8a}.wiki-search{margin-bottom:14px}.wiki-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.wiki-tab{padding:6px 14px;border-radius:16px;border:1px solid var(--panel-border);background:var(--inset-bg);color:var(--text-dim);font-size:.85rem;cursor:pointer;transition:all .2s}.wiki-tab.active{background:var(--purple);color:#fff;border-color:var(--purple)}.wiki-count{font-size:.8rem;color:var(--text-dim);margin-bottom:12px}.wiki-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wiki-card-wrap{display:flex;flex-direction:column}.wiki-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;border-radius:12px;border:1px solid var(--panel-border);background:var(--inset-bg);color:var(--text);cursor:pointer;transition:transform .2s,border-color .2s}.wiki-card:hover{transform:translateY(-3px);border-color:var(--gold)}.wiki-art{position:relative;width:100%;aspect-ratio:100 / 166;border-radius:8px;overflow:hidden}.wiki-emoji{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.8rem;text-shadow:0 2px 6px rgba(0,0,0,.6)}.wiki-name{font-size:.82rem;font-weight:600;color:var(--gold-soft);text-align:center}.wiki-name-en{font-size:.62rem;color:var(--text-dim)}.wiki-detail{grid-column:1 / -1;background:var(--inset-bg);border:1px solid var(--panel-border);border-radius:12px;padding:14px 16px;margin:4px 0 6px;display:flex;flex-direction:column;gap:12px}.wiki-meaning h4{font-size:.95rem;margin-bottom:6px}.wiki-meaning.up h4{color:#7ed957}.wiki-meaning.rev h4{color:#ff9d9d}.wiki-meaning p{font-size:.88rem}.wiki-meaning .advice{color:var(--gold-soft);margin-top:4px}.wiki-grid .wiki-card-wrap:has(.wiki-detail){grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 380px){.wiki-grid,.wiki-grid .wiki-card-wrap:has(.wiki-detail){grid-template-columns:repeat(2,1fr)}}.ai-section{margin-top:24px;padding:20px;border-radius:16px;background:linear-gradient(160deg,rgba(109,74,255,.15),var(--inset-bg));border:1px solid var(--panel-border)}.ai-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ai-head h3{color:var(--gold);font-size:1.1rem}.ai-setting-btn{background:transparent;border:none;font-size:1.1rem;cursor:pointer;opacity:.8}.ai-setting-btn:hover{opacity:1}.ai-setting{background:var(--inset-bg);border-radius:12px;padding:14px;margin-bottom:12px;display:flex;flex-direction:column;gap:10px}.ai-gen-btn{width:100%;max-width:none}.ai-loading{text-align:center;color:var(--purple-light);padding:12px;animation:pulse 1.6s ease-in-out infinite}.ai-error{color:#ffb0b0;font-size:.85rem;background:#ff8a8a1f;padding:10px 12px;border-radius:10px}.ai-result{margin-top:8px;position:relative}.ai-badge{display:inline-block;font-size:.78rem;background:#f4d58d26;color:var(--gold);padding:3px 12px;border-radius:12px;margin-bottom:10px}.ai-result p{font-size:.92rem;margin-bottom:8px;color:var(--text);white-space:pre-wrap}.ai-regen{margin-top:6px;background:transparent;border:1px solid var(--panel-border);color:var(--text-dim);font-size:.82rem;padding:6px 16px;border-radius:16px;cursor:pointer}.ai-regen:hover{color:var(--gold);border-color:var(--gold)}.install-hint{position:fixed;left:50%;transform:translate(-50%);bottom:calc(16px + env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:456px;z-index:50;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#2a1a5e,#1a1040);border:1px solid rgba(244,213,141,.4);box-shadow:0 8px 30px #00000080;color:#ece7ff}.install-icon{font-size:1.6rem;flex-shrink:0}.install-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.install-text b{font-size:.95rem;color:var(--gold)}.install-text small{font-size:.76rem;color:var(--text-dim);line-height:1.4}.install-btn{flex-shrink:0;background:linear-gradient(90deg,var(--purple),var(--purple-light));color:#fff;border:none;padding:8px 18px;border-radius:20px;font-size:.9rem;cursor:pointer}.install-btn:active{transform:scale(.95)}.install-close{flex-shrink:0;background:transparent;border:none;color:var(--text-dim);font-size:.9rem;cursor:pointer;padding:4px}