:root{--ink:#263d4b;--muted:#6f8490;--red:#317394;--paper:#fff;--line:#294c601c;--accent:#317394;font-family:Gugu Sans,-apple-system,BlinkMacSystemFont,'Microsoft YaHei',sans-serif;background:#e8eff4}
.experience{background:#e8eff4;padding:24px}
.surface{background:#ffffffed;border:1px solid #fff;border-radius:18px;min-height:calc(100svh - 48px);box-shadow:0 25px 75px -45px #355c7540}
.entry{min-height:calc(100svh - 50px);padding:64px 7%;gap:24px}.entry h1.scl-title{font-size:clamp(64px,8vw,105px);font-weight:400;letter-spacing:-.07em;color:#284e65}.entry-name{font-family:Gugu Sans,sans-serif;font-size:23px;font-weight:400;letter-spacing:.12em}.entry-note{color:#718795}
.primary{background:#2e607c;border-radius:11px}.primary:hover:not(:disabled){background:#3c7896}.secondary{border-color:#bfd1db;border-radius:11px}.secondary:hover{background:#eef5f8}.entry .primary{min-width:172px}.question-layout{min-height:calc(100svh - 50px);max-width:810px;padding:32px 48px 52px}.question-body h1,h2,h3{font-family:Gugu Sans,sans-serif;font-weight:500}.question-body h1{font-size:clamp(26px,3.8vw,34px);font-weight:450;letter-spacing:.01em}.question-context{color:#7d96a5}.progress{background:#e2edf3;height:2px}.option{border-color:#cbdce5;border-radius:12px}.option:hover{background:#f2f7fa;border-color:#9cb9c9}.option:has(input:checked){background:#eaf3f8;border-color:#317394}.option input{border-color:#93b0c0}.scl-options .option{min-height:106px}.result{max-width:880px}.scl-result-heading h1{font-weight:400;color:#284e65}.scl-result-subtitle{font-family:Gugu Sans,sans-serif;font-size:21px;font-weight:400}.section-title{font-family:Gugu Sans,sans-serif;font-weight:500;font-size:20px}.stat-value{color:#284e65;font-weight:400}.dimension-track{height:6px;background:#e5eef3}.dimension-track span{background:#709eb7}.stats{border-color:#dce7ed}.scoring{border-color:#dce7ed}.quiz-dialog{background:white;border-radius:18px}.jump-grid button.answered,.close-dialog{background:#e7f0f5}.jump-grid button{border-radius:7px}
@media(max-width:760px){.experience{padding:16px}.surface{min-height:calc(100svh - 32px)}.entry{min-height:calc(100svh - 34px);padding:40px 30px;gap:28px}.entry h1.scl-title{font-size:83px}.entry-name{font-size:22px}.question-layout{min-height:calc(100svh - 34px);padding:24px 30px 38px}}
@media(max-width:480px){.experience{padding:12px}.surface{border-radius:16px;min-height:calc(100svh - 24px)}.entry{min-height:calc(100svh - 26px);padding:32px 23px 38px;gap:22px}.entry h1.scl-title{font-size:69px}.entry-name{font-size:20px}.question-layout{min-height:calc(100svh - 26px);padding:18px 23px 30px}.question-body h1{font-size:26px;min-height:74px}.scl-options .option{min-height:53px}.result{padding-left:23px;padding-right:23px}.scl-result-subtitle{font-size:18px}}
.entry-art{width:100%;min-height:0;max-height:min(560px,calc(100svh - 192px));aspect-ratio:4/5;align-self:center;overflow:hidden;border-radius:14px;background:#237c87}
.ocean-image{width:100%;height:100%;object-fit:cover;object-position:52% 50%}
.entry-art .ocean-image{position:absolute;inset:0}
.result-ocean{width:100%;aspect-ratio:3.4;overflow:hidden;border-radius:12px;margin-bottom:30px;background:#237c87}
@media(max-width:760px){.entry-art{max-width:410px;min-height:0;aspect-ratio:1.5}.result-ocean{aspect-ratio:3}}
@media(max-width:480px){.entry-art{max-width:340px;min-height:0;aspect-ratio:1.35;border-radius:12px}.entry{gap:29px}.result-ocean{aspect-ratio:2.6;margin-bottom:26px}}