:root{--paper:#f2ecdf;--ink:#22211f;--red:#9f362b;--line:#d6ccbd;--serif:"Songti SC","STSong","Noto Serif CJK SC",Georgia,serif;--sans:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);text-rendering:optimizeLegibility}button{font:inherit;cursor:pointer}.landing{min-height:100vh}.landing nav{max-width:1180px;margin:auto;padding:24px 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700;letter-spacing:.18em}.brand b{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:white;font-family:var(--serif)}.navnote{font-size:12px;letter-spacing:.12em;color:#666}.hero{max-width:1180px;min-height:calc(100vh - 88px);margin:auto;padding:30px 28px 80px;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.pills{display:flex;gap:8px;flex-wrap:wrap}.pills span{font-size:12px;color:#68615a;border:1px solid #aaa094;border-radius:99px;padding:7px 12px;background:#ffffff55}.eyebrow{font-family:var(--serif);font-size:13px;letter-spacing:.32em;color:var(--red);margin:28px 0 16px}.hero h1{font-family:var(--serif);font-size:clamp(50px,7.5vw,106px);line-height:.93;letter-spacing:-.06em;margin:0}.hero h1 em{font-style:normal;color:var(--red)}.intro{max-width:590px;font-size:18px;line-height:1.9;color:#5f5952;margin:30px 0}.startrow{display:flex;align-items:center;gap:20px}.primary{border:0;border-radius:99px;background:var(--red);color:#fff;padding:14px 26px;box-shadow:0 12px 30px #7a2a2133}.primary span{margin-left:8px}.startrow small{color:#777}.hero figure{position:relative;margin:0;border-radius:28px;overflow:hidden;background:#222;box-shadow:0 28px 70px #342b1f38}.hero figure:before{content:"";position:absolute;inset:-20px;z-index:-1;border:1px solid #9f362b44;border-radius:32px;transform:rotate(3deg)}.hero img{width:100%;aspect-ratio:4/5;display:block;object-fit:cover;filter:grayscale(1)}.shade{position:absolute;inset:0;background:linear-gradient(transparent 35%,#251e18dd)}figcaption{position:absolute;left:0;right:0;bottom:0;color:#f5f2ec;padding:30px}figcaption p{font:25px/1.5 var(--serif);margin:0 0 10px}figcaption small{color:#ccc;letter-spacing:.14em}.landing footer{text-align:center;border-top:1px solid #aaa5;padding:22px;color:#777;font-size:12px}.quiz{min-height:100vh;background:#f4efe5}.quiz header{position:sticky;top:0;z-index:3;background:#f4efe5ee;border-bottom:1px solid #ccc8;backdrop-filter:blur(12px)}.quiz header>div{max-width:900px;margin:auto;padding:15px 26px;display:flex;justify-content:space-between;color:#777;font-size:12px}.quiz header .progress{height:6px;display:block;padding:0;margin:0 auto 16px;max-width:848px;background:#ddd;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:var(--red);border-radius:99px}.back{border:0;background:none;color:#666}.question{max-width:900px;min-height:calc(100vh - 75px);margin:auto;padding:70px 26px;display:flex;flex-direction:column;justify-content:center}.question .eyebrow{margin:0 0 18px}.question h1{font:600 clamp(28px,4vw,40px)/1.4 var(--serif);margin:0;max-width:800px}.hint{color:#777;font-size:14px}.options{display:grid;gap:12px;margin-top:20px}.options button{display:flex;gap:16px;align-items:center;min-height:82px;text-align:left;border:1px solid #d2cbc0;border-radius:18px;background:#ffffff99;padding:17px;transition:.2s}.options button:hover{border-color:#9f362b88;transform:translateY(-2px);box-shadow:0 10px 25px #3b302212}.options button b{width:38px;height:38px;border:1px solid #d2cbc0;background:#f4efe5;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font-family:var(--serif);color:#666}.options button span{font-size:16px;line-height:1.75}.options button.selected{border-color:var(--red);background:#9f362b0d}.result{background:#eee7da;min-height:100vh;padding-bottom:90px}.resulttop{background:#28231f;color:#eee;padding:32px max(25px,calc((100vw - 1040px)/2)) 90px}.resultnav{display:flex;justify-content:space-between;color:#ccc;font-size:12px;letter-spacing:.16em}.resultnav b{font-weight:400;border:1px solid #ffffff33;padding:7px 12px;border-radius:99px}.resultgrid{display:grid;grid-template-columns:1fr 310px;gap:60px;align-items:end;margin-top:55px}.gold{color:#d9a176;margin:0 0 20px}.resultgrid h1{font:600 clamp(58px,10vw,120px)/.9 var(--serif);letter-spacing:-.06em;margin:0}.resultgrid h3{font:400 30px var(--serif);color:#c8c2ba;margin:22px 0}.resultgrid blockquote{border-left:2px solid;padding-left:20px;margin:30px 0 0;max-width:700px;font:19px/1.75 var(--serif);color:#ddd}.radar{border:1px solid #ffffff1a;background:#ffffff0c;border-radius:24px;padding:20px}.radar small{letter-spacing:.15em;color:#aaa}.radar svg{width:100%;display:block}.report{max-width:1040px;margin:-35px auto 0;background:#faf7f0;border-radius:32px;padding:55px;box-shadow:0 24px 70px #372c1f1f;position:relative}.textsection h2,.list h2,.second h2,.opposite h2,.actions h2{font:600 30px var(--serif);margin:0}.textsection p,.second p,.opposite p,.lesson p{font-size:16px;line-height:2;color:#625c55;margin:18px 0 0}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin:48px 0;padding:42px 0;border-top:1px solid #ddd5c9;border-bottom:1px solid #ddd5c9}.twocol .textsection:nth-child(n+3){margin-top:12px}.lists{border:0;padding:0}.list ul{padding:0;margin:18px 0 0;list-style:none}.list li{position:relative;padding-left:18px;margin:10px 0;line-height:1.8;color:#625c55}.list li:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:#4f7667}.risk li:before{background:var(--red)}.lesson{background:#2b2824;color:#f5f5f3;border-radius:25px;padding:34px;margin-top:45px}.lesson small,.second small{color:#d9a176;letter-spacing:.2em}.lesson h2{font:600 28px var(--serif);margin:12px 0}.lesson p{color:#ccc}.second{margin-top:48px}.second h2{margin-top:12px}.second i,.opposite i{display:block;color:#777;margin-top:8px;font-style:normal;font-size:14px}.opposite{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;border:1px solid #ddd5c9;background:#fff8;border-radius:25px;padding:32px;margin-top:48px}.opposite small{letter-spacing:.16em;color:#777}.opposite h2{font-size:25px;margin-top:12px}.opposite p{margin:0}.actions{margin-top:48px}.actions>div{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:24px}.actions article{border:1px solid #ddd5c9;background:#fff9;border-radius:18px;padding:22px}.actions article b{font:32px var(--serif);color:#9f362b88}.actions article p{line-height:1.8;color:#625c55}.share{border-radius:27px;color:#fff;padding:34px;margin-top:52px}.share small{letter-spacing:.17em;color:#ffffffaa}.share>p{font:28px/1.7 var(--serif);max-width:800px}.share button{border:0;background:white;color:#222;padding:11px 18px;border-radius:99px;margin-right:8px}.share .ghost{background:transparent;color:#fff;border:1px solid #ffffff66}details{border:1px solid #ddd5c9;border-radius:18px;padding:18px 20px;margin-top:35px;color:#666}summary{cursor:pointer;display:flex;justify-content:space-between;color:#333;font-weight:600}details p{line-height:1.8;font-size:14px}
@media(max-width:760px){.landing nav{padding:20px}.hero{grid-template-columns:1fr;padding:30px 20px 60px;gap:55px}.hero h1{font-size:55px}.intro{font-size:16px}.startrow{align-items:flex-start;flex-direction:column}.hero figure{max-width:480px}.navnote{display:none}.question{padding:42px 18px}.options button span{font-size:15px}.resulttop{padding:28px 20px 65px}.resultgrid{grid-template-columns:1fr;gap:35px}.resultgrid h3{font-size:24px}.radar{max-width:310px}.report{margin:-25px 14px 0;padding:30px 20px;border-radius:25px}.twocol{grid-template-columns:1fr;gap:32px}.lists{grid-template-columns:1fr}.opposite{grid-template-columns:1fr}.actions>div{grid-template-columns:1fr}.share>p{font-size:24px}.share button{margin:6px 4px 0 0}}