@charset "UTF-8";
:root{--green:#183e32;--ink:#23392f;--muted:#7d877d;--paper:#faf9f0;--orange:#ee7847;--line:#e2e6d9;--accent:#b5d16d;--shadow:0 12px 36px #183e3210;color-scheme:light;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:#dfe6d6;color:var(--ink);min-height:100vh}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.app{max-width:480px;min-height:100svh;background:var(--paper);margin:0 auto;box-shadow:0 0 80px #183e3214;position:relative;overflow:clip}.desktop-note{display:none}header{height:76px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #183e3209}.brand{font-size:22px;font-weight:900;letter-spacing:-1px;line-height:1.1;text-decoration:none}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:500;margin-top:5px}.nav-button,.text-button{border:0;background:none;color:var(--ink);font-size:13px;padding:9px 2px;text-decoration:none}.nav-button{border:1px solid #cad4c1;border-radius:24px;padding:8px 13px}.screen{animation:appear .25s ease}.pad{padding:24px}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:#71816e}.landing{padding-top:25px;text-align:center}.landing h1{font-size:40px;line-height:1.23;letter-spacing:-2px;margin:14px 0 12px;font-weight:950}.landing h1 em{font-style:normal;color:var(--orange)}.intro-sub{font-size:13px;line-height:1.8;color:#6b786b;margin:0 24px}.hero{position:relative;margin:0 24px;height:300px;display:flex;justify-content:center;align-items:center}.hero::before{content:"";position:absolute;width:258px;height:258px;border-radius:50%;background:#e8edce}.hero img{width:300px;height:300px;object-fit:contain;position:relative;mix-blend-mode:multiply}.bubble{position:absolute;background:#fffef8;border:1px solid var(--line);box-shadow:var(--shadow);padding:10px 13px;border-radius:16px;font-size:12px;font-weight:700;transform:rotate(-7deg);left:0;top:37px}.bubble.two{left:auto;right:-3px;top:auto;bottom:26px;transform:rotate(6deg);background:#f4dfc3}.landing .facts{display:flex;justify-content:center;gap:20px;font-size:11px;color:#798171;margin-bottom:18px}.primary{display:flex;align-items:center;justify-content:center;gap:12px;border:0;background:var(--green);color:#fffef0;border-radius:17px;padding:17px 20px;font-size:16px;font-weight:800;width:100%;box-shadow:0 6px 0 #0e2b22;min-height:56px}.primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 3px 0 #0e2b22}.primary.orange{background:var(--orange);box-shadow:0 5px 0 #c6552a}.secondary{border:1px solid #bcc9b0;background:transparent;color:var(--ink);border-radius:14px;padding:13px 16px;font-weight:700;width:100%}.landing-actions{padding:0 26px 18px}.micro{font-size:11px;line-height:1.8;color:var(--muted)}.center{text-align:center}.landing .micro{margin:18px 15px 0}.tiny-roster{display:flex;justify-content:center;margin:12px 0 0;gap:7px}.tiny-roster img{width:48px;height:48px;border-radius:50%;border:2px solid white;object-fit:cover;box-shadow:0 2px 8px #183e320c}.resume{margin:14px 0 0}.quiz-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:14px}.progress{height:5px;border-radius:8px;background:#e5e8da;overflow:hidden}.progress span{display:block;background:var(--orange);height:100%;transition:width .25s}.question-head{padding-top:25px;position:relative;min-height:145px}.number{font-size:10px;font-weight:800;letter-spacing:2px;color:#9aa18d}.question-head h1{font-size:25px;line-height:1.5;letter-spacing:-.7px;margin:11px 0 10px;max-width:350px}.hint{font-size:12px;color:var(--muted);margin:7px 0 20px}.options{display:grid;gap:12px}.option{background:#fffef9;color:var(--ink);border:1.5px solid #dde3d2;border-radius:16px;text-align:left;width:100%;padding:17px 15px;display:flex;align-items:center;gap:13px;min-height:79px;line-height:1.65;font-size:14px;transition:background .12s,border-color .12s,transform .12s}.option .letter{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border-radius:50%;background:#f0f1e7;color:#809078;font-size:12px;font-weight:800}.option.selected{border-color:var(--green);background:#eaf0db;box-shadow:0 0 0 1px var(--green)}.option.selected .letter{background:var(--green);color:white}.quiz-actions{display:flex;gap:16px;align-items:center;margin-top:24px;padding-bottom:max(6px,env(safe-area-inset-bottom))}.quiz-actions .text-button{flex:0 0 58px}.quiz-actions .primary{flex:1;font-size:14px}.quiz-foot{font-size:11px;color:var(--muted);text-align:center;margin-top:22px}.loading-screen{min-height:75svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.loading-screen img{width:240px;mix-blend-mode:multiply;animation:bob 1s ease-in-out infinite}.loading-screen h1{font-size:25px}.dots{display:flex;gap:8px;margin:12px}.dots i{width:7px;height:7px;background:var(--orange);border-radius:50%;animation:pulse 1s infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}.result-hero{text-align:center;padding:26px 24px 0;background:radial-gradient(ellipse at 50% 50%,#e7edda 0%,var(--paper) 72%)}.pill{display:inline-block;border:1px solid #ccd7bd;padding:6px 12px;font-size:11px;border-radius:100px;color:#647555;background:#f7f9ee}.pill.hidden{background:#fae7c6;color:#916021;border-color:#dfc398}.result-code{margin:17px 0 2px;font-size:12px;font-weight:900;letter-spacing:4px;color:var(--persona,#537953)}.result-hero h1{font-size:36px;letter-spacing:-1.5px;margin:5px 0}.result-hero .animal{display:block;width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;margin:-4px auto -8px}.quote-mark{font-family:Georgia,serif;font-size:44px;line-height:25px;color:var(--orange);margin-top:4px}.golden{font-size:23px;line-height:1.5;font-weight:850;margin:8px 0 18px;letter-spacing:-.5px}.tags{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.tag{font-size:11px;padding:6px 9px;border-radius:6px;background:#e9eddf;color:#667658}.result-body{padding:25px 24px 110px}.paper-card{background:#fffef9;border:1px solid var(--line);border-radius:19px;padding:23px;margin:0 0 16px}.section-kicker{font-size:10px;letter-spacing:2px;color:#859078;font-weight:800}.paper-card h2{font-size:21px;margin:10px 0 14px;letter-spacing:-.5px}.sketch p{font-size:14px;line-height:1.95;margin:14px 0;color:#475343}.evidence{background:#eef1e2;border-radius:12px;padding:14px;margin-top:16px;font-size:12px;line-height:1.8}.evidence strong{display:block;color:var(--ink);font-size:12px;margin-bottom:6px}.side-persona{display:flex;align-items:center;gap:15px}.side-persona img{width:86px;height:86px;object-fit:contain;mix-blend-mode:multiply}.side-persona h3{font-size:16px;margin:5px 0}.side-persona p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.pair-image{background:#eff1e8;border-radius:13px;padding:9px}.outing{font-size:13px;line-height:1.9;color:#64705c}.paper-card details{border-top:1px solid var(--line);padding-top:14px;margin-top:15px}.paper-card summary{font-size:13px;cursor:pointer;font-weight:700}.paper-card details p{font-size:12px;line-height:1.9;color:var(--muted)}.result-actions{position:fixed;bottom:0;width:min(100%,480px);padding:13px 22px calc(13px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:16px;background:#faf9f0f5;backdrop-filter:blur(15px);border-top:1px solid var(--line);z-index:5}.result-actions .primary{font-size:14px;flex:1;min-height:49px;padding:13px;box-shadow:none}.result-actions .text-button{white-space:nowrap;font-size:12px}.gallery-head{padding:27px 24px 16px}.gallery-head h1{font-size:29px;letter-spacing:-1px;margin:12px 0}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:0 20px 28px}.gallery-card{border:1px solid var(--line);background:#fffef9;border-radius:16px;overflow:hidden;text-align:left;padding:0;color:var(--ink)}.gallery-card img{width:100%;display:block;aspect-ratio:1;object-fit:contain}.gallery-card .copy{padding:12px 13px 16px}.gallery-card .code{font-size:10px;letter-spacing:2px;color:var(--muted)}.gallery-card strong{display:block;font-size:16px;margin:5px 0}.gallery-card p{font-size:11px;line-height:1.65;margin:0;color:#7b8472;min-height:37px}.gallery-card.hidden-card{border-color:#d9bf86}.gallery-label{grid-column:1/-1;font-size:12px;letter-spacing:1px;margin:12px 0 0;color:#8b744f}.preview-note{background:#f6e4c6;padding:12px 20px;font-size:12px;text-align:center;line-height:1.7}.tie-card img{width:52px;height:52px;border-radius:50%;object-fit:contain}.tie-card strong{display:block}.tie-card span{font-size:12px}.trait-choice{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.trait-choice button{border:1px solid #d1dac7;background:#fffef9;border-radius:99px;padding:8px 12px;font-size:12px;color:var(--ink)}.trait-choice button[aria-pressed=true]{background:#e5eccf;border-color:#6f8b53}.preference-block{margin-top:17px}.preference-block .label{font-size:12px;font-weight:700}.preference-feedback{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:0}footer{font-size:10px;line-height:1.8;color:#909886;text-align:center;padding:8px 22px 23px}#toast{position:fixed;left:50%;bottom:110px;transform:translate(-50%,14px);background:#183e32f2;color:white;border-radius:12px;padding:12px 18px;font-size:12px;max-width:85vw;opacity:0;pointer-events:none;transition:.2s;z-index:50}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:20px;padding:20px;background:var(--paper);width:min(92vw,420px);max-height:92svh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#10281fd4;backdrop-filter:blur(5px)}.modal-close{position:absolute;top:10px;right:12px;border:0;border-radius:50%;background:#e3e8d7;width:33px;height:33px;font-size:23px;z-index:1;color:var(--ink)}#modal-body h2{font-size:21px;margin:10px 0}#modal-body .share-image{width:100%;height:auto;display:block;border-radius:13px;margin:12px 0}#modal-body .primary{font-size:14px;padding:12px;box-shadow:none;text-decoration:none}#modal-body p{font-size:12px;color:var(--muted);line-height:1.8}.modal-buttons{display:flex;gap:10px;margin-top:20px}.modal-buttons button{flex:1}.error{padding:50px 24px;text-align:center}body.modal-open{overflow:hidden}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes bob{50%{transform:translateY(-7px) rotate(-2deg)}}@keyframes pulse{50%{opacity:.25;transform:translateY(-4px)}}@media(min-width:950px){body{padding:28px 28px 28px calc(50% - 60px);background:radial-gradient(circle at 12% 10%,#edf0df,transparent 45%),#dae4d0}.app{margin:0;min-height:calc(100svh - 56px);border-radius:27px;box-shadow:0 24px 100px #24472d24}.desktop-note{display:block;position:fixed;left:max(40px,calc(50% - 480px));top:66px;width:330px}.wordmark{font-size:33px;font-weight:950;text-decoration:none;letter-spacing:-1px}.wordmark span{font-size:9px;letter-spacing:2.5px;display:block;margin-top:8px}.desktop-note h2{font-size:48px;line-height:1.35;letter-spacing:-2px;margin:67px 0 25px}.desktop-note em{font-style:normal;color:#ce6538}.desktop-note p{font-size:15px;line-height:2.1;color:#6c7e65}.edition{display:block;font-size:11px;color:#819078;margin-top:53px}.result-actions{border-radius:0 0 23px 23px;bottom:0}}@media(max-width:370px){header{padding:17px 19px}.pad{padding:20px}.landing h1{font-size:35px}.hero{height:260px}.hero img{width:270px;height:270px}.hero::before{width:225px;height:225px}.question-head h1{font-size:23px}.option{font-size:13px;padding:14px 12px}.result-hero h1{font-size:31px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}