:root{--bg:#07060a;--panel:#110f13d1;--panel-strong:#1a161cf5;--ink:#fff7e8;--muted:#c8b9a6;--dim:#83766a;--line:#ffeecc24;--line-strong:#ffeecc47;--gold:#e3bd70;--crimson:#a9344a;--teal:#4db8ad;--violet:#8c6fff;--shadow:0 28px 74px #00000075;--radius:8px}*{box-sizing:border-box}html{background:#030305;min-height:100%}body{min-height:100vh;color:var(--ink);letter-spacing:0;background:radial-gradient(circle at 70% 12%,#4db8ad2e,#0000 28%),radial-gradient(circle at 14% 72%,#a9344a42,#0000 30%),linear-gradient(#07060a 0%,#140913 54%,#050406 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}button{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent;border:0}h1,h2,h3,p{margin:0}.app-shell{background:linear-gradient(#ffffff09,#fff0),repeating-linear-gradient(90deg,#ffeecc07 0 1px,#0000 1px 46px),#08070b;width:min(100%,470px);min-height:100vh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffeecc0f,0 38px 100px #00000094}.app-shell:before{content:"";pointer-events:none;opacity:.55;background:linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 82px),linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 82px);position:fixed;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.page{z-index:1;min-height:100vh;padding:22px 18px calc(32px + env(safe-area-inset-bottom));display:none;position:relative}.page.active{animation:.34s both page-in;display:block}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero{min-height:calc(100svh - 44px);margin:-22px -18px calc(-32px - env(safe-area-inset-bottom));padding:22px 18px calc(32px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 34%,#8fc7ff1f,#0000 28%),radial-gradient(circle at 78% 16%,#ff5d681f,#0000 26%),linear-gradient(#08070b5c,#08070bf5 80%),#08070b;flex-direction:column;justify-content:space-between;gap:18px;display:flex;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";pointer-events:none;position:absolute;inset:0}.hero:before{opacity:.34;background:radial-gradient(circle at 50% 40%,#0000 0 128px,#e3bd7033 129px 130px,#0000 131px),radial-gradient(circle at 50% 40%,#0000 0 188px,#4db8ad29 189px 190px,#0000 191px),linear-gradient(126deg,#0000 0 49%,#e3bd701f 49.3%,#0000 50.3%),linear-gradient(54deg,#0000 0 49%,#8fc7ff1a 49.3%,#0000 50.3%)}.hero:after{background:linear-gradient(#0000 0 66%,#08070bf5 100%)}.hero-topline,.hero-main,.hero-bottom{z-index:2;position:relative}.hero-topline{color:var(--gold);letter-spacing:.14em;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:900;display:flex}.mini-card{border:1px solid var(--line-strong);width:36px;height:46px;color:var(--ink);background:linear-gradient(145deg,#ffffff14,#0000),#0e0c10c2;border-radius:6px;place-items:center;font-size:10px;display:grid;box-shadow:0 14px 28px #00000047}.hero-title{text-align:center;margin-top:10px}.kicker{color:var(--gold);letter-spacing:.09em;align-items:center;gap:10px;font-size:13px;font-weight:900;display:inline-flex}.kicker:before,.kicker:after{content:"";opacity:.72;background:currentColor;width:24px;height:1px}.hero-title h1{color:var(--ink);text-shadow:0 10px 30px #00000080,0 0 26px #8fc7ff2e;margin-top:13px;font-size:clamp(42px,13vw,64px);font-weight:950;line-height:1.02}.hero-title p:last-child{max-width:345px;color:var(--muted);margin:13px auto 0;font-size:15px;line-height:1.76}.tarot-orbit{background:radial-gradient(circle at 50% 50%, #4db8ad29, #08070b85 44%, #08070be0 72%), repeating-conic-gradient(from -90deg, #e3bd701f 0 1deg, transparent 1deg 36deg);border:1px solid #e3bd702e;border-radius:50%;width:min(86vw,360px);max-width:360px;height:min(86vw,360px);max-height:360px;margin:30px auto 6px;animation:.9s both orbit-in;position:relative;box-shadow:inset 0 0 46px #000000a3,0 26px 62px #00000061}@keyframes orbit-in{0%{opacity:0;transform:scale(.94)rotate(-7deg)}to{opacity:1;transform:scale(1)rotate(0)}}.tarot-orbit:before,.tarot-orbit:after{content:"";border:1px solid #e3bd7029;border-radius:50%;position:absolute;inset:34px}.tarot-orbit:after{border-color:#8fc7ff38;inset:86px;box-shadow:0 0 32px #4db8ad33}.orbit-core{z-index:3;text-align:center;background:linear-gradient(155deg,#ffffff21,#0000 42%),conic-gradient(from 22deg,#a9344a9e,#0d0b0fe6,#4db8ad5c,#a9344a9e);border:1px solid #e3bd7057;border-radius:10px;place-items:center;width:104px;height:136px;padding:16px 8px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(4deg);box-shadow:0 0 50px #4db8ad3d}.orbit-core span{color:var(--ink);font-size:48px;font-weight:950;line-height:1}.orbit-core small{color:var(--gold);letter-spacing:.1em;font-size:9px;font-weight:900}.orbit-card{z-index:4;border:1px solid color-mix(in srgb, var(--tone), white 20%);background:radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--tone), transparent 70%), transparent 46%), #0c0a0ee6;text-align:center;width:62px;min-height:78px;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(calc(min(43vw, 178px) * -1)) rotate(calc(var(--angle) * -1));border-radius:9px;place-items:center;gap:3px;padding:8px 5px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 14px 28px #00000057}.orbit-card small{color:var(--tone);font-size:9px;font-weight:900}.orbit-card b{color:var(--ink);font-size:14px;line-height:1.12}.hero-bottom{gap:13px;display:grid}.info-strip{border:1px solid var(--line);box-shadow:var(--shadow);background:#0c0a0eb8;grid-template-columns:repeat(3,1fr);display:grid}.info-strip div{text-align:center;border-right:1px solid var(--line);min-width:0;padding:12px 8px}.info-strip div:last-child{border-right:0}.info-strip strong{color:var(--ink);font-size:18px;font-weight:950;line-height:1;display:block}.info-strip span{color:var(--dim);white-space:nowrap;margin-top:6px;font-size:11px;display:block}.primary-btn,.ghost-btn{border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;transition:transform .18s,filter .18s,opacity .18s;display:inline-flex}.primary-btn{color:#fff8ed;background:linear-gradient(90deg,#ffffff1f,#0000 18% 82%,#ffffff1a),linear-gradient(135deg,#7b1830,#b53f53 48%,#286f6b);border:1px solid #ffeecc3d;font-size:18px;font-weight:950;box-shadow:0 18px 42px #a9344a47}.ghost-btn{color:var(--ink);border:1px solid var(--line);background:#0f0d119e}.primary-btn:active,.ghost-btn:active{filter:brightness(1.06);transform:scale(.985)}.primary-btn:disabled,.ghost-btn:disabled{cursor:not-allowed;opacity:.46;filter:none;transform:none}.safe-note{color:var(--dim);text-align:center;font-size:12px;line-height:1.7}.quiz-head,.question-panel,.loading-panel,.gate-panel,.result-section,.score-plate,.dominant-plate,.brief-plate{border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 92% 10%, #e3bd701a, transparent 24%), linear-gradient(180deg, #ffffff0d, #ffffff04), var(--panel);box-shadow:var(--shadow)}.quiz-head{gap:10px;margin:-2px 0 12px;padding:14px;display:grid;overflow:hidden}.quiz-topline{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;font-size:13px;display:flex}.quiz-title{color:var(--ink);align-items:center;gap:10px;font-size:19px;font-weight:950;display:flex}.quiz-title:before{content:"";border:1px solid var(--gold);background:#4db8ad47;border-radius:3px;width:12px;height:15px;transform:rotate(-8deg)}.progress-track{background:#ffeecc1f;border-radius:999px;height:7px;position:relative;overflow:hidden}.progress-fill{width:var(--progress);border-radius:inherit;background:linear-gradient(90deg, var(--crimson), var(--teal), var(--gold));height:100%;transition:width .28s;box-shadow:0 0 18px #4db8ad6b}.question-panel{padding:20px 18px 16px;position:relative;overflow:hidden}.question-panel:before{content:"";background:linear-gradient(90deg,#0000,#e3bd706b,#0000);height:1px;position:absolute;top:17px;left:18px;right:18px}.question-num{color:var(--crimson);opacity:.86;font-family:Georgia,Times New Roman,serif;font-size:46px;line-height:1}.question-panel h2{z-index:1;color:var(--ink);margin-top:10px;font-size:23px;font-weight:950;line-height:1.42;position:relative}.question-panel p{z-index:1;color:var(--muted);margin-top:10px;font-size:13px;line-height:1.7;position:relative}.options{z-index:1;gap:8px;margin-top:17px;display:grid;position:relative}.option-btn{width:100%;min-height:54px;color:var(--muted);text-align:left;border-radius:var(--radius);cursor:pointer;background:linear-gradient(90deg,#ffffff06,#0000),#09080a9e;border:1px solid #ffeecc1f;grid-template-columns:38px 1fr;align-items:center;gap:12px;padding:10px 12px;transition:transform .18s,background .18s,border-color .18s,color .18s;display:grid}.option-btn span{width:32px;height:32px;color:var(--gold);border:1px solid #e3bd706b;border-radius:50%;place-items:center;font-family:Georgia,Times New Roman,serif;font-weight:950;display:grid}.option-btn b{min-width:0;font-size:15px;line-height:1.45}.option-btn.selected{color:var(--ink);background:linear-gradient(90deg,#286f6bc2,#0e0c10e0 72%,#e3bd701f),#4db8ad4d;border-color:#4db8ad9e;box-shadow:0 12px 26px #4db8ad2e}.option-btn.selected span{color:#fff8ed;background:#a9344a75;border-color:#fff8ed85}.option-btn:active{transform:scale(.988)}.quiz-actions{z-index:5;padding:10px 0 calc(8px + env(safe-area-inset-bottom));background:linear-gradient(#08070b00,#08070bf5 30%,#08070bfc);grid-template-columns:.82fr 1.18fr;gap:10px;margin-top:12px;display:grid;position:sticky;bottom:0}.loading-wrap,.gate-wrap{place-items:center;min-height:calc(100vh - 54px);display:grid}.loading-panel,.gate-panel{text-align:center;width:100%;padding:28px 20px;overflow:hidden}.panel-kicker{color:var(--gold);letter-spacing:.16em;text-align:center;font-size:11px;font-weight:950}.loading-sigil{background:repeating-conic-gradient(from -90deg, #e3bd7033 0 1deg, transparent 1deg 36deg), radial-gradient(circle, #4db8ad33, transparent 58%);border:1px solid #e3bd702e;border-radius:50%;width:218px;height:218px;margin:18px auto;animation:8s linear infinite sigil-spin;position:relative}@keyframes sigil-spin{to{transform:rotate(360deg)}}.loading-sigil:before,.loading-sigil:after{content:"";border:1px solid #e3bd7038;border-radius:50%;position:absolute;inset:42px;box-shadow:inset 0 0 20px #4db8ad38}.loading-sigil:after{background:#a9344a33;border-radius:10px;inset:80px;transform:rotate(8deg)}.loading-sigil span{border:1px solid color-mix(in srgb, var(--tone), white 28%);width:18px;height:22px;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(-98px) rotate(calc(var(--angle) * -1));box-shadow:0 0 18px color-mix(in srgb, var(--tone), transparent 58%);background:#0c0a0e;border-radius:5px;position:absolute;top:50%;left:50%}.loading-panel h2,.gate-panel h2{color:var(--ink);font-size:28px;font-weight:950;line-height:1.2}.loading-panel h2 span{color:var(--teal);display:block}.loading-panel>p,.gate-panel>p{max-width:335px;color:var(--muted);margin:10px auto 18px;font-size:14px;line-height:1.72}.loading-steps{gap:9px;margin-top:16px;display:grid}.loading-step{color:var(--dim);border-radius:var(--radius);background:#09080a94;border:1px solid #ffeecc1a;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.loading-step strong{color:var(--dim);font-size:12px}.loading-step.active{color:var(--ink);background:#4db8ad1f;border-color:#4db8ad61}.loading-step.active strong{color:var(--teal)}.loading-step.done{color:#fff7e8c7}.loading-step.done strong{color:var(--gold)}.gate-seal{background:linear-gradient(145deg,#ffffff1f,#0000),radial-gradient(circle at 50% 25%,#a9344a57,#0000 45%),#0b0a0deb;border:1px solid #e3bd7057;border-radius:14px;place-items:center;width:132px;height:172px;margin:20px auto;display:grid;box-shadow:0 24px 50px #00000057}.gate-seal strong{color:var(--ink);font-size:58px;line-height:1}.gate-seal span{color:var(--gold);letter-spacing:.12em;margin-top:-34px;font-size:11px;font-weight:900}.gate-preview{grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 14px;display:grid}.gate-preview div{border:1px solid var(--line);border-radius:var(--radius);background:#08070bb8;min-width:0;padding:13px 8px}.gate-preview strong{color:var(--teal);font-size:24px;display:block}.gate-preview span{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.35;display:block}.lock-list{gap:8px;margin-bottom:13px;display:grid}.lock-list div{border-radius:var(--radius);background:#09080a94;border:1px solid #ffeecc1a;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.lock-list b{color:var(--ink);font-size:13px}.lock-list span{color:var(--crimson);letter-spacing:.1em;font-size:11px;font-weight:950}.gate-panel .ghost-btn{margin-top:10px}.result-page{padding-bottom:42px}.report{gap:12px;display:grid}.result-head{text-align:center;padding:8px 4px 12px}.result-head h1{color:var(--ink);margin-top:8px;font-size:34px;font-weight:950;line-height:1.08}.result-head p{color:var(--muted);margin-top:8px;font-size:14px}.result-hero-grid,.report-main-grid,.report-bottom-grid{gap:10px;display:grid}.score-plate,.dominant-plate,.brief-plate,.result-section{padding:16px}.score-plate{text-align:center;position:relative;overflow:hidden}.score-plate span,.dominant-plate>span,.brief-plate span{color:var(--gold);letter-spacing:.12em;font-size:11px;font-weight:950;display:block}.score-plate strong{color:var(--ink);margin-top:6px;font-size:72px;font-weight:950;line-height:.9;display:inline-block}.score-plate small{color:var(--muted);font-size:15px}.score-plate p,.dominant-plate p,.brief-plate p,.result-section p{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.72}.dominant-plate{text-align:center;overflow:hidden}.dominant-card{border:1px solid color-mix(in srgb, var(--tone), white 24%);background:radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--tone), transparent 66%), transparent 48%), linear-gradient(160deg, #ffffff1f, transparent 42%), #09080ae0;width:138px;min-height:178px;box-shadow:0 20px 44px color-mix(in srgb, var(--tone), transparent 74%);border-radius:14px;place-items:center;gap:6px;margin:14px auto 0;padding:18px 10px;display:grid}.dominant-card small,.dominant-card em{color:var(--tone);letter-spacing:.1em;font-size:11px;font-style:normal;font-weight:950}.dominant-card h2{color:var(--ink);font-size:34px;font-weight:950;line-height:1}.brief-plate b{color:var(--ink);margin-top:9px;font-size:18px;line-height:1.35;display:block}.result-section h2{color:var(--ink);font-size:20px;font-weight:950}.arcana-map{gap:8px;margin-top:13px;display:grid}.arcana-map-card{border-radius:var(--radius);background:#08070b9e;border:1px solid #ffeecc1a;grid-template-columns:1fr 42px;align-items:center;gap:10px;min-height:62px;padding:10px 12px;display:grid;position:relative;overflow:hidden}.arcana-map-card i{width:var(--score);background:linear-gradient(90deg, var(--tone), color-mix(in srgb, var(--tone), white 45%));height:3px;box-shadow:0 0 18px color-mix(in srgb, var(--tone), transparent 50%);position:absolute;bottom:0;left:0}.arcana-map-card small{color:var(--tone);font-size:10px;font-weight:950}.arcana-map-card b{color:var(--ink);margin-top:2px;font-size:16px;display:block}.arcana-map-card span{color:var(--dim);letter-spacing:.08em;margin-top:2px;font-size:10px;font-weight:900;display:block}.arcana-map-card strong{color:var(--ink);text-align:right;font-size:21px}.arcana-map-card em{color:#fff7e833;font-size:10px;font-style:normal;font-weight:950;position:absolute;top:8px;right:10px}.keyword-list{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.keyword-list span{color:var(--ink);background:#e3bd7014;border:1px solid #e3bd7038;border-radius:999px;padding:7px 9px;font-size:12px;font-weight:800}.shadow-gift{gap:8px;margin-top:13px;display:grid}.shadow-gift div{border-radius:var(--radius);background:#08070b80;border:1px solid #ffeecc1a;padding:12px}.shadow-gift b{color:var(--gold);font-size:13px}.matrix-grid,.advice-grid{gap:9px;margin-top:13px;display:grid}.matrix-item{border-radius:var(--radius);background:#08070b85;border:1px solid #ffeecc1a;grid-template-columns:1fr 58px;align-items:center;gap:12px;padding:12px;display:grid}.matrix-item b{color:var(--ink);font-size:15px}.matrix-item p{margin-top:5px;font-size:12px}.matrix-item strong{color:var(--ink);text-align:right;gap:4px;font-size:24px;line-height:1;display:grid}.matrix-item strong:after{content:attr(data-flames);color:var(--teal);letter-spacing:.06em;font-size:11px}.advice-card{border-radius:var(--radius);background:linear-gradient(90deg,#4db8ad1f,#0000),#08070b85;border:1px solid #ffeecc1a;min-height:82px;padding:14px 14px 14px 50px;position:relative}.advice-card span{color:var(--teal);font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:950;position:absolute;top:15px;left:14px}.advice-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.report-footer{gap:10px;padding:8px 0 0;display:grid}.report-footer p{max-width:360px;color:var(--dim);text-align:center;margin:4px auto 2px;font-size:12px;line-height:1.7}@media (width>=760px){.app-shell{width:min(100%,960px)}.page{padding:28px}.hero{min-height:calc(100svh - 56px);margin:-28px;padding:28px}.hero-main{grid-template-columns:minmax(280px,.82fr) minmax(340px,1fr);align-items:center;gap:28px;display:grid}.hero-title{text-align:left}.kicker:before{display:none}.hero-title p:last-child{margin-left:0}.result-hero-grid{grid-template-columns:.8fr 1.05fr 1fr}.report-main-grid,.report-bottom-grid{grid-template-columns:1fr 1fr}.advice-section{grid-column:2}}@media (width<=380px){.page{padding-left:14px;padding-right:14px}.hero{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}.orbit-card{width:56px;min-height:72px}.orbit-card b{font-size:13px}.question-panel h2{font-size:21px}}@media print{body{background:#fff}.app-shell{width:100%;box-shadow:none;background:#fff}.page:not(.active),.quiz-actions,.report-footer button{display:none}.page.active{color:#111;min-height:auto}}