*{box-sizing:border-box}html{min-height:100%;background:#08090d;color:#f4f0ea;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,#08090d,#111116 48%,#07080b);background-size:28px 28px,28px 28px,100% 100%}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%),repeating-linear-gradient(180deg,rgba(255,255,255,.025) 0 1px,transparent 1px 5px);opacity:.5}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}.page{width:100%;min-height:100vh;min-height:100svh;padding:max(30px,env(safe-area-inset-top)) 20px max(26px,env(safe-area-inset-bottom));position:relative;overflow:hidden}.page:before{content:"XUANXUE INDEX / ABSTRACT HUMAN ARCHIVE / ONLINE FATE SAMPLE";position:absolute;top:18px;left:20px;right:20px;color:#f4f0ea29;font-size:10px;font-weight:800;letter-spacing:0;line-height:1.6}.page:after{content:"";position:absolute;right:-90px;bottom:12%;width:220px;height:220px;border:1px solid rgba(72,255,191,.16);transform:rotate(12deg);pointer-events:none}.home-page,.test-page,.loading-page,.result-page,.share-page{display:flex;align-items:flex-start;justify-content:center}.hero,.test-card,.loading-wrap,.result-panel,.share-panel{width:min(100%,430px);position:relative;z-index:1}.hero,.result-panel{padding:30px 0}.eyebrow{display:inline-flex;min-height:28px;align-items:center;margin:0 0 18px;padding:0 10px;border:1px solid rgba(72,255,191,.28);border-radius:6px;background:#48ffbf14;color:#7cffd8;font-size:12px;font-weight:800;letter-spacing:0}h1{margin:0;color:#fffaf1;font-size:36px;line-height:1.08;letter-spacing:0}.lead{margin:18px 0 0;color:#f4f0eac7;font-size:16px;line-height:1.75}.tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.tag-row span{min-height:34px;padding:7px 10px;border:1px solid rgba(255,216,111,.22);border-radius:6px;background:#ffd86f14;color:#ffd86f;font-size:13px;font-weight:700}.primary-button,.option-button{display:inline-flex;min-height:56px;align-items:center;justify-content:center;border:1px solid rgba(244,240,234,.18);border-radius:8px;color:#08090d;font-size:16px;font-weight:900;letter-spacing:0}.primary-button{width:100%;margin-top:28px;background:linear-gradient(135deg,#7cffd8,#ffd86f 58%,#ff5fa2);box-shadow:0 18px 42px #0000006b}.ghost-link{display:flex;min-height:44px;align-items:center;justify-content:center;margin-top:12px;color:#f4f0ea9e;font-size:14px;font-weight:700}.test-card{padding:18px 0 10px}.test-card h1{font-size:28px;line-height:1.22}.question-meta{margin-bottom:20px}.progress-track{width:100%;height:6px;overflow:hidden;border-radius:6px;background:#f4f0ea1a}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7cffd8,#ff5fa2)}.options{display:grid;gap:10px;margin-top:24px}.option-button{width:100%;min-height:64px;justify-content:flex-start;padding:14px 16px;background:#12131aeb;color:#f4f0ea;text-align:left;line-height:1.45;box-shadow:inset 0 0 0 1px #ffffff0d}.option-button:active,.primary-button:active{transform:translateY(1px)}.loading-wrap{text-align:center}.signal-ring{display:grid;width:132px;height:132px;place-items:center;margin:0 auto 26px;border:1px solid rgba(72,255,191,.28);border-radius:8px;background:linear-gradient(90deg,transparent 49%,rgba(72,255,191,.2) 50%,transparent 51%),linear-gradient(180deg,transparent 49%,rgba(255,95,162,.22) 50%,transparent 51%),#0c0d12e0}.signal-ring span{grid-area:1 / 1;width:34px;height:34px;border:1px solid rgba(255,216,111,.5);border-radius:8px;animation:scan 1.3s ease-in-out infinite}.signal-ring span:nth-child(2){width:70px;height:70px;animation-delay:.16s}.signal-ring span:nth-child(3){width:106px;height:106px;animation-delay:.32s}.result-panel{padding:0 0 10px}.guide-card{position:relative;overflow:hidden;margin-top:12px;border:1px solid rgba(244,240,234,.24);border-radius:8px;box-shadow:0 18px 46px #00000057}.result-hero-card{margin-top:0;min-height:auto;display:flex;flex-direction:column;justify-content:flex-start;padding:11px;background:linear-gradient(135deg,#ffffffc2,#f7f0dee6),#f7f0de;color:#14151b}.result-hero-card:before,.summary-card:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px dashed rgba(20,21,27,.18);border-radius:8px;pointer-events:none}.result-kicker,.section-label{color:#14151ba3;font-size:11px;font-weight:900}.result-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.result-hero-card h1{margin-top:5px;color:#14151b;font-size:31px;line-height:1.08}.result-code{max-width:120px;margin:0;color:#ff3f8f;font-size:10px;font-weight:900;line-height:1.25;text-align:right}.character-frame{isolation:isolate;position:relative;display:grid;width:min(178px,54vw);aspect-ratio:1;place-items:center;margin:5px auto 7px;padding:6px;border:1px solid rgba(20,21,27,.08);border-radius:8px;background:radial-gradient(circle at 50% 72%,rgba(20,21,27,.13),transparent 34%),radial-gradient(circle at 50% 42%,rgba(255,216,111,.2),transparent 54%),linear-gradient(145deg,#ffffff52,#f8efd6c7);background-size:100% 100%,100% 100%,100% 100%;box-shadow:inset 0 0 0 1px #ffffff61,inset 0 -18px 32px #14151b12,0 12px 24px #14151b1a}.character-frame:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;z-index:-1;border-radius:8px;background:linear-gradient(rgba(20,21,27,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(20,21,27,.025) 1px,transparent 1px);background-size:18px 18px;opacity:.55}.character-frame:after{content:"";position:absolute;left:18%;right:18%;bottom:13%;height:18px;z-index:-1;border-radius:50%;background:#14151b1f;filter:blur(8px)}.character-frame img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;mix-blend-mode:multiply;filter:saturate(1.04) contrast(1.02)}.result-line{margin:0;padding:9px 10px;border-radius:8px;background:#14151b;color:#fff8e8;font-size:14px;font-weight:900;line-height:1.45}.poster-summary{margin:6px 0 0;color:#14151bc7;font-size:13px;font-weight:800;line-height:1.45}.poster-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.poster-tags span{display:inline-flex;min-height:25px;align-items:center;padding:4px 7px;border:1px solid rgba(20,21,27,.16);border-radius:8px;background:linear-gradient(135deg,rgba(124,255,216,.18),transparent 74%),#ffffff80;color:#14151bc2;font-size:11px;font-weight:800}.expand-button,.share-button,.copy-button{display:inline-flex;width:100%;min-height:42px;align-items:center;justify-content:center;border-radius:8px;font-size:14px;font-weight:900;letter-spacing:0}.expand-button{margin-top:9px;border:1px solid rgba(20,21,27,.18);background:#14151be6;color:#7cffd8}.copy-button{margin-top:10px;border:1px solid rgba(20,21,27,.16);background:#14151b14;color:#14151b}.share-button{margin-top:7px;border:1px solid rgba(20,21,27,.16);background:#ffffff73;color:#14151b}.expand-button:active,.share-button:active,.copy-button:active{transform:translateY(1px)}.summary-card,.long-card{padding:18px;background:#f7f0deeb;color:#14151b}.detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.detail-tags span{display:inline-flex;min-height:28px;align-items:center;padding:5px 8px;border:1px solid rgba(20,21,27,.14);border-radius:8px;background:#ffffff7a;color:#14151bc7;font-size:12px;font-weight:800}.summary-card h2{margin:8px 0 0;color:#14151b;font-size:34px;line-height:1.15}.summary-text{margin:14px 0 0;padding-bottom:14px;border-bottom:1px solid rgba(20,21,27,.12);color:#14151bc7;font-size:16px;font-weight:800;line-height:1.65}.symptom-list{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0 0;padding:0;list-style:none}.symptom-list li{padding:10px 12px;position:relative;border:1px solid rgba(20,21,27,.14);border-radius:8px;background:linear-gradient(135deg,rgba(124,255,216,.2),transparent 78%),#ffffff8f;color:#14151bd1;font-size:14px;line-height:1.55;font-weight:800}.symptom-list li:before{content:none}.long-card{background:linear-gradient(135deg,rgba(124,255,216,.12),transparent 70%),#f7f0def0}.long-card p:not(.section-label){margin:0;color:#14151bd1;font-size:15px;line-height:1.9;text-align:justify}.long-card .primary-button{margin-top:20px}.share-panel{padding:0 0 10px}.share-poster{margin-top:0;padding:13px;background:linear-gradient(135deg,#ffffffc7,#f7f0deeb),#f7f0de;color:#14151b}.share-poster:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px dashed rgba(20,21,27,.18);border-radius:8px;pointer-events:none}.share-poster h1{margin-top:5px;color:#14151b;font-size:32px;line-height:1.08}.share-poster .character-frame{width:min(184px,56vw);margin:7px auto 8px}.qr-block{display:grid;justify-items:center;gap:7px;margin-top:12px;padding:10px;border:1px solid rgba(20,21,27,.12);border-radius:8px;background:#ffffff85}.qr-block img{display:block;width:118px;height:118px;border-radius:6px}.qr-block p{margin:0;color:#14151bb3;font-size:12px;font-weight:900}.long-card p:not(.section-label)+p{margin-top:16px}@keyframes scan{0%,to{opacity:.35;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}@media(max-width:360px){h1{font-size:32px}.test-card h1{font-size:25px}.result-card h1{font-size:34px}.result-hero-card h1{font-size:28px}.result-hero-card{padding:10px}.character-frame{width:min(162px,50vw)}.summary-card h2{font-size:30px}}@media(min-width:720px){.page{padding-inline:32px}h1{font-size:44px}}