:root{--paper:#f8f8df;--cream:#fdfdf2;--ink:#333b32;--muted:#71786c;--mint:#73e5c5;--mint-dark:#1e8367;--line:#e7e9ce;--blush:#ffaca0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--mint-dark);outline-offset:4px}a{color:var(--mint-dark)}.topbar{display:flex;align-items:center;justify-content:space-between;max-width:1160px;margin:0 auto;padding:26px 28px;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:.04em;background:none;border:0;color:inherit}.mark{display:inline-grid;place-items:center;width:34px;height:34px;border:2px solid var(--ink);border-radius:50%;font-family:serif;font-size:19px}.nav{display:flex;align-items:center;gap:22px}.edition{font-size:12px;color:var(--muted);letter-spacing:.09em}.text-button{border:0;background:none;font-weight:700;color:var(--ink);text-decoration:underline;text-decoration-color:var(--mint);text-underline-offset:5px}.footer{display:flex;justify-content:space-between;gap:20px;max-width:1160px;margin:0 auto;padding:36px 28px;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}.container{max-width:1120px;margin:0 auto;padding:36px 26px 72px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;min-height:660px;align-items:center}.hero-copy{padding:30px 8px 55px 0}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.22em;color:var(--mint-dark);margin:0 0 22px}.hero h1{font-size:clamp(43px,5.3vw,80px);letter-spacing:-.07em;line-height:1.36;margin:0 0 34px;font-weight:900}.highlight{background:linear-gradient(transparent 66%,var(--mint) 66%,var(--mint) 91%,transparent 91%);padding:0 .04em}.subheading{font-size:19px;color:#555e52;line-height:1.95;margin:0 0 27px;max-width:580px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:none;border-radius:11px;background:var(--ink);color:#fff;padding:18px 30px;font-weight:800;font-size:17px;min-height:56px;transition:transform .2s,background .2s}.cta:hover{transform:translateY(-2px);background:#1b2420}.cta.secondary{background:white;color:var(--ink);border:1px solid #d7dbc6}.cta.secondary:hover{background:#f0f4e8}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-actions .cta.secondary{font-size:15px;padding-inline:22px}.hero-meta{display:flex;flex-wrap:wrap;gap:15px;font-size:13px;color:var(--muted);margin-top:23px}.hero-art{display:flex;justify-content:center;position:relative}.artifact{position:relative;aspect-ratio:3/4;width:min(100%,420px);max-height:570px;background:#f0eee1;border:1.5px solid #d9d6c8;border-radius:8px;box-shadow:14px 17px 0 #dbe7d5,25px 31px 0 #c8d1c1;overflow:hidden;padding:36px 34px}.artifact:before{content:'「';position:absolute;font-family:serif;color:#f0dfa5;font-size:140px;top:-4px;left:22px;line-height:1}.artifact-label{position:absolute;top:42px;right:34px;font-size:12px;letter-spacing:.2em;writing-mode:vertical-rl}.artifact-paint{font-size:clamp(32px,4vw,58px);line-height:1.35;letter-spacing:-.05em;position:absolute;top:28%;font-weight:900}.artifact-footer{position:absolute;bottom:37px;right:33px;width:70%;border-top:2px solid var(--ink);padding-top:13px;text-align:right;font-size:12px;letter-spacing:.15em}.artifact-seal{position:absolute;bottom:40px;left:33px;background:var(--blush);padding:9px 7px;font-weight:900;writing-mode:vertical-rl;font-size:13px}.underhero{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.benefit{border-top:1px solid #b6b9a7;padding-top:16px}.benefit strong{display:block;font-size:19px;margin-bottom:8px}.benefit p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.quiz-page{max-width:830px;margin:0 auto;padding:40px 20px 100px}.quiz-top{display:flex;justify-content:space-between;color:var(--muted);font-size:14px;margin-bottom:13px}.progress{height:7px;background:#e5e9d5;border-radius:20px;overflow:hidden}.progress>span{display:block;height:100%;width:0;background:var(--mint-dark);transition:width .24s}.quiz-card{margin:36px 0 25px;background:#fffefa;border:1px solid #ecebdc;border-radius:17px;padding:clamp(24px,5vw,48px);box-shadow:0 22px 70px rgba(57,69,48,.05)}.question-number{color:var(--mint-dark);font-size:13px;letter-spacing:.18em;font-weight:800}.quiz-card h2{font-size:clamp(26px,3.1vw,38px);line-height:1.5;letter-spacing:-.03em;margin:17px 0 30px}.option-list{display:grid;gap:12px}.option{display:flex;align-items:center;gap:16px;text-align:left;padding:20px 20px;border:1px solid #dedfd3;border-radius:12px;background:#fff;line-height:1.65;color:var(--ink);font-size:16px;transition:background .15s,border-color .15s}.option:hover{background:#f7faed;border-color:#6c9c89}.option.selected{background:#e7fbed;border:2px solid #2e9d80;padding:19px}.option-index{flex:none;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#edf0e8;font-size:14px;font-weight:700}.option.selected .option-index{background:var(--mint);color:#1d4035}.quiz-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.quiz-actions .cta{padding:14px 27px}.quiz-actions .cta:disabled,.quick-form .cta:disabled{opacity:.33;cursor:not-allowed;transform:none}.plain-btn{background:none;border:0;color:#6f756a;font-weight:700;padding:12px 8px}.quick-page{max-width:850px;margin:0 auto;padding:72px 24px 110px}.quick-heading{text-align:center;max-width:700px;margin:0 auto 34px}.quick-heading h1{font-size:clamp(36px,6vw,65px);line-height:1.35;letter-spacing:-.055em;margin:0 0 20px}.quick-heading>p:last-child{color:var(--muted);line-height:1.9}.quick-form{max-width:620px;margin:0 auto;background:#fffefa;border:1px solid #ecebdc;border-radius:18px;padding:32px;box-shadow:0 22px 70px rgba(57,69,48,.05);display:grid;grid-template-columns:1fr 1fr;gap:19px}.quick-form label{font-size:14px;font-weight:800;display:grid;gap:9px}.quick-form select{width:100%;border:1px solid #d8dccd;border-radius:11px;background:#fff;padding:15px 43px 15px 14px;color:var(--ink);font:inherit}.quick-form .cta,.quick-form .plain-btn{grid-column:1/-1}.quick-back{display:block;margin:22px auto}.quick-question .quiz-card{margin-top:28px}.results{max-width:1000px;margin:0 auto;padding:40px 24px 90px}.result-intro{text-align:center;margin-bottom:30px}.result-intro h1{font-size:clamp(30px,4.5vw,54px);line-height:1.4;margin:15px 0}.result-intro p{color:var(--muted);font-size:15px;line-height:1.8}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-poster{background:#eeedda;border:1px solid #d4d6c0;border-radius:15px;padding:34px;min-height:460px;position:relative;overflow:hidden}.profile-poster:before{content:'“';position:absolute;font-family:serif;font-size:230px;color:#dedba9;line-height:1;top:-20px;right:20px}.profile-label{position:relative;z-index:1;color:var(--mint-dark);font-size:14px;font-weight:900;letter-spacing:.12em}.profile-name{font-family:"Noto Serif CJK SC","Songti SC",serif;font-size:clamp(56px,7vw,100px);margin:42px 0 8px;line-height:1.3;position:relative;z-index:1}.profile-title{font-size:20px;font-weight:800;position:relative;z-index:1}.profile-quote{font-size:17px;line-height:1.9;position:relative;z-index:1;max-width:390px;margin-top:25px}.profile-dynasty{position:absolute;right:32px;bottom:26px;color:#889082;letter-spacing:.15em;font-size:13px}.report{background:#fffefa;border:1px solid #eeeadd;border-radius:15px;padding:30px 30px 24px}.report h2,.detail h2{font-size:21px;margin:0 0 18px}.reason-list{display:grid;gap:13px;margin-bottom:26px}.reason-list>div{border-bottom:1px solid #e7eadb;padding-bottom:13px}.reason-list strong{font-size:14px;color:var(--mint-dark)}.reason-list p{margin:6px 0 0;color:#535e53;font-size:14px;line-height:1.75}.score-line{display:grid;grid-template-columns:65px 1fr 38px;gap:12px;align-items:center;margin:15px 0;font-size:13px;color:#626b5e}.score-track{height:9px;background:#edf0e6;border-radius:8px;overflow:hidden}.score-fill{height:100%;background:var(--mint-dark);border-radius:8px}.detail{margin-top:20px;background:#fffefa;border:1px solid #eeeadd;border-radius:15px;padding:28px 32px}.detail p{font-size:16px;line-height:2;color:#525e52;margin:0 0 14px}.detail details{border-top:1px solid #e5e7d8;margin-top:20px;padding-top:18px}.detail summary{cursor:pointer;font-weight:800;color:var(--mint-dark);margin-bottom:10px}.top-three{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.chip{display:inline-block;background:#edf5e6;border-radius:18px;padding:9px 14px;font-weight:700;font-size:13px}.result-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 12px}.fineprint{color:#7c8076;font-size:12px;line-height:1.9}.testimonials{margin-top:75px;text-align:center}.testimonials h2{font-size:25px;margin:0 0 12px}.testimonials p{font-size:14px;color:var(--muted);line-height:1.8}.faint{color:#6b8d80}dialog{width:min(92vw,620px);border:none;border-radius:18px;box-shadow:0 30px 100px rgba(0,0,0,.2);padding:35px;background:var(--cream);color:var(--ink)}dialog::backdrop{background:rgba(25,35,30,.46)}dialog h2{font-size:28px;line-height:1.5}dialog p{line-height:1.9;color:#4f594e}dialog .modal-close{float:right;border:0;background:#e4e8d9;border-radius:50%;font-size:28px;width:38px;height:38px}@media(max-width:780px){.topbar{padding:18px 19px}.edition{display:none}.container{padding:5px 24px 55px}.hero{grid-template-columns:1fr;gap:6px;min-height:auto}.hero-copy{padding:45px 0 10px}.hero h1{font-size:clamp(43px,10vw,66px)}.subheading{font-size:16px;line-height:1.9}.hero-actions{display:grid}.hero-actions .cta{width:100%}.hero-art{padding:34px 22px 36px}.artifact{width:min(86%,330px);box-shadow:12px 14px 0 #dbe7d5,21px 25px 0 #c8d1c1;min-height:390px}.artifact-paint{font-size:38px;top:24%}.artifact-seal{display:none}.underhero{grid-template-columns:1fr;margin-top:15px;gap:19px}.quick-page{padding:38px 20px 80px}.quick-heading{text-align:left}.quick-form{grid-template-columns:1fr;padding:23px}.result-grid{grid-template-columns:1fr}.profile-poster{min-height:400px}.footer{display:block;padding:24px 22px}.footer span{display:block;line-height:2}.quiz-page{padding-top:30px}.quiz-card{margin-top:25px}.quiz-actions .cta{font-size:15px}.results{padding-top:20px}.result-intro{text-align:left}.profile-name{font-size:75px}.profile-dynasty{max-width:70%;text-align:right}.top-three{line-height:1.8}.result-actions{display:grid}.result-actions .cta,.result-actions .plain-btn{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}