:root{--four-d-ink:#152033;--four-d-muted:#68758a;--four-d-line:#dfe5ec;--four-d-paper:#fff;--four-d-ground:#f5f7f9;--four-d-subtle:#fbfcfd;--four-d-track:#e8edf2;--four-d-primary:#152033;--four-d-green:#41b981;--four-d-green-soft:#edf9f4;--four-d-yellow:#e6c83d;--four-d-yellow-soft:#fffbea;--four-d-blue:#249de3;--four-d-blue-soft:#eef7fd;--four-d-orange:#f39a2b;--four-d-orange-soft:#fff4e9}.dark{--four-d-ink:#eef4fb;--four-d-muted:#9aa9bd;--four-d-line:#2a3a50;--four-d-paper:#151f30;--four-d-ground:#0e1624;--four-d-subtle:#192538;--four-d-track:#26354a;--four-d-primary:#2f6fae}*{box-sizing:border-box}html{scroll-behavior:smooth}body.four-d-page{min-height:100vh;color:var(--four-d-ink);background:var(--four-d-ground);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.four-d-app{width:min(1120px,100% - 36px);min-height:calc(100vh - 160px);margin:0 auto;padding:clamp(42px,7vw,84px) 0}.four-d-loading{min-height:60vh;color:var(--four-d-muted);align-content:center;place-items:center;gap:12px;display:grid}.four-d-loading span{border:2px solid var(--four-d-line);border-top-color:var(--four-d-blue);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite four-d-spin}@keyframes four-d-spin{to{transform:rotate(360deg)}}.four-d-kicker{color:var(--four-d-blue);letter-spacing:.17em;text-transform:uppercase;margin:0 0 14px;font-size:11px;font-weight:780}.four-d-intro{border:1px solid var(--four-d-line);background:var(--four-d-paper);border-radius:28px;padding:clamp(32px,6vw,72px);position:relative;overflow:hidden;box-shadow:0 22px 60px #15203314}.four-d-intro:before,.four-d-result-hero:before{content:"";background:linear-gradient(var(--four-d-blue) 0 25%, var(--four-d-orange) 25% 50%, var(--four-d-yellow) 50% 75%, var(--four-d-green) 75%);width:6px;position:absolute;inset:0 auto 0 0}.four-d-intro h1{letter-spacing:-.055em;max-width:760px;margin:0;font-size:clamp(36px,6vw,66px);line-height:1.04}.four-d-intro-lead{max-width:720px;color:var(--four-d-muted);margin:24px 0 0;font-size:clamp(15px,2vw,18px);line-height:1.85}.four-d-intro-stats{flex-wrap:wrap;gap:9px;margin-top:30px;display:flex}.four-d-intro-stats span{border:1px solid var(--four-d-line);color:var(--four-d-muted);background:var(--four-d-subtle);border-radius:999px;padding:7px 11px;font-size:12px}.four-d-layers{grid-template-columns:1fr 1fr;gap:14px;margin:clamp(36px,6vw,62px) 0 0;display:grid}.four-d-layer{border:1px solid var(--four-d-line);background:var(--four-d-subtle);border-radius:18px;padding:24px}.four-d-layer span{color:var(--four-d-blue);letter-spacing:.14em;margin-bottom:9px;font-size:10px;font-weight:780;display:block}.four-d-layer h2{margin:0 0 9px;font-size:20px}.four-d-layer p{color:var(--four-d-muted);margin:0;font-size:13px;line-height:1.7}.four-d-consent{color:var(--four-d-muted);cursor:pointer;align-items:flex-start;gap:10px;margin-top:28px;font-size:12px;line-height:1.65;display:flex}.four-d-consent input{width:17px;height:17px;accent-color:var(--four-d-blue);margin:2px 0 0}.four-d-intro-actions,.four-d-result-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;display:flex}.four-d-btn{border:1px solid var(--four-d-line);min-height:42px;color:var(--four-d-ink);background:var(--four-d-paper);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 18px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.four-d-btn:hover{border-color:#aab6c6}.four-d-btn-primary{border-color:var(--four-d-primary);color:#fff;background:var(--four-d-primary)}.four-d-btn-primary:hover{background:#263752;border-color:#263752}.four-d-btn:disabled{opacity:.42;cursor:not-allowed}.four-d-draft-note{color:var(--four-d-muted);margin-top:12px;font-size:11px}.four-d-quiz{width:min(820px,100%);margin:0 auto}.four-d-progress{margin-bottom:30px}.four-d-progress-meta{color:var(--four-d-muted);justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;font-size:12px;display:flex}.four-d-progress-meta strong{color:var(--four-d-ink);font-weight:760}.four-d-progress-track{background:var(--four-d-track);border-radius:999px;height:6px;overflow:hidden}.four-d-progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--four-d-green), var(--four-d-blue), var(--four-d-orange));height:100%;transition:width .3s;display:block}.four-d-question-card{border:1px solid var(--four-d-line);background:var(--four-d-paper);border-radius:24px;padding:clamp(26px,5vw,48px);box-shadow:0 18px 50px #15203312}.four-d-question-label{color:var(--four-d-blue);letter-spacing:.14em;margin:0 0 12px;font-size:10px;font-weight:780}.four-d-question-card h1{letter-spacing:-.025em;margin:0;font-size:clamp(23px,4vw,34px);line-height:1.35}.four-d-question-help{color:var(--four-d-muted);margin:12px 0 0;font-size:12px;line-height:1.65}.four-d-pair{grid-template-columns:1fr 1fr;gap:12px;margin-top:30px;display:grid}.four-d-pole{border:1px solid var(--four-d-line);min-height:122px;color:var(--four-d-ink);background:var(--four-d-subtle);border-radius:16px;align-items:center;padding:20px;font-size:14px;line-height:1.75;display:flex}.four-d-pair-scale{grid-template-columns:repeat(5,1fr);gap:7px;margin-top:18px;display:grid}.four-d-scale-option{border:1px solid var(--four-d-line);min-height:66px;color:var(--four-d-muted);background:var(--four-d-paper);cursor:pointer;border-radius:11px;align-content:center;place-items:center;gap:6px;padding:8px 5px;font-size:10px;display:grid}.four-d-scale-option i{border:2px solid #aab6c6;border-radius:50%;width:17px;height:17px;display:block}.four-d-scale-option:hover,.four-d-scale-option.is-selected{border-color:var(--four-d-blue);color:var(--four-d-ink);background:var(--four-d-blue-soft)}.four-d-scale-option.is-selected i{border:5px solid var(--four-d-blue);background:#fff}.dark .four-d-scale-option:hover,.dark .four-d-scale-option.is-selected{background:#173450}.four-d-frequency{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:28px;display:grid}.four-d-frequency .four-d-scale-option{min-height:76px;font-size:12px}.four-d-frequency .four-d-scale-option small{color:#97a2b2;font-size:9px;display:block}.four-d-reference{border-left:3px solid var(--four-d-yellow);color:var(--four-d-muted);background:var(--four-d-yellow-soft);margin-top:20px;padding:14px 16px;font-size:11px;line-height:1.7}.dark .four-d-reference{background:#2c2a1a}.four-d-quiz-nav{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.four-d-answer-alert{color:#b34b36;min-height:20px;font-size:11px}.four-d-results{gap:18px;display:grid}.four-d-result-hero{border:1px solid var(--four-d-line);background:var(--four-d-paper);border-radius:26px;padding:clamp(30px,5vw,58px);position:relative;overflow:hidden;box-shadow:0 20px 58px #15203314}.four-d-result-hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(31px,5vw,52px)}.four-d-result-hero h1 em{color:var(--foundation-color,var(--four-d-blue));font-style:normal}.four-d-result-hero>p{max-width:760px;color:var(--four-d-muted);margin:18px 0 0;line-height:1.8}.four-d-result-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;display:grid}.four-d-panel{border:1px solid var(--four-d-line);background:var(--four-d-paper);border-radius:22px;padding:clamp(24px,4vw,38px)}.four-d-panel-head{margin-bottom:24px}.four-d-panel-head span{color:var(--four-d-muted);letter-spacing:.13em;margin-bottom:6px;font-size:10px;font-weight:780;display:block}.four-d-panel-head h2{margin:0;font-size:23px}.four-d-matrix{grid-template-columns:1fr 1fr;gap:8px;display:grid}.four-d-quadrant{opacity:.58;border:2px solid #0000;border-radius:16px;min-height:130px;padding:18px;position:relative}.four-d-quadrant.is-foundation{opacity:1;border-color:currentColor;box-shadow:0 8px 24px #15203314}.four-d-quadrant.is-foundation:after{content:"自然起点";color:#fff;background:currentColor;border-radius:999px;padding:3px 6px;font-size:8px;font-weight:760;position:absolute;top:10px;right:10px}.four-d-quadrant strong,.four-d-quadrant span{color:#15304a;display:block}.four-d-quadrant strong{font-size:17px}.four-d-quadrant span{letter-spacing:.07em;opacity:.7;margin-top:3px;font-size:9px}.four-d-quadrant p{color:#486078;margin:18px 0 0;font-size:10px;line-height:1.55}.four-d-quadrant--cultivating{color:var(--four-d-green);background:var(--four-d-green-soft)}.four-d-quadrant--visioning{color:var(--four-d-blue);background:var(--four-d-blue-soft)}.four-d-quadrant--including{color:var(--four-d-yellow);background:var(--four-d-yellow-soft)}.four-d-quadrant--directing{color:var(--four-d-orange);background:var(--four-d-orange-soft)}.four-d-axis-list,.four-d-dimension-list{gap:18px;display:grid}.four-d-axis-row,.four-d-dimension-row{gap:7px;display:grid}.four-d-axis-labels,.four-d-dimension-labels{color:var(--four-d-muted);justify-content:space-between;align-items:center;gap:16px;font-size:11px;display:flex}.four-d-axis-labels strong,.four-d-dimension-labels strong{color:var(--four-d-ink)}.four-d-axis-track,.four-d-dimension-track{background:var(--four-d-track);border-radius:999px;height:8px;position:relative;overflow:hidden}.four-d-axis-track:after{content:"";z-index:2;background:#15203347;width:1px;position:absolute;top:-2px;bottom:-2px;left:50%}.four-d-axis-track span,.four-d-dimension-track span{border-radius:inherit;background:var(--bar-color,var(--four-d-blue));height:100%;display:block}.four-d-axis-note{color:var(--four-d-muted);font-size:10px;line-height:1.55}.four-d-dimension-row{border-bottom:1px solid var(--four-d-line);padding-bottom:15px}.four-d-dimension-row:last-child{border-bottom:0;padding-bottom:0}.four-d-behaviors{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.four-d-behavior-card{border:1px solid var(--four-d-line);background:var(--four-d-subtle);border-radius:14px;padding:15px}.four-d-behavior-card header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.four-d-behavior-card strong{font-size:12px;line-height:1.4}.four-d-behavior-card b{color:var(--behavior-color);font-size:15px}.four-d-behavior-card p{color:var(--four-d-muted);margin:5px 0 0;font-size:9px;line-height:1.5}.four-d-insights{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.four-d-insight{border:1px solid var(--four-d-line);background:var(--four-d-paper);border-radius:18px;padding:22px}.four-d-insight span{color:var(--four-d-muted);letter-spacing:.12em;font-size:9px;font-weight:780}.four-d-insight h3{margin:9px 0;font-size:17px}.four-d-insight p{color:var(--four-d-muted);margin:0;font-size:11px;line-height:1.7}.four-d-action{color:#fff;background:#152033;border-radius:22px;padding:clamp(26px,4vw,42px)}.four-d-action span{color:#9fc7e8;letter-spacing:.13em;font-size:10px;font-weight:780}.four-d-action h2{margin:9px 0 12px;font-size:25px}.four-d-action p{color:#d8e1eb;max-width:820px;margin:0;font-size:14px;line-height:1.8}.four-d-method-note{border:1px solid var(--four-d-line);color:var(--four-d-muted);background:var(--four-d-subtle);border-radius:16px;padding:18px 20px;font-size:10px;line-height:1.75}.four-d-method-note a{color:var(--four-d-blue)}.four-d-save-state{color:var(--four-d-muted);font-size:10px}@media (width<=800px){.four-d-result-grid,.four-d-insights{grid-template-columns:1fr}}@media (width<=640px){.four-d-app{width:min(100% - 24px,1120px);padding:28px 0 48px}.four-d-intro{border-radius:22px;padding:32px 24px 28px 28px}.four-d-intro h1{font-size:39px}.four-d-layers,.four-d-pair{grid-template-columns:1fr}.four-d-pole{min-height:auto}.four-d-pair-scale{gap:4px}.four-d-scale-option{min-height:70px;padding:7px 2px;font-size:8px}.four-d-frequency{grid-template-columns:1fr}.four-d-frequency .four-d-scale-option{grid-auto-flow:column;justify-content:start;min-height:52px;padding:10px 14px;font-size:12px}.four-d-question-card{border-radius:20px;padding:26px 20px}.four-d-quiz-nav .four-d-btn{min-width:98px}.four-d-result-hero,.four-d-panel{border-radius:20px}.four-d-matrix{gap:6px}.four-d-quadrant{min-height:138px;padding:15px}.four-d-quadrant.is-foundation:after{margin-top:8px;display:inline-block;position:static}.four-d-behaviors{grid-template-columns:1fr}.four-d-result-actions .four-d-btn{width:100%}}@media print{body.four-d-page{background:#fff}.four-d-result-actions{display:none!important}.four-d-app{width:100%;padding:0}.four-d-results{gap:10mm}.four-d-result-hero,.four-d-panel,.four-d-action,.four-d-method-note{break-inside:avoid;box-shadow:none}}