:root{--bg:#eaf4f8;--paper:#f8fcfd;--ink:#183449;--blue:#3f82a1;--soft:#b7cfdc;--muted:#607f91;--warm:#dd7f6c;--shadow:0 22px 60px rgba(38,86,108,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(145deg,#f4fafc 0,#e5f1f6 55%,#dbeaf1 100%);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif}.hidden{display:none!important}.page{min-height:100vh;padding:clamp(24px,5vw,72px) 18px}.shell{width:min(760px,100%);margin:auto}.hero-shell{padding-top:8vh}.eyebrow{margin:0;color:var(--blue);font-size:12px;letter-spacing:.22em;font-weight:700}.hero-shell h1{margin:34px 0 18px;font-family:"Songti SC","STSong",serif;font-size:clamp(38px,8vw,68px);line-height:1.25;font-weight:700}.hero-shell h1 em{display:inline-block;margin-top:10px;color:var(--blue);font-style:normal}.lead{max-width:620px;color:var(--muted);font-size:17px;line-height:1.9}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.chips span,.keywords span{padding:8px 14px;border:1px solid var(--soft);border-radius:999px;background:rgba(255,255,255,.48);font-size:13px}.access-card,.report-card,.share-card,.rare-card{background:rgba(248,252,253,.94);border:1px solid rgba(131,171,191,.5);border-radius:24px;box-shadow:var(--shadow)}.access-card{margin-top:34px;padding:25px}.access-card label{display:block;margin-bottom:10px;font-weight:700}.access-card input{width:100%;height:54px;padding:0 16px;border:1px solid var(--soft);border-radius:14px;background:white;color:var(--ink);font-size:17px;text-transform:uppercase;outline:none}.access-card input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(63,130,161,.12)}.code-hint,.privacy{color:var(--muted);font-size:12px;line-height:1.6}.code-error{color:#b84e42}.code-success{color:#32735e}button{border:0;border-radius:14px;background:var(--blue);color:#fff;font-weight:700;font-size:16px;cursor:pointer}.access-card button{width:100%;height:54px;margin-top:8px}.access-card button:disabled{opacity:.55}.privacy{text-align:center;margin-top:18px}.quiz-shell{padding-top:3vh}.quiz-head{display:flex;align-items:center;gap:18px}.back{width:46px;height:46px;background:transparent;border:1px solid var(--soft);color:var(--ink);font-size:22px}.progress-copy{display:flex;justify-content:space-between;align-items:center;flex:1;color:var(--muted);font-size:13px}.progress-copy strong{color:var(--blue);font-size:15px}.progress-track{height:6px;margin:18px 0 52px;background:rgba(183,207,220,.62);border-radius:999px;overflow:hidden}.progress-track i{display:block;width:5%;height:100%;background:var(--blue);transition:width .28s}.question-tag{color:var(--blue);font-weight:700;letter-spacing:.08em}.quiz-shell h2{margin:12px 0 36px;font-family:"Songti SC","STSong",serif;font-size:clamp(30px,6vw,46px);line-height:1.45}.options{display:grid;gap:14px}.option{display:flex;align-items:center;gap:18px;width:100%;min-height:84px;padding:17px 20px;text-align:left;background:rgba(255,255,255,.75);border:1px solid var(--soft);color:var(--ink);font-weight:500;line-height:1.55;transition:.18s}.option:hover,.option:focus{transform:translateY(-2px);border-color:var(--blue);box-shadow:0 10px 30px rgba(63,130,161,.12)}.option b{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:var(--bg);color:var(--blue)}.report-shell{padding-bottom:80px}.report-hero{text-align:center;margin:20px 0 32px}.report-hero h1{margin:14px 0 6px;font-family:"Songti SC","STSong",serif;font-size:clamp(36px,7vw,58px)}.report-hero>p:last-child{color:var(--muted)}.share-card{padding:clamp(26px,6vw,52px);background:linear-gradient(150deg,#183449,#24546d 62%,#3f82a1);color:#fff}.share-kicker{letter-spacing:.16em;font-size:12px;opacity:.72}.share-card h2{margin:16px 0 10px;font-family:"Songti SC","STSong",serif;font-size:clamp(34px,7vw,56px)}.combo-line{font-size:17px;line-height:1.8;color:#dcecf3}.result-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.result-pair article{padding:18px;border:1px solid rgba(255,255,255,.25);border-radius:18px;background:rgba(255,255,255,.08)}.result-pair span{font-size:12px;opacity:.72}.result-pair strong{display:block;margin:8px 0;font-size:21px}.result-pair p{margin:0;color:#dcecf3;font-size:13px;line-height:1.6}.share-card blockquote{margin:28px 0 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.25);font-family:"Songti SC","STSong",serif;font-size:20px;line-height:1.7}.rare-card{margin-top:18px;padding:28px;border-color:#d6a096;background:linear-gradient(145deg,#fff9f7,#f8e9e5)}.rare-card span{color:var(--warm);font-size:12px;letter-spacing:.14em;font-weight:700}.rare-card h3{margin:10px 0;font-size:28px}.rare-card p{margin:0;line-height:1.8;color:#76564f}.report-card{margin-top:18px;padding:clamp(24px,5vw,42px)}.section-title{display:flex;gap:16px;align-items:center;margin-bottom:24px}.section-title>span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--bg);color:var(--blue);font-weight:800}.section-title small{color:var(--muted);letter-spacing:.13em}.section-title h3{margin:3px 0 0;font-size:24px}.report-card>p,.grid-card p{line-height:1.9;color:#405e70}.dimension-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.dimension-list div{display:flex;justify-content:space-between;padding:12px 14px;border-radius:12px;background:var(--bg)}.dimension-list strong{color:var(--blue)}canvas{display:block;width:min(100%,640px);height:auto;margin:8px auto 20px}.keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.grid-card{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-card article{padding:22px;background:var(--bg);border-radius:18px}.grid-card article>span{font-size:11px;color:var(--blue);font-weight:700}.grid-card h3{margin:8px 0;font-size:19px}.script-quote{margin:0;padding:22px;border-left:5px solid var(--blue);background:var(--bg);font-size:20px;line-height:1.75}.actions{margin:0;padding-left:24px}.actions li{margin:13px 0;padding-left:7px;line-height:1.75}.report-actions{display:grid;gap:10px;margin-top:24px}.report-actions button{min-height:54px}.report-actions .secondary{background:transparent;color:var(--blue);border:1px solid var(--blue)}#saveMessage{text-align:center;color:var(--muted);font-size:13px}@media(max-width:600px){.page{padding:26px 14px}.hero-shell{padding-top:4vh}.access-card,.report-card,.share-card,.rare-card{border-radius:19px}.result-pair,.grid-card{grid-template-columns:1fr}.dimension-list{grid-template-columns:1fr}.option{min-height:76px}.report-card{padding:23px}.share-card{padding:28px 22px}}