@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#39302b;--muted:#8f817a;--coral:#ef805d;--gold:#dcae57;--cream:#fff9f5;--line:#f0e3d9;--shadow:0 22px 68px rgba(106,74,52,.13)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;background:radial-gradient(circle at 7% 4%,#ffe9d9 0,transparent 24%),radial-gradient(circle at 96% 15%,#f4eaff 0,transparent 25%),var(--cream)}button{font:inherit;cursor:pointer}.page-shell{width:min(100%,980px);margin:auto;padding:20px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;color:#9f9188;font-size:12px}.brand{color:var(--ink);font-size:15px;font-weight:900;letter-spacing:.05em}.brand span{display:inline-grid;place-items:center;width:23px;height:23px;margin-right:7px;border-radius:50%;color:#fff;background:var(--coral);font-size:18px}.main-card{min-height:650px;overflow:hidden;border:1px solid rgba(255,255,255,.95);border-radius:30px;background:rgba(255,255,255,.85);box-shadow:var(--shadow)}.hero{display:grid;grid-template-columns:1.08fr .92fr;min-height:650px}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:70px 62px}.eyebrow{color:var(--coral);font-size:12px;font-weight:900;letter-spacing:.14em}.hero h1{margin:18px 0 16px;font-size:clamp(39px,6vw,64px);line-height:1.08;letter-spacing:-.07em}.hero h1 em{color:var(--coral);font-style:normal}.hero p{margin:0 0 29px;color:var(--muted);line-height:1.9}.primary,.ghost{min-height:50px;padding:13px 21px;border:0;border-radius:15px;font-weight:800;transition:.2s}.primary{color:#fff;background:linear-gradient(105deg,#ef805d,#d69c64);box-shadow:0 11px 23px rgba(218,125,87,.25)}.primary:hover{transform:translateY(-2px)}.ghost{color:var(--muted);border:1px solid var(--line);background:#fff}.note{margin-top:15px;color:#a9978c;font-size:12px}.hero-art{display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#fff1e9,#f2ecff)}.detective{position:relative;width:min(73vw,360px);aspect-ratio:1;border:1px dashed #ddc2a6;border-radius:50%;display:grid;place-items:center}.detective:before,.detective:after{position:absolute;content:'';border:1px solid rgba(239,128,93,.24);border-radius:50%}.detective:before{inset:13%}.detective:after{inset:27%}.lens{position:relative;z-index:1;display:grid;place-items:center;width:143px;height:143px;border:13px solid #fff7ee;border-radius:50%;color:#fff;background:linear-gradient(140deg,#ef8763,#d7a16b);font-size:58px;box-shadow:0 18px 35px rgba(190,122,75,.27)}.float{position:absolute;color:#e8896a;font-size:24px}.f1{top:5%;left:42%}.f2{top:22%;right:9%}.f3{bottom:17%;right:9%}.f4{bottom:3%;left:43%}.f5{bottom:18%;left:8%}.f6{top:21%;left:8%}.quiz{max-width:760px;margin:auto;padding:38px 54px 50px}.quiz-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:26px}.counter{margin-top:5px;color:var(--coral);font-size:14px;font-weight:900}.tip{color:var(--muted);font-size:12px}.progress{height:8px;margin-bottom:40px;overflow:hidden;border-radius:9px;background:#f7e9df}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--coral),var(--gold));transition:.25s}.quiz h2{margin:0 0 26px;font-size:clamp(24px,4vw,34px);line-height:1.42;letter-spacing:-.03em}.options{display:grid;gap:13px}.option{display:flex;align-items:center;gap:15px;width:100%;padding:17px 18px;color:var(--ink);text-align:left;border:1px solid var(--line);border-radius:17px;background:#fff;transition:.18s}.option:hover{border-color:#efa084;background:#fffaf7;transform:translateX(3px)}.letter{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;color:#ba775d;background:#fff0e8;font-size:13px;font-weight:900}.back{margin-top:23px;padding:8px 0;border:0;background:transparent;color:var(--muted);font-size:13px}.result{max-width:830px;margin:auto;padding:46px 52px 58px}.result-intro{text-align:center}.result-intro h1{margin:11px 0 8px;font-size:clamp(30px,5vw,46px);letter-spacing:-.05em}.result-intro p{margin:0 0 26px;color:var(--muted)}.signal-card{position:relative;overflow:hidden;padding:29px;color:#60483a;border:1px solid #f1dfd1;border-radius:25px;background:linear-gradient(135deg,#fff0e7,#f7f0e6)}.signal-card:after{position:absolute;right:18px;bottom:-51px;content:'⌕';color:rgba(255,255,255,.68);font-size:175px;line-height:1}.score{position:relative;z-index:1;display:grid;place-items:center;width:122px;height:122px;margin:0 auto 16px;border:10px solid rgba(255,255,255,.67);border-radius:50%;background:conic-gradient(var(--coral) calc(var(--score)*1%),#f5ddcf 0)}.score div{display:grid;place-items:center;width:85px;height:85px;border-radius:50%;background:#fffaf6;font-size:28px;font-weight:900}.signal-card h2,.signal-card p,.tags{position:relative;z-index:1;text-align:center}.signal-card h2{margin:0;font-size:27px}.signal-card p{margin:8px 0 0;line-height:1.75}.tags{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:15px}.tags span{padding:6px 10px;border-radius:20px;background:rgba(255,255,255,.68);font-size:12px;font-weight:700}.dimension-title{margin:28px 0 14px;font-size:20px}.dimensions{display:grid;gap:11px}.dimension{display:grid;grid-template-columns:103px 1fr 38px;gap:11px;align-items:center;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:13px}.track{height:8px;overflow:hidden;border-radius:8px;background:#f7e9df}.track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ee8b69,#d9a15f)}.dimension b{color:var(--coral);text-align:right}.insights{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.insight{padding:16px;border:1px solid #f1e3d9;border-radius:16px;background:#fffaf7}.insight h3{margin:0 0 7px;color:#a56d56;font-size:13px}.insight p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.actions{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin-top:27px}.disclaimer{margin-top:27px;padding:14px 16px;border:1px solid #f3e5dc;border-radius:14px;background:#fffaf7;color:#988980;font-size:12px;line-height:1.8}footer{padding:22px;color:#a18f85;text-align:center;font-size:12px}@media(max-width:700px){.page-shell{padding:13px 12px 23px}.topbar{margin-bottom:14px}.main-card{min-height:0;border-radius:22px}.hero{display:block;min-height:0}.hero-copy{padding:42px 26px 37px}.hero h1{font-size:42px}.hero-art{min-height:270px}.detective{width:230px}.lens{width:105px;height:105px;border-width:10px;font-size:43px}.quiz{padding:28px 20px 37px}.tip{display:none}.progress{margin-bottom:30px}.result{padding:34px 18px 43px}.dimension{grid-template-columns:92px 1fr 35px;padding:12px}.insights{grid-template-columns:1fr}.primary,.ghost{width:100%}}