:root{--ink:#183532;--teal:#0f6e62;--mint:#dff3ef;--cream:#f8f3e8;--coral:#ef765c;--gold:#f4c96b;--line:#d8e2dc;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Microsoft YaHei",system-ui,sans-serif}.learning-shell{max-width:1120px;margin:auto;padding:24px}.learning-hero{min-height:650px;border-radius:30px;background:var(--teal);color:#f8f3e8;padding:74px 8%;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.hero-copy{max-width:510px;position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:var(--coral);margin:0 0 18px}.learning-hero .eyebrow{color:var(--gold)}h1{font-size:clamp(58px,9vw,112px);line-height:.9;letter-spacing:-.08em;margin:0 0 32px;font-weight:900}h1 em{font-style:normal;color:var(--gold);margin-left:48px}.hero-lede{font-size:20px;line-height:1.7;max-width:430px}.hero-note{font-size:13px;opacity:.72;margin:28px 0}.start-button,.primary-button{border:0;background:var(--coral);color:#fff;padding:14px 22px;border-radius:999px;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 10px 25px #d9513d30}.start-button span,.primary-button span{margin-left:14px;font-size:20px}.back-link{color:#dff3ef;margin-left:20px;font-size:13px}.hero-orbit{width:410px;height:410px;position:relative;margin-right:2%;flex:0 0 auto}.orbit{position:absolute;border:1px solid #dff3ef55;border-radius:50%;inset:10px}.orbit-2{inset:57px;border-color:#f4c96b99}.orbit-3{inset:112px;border-color:#ef765c99}.orbit-core{position:absolute;inset:145px;border-radius:50%;background:var(--gold);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 14px #f4c96b18}.orbit-core strong{font-size:70px;line-height:1}.orbit-core span{font-size:12px;font-weight:800;letter-spacing:.12em}.orbit-tag{position:absolute;background:#f8f3e8;color:var(--ink);font-size:12px;font-weight:800;padding:8px 12px;border-radius:20px;box-shadow:0 5px 18px #082f2b33}.tag-a{top:34px;left:55px}.tag-b{top:109px;right:7px}.tag-c{bottom:45px;right:43px}.tag-d{bottom:67px;left:25px}.card{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:38px;box-shadow:0 18px 40px #1835320b}.profile-form,.quiz,.result{max-width:860px;margin:58px auto}.profile-form h2,.result h2{font-size:38px;letter-spacing:-.04em;margin:0 0 10px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}label{font-size:14px;font-weight:800}input,select{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid var(--line);border-radius:12px;font:inherit;background:#fbfdfb;color:var(--ink)}.form-error{color:#ba3b2a;font-size:13px}.quiz-top{display:flex;align-items:center;gap:16px;font-size:13px;font-weight:800;margin-bottom:48px}.progress{height:7px;background:var(--mint);border-radius:8px;flex:1;overflow:hidden}.progress i{height:100%;display:block;width:5%;background:var(--coral);border-radius:8px;transition:width .3s}.quiz-top span:last-child{color:var(--teal)}.question-number{color:var(--coral);font-size:14px;font-weight:900}.question-title{font-size:30px;line-height:1.35;letter-spacing:-.03em;margin:10px 0 28px}.option-list{display:grid;gap:12px}.option{border:1px solid var(--line);padding:18px 20px;border-radius:14px;background:#fbfdfb;text-align:left;font:inherit;color:var(--ink);cursor:pointer;transition:.2s}.option:hover,.option.selected{border-color:var(--teal);background:var(--mint);transform:translateX(4px)}.option.selected:before{content:"✓";display:inline-block;margin-right:10px;color:var(--teal);font-weight:900}.quiz-actions{display:flex;justify-content:space-between;margin-top:42px}.ghost-button{background:transparent;color:var(--teal);border:1px solid var(--teal);border-radius:999px;padding:12px 18px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.ghost-button:disabled{opacity:.35}.result-head{padding:30px 6% 10px}.result-head h2{font-size:clamp(34px,6vw,64px);margin-bottom:12px}.result-summary{font-size:18px;line-height:1.7;max-width:680px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.overall{display:flex;align-items:end;gap:14px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:18px}.overall strong{font-size:72px;line-height:.8;color:var(--teal)}.overall span{font-weight:800}.score-row{display:grid;grid-template-columns:80px 1fr 40px;gap:12px;align-items:center;margin:18px 0;font-size:13px;font-weight:800}.score-bar{height:10px;background:var(--mint);border-radius:9px;overflow:hidden}.score-bar i{display:block;height:100%;background:var(--teal);border-radius:9px}.insight-card h3{font-size:28px;margin:0 0 14px}.insight-card>p{line-height:1.7}.insight-block{margin-top:24px;padding:15px 18px;border-left:4px solid var(--teal);background:#f3faf7}.insight-block.warm{border-color:var(--coral);background:#fff5ef}.insight-block span{font-size:12px;font-weight:900;color:var(--teal)}.insight-block.warm span{color:#bd4e38}.insight-block p{margin:7px 0 0;line-height:1.6}.advice{margin-top:20px}.advice-item{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.advice-item:last-child{border-bottom:0}.advice-index{width:32px;height:32px;border-radius:50%;background:var(--gold);display:grid;place-items:center;font-weight:900}.advice-item strong{display:block;margin-bottom:5px}.advice-item p{margin:0;line-height:1.6;font-size:14px}.disclaimer{color:#7c8d88;font-size:12px;margin:24px 0 0}.result-actions{text-align:center;margin:28px 0;display:flex;justify-content:center;gap:12px}.save-status{text-align:center}.muted{color:#6c7c77;line-height:1.7}@media(max-width:720px){.learning-shell{padding:12px}.learning-hero{min-height:720px;padding:46px 28px;display:block}.hero-orbit{width:280px;height:280px;margin:55px auto 0}.orbit-core{inset:100px}.orbit-core strong{font-size:52px}.tag-a{top:20px;left:22px}.tag-b{top:72px;right:-4px}.tag-c{bottom:22px;right:22px}.tag-d{bottom:42px;left:-8px}h1{font-size:68px}.hero-lede{font-size:17px}.back-link{display:block;margin:18px 0}.card{padding:24px}.fields,.result-grid{grid-template-columns:1fr}.question-title{font-size:24px}.result-actions{flex-direction:column}.result-actions>*{width:100%;text-align:center}}
:root{--ink:#183532;--teal:#0f6e62;--mint:#dff3ef;--cream:#f8f3e8;--coral:#ef765c;--gold:#f4c96b;--line:#d8e2dc;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Microsoft YaHei",system-ui,sans-serif}.learning-shell{max-width:1120px;margin:auto;padding:24px}.learning-hero{min-height:650px;border-radius:30px;background:var(--teal);color:#f8f3e8;padding:74px 8%;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.hero-copy{max-width:510px;position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:var(--coral);margin:0 0 18px}.learning-hero .eyebrow{color:var(--gold)}h1{font-size:clamp(58px,9vw,112px);line-height:.9;letter-spacing:-.08em;margin:0 0 32px;font-weight:900}h1 em{font-style:normal;color:var(--gold);margin-left:48px}.hero-lede{font-size:20px;line-height:1.7;max-width:430px}.hero-note{font-size:13px;opacity:.72;margin:28px 0}.start-button,.primary-button{border:0;background:var(--coral);color:#fff;padding:14px 22px;border-radius:999px;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 10px 25px #d9513d30}.start-button span,.primary-button span{margin-left:14px;font-size:20px}.back-link{color:#dff3ef;margin-left:20px;font-size:13px}.hero-orbit{width:410px;height:410px;position:relative;margin-right:2%;flex:0 0 auto}.orbit{position:absolute;border:1px solid #dff3ef55;border-radius:50%;inset:10px}.orbit-2{inset:57px;border-color:#f4c96b99}.orbit-3{inset:112px;border-color:#ef765c99}.orbit-core{position:absolute;inset:145px;border-radius:50%;background:var(--gold);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 14px #f4c96b18}.orbit-core strong{font-size:70px;line-height:1}.orbit-core span{font-size:12px;font-weight:800;letter-spacing:.12em}.orbit-tag{position:absolute;background:#f8f3e8;color:var(--ink);font-size:12px;font-weight:800;padding:8px 12px;border-radius:20px;box-shadow:0 5px 18px #082f2b33}.tag-a{top:34px;left:55px}.tag-b{top:109px;right:7px}.tag-c{bottom:45px;right:43px}.tag-d{bottom:67px;left:25px}.card{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:38px;box-shadow:0 18px 40px #1835320b}.profile-form,.quiz,.result{max-width:860px;margin:58px auto}.profile-form h2,.result h2{font-size:38px;letter-spacing:-.04em;margin:0 0 10px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.archive-tip{padding:14px 18px;border-left:4px solid var(--gold);background:#fffaf0;border-radius:8px;font-size:14px}.archive-tip p{margin:8px 0;color:#6c7c77;line-height:1.6}.archive-tip a{color:var(--teal);font-weight:800}label{font-size:14px;font-weight:800}input,select{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid var(--line);border-radius:12px;font:inherit;background:#fbfdfb;color:var(--ink)}.form-error{color:#ba3b2a;font-size:13px}.quiz-top{display:flex;align-items:center;gap:16px;font-size:13px;font-weight:800;margin-bottom:48px}.progress{height:7px;background:var(--mint);border-radius:8px;flex:1;overflow:hidden}.progress i{height:100%;display:block;width:5%;background:var(--coral);border-radius:8px;transition:width .3s}.quiz-top span:last-child{color:var(--teal)}.question-number{color:var(--coral);font-size:14px;font-weight:900}.question-title{font-size:30px;line-height:1.35;letter-spacing:-.03em;margin:10px 0 28px}.option-list{display:grid;gap:12px}.option{border:1px solid var(--line);padding:18px 20px;border-radius:14px;background:#fbfdfb;text-align:left;font:inherit;color:var(--ink);cursor:pointer;transition:.2s}.option:hover,.option.selected{border-color:var(--teal);background:var(--mint);transform:translateX(4px)}.option.selected:before{content:"✓";display:inline-block;margin-right:10px;color:var(--teal);font-weight:900}.quiz-actions{display:flex;justify-content:space-between;margin-top:42px}.ghost-button{background:transparent;color:var(--teal);border:1px solid var(--teal);border-radius:999px;padding:12px 18px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.ghost-button:disabled{opacity:.35}.result-head{padding:30px 6% 10px}.result-head h2{font-size:clamp(34px,6vw,64px);margin-bottom:12px}.result-summary{font-size:18px;line-height:1.7;max-width:680px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.overall{display:flex;align-items:end;gap:14px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:18px}.overall strong{font-size:72px;line-height:.8;color:var(--teal)}.overall span{font-weight:800}.score-row{display:grid;grid-template-columns:80px 1fr 40px;gap:12px;align-items:center;margin:18px 0;font-size:13px;font-weight:800}.score-bar{height:10px;background:var(--mint);border-radius:9px;overflow:hidden}.score-bar i{display:block;height:100%;background:var(--teal);border-radius:9px}.insight-card h3{font-size:28px;margin:0 0 14px}.insight-card>p{line-height:1.7}.insight-block{margin-top:24px;padding:15px 18px;border-left:4px solid var(--teal);background:#f3faf7}.insight-block.warm{border-color:var(--coral);background:#fff5ef}.insight-block span{font-size:12px;font-weight:900;color:var(--teal)}.insight-block.warm span{color:#bd4e38}.insight-block p{margin:7px 0 0;line-height:1.6}.advice{margin-top:20px}.advice-item{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.advice-item:last-child{border-bottom:0}.advice-index{width:32px;height:32px;border-radius:50%;background:var(--gold);display:grid;place-items:center;font-weight:900}.advice-item strong{display:block;margin-bottom:5px}.advice-item p{margin:0;line-height:1.6;font-size:14px}.disclaimer{color:#7c8d88;font-size:12px;margin:24px 0 0}.result-actions{text-align:center;margin:28px 0;display:flex;justify-content:center;gap:12px}.save-status{text-align:center}.muted{color:#6c7c77;line-height:1.7}@media(max-width:720px){.learning-shell{padding:12px}.learning-hero{min-height:720px;padding:46px 28px;display:block}.hero-orbit{width:280px;height:280px;margin:55px auto 0}.orbit-core{inset:100px}.orbit-core strong{font-size:52px}.tag-a{top:20px;left:22px}.tag-b{top:72px;right:-4px}.tag-c{bottom:22px;right:22px}.tag-d{bottom:42px;left:-8px}h1{font-size:68px}.hero-lede{font-size:17px}.back-link{display:block;margin:18px 0}.card{padding:24px}.fields,.result-grid{grid-template-columns:1fr}.question-title{font-size:24px}.result-actions{flex-direction:column}.result-actions>*{width:100%;text-align:center}}