:root{color:#26231e;background:#ece6da;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.75),transparent 28rem),linear-gradient(90deg,rgba(38,35,30,.025) 50%,transparent 50%),linear-gradient(115deg,rgba(38,35,30,.045) 0 1px,transparent 1px 18px),linear-gradient(180deg,#ffffff57,#cfc7b959),#ece6da;background-size:auto,44px 44px,auto,auto,auto}button,a{font:inherit}.app{min-height:100vh;display:flex;justify-content:center;position:relative;overflow-x:hidden}.app:before{content:"";position:fixed;inset:14px;pointer-events:none;border:1px solid rgba(38,35,30,.08);z-index:-1}.screen{width:min(100%,680px);min-height:100vh;padding:28px 22px 32px}.fade-in{animation:fadeIn .42s ease both}.home{display:flex;flex-direction:column}.kicker,.eyebrow,.micro,.disclaimer,.preset-note,.note{color:#746c5f;letter-spacing:0}.kicker{margin:0;font-size:12px}.home-topline{display:flex;justify-content:space-between;align-items:center;margin:8px 0 54px;padding-bottom:12px;border-bottom:1px solid rgba(38,35,30,.12)}.home-topline span{display:inline-grid;place-items:center;width:34px;height:24px;border:1px solid rgba(38,35,30,.14);border-radius:999px;color:#746c5f;font-size:11px}.home-stage{position:relative;padding:28px 0 26px}.home-stage:before{content:"";position:absolute;inset:0 auto auto -22px;width:calc(100% + 44px);height:100%;background:linear-gradient(90deg,rgba(38,35,30,.06),transparent 1px),linear-gradient(180deg,#ffffffad,#ffffff1f);background-size:34px 100%,auto;border-top:1px solid rgba(38,35,30,.08);border-bottom:1px solid rgba(38,35,30,.08);z-index:-1}.cover-system{display:flex;align-items:flex-end;gap:16px;margin-bottom:30px}.seal{width:68px;height:68px;display:grid;place-items:center;border:1px solid rgba(38,35,30,.2);border-radius:50%;background:#ffffff47;color:#4d473d;font-size:24px;font-weight:720;box-shadow:inset 0 0 0 8px #ffffff42}.cover-bars{flex:1;display:grid;gap:7px;padding-bottom:7px}.cover-bars span{display:block;height:9px;background:#26231e}.cover-bars span:nth-child(2){width:72%;background:#8f4d4a}.cover-bars span:nth-child(3){width:44%;background:#6f835c}.home-title h1{margin:0;font-size:clamp(50px,14vw,84px);line-height:.98;font-weight:780;letter-spacing:0}.home-title h1:nth-child(2){padding:8px 0 11px;color:#ece6da;background:#26231e;text-indent:.08em}.subtitle{margin:26px 0 0;color:#514b42;font-size:18px;line-height:1.7}.home-meta{display:grid;grid-template-columns:1fr;gap:8px;margin-top:24px;color:#746c5f;font-size:11px}.home-meta span{padding-top:8px;border-top:1px solid rgba(38,35,30,.14)}.actions{display:grid;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 22px;border-radius:7px;border:1px solid #26231e;color:#26231e;text-decoration:none;cursor:pointer;transition:transform .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.button:active,.option:active{transform:translateY(1px) scale(.99)}.primary{background:#26231e;color:#f7f2e8;box-shadow:0 14px 36px #26231e29}.secondary{background:#ffffff57}.micro{margin:12px 0 0;font-size:12px}.type-strip{margin-top:auto;padding-top:52px}.type-strip span{display:block;font-size:12px;color:#777064;margin-bottom:14px}.type-strip div{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.type-strip i{aspect-ratio:3 / 4;position:relative;border:1px solid rgba(38,35,30,.14);border-radius:5px;background:linear-gradient(180deg,#ffffff6b,#ffffff14),repeating-linear-gradient(135deg,rgba(38,35,30,.08),rgba(38,35,30,.08) 5px,transparent 5px,transparent 11px)}.type-strip i:nth-child(3n){background:linear-gradient(180deg,#8f4d4a2e,#ffffff14),repeating-linear-gradient(135deg,rgba(38,35,30,.08),rgba(38,35,30,.08) 5px,transparent 5px,transparent 11px)}.type-strip i:nth-child(4n){background:linear-gradient(180deg,#6f835c2e,#ffffff14),repeating-linear-gradient(135deg,rgba(38,35,30,.08),rgba(38,35,30,.08) 5px,transparent 5px,transparent 11px)}.type-strip i:after{content:"";position:absolute;left:20%;right:20%;bottom:18%;height:1px;background:#26231e2e}.disclaimer{margin:28px 0 0;font-size:11px;line-height:1.7}.quiz-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center}.back,.close{width:44px;height:44px;border-radius:50%;border:1px solid rgba(38,35,30,.18);background:#ffffff5c;cursor:pointer;color:#26231e}.back:disabled{opacity:.28;cursor:default}.counter{text-align:center;font-size:13px;color:#625b50}.progress{height:2px;margin:18px 0 34px;background:#26231e21;overflow:hidden}.progress span{display:block;height:100%;background:#26231e;transition:width .26s ease}.question-panel{position:relative;padding:24px 0 0}.question-panel:before{content:"";position:absolute;inset:0 -22px auto;height:1px;background:#26231e1a}.section-label{margin:16px 0 22px;color:#8a8174;font-size:11px}.question-ruler{display:grid;grid-template-columns:repeat(12,1fr);gap:7px;margin-bottom:4px}.question-ruler span{height:18px;border-left:1px solid rgba(38,35,30,.22)}.question-ruler span:nth-child(3n){height:28px;background:#26231e0d}.quiz h2{margin:0 0 36px;font-size:clamp(28px,8vw,44px);line-height:1.24;font-weight:720;letter-spacing:0}.options{display:grid;gap:12px}.option{min-height:76px;display:grid;grid-template-columns:40px 1fr;align-items:center;gap:14px;padding:14px 16px;border-radius:7px;border:1px solid rgba(38,35,30,.14);background:linear-gradient(180deg,#ffffff94,#ffffff38);color:#26231e;text-align:left;cursor:pointer;box-shadow:0 12px 28px #403a310d;transition:border .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.option:hover,.option.selected{border-color:#26231e7a;background:#ffffffa8;box-shadow:0 16px 34px #403a3114}.option b{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#26231e14;font-size:13px;border:1px solid rgba(38,35,30,.08)}.option span{font-size:16px;line-height:1.45}.loading{display:grid;place-items:center;align-content:center;gap:22px;text-align:center}.loading-mark{width:72px;height:72px;border:1px solid rgba(38,35,30,.16);border-top-color:#26231e;border-radius:50%;animation:rotate 1.3s linear infinite}.loading p{color:#514b42}.unlock,.tag{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:7px 12px;border:1px solid rgba(38,35,30,.18);border-radius:999px;font-size:12px;color:#625b50}.result{--accent: #6f835c;text-align:center}.result-hero{position:relative;padding:24px 0 34px;margin:-8px 0 30px;border-bottom:1px solid rgba(38,35,30,.12)}.result-hero:before{content:"";position:absolute;inset:0 -22px 68px;background:linear-gradient(90deg,rgba(38,35,30,.055),transparent 1px),linear-gradient(180deg,color-mix(in srgb,var(--accent) 16%,transparent),#ffffff14);background-size:38px 100%,auto;z-index:-1}.result-code{display:flex;justify-content:space-between;gap:14px;margin-bottom:18px;color:#746c5f;font-size:10px;text-align:left}.result-code span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eyebrow{margin:2px 0 12px;font-size:14px}.tag{margin:0 auto 16px}.visual{width:min(100%,430px);aspect-ratio:1 / 1;margin:0 auto 26px;display:grid;place-items:center;border:1px solid rgba(38,35,30,.14);border-radius:7px;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 42%),linear-gradient(180deg,#ffffff7a,#ffffff14),color-mix(in srgb,var(--accent) 10%,transparent);box-shadow:0 20px 55px #403a311a;overflow:hidden;position:relative}.visual:before,.visual:after{content:"";position:absolute;inset:18px;pointer-events:none;border:1px solid rgba(38,35,30,.1)}.visual:after{inset:auto 18px 18px auto;width:34%;height:34%;background:linear-gradient(90deg,rgba(38,35,30,.12),transparent 1px),linear-gradient(180deg,rgba(38,35,30,.12),transparent 1px);background-size:14px 14px;border:0;opacity:.58}.visual img{max-width:92%;max-height:92%;object-fit:contain;position:relative;z-index:1}.placeholder{display:grid;place-items:center;gap:12px;color:#777064}.placeholder span{width:122px;height:122px;border:2px solid var(--accent);border-radius:50%;opacity:.8}.placeholder p{margin:0;font-size:11px}.result h1{margin:0;font-size:clamp(36px,10vw,64px);line-height:1.12;font-weight:760;letter-spacing:0}.slogan{margin:16px auto 12px;max-width:560px;font-size:18px;line-height:1.65;color:#514d46}.rarity{color:var(--accent);margin:0 0 28px;font-weight:650}.traits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 auto 30px;max-width:560px}.traits div{min-height:104px;padding:12px;display:grid;align-content:center;gap:8px;border:1px solid rgba(38,35,30,.12);background:#ffffff3d;text-align:left;box-shadow:0 12px 28px #403a310b}.traits span{color:#777064;font-size:13px}.traits b{font-size:26px;font-weight:720}.description{max-width:590px;margin:0 auto;text-align:left;color:#3f3a33;line-height:1.9;font-size:16px}.description p{margin:0 0 14px}.emphasis{margin:22px auto;padding:18px;border-top:1px solid rgba(38,35,30,.18);border-bottom:1px solid rgba(38,35,30,.18);max-width:560px;font-size:18px}.note,.preset-note{font-size:12px;margin:14px auto}.result .actions{max-width:520px;margin:30px auto 0}.modal{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:16px;background:#26231e75}.share-panel{width:min(100%,390px);max-height:calc(100vh - 32px);display:grid;gap:12px;padding:14px;border-radius:7px;background:#ece6da;overflow:auto}.share-top{display:flex;align-items:center;justify-content:space-between}.share-top p{margin:0;color:#514d46}.render-canvas{display:none}.share-image{width:min(100%,320px);height:auto;justify-self:center;border:1px solid rgba(38,35,30,.14);background:#ece6da}.share-hint{margin:-2px 0 0;color:#746c5f;font-size:12px;line-height:1.6;text-align:center}.share-panel .actions{grid-template-columns:1fr}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{to{transform:rotate(360deg)}}@media(min-width:760px){.screen{padding-top:46px}.result{width:min(100%,760px)}.home-meta{grid-template-columns:repeat(3,1fr)}.home-stage:before,.result-hero:before,.question-panel:before{left:-42px;right:-42px;width:auto}}