:root{font-family:Palatino Linotype,Book Antiqua,Georgia,Songti SC,serif;color:#3d2512;background:#d6be8a}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;color:#3d2512;background:linear-gradient(#58371824,#58371824),url(/images/parchment-background.jpg) center / cover fixed no-repeat}body,button,input,select{font:inherit}html[data-language=zh] body{line-height:1.6}html[data-language=zh] button,html[data-language=zh] input,html[data-language=zh] select,html[data-language=zh] textarea{font-family:inherit}html[data-language=zh] h1,html[data-language=zh] h2,html[data-language=zh] h3,html[data-language=zh] p,html[data-language=zh] label,html[data-language=zh] .nav-link,html[data-language=zh] .button,html[data-language=zh] .button-secondary,html[data-language=zh] .helper-text,html[data-language=zh] .result-footnote,html[data-language=zh] .language-button,html[data-language=zh] .language-option{line-height:1.6}html[data-language=zh] .home-card h2{font-size:clamp(1.598rem,3.102vw,2.397rem)}html[data-language=zh] .content-grid>section.card>h2,html[data-language=zh] .content-grid>section>h2{font-size:clamp(1.504rem,3.76vw,2.256rem)}a{color:inherit;text-decoration:none}#root{min-height:100vh}.app-shell{min-height:100vh;padding:24px;background:radial-gradient(circle at top,rgba(255,243,211,.32),transparent 30%),linear-gradient(#5a36151f,#5a36151f)}.page{width:min(100%,1120px);margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0 28px}.nav{display:flex;flex-wrap:wrap;gap:12px}.toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end}.brand-lockup{display:grid;align-items:center;width:min(100%,350px);max-width:100%;aspect-ratio:760 / 220;transform:translate(-120px,-8px)}.brand-scroll-image,.brand-text-layer{grid-area:1 / 1}.brand-scroll-image{display:block;width:100%;height:auto;filter:sepia(.3) saturate(.8) contrast(1.04) drop-shadow(0 7px 10px rgba(73,45,22,.12))}.brand-text-layer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;justify-items:center;width:100%;height:100%;padding:clamp(1.05rem,2.8vw,1.5rem) clamp(3.6rem,9vw,5.15rem);pointer-events:none}.brand-left-text,.brand-right-text{font-weight:600;color:#4a2a15;text-shadow:0 .5px 0 rgba(86,70,52,.74),0 1.5px 2px rgba(0,0,0,.25);text-align:center;font-family:HarryP,serif;letter-spacing:.015em;line-height:.9;text-rendering:optimizeLegibility}.brand-left-text{font-size:clamp(5rem,2.35vw,2.05rem);max-width:4ch;transform:translate(-63px,5px) rotate(-1.7deg)}.brand-right-text{font-size:clamp(4.5rem,1.05vw,1.8rem);max-width:5.8ch;transform:translate(-17px,8px) rotate(1.15deg)}.language-control{position:relative}.language-button{min-width:116px;text-transform:none}.language-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:10;width:100%;min-width:116px;padding:6px;border-radius:18px;background:linear-gradient(180deg,#895d2df7,#65401ef7);border:1px solid rgba(141,98,48,.32);box-shadow:inset 0 1px #fff0c52e,0 10px 22px #3f220d29}.language-option{width:100%;min-height:42px;padding:9px 14px;border:none;border-radius:12px;background:linear-gradient(180deg,#d7b06af5,#ad7e3df5);color:#43250f;cursor:pointer;text-align:center}.language-option:hover{filter:brightness(1.03)}.nav-link{display:inline-flex;align-items:center;min-width:92px;padding:10px 18px;border-radius:999px;background:linear-gradient(180deg,#895d2df2,#65401ef2);border:1px solid rgba(141,98,48,.32);color:#f7ead0;box-shadow:inset 0 1px #fff0c533,0 8px 18px #3f220d1f;justify-content:center;text-align:center}.nav-link.active{background:linear-gradient(180deg,#d7b06a,#ad7e3d);color:#43250f;border-color:#996c366b}.home-shell,.content-grid{display:grid;gap:24px}.home-shell{grid-template-columns:minmax(0,780px);justify-content:center}.card{padding:32px;border-radius:28px;background:linear-gradient(180deg,#f8ebccf5,#e5cea0eb),linear-gradient(135deg,rgba(144,102,53,.08),transparent 50%);border:1px solid rgba(134,90,44,.22);box-shadow:inset 0 1px #fff6dddb,inset 0 0 0 1px #9d713714,0 18px 42px #3d210d29;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(140,95,45,.14);border-radius:20px;pointer-events:none}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#946531}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.3rem,5vw,4.3rem);margin-bottom:16px;color:#4e2d17;line-height:1.05}h2{font-size:clamp(1.6rem,4vw,2.4rem);margin-bottom:12px;color:#4a2a15}.description{margin-bottom:24px;line-height:1.7;color:#654629}.home-card{text-align:center;padding-block:52px 42px}.home-card h2{margin-inline:auto;max-width:18ch;font-size:clamp(1.7rem,3.3vw,2.55rem);line-height:1.16;letter-spacing:.01em;margin-bottom:34px}.home-personality-picker{width:min(100%,16.5rem);margin:0 auto 34px;text-align:left}.home-card .cta-row{justify-content:center;gap:24px}.cta-row,.button-row{display:flex;flex-wrap:wrap;gap:12px}.button,.button-secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:14px;border:1px solid transparent;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;min-height:46px}.button{background:linear-gradient(180deg,#c79d52,#9b7033);color:#2f1a0d;border-color:#67411c80;box-shadow:inset 0 1px #fff0c58c,0 10px 20px #351c0a2e}.button-secondary{background:transparent;color:#5a3a20;border-color:transparent;box-shadow:none;padding-inline:0}.button:hover,.button-secondary:hover{transform:translateY(-1px)}.home-card .button{min-height:60px;padding:15px 30px;font-size:1.14rem}.home-card .button-secondary{min-height:auto;font-size:1.04rem;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}.content-grid{grid-template-columns:1.1fr .9fr;align-items:start}.form-grid{display:grid;gap:20px}.field{display:grid;gap:10px}.field label{font-weight:600;color:#55351d}.field input,.field select,.field-value{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(123,84,46,.32);background:linear-gradient(180deg,#fcf5e2f5,#eedab1f0);color:#3f2817;box-shadow:inset 0 1px #fffaece6,inset 0 -1px #a0743914}.field-value{min-height:50px;display:flex;align-items:center}.field input:focus,.field select:focus,.button:focus,.button-secondary:focus,.nav-link:focus{outline:2px solid rgba(180,133,58,.65);outline-offset:2px}.slider-row{display:grid;gap:10px}.slider-meta{display:flex;justify-content:space-between;align-items:center;color:#7d5d39;font-size:.92rem}.slider-value{font-weight:700;color:#6f471f}.field input[type=range]{padding:0;accent-color:#9f7432;background:transparent}.helper-text{margin:0;color:#6f5231;line-height:1.6}.result-footnote{margin:18px 0 0;font-size:.8rem;line-height:1.45;color:#564634bd}.result-actions{margin-top:22px}.error-banner{padding:14px 16px;border-radius:14px;background:#76241714;border:1px solid rgba(132,49,33,.2);color:#7f2f24}.result-grid{display:grid;gap:18px}.result-highlight{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.result-box{padding:18px;border-radius:18px;background:#faf1d9c2;border:1px solid rgba(139,98,47,.16)}.result-box strong{display:block;margin-top:6px;font-size:1.5rem;color:#5a381d}.weights-list{display:grid;gap:12px}.weight-row{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:14px;background:#f2e2bfbd;border:1px solid rgba(145,102,51,.12)}.guide-list{display:grid;gap:18px;margin-top:20px}.guide-card{padding:16px 18px;border-radius:18px;border:1px solid rgba(123,84,46,.32);background:linear-gradient(180deg,#fcf5e2f5,#eedab1f0);box-shadow:inset 0 1px #fffaece6,inset 0 -1px #a0743914}.guide-card strong{display:block;margin-bottom:8px;font-size:1.12rem;color:#5a381d}.guide-card p{margin:0;color:#6f5231;line-height:1.65}.empty-state{text-align:center}.empty-state .button-row{justify-content:center;margin-top:24px}@media (max-width: 860px){.home-shell,.content-grid,.result-highlight{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.toolbar{width:100%;justify-content:flex-start}.language-control{min-width:116px}}@media (max-width: 640px){.app-shell{padding:16px}.topbar{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:12px}.card{padding:22px 18px;border-radius:22px}.brand-lockup{width:150px;flex:0 0 auto;transform:translate(0)}.brand-text-layer{padding:.7rem 2rem .4rem 2.25rem}.brand-left-text{font-size:2.2rem;transform:translate(-27px,-6px) rotate(-1.7deg)}.brand-right-text{font-size:1.95rem;transform:translate(-8px,-5px) rotate(1.15deg)}.language-control{width:100%;min-width:0}.toolbar{flex:1 1 auto;width:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:8px;justify-content:end}.nav{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;grid-column:2 / 4}.language-button,.nav-link{width:100%;min-width:0;min-height:42px;padding:8px 10px;justify-content:center;text-align:center;font-size:.62rem}.button,.button-secondary{width:100%}}@font-face{font-family:HarryP;src:url(/assets/HarryP-MVZ6w-BTdgzzKA.ttf) format("truetype");font-weight:400;font-style:normal}