@font-face{font-family:AnimalRound;src:url('./assets/font/round.ttf') format('truetype');font-display:swap;font-weight:100 900}
:root{--paper:#fffdf5;--ink:#20201d;--yellow:#ffd83d;--muted:#737369;--line:#e7e4d7;--green:#dbe5cc;--peach:#f6d2be;--font:'Microsoft YaHei','PingFang SC',sans-serif}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--font);font-size:1rem;scroll-behavior:smooth}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.43}button:focus-visible,a:focus-visible{outline:3px solid #806507;outline-offset:5px}button{color:inherit}a{color:inherit}img{max-width:100%;display:block}.app-shell{min-height:100svh;background-image:radial-gradient(#a29b7415 .8px,transparent .8px);background-size:7px 7px}.topbar{height:90px;max-width:1220px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:1.125rem;font-weight:800;display:flex;align-items:center;gap:10px}.spark{display:inline-block;color:var(--yellow);-webkit-text-stroke:1.5px var(--ink);font-family:Arial;font-size:2.125rem;line-height:1}.top-note{font-size:0.875rem;color:var(--muted)}.hero{max-width:1220px;min-height:640px;margin:auto;padding:66px 48px 36px;display:grid;grid-template-columns:1fr 1.03fr;gap:28px;align-items:center}.eyebrow{font-size:0.875rem;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:10px;margin:0 0 25px}.eyebrow:before{content:'';width:24px;height:2px;background:var(--ink)}h1{font-size:clamp(2.375rem,4vw,3.5625rem);font-weight:850;letter-spacing:-1.5px;line-height:1.38;margin:0 0 24px}.highlight{position:relative;isolation:isolate;white-space:nowrap}.highlight:before{content:'';position:absolute;left:-4px;right:-5px;bottom:2px;height:40%;background:var(--yellow);z-index:-1;transform:rotate(-2deg);border-radius:35% 15% 25% 10%}.intro{font-size:1.0625rem;line-height:1.9;color:#64645a;margin:0 0 30px}.primary{border:2px solid var(--ink);background:var(--yellow);border-radius:14px;padding:17px 25px;font-size:1.125rem;font-weight:750;box-shadow:4px 5px 0 var(--ink);display:inline-flex;gap:35px;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s;min-height:58px}.primary:hover:not(:disabled){transform:translate(-1px,-2px);box-shadow:5px 7px 0 var(--ink)}.primary:active:not(:disabled){transform:translate(3px,3px);box-shadow:1px 2px 0 var(--ink)}.arrow{font-family:Arial;font-size:1.5rem}.fineprint{font-size:0.8125rem;line-height:1.8;color:var(--muted)}.start-meta{display:flex;gap:18px;margin:21px 0 12px;font-size:0.875rem;color:#5d5e54}.start-meta span+span{border-left:1px solid #c9c8ba;padding-left:18px}.hero-art{position:relative;min-height:490px}.intro-reference{border:2px solid var(--ink);border-radius:24px;transform:rotate(2deg);box-shadow:7px 8px 0 #efebda;margin-top:80px}.art-note{font-size:0.9375rem;color:#626057;text-align:center;transform:rotate(-4deg)}.card-stack{position:absolute;inset:0}.animal-card{position:absolute;width:58%;background:var(--paper);border:2px solid var(--ink);border-radius:20px;padding:14px 18px 18px;box-shadow:4px 6px 0 #24241c;overflow:hidden}.animal-card img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.animal-card .mini-id{font-size:0.6875rem;color:#77786a;letter-spacing:1.8px;display:flex;justify-content:space-between}.animal-card h3{font-size:1.375rem;margin:0 0 6px;display:flex;align-items:center;justify-content:space-between}.animal-card h3 small{font-family:Arial;font-size:0.75rem;font-weight:500;border:1px solid #b9b8a5;padding:3px 7px;border-radius:12px}.animal-card p{font-size:0.75rem;margin:0;color:#64655a}.animal-card.back{left:1%;top:31px;transform:rotate(-12deg);background:#edf0dc;width:52%}.animal-card.front{right:0;top:115px;transform:rotate(8deg);background:#fff9e6;z-index:2}.animal-card.third{width:30%;left:5%;bottom:7px;transform:rotate(-5deg);padding:8px 10px;z-index:3;background:#ffeadf}.animal-card.third h3{font-size:1rem;justify-content:center}.animal-card.third img{aspect-ratio:1.15}.floating-star{position:absolute;right:16px;top:20px;font-size:4.0625rem;transform:rotate(13deg)}.scribble-note{position:absolute;left:36%;bottom:9px;font-size:0.875rem;color:#666657;transform:rotate(-7deg);z-index:4}.quiet-button{background:none;border:0;font-size:0.875rem;text-decoration:underline;text-underline-offset:4px;padding:10px 0}.quiz{width:min(680px,100%);margin:0 auto;padding:40px 24px 54px}.quiz-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.back{border:0;background:transparent;padding:10px 4px;font-size:0.9375rem;color:#65655b}.count{font-size:0.875rem;color:#7b7a6d}.count strong{font-size:1.375rem;color:var(--ink);margin-right:5px}.progress{height:6px;background:#eae8dc;border-radius:6px;overflow:hidden;margin-bottom:28px}.progress span{display:block;height:100%;background:var(--ink);border-radius:6px;transition:width .3s}.question-title{font-size:clamp(1.5625rem,3vw,2rem);line-height:1.6;letter-spacing:-.5px;margin:0 0 13px}.options{display:grid;gap:13px;border:0;margin:0;padding:0;min-width:0}.option{width:100%;border:1.5px solid #d5d3c5;border-radius:15px;padding:18px 20px;background:#fffefb;display:flex;align-items:center;text-align:left;gap:17px;line-height:1.65;font-size:1rem;min-height:76px;transition:background .15s,border-color .15s,transform .15s}.option:hover{border-color:#777565;transform:translateX(2px)}.option.selected{border:2px solid var(--ink);padding:17.5px 19.5px;background:#fff2b6;box-shadow:3px 3px 0 var(--ink)}.letter{font:0.9375rem Arial;width:29px;height:29px;flex-shrink:0;border:1px solid #d9d6c7;border-radius:50%;display:grid;place-items:center;background:#fffdf5}.selected .letter{background:var(--ink);color:#fff9df;border-color:var(--ink)}.quiz-actions{margin-top:30px;display:flex;align-items:center;justify-content:space-between;gap:24px}.quiz-actions .primary{min-width:190px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.result{max-width:1120px;margin:auto;padding:42px 35px 60px}.result-intro{text-align:center;margin-bottom:30px}.result-intro .eyebrow{justify-content:center;margin-bottom:12px}.result-intro .eyebrow:before{display:none}.result-intro h1{font-size:1.875rem;margin:0 0 10px}.result-intro p{font-size:0.875rem;color:var(--muted)}.result-grid{display:grid;grid-template-columns:430px 1fr;gap:56px;align-items:start}.poster-column{position:sticky;top:22px}.poster-wrap{background:#f0eddf;padding:14px;border-radius:24px;transform:rotate(-1deg);box-shadow:0 12px 40px #32322210}.poster-image{width:100%;border-radius:13px;aspect-ratio:3/4;box-shadow:0 2px 8px #22220d10}.poster-loading{aspect-ratio:3/4;background:#fffdf5;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;text-align:center;border-radius:13px}.poster-loading img{width:70%;mix-blend-mode:multiply}.poster-loading p{font-size:0.875rem;color:var(--muted)}.download-buttons{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:25px}.download-buttons .primary{width:100%}.secondary{border:1px solid #c9c7b7;border-radius:12px;background:transparent;padding:13px 20px;font-size:0.9375rem}.save-hint{text-align:center;font-size:0.8125rem;color:var(--muted);line-height:1.8;margin:15px 0}.analysis-header{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:15px}.analysis-header h2{font-size:2rem;margin:0}.code-pill{font:0.875rem Arial;border:1px solid #bcbbaa;border-radius:16px;padding:5px 10px}.tags{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 24px}.tag{background:#f1efdf;border-radius:8px;padding:8px 11px;font-size:0.8125rem;color:#56584b}.contrast{background:#fff7d4;border:1px solid #e8ddb0;border-radius:18px;padding:20px 23px;margin-bottom:28px}.contrast p{font-size:0.9375rem;line-height:1.8;margin:0}.contrast p+p{margin-top:10px}.contrast small{font-size:0.75rem;color:#777255;display:block;margin-bottom:3px}.analysis-section{border-bottom:1px solid var(--line);padding:0 0 22px;margin:0 0 22px}.analysis-section h3{font-size:1.125rem;margin:0 0 10px;display:flex;align-items:center;gap:10px}.section-number{font:0.75rem Arial;color:#999887}.analysis-section p{font-size:1rem;line-height:1.95;color:#5b5d52;margin:0}.action-card{padding:22px;background:#e9efde;border-radius:18px}.action-card h3{font-size:1.0625rem;margin:0 0 9px}.action-card p{font-size:0.9375rem;line-height:1.9;margin:0;color:#515748}.dimension-box{margin-top:25px;padding-top:5px}.dimension-row{margin-bottom:17px}.dimension-labels{display:flex;justify-content:space-between;font-size:0.75rem;color:#797a6d;margin-bottom:8px}.dimension-track{height:5px;background:#e6e4d8;position:relative;border-radius:4px}.dimension-track:before{content:'';position:absolute;left:50%;top:-3px;height:11px;width:1px;background:#cccabb}.dimension-dot{position:absolute;top:-4px;height:13px;width:13px;border:2px solid var(--paper);border-radius:50%;background:var(--ink);transform:translateX(-50%)}.boundary-note{font-size:0.8125rem;color:#75766b;line-height:1.8}.result-footer{text-align:center;margin-top:32px;color:var(--muted);font-size:0.8125rem}.dialog{border:2px solid var(--ink);border-radius:23px;padding:28px;width:min(430px,calc(100% - 36px));background:var(--paper);box-shadow:7px 8px 0 #20201d40}.dialog::backdrop{background:#20201d55;backdrop-filter:blur(3px)}.dialog h2{font-size:1.4375rem;margin-top:0}.dialog p{font-size:0.9375rem;color:#626356;line-height:1.8}.dialog-actions{display:flex;gap:13px;justify-content:flex-end;margin-top:25px}.dialog-actions .primary{font-size:0.9375rem;min-height:48px;padding:12px 20px;box-shadow:3px 3px 0 var(--ink)}.poster-dialog{width:min(570px,calc(100% - 22px));max-height:93svh;padding:15px;overflow:auto}.poster-dialog img{width:100%;border-radius:12px}.poster-dialog .dialog-close{position:sticky;top:0;margin-left:auto;display:block;width:40px;height:40px;border-radius:50%;background:var(--paper);border:1px solid #ccc7b5;font-size:1.375rem;z-index:2}.error{color:#9a442c;font-size:0.875rem;line-height:1.8}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:13px 20px;background:var(--ink);color:var(--paper);font-size:0.875rem;border-radius:12px;z-index:30;max-width:90%;text-align:center}.enter{animation:enter .25s ease-out}@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.hero{padding-top:90px;min-height:700px}.hero-art{min-height:510px}}
@media(max-width:850px){.topbar{height:75px;padding:0 25px}.hero{padding:44px 30px 25px;gap:14px}.hero-art{min-height:400px}.animal-card{padding:10px}.animal-card h3{font-size:1.125rem}.animal-card p{font-size:0.6875rem}.animal-card.front{top:110px}.animal-card.third{bottom:0}.scribble-note{bottom:4px;left:39%;font-size:0.75rem}.result-grid{grid-template-columns:350px 1fr;gap:30px}.result{padding:35px 22px}.analysis-header h2{font-size:1.6875rem}}
@media(max-width:640px){.topbar{height:65px;padding:0 23px}.wordmark{font-size:1rem}.top-note{font-size:0.75rem}.hero{display:flex;flex-direction:column;padding:28px 25px 8px;gap:6px;min-height:auto;align-items:stretch}.hero-copy{text-align:center}.eyebrow{justify-content:center;font-size:0.75rem;margin-bottom:17px;letter-spacing:1.5px}.eyebrow:before{width:18px}h1{font-size:2.25rem;line-height:1.42;letter-spacing:-1px;margin-bottom:14px}.intro{font-size:0.9375rem;margin-bottom:20px;line-height:1.8}.hero-copy .primary{width:100%;max-width:355px;min-height:56px;padding:14px 24px;font-size:1.0625rem;gap:70px}.start-meta{justify-content:center;font-size:0.75rem;gap:14px;margin:17px 0 7px}.start-meta span+span{padding-left:14px}.hero-copy>.fineprint{font-size:0.75rem;margin:8px 0}.hero-art{width:min(350px,100%);align-self:center;min-height:350px;margin-top:6px}.animal-card.back{top:19px;width:54%;left:4%}.animal-card.front{top:75px;right:1%;width:57%}.animal-card.third{width:28%;bottom:10px;left:11%}.animal-card .mini-id{font-size:0.5625rem;letter-spacing:1px}.animal-card h3{font-size:1.0625rem;margin-bottom:4px}.animal-card h3 small{font-size:0.625rem;padding:2px 5px}.animal-card p{font-size:0.625rem}.animal-card.third h3{font-size:0.8125rem}.floating-star{font-size:2.8125rem;top:10px;right:4px}.scribble-note{font-size:0.75rem;bottom:15px;left:42%}.intro-reference{margin-top:25px}.quiz{padding:22px 21px 35px}.progress{margin-bottom:25px}.question-title{font-size:1.5625rem;line-height:1.55}.option{font-size:0.9375rem;padding:17px 16px;gap:13px;min-height:80px}.option.selected{padding:16.5px 15.5px}.quiz-actions{gap:15px;margin-top:26px}.quiz-actions .primary{min-width:160px;font-size:1rem;padding:15px 22px;gap:20px}.result{padding:28px 22px 45px}.result-intro h1{font-size:1.5625rem}.result-grid{display:flex;flex-direction:column;gap:34px}.poster-column{position:static;width:min(390px,100%);margin:0 auto}.analysis{width:100%}.analysis-header h2{font-size:1.75rem}.result-intro{margin-bottom:24px}.analysis-section p{font-size:0.9375rem}.poster-wrap{padding:10px;border-radius:20px}.download-buttons{margin-top:22px}.dialog{padding:23px}.poster-dialog{padding:10px}.dialog-actions{gap:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

h1,.wordmark,.animal-card h3,.analysis-header h2{font-family:AnimalRound,'Microsoft YaHei',sans-serif;font-weight:400}
.scribble-note{display:none}.animal-card .mini-id,.animal-card h3 small,.animal-card p{font-size:.75rem;letter-spacing:0}.animal-card{overflow:visible}.quiz-actions{flex-wrap:wrap}.quiz-actions .primary{max-width:100%;white-space:normal}.option{min-width:0}.option>span:last-child{min-width:0}.question-title:focus{outline:none}.poster-image{-webkit-touch-callout:default}.topbar{gap:16px}.top-note{text-align:right}.dimension-labels{gap:10px}
@media(max-width:640px){.option,.analysis-section p{font-size:1rem}.animal-card p{display:none}.animal-card .mini-id{font-size:.75rem}.animal-card.front{top:88px}.hero-art{min-height:340px}.primary{overflow-wrap:anywhere}.analysis-header h2{overflow-wrap:anywhere}.quiz-actions .primary{flex:1}.tag{font-size:.875rem}.topbar{height:auto;min-height:65px;padding-top:10px;padding-bottom:10px}}
/* Compact spacing after removing helper-copy blocks. */
.hero{min-height:0;padding-top:48px;padding-bottom:64px}.quiz{padding-top:28px;padding-bottom:36px}.quiz .progress{margin-bottom:26px}.quiz .question-title{margin-bottom:24px}.quiz-actions{margin-top:24px;justify-content:flex-end}.quiz-actions .primary{flex:0 1 auto}.result{padding-bottom:32px}.result-footer{margin-top:20px}
@media(min-width:1450px){.hero{padding-top:64px;padding-bottom:72px}}
@media(max-width:850px){.hero{padding-top:36px;padding-bottom:44px}}
@media(max-width:640px){.hero{padding:24px 25px 30px;gap:8px}.quiz{padding:20px 21px 28px}.quiz .progress{margin-bottom:22px}.quiz .question-title{margin-bottom:22px}.quiz-actions{margin-top:22px}.quiz-actions .primary{width:100%;flex:1}.result{padding-bottom:24px}.result-footer{margin-top:16px}}