:root{font-family:Microsoft YaHei,微软雅黑,sans-serif;color:#302737;background:#f8f6f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button,input{outline-offset:4px}button:focus-visible,input:focus-visible{outline:2px solid #786587}::selection{background:#e6dfeb}.app{max-width:1120px;margin:auto;padding:48px 40px 72px}.app-header{border-bottom:1px solid #ded8df;padding-bottom:28px;margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:600;color:#87768e}.app-header h1{font-family:Microsoft YaHei,微软雅黑,sans-serif;font-size:clamp(30px,4vw,44px);font-weight:500;letter-spacing:.07em;margin:10px 0}.app-header p{font-size:13px;color:#827987;margin:0}.deck{display:flex;flex-direction:column;align-items:center;gap:20px}.question-field{width:100%;max-width:560px;display:flex;flex-direction:column;gap:8px}.question-label{font-size:13px;font-weight:500}.question-input{width:100%;border:1px solid #ded7e1;background:#fffdfb;border-radius:8px;padding:13px 16px;color:inherit}.question-input::placeholder{color:#aaa0ad}.question-hint{font-size:12px;color:#928697;margin:-10px 0 0}.deck-stack{position:relative;width:100px;height:150px;border:1px solid #c9bfce;border-radius:9px;background:#eee8ef;display:flex;align-items:center;justify-content:center;box-shadow:4px 4px #e4dce7;transition:transform .2s;color:#66536f}.deck-stack:hover:not(:disabled){transform:translateY(-3px)}.stack-inner{width:76px;height:122px;border:1px solid #b8a9c2;border-radius:40px 40px 4px 4px;background:radial-gradient(circle at 50% 40%,#9b88a6 0 9px,transparent 10px),linear-gradient(45deg,transparent 49.5%,#c3b5cc 50%,transparent 50.5%)}.stack-label{position:absolute;bottom:16px;font-size:9px;letter-spacing:.06em}.deck-stack--disabled{opacity:.55}.controls{display:flex;align-items:center;justify-content:center;gap:20px;margin:4px 0 20px}.controls label{display:flex;align-items:center;gap:10px;font-size:12px;color:#817187}.controls input{width:62px;padding:10px;border:1px solid #ded7e1;border-radius:6px;background:#fffdfb;color:#43324f}.draw-btn{border:0;background:#483452;color:#fff;padding:12px 30px;border-radius:6px;font-weight:500;font-size:13px}.draw-btn:hover:not(:disabled){background:#634b6e}.draw-btn:disabled{opacity:.4}.drawn-cards{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;padding:30px 0 36px;border-top:1px solid #ded8df}.card-wrapper{width:calc((100% - 96px)/5);max-width:176px;min-width:110px;display:flex;flex-direction:column;align-items:center;gap:14px}.card-image{display:block;width:100%;height:auto;border-radius:5px;box-shadow:0 3px 10px #30273710}.reversed .card-image,.reversed .card-placeholder{transform:rotate(180deg)}.card-label{text-align:center;font-size:11px;line-height:1.6;color:#7d6c85}.card-placeholder{width:100%;aspect-ratio:2/3;display:grid;place-content:center;padding:12px;background:#eee8ef;font-size:12px}.interpretation{width:100%;border-top:1px solid #ded8df;padding-top:26px}.section-heading h2{font-family:Microsoft YaHei,微软雅黑,sans-serif;font-size:26px;font-weight:500;margin:6px 0 24px}.interpretation h3{font-size:15px;font-weight:500;margin:0 0 12px}.reading-overview{background:#fffdfb;border:1px solid #e5dfe6;border-radius:10px;padding:28px}.reading-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.9;color:#796b80}.card-readings{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin:28px 0}.card-reading{padding:20px 0;border-top:1px solid #ded8df}.card-reading h3{margin:8px 0}.position-tag{font-size:10px;background:#eee8ef;padding:3px 8px;border-radius:4px;color:#786384}.interpretation p{font-size:13px;color:#8a7c91;line-height:1.9}.reading-conclusion{border-left:2px solid #b7a4c2;padding:4px 24px}.reading-conclusion p{margin-bottom:0}@media(max-width:600px){.app{padding:28px 20px 48px}.app-header{margin-bottom:24px;padding-bottom:22px}.controls{gap:14px}.draw-btn{padding:12px 23px}.drawn-cards{gap:20px 16px}.card-wrapper{width:calc((100% - 32px)/3);min-width:0}.reading-overview{padding:20px}.card-readings{grid-template-columns:1fr 1fr;gap:16px}.card-reading h3{font-size:13px}.app-header p{max-width:290px}}.deck-stack{isolation:isolate;transform:perspective(700px) rotateX(9deg) rotate(-3deg);box-shadow:1px 2px #f9f5fa,2px 3px #c9bfce,3px 5px #f9f5fa,4px 6px #c9bfce,5px 8px #f9f5fa,6px 9px #c9bfce,8px 14px 18px #48345218;margin:8px 0 14px;transition:transform .3s,box-shadow .3s}.deck-stack:hover:not(:disabled){transform:perspective(700px) rotateX(5deg) rotate(0) translateY(-4px)}.deck-stack:active:not(:disabled){transform:perspective(700px) rotateX(12deg) rotate(-2deg) translateY(2px)}.controls{padding:8px;border:1px solid #e5dfe6;border-radius:10px;background:#fffdfb;gap:12px}.controls label{padding-left:10px}.controls input{border:0;background:#f4f0f5;height:42px}.draw-btn{height:42px}.card-flight{width:100%;perspective:1000px}.card-flipper{position:relative;width:100%;transform-style:preserve-3d}.card-front{backface-visibility:hidden;transform:rotateY(0)}.card-back{position:absolute;inset:0;backface-visibility:hidden;transform:rotateY(180deg);border:1px solid #bcadc6;border-radius:5px;background:#eae2ee;padding:10px}.card-back span{display:block;width:100%;height:100%;border:1px solid #b9a8c4;border-radius:45% 45% 3px 3px;background:radial-gradient(circle at center,#9b88a6 0 9%,transparent 9.5%)}.card-dealing .card-flight{animation:card-arrive .85s cubic-bezier(.22,.68,.24,1) both;animation-delay:var(--deal-delay)}.card-dealing .card-flipper{animation:card-reveal .85s ease both;animation-delay:var(--deal-delay)}.card-dealing .card-label{animation:label-reveal .25s ease both;animation-delay:calc(var(--deal-delay) + .7s)}@keyframes card-arrive{0%{opacity:0;transform:translate(var(--fly-x),var(--fly-y)) scale(.56) rotate(-5deg)}12%{opacity:1}50%{transform:translate(calc(var(--fly-x) * .3),-35px) scale(.9) rotate(3deg)}to{opacity:1;transform:translate(0) scale(1) rotate(0)}}@keyframes card-reveal{0%,28%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@keyframes label-reveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.card-dealing .card-flight,.card-dealing .card-flipper,.card-dealing .card-label{animation:none}.deck-stack{transition:none}}.interaction-panel{width:100%;max-width:760px;padding:30px;background:#f1edf3;border:1px solid #e3dbe7;border-radius:14px}.interaction-panel .question-field{max-width:none;gap:12px}.interaction-panel .question-label{font-family:Microsoft YaHei,微软雅黑,sans-serif;font-size:20px;color:#483452}.interaction-panel .question-input{height:68px;background:#fff;border:1px solid #cbbbd5;border-radius:8px;padding:18px 20px;font-size:16px;box-shadow:0 2px 5px #48345204}.question-input:focus{border-color:#876895}.quick-questions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 26px}.quick-questions button{border:1px solid #d2c5da;background:transparent;color:#7b6587;border-radius:6px;font-size:12px;padding:7px 13px;transition:background .2s,border-color .2s}.quick-questions button:hover{background:#fffaff;border-color:#a68eb4}.panel-actions{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.count-field{padding:0;margin:0;border:0;min-width:0}.count-field legend{font-size:11px;letter-spacing:.08em;color:#8b7894;margin-bottom:9px;padding:0}.segmented-control{display:flex;background:#e8e1ed;border:1px solid #ded3e4;border-radius:8px;padding:4px;gap:4px}.segmented-control button{border:1px solid transparent;border-radius:5px;background:transparent;color:#8b7894;display:flex;align-items:center;gap:7px;padding:9px 15px;font-size:13px;white-space:nowrap}.segmented-control small{font-size:11px}.segmented-control button[aria-pressed=true]{background:#fff;color:#493153;border-color:#d5c7de;box-shadow:0 1px 3px #4834520a}.panel-actions .draw-btn{height:48px;min-width:166px;display:flex;align-items:center;justify-content:center;gap:26px}.interaction-panel .question-hint{margin:14px 0 0;font-size:11px}.deck>.deck-stack{margin:12px 0 28px;padding:0;width:94px;height:auto;aspect-ratio:2/3;display:block;background:#ece5f0}.deck-back-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px}.deck>.deck-stack:disabled{opacity:.65}@media(max-width:600px){.interaction-panel{padding:20px 16px}.interaction-panel .question-input{height:64px;font-size:14px;padding:16px}.quick-questions{gap:7px;margin-bottom:22px}.quick-questions button{padding:7px 10px}.panel-actions{flex-wrap:wrap;gap:18px}.count-field{width:100%}.segmented-control button{flex:1;justify-content:center;padding:10px 6px}.panel-actions .draw-btn{width:100%}.deck>.deck-stack{margin-bottom:20px}}.card-back{padding:0;background:#291a37;overflow:hidden}.card-back img{display:block;width:100%;height:100%;object-fit:contain}.deck-back-image{height:auto;object-fit:contain}.deck>.deck-stack{aspect-ratio:auto}.panel-actions{justify-content:flex-end}.question-input:disabled{color:#8b7894;background:#faf8fb}.quick-questions button:disabled{opacity:.45;cursor:not-allowed}.quick-questions button:disabled:hover{background:transparent;border-color:#d2c5da}.deck>.card-readings{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin:-24px 0 8px}.deck>.card-readings .card-reading{width:calc((100% - 96px)/5);max-width:176px;min-width:110px;overflow-wrap:anywhere}.deck>.card-readings .card-reading p{font-size:12px;color:#8a7c91;line-height:1.9}@media(max-width:600px){.deck>.card-readings{gap:20px 16px}.deck>.card-readings .card-reading{width:calc((100% - 32px)/3);min-width:0}}.panel-actions{justify-content:center}.panel-actions .draw-btn{width:260px;max-width:100%;min-width:0;height:56px;font-size:16px;border-radius:8px;gap:28px}@media(max-width:600px){.panel-actions .draw-btn{width:260px;height:54px}}.interaction-panel textarea.question-input{height:auto;min-height:108px;resize:vertical;font:inherit;line-height:1.6}.reading-status{font-size:13px;color:#796580;text-align:center;margin:16px 0 0}.reading-status:empty{display:none}.reading-error{color:#913f42;font-size:14px;margin-top:16px}.spread-summary{width:100%;max-width:760px;padding:20px;border:1px solid #ded8df;border-radius:10px;background:#fffdfb}.spread-summary h3{font-size:16px;font-weight:500;margin:0 0 10px}.spread-summary p,.spread-summary li{font-size:13px;line-height:1.8;color:#796b80}.spread-summary ol{padding-left:22px;margin-bottom:0}.reading-markdown{font-size:14px;line-height:1.9;color:#796b80;overflow-wrap:anywhere;white-space:normal}.reading-markdown p,.interpretation .reading-markdown p{font-size:inherit;line-height:inherit;color:inherit;margin:0 0 14px}.reading-markdown h1,.reading-markdown h2,.reading-markdown h3,.reading-markdown h4{color:#483452;font-size:17px;font-weight:600;line-height:1.5;margin:28px 0 14px}.reading-markdown>:first-child{margin-top:0}.reading-markdown>:last-child{margin-bottom:0}.reading-markdown strong{font-weight:600;color:#514059}.reading-markdown ul,.reading-markdown ol{padding-left:24px;margin:12px 0 20px}.reading-markdown li{padding-left:3px;margin:8px 0}.reading-markdown li>p{margin-bottom:8px}.reading-markdown blockquote{border-left:3px solid #cbbbd5;margin:16px 0;padding:4px 16px}.reading-markdown hr{border:0;border-top:1px solid #e5dfe6;margin:24px 0}.reading-markdown pre{overflow:auto;padding:12px;background:#f1edf3;border-radius:6px}.reading-markdown a{color:#6d4981;text-decoration:underline}.question-examples{margin:14px 0 26px;font-size:12px;line-height:1.8;color:#8b7894}.app-header{position:relative;padding-top:32px}.language-switch{position:absolute;top:0;right:0;display:flex;align-items:center;gap:8px;font-size:12px;color:#aa9caf}.language-switch button{border:0;background:transparent;color:#95879c;padding:6px 8px;border-radius:5px;font:inherit;cursor:pointer}.language-switch button[aria-pressed=true]{background:#eee8ef;color:#483452;font-weight:600}.language-switch button:focus-visible{outline:2px solid #876895;outline-offset:2px}.panel-actions .draw-btn{height:auto;min-height:56px;padding:12px 20px;line-height:1.4}.reading-status{display:flex;flex-direction:column;align-items:center;gap:12px;line-height:1.7}.reading-status small{max-width:440px;font-size:12px;color:#928697}.reading-spinner{width:28px;height:28px;border:2px solid #ded3e4;border-top-color:#634b6e;border-radius:50%;animation:reading-spin 1s linear infinite}.spread-summary .section-heading h2{font-size:26px;font-weight:500;margin:6px 0 20px}.deck>.spread-summary{max-width:none;padding:28px}.spread-summary h3{line-height:1.7}@keyframes reading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.reading-spinner{animation:none;border-style:dotted}}.clarification-message{margin-top:20px;padding:16px 20px;border:1px solid #d8ccdf;border-radius:8px;background:#fffdfb;color:#6d5878;font-size:14px;line-height:1.8}.clarification-message p{margin:0}.clarification-message p+p{margin-top:6px}
