:root{--paper:#f8f6f0;--ink:#252b28;--muted:#74776f;--line:#dedfd5;--orange:#ed6843;--sage:#dce6d6;--purple:#e4ddf0;--yellow:#f4e4af;--blue:#dbe8ef;--serif:Georgia,'Noto Serif SC','Songti SC',SimSun,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;line-height:1.6}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:500;line-height:1.3}h2{font-size:38px;letter-spacing:-1px}p{color:var(--muted)}.header{height:96px;padding:0 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--paper);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;line-height:1.3}.brand-mark{font-size:46px;color:var(--orange);line-height:1}.brand strong{font-size:20px;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:2.5px;margin-top:5px}.header nav{display:flex;gap:34px;font-size:14px}.header nav a:hover{color:var(--orange)}.header-actions{display:flex;align-items:center;gap:25px}select{border:0;background:transparent;max-width:130px;font-size:13px;padding:8px;cursor:pointer}.button{background:var(--orange);border:1px solid var(--orange);border-radius:5px;padding:16px 27px;color:#fff;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:30px;transition:transform .2s,background .2s}.button:hover{background:#d65432;transform:translateY(-2px)}.button.small{font-size:13px;padding:11px 20px}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button.secondary:hover{background:#eeeee5}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.wrap{max-width:1280px;margin:auto;padding:0 64px}.hero{min-height:620px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding-top:50px;padding-bottom:60px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:10px;margin-bottom:24px}.eyebrow:before{content:'';width:7px;height:7px;background:var(--orange);border-radius:50%}.hero h1{font-size:clamp(44px,4.5vw,66px);letter-spacing:-2px;line-height:1.3;margin-bottom:24px}.hero h1 em{font-style:normal;color:var(--orange);position:relative}.hero h1 em:after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:9px;border-top:2px solid var(--orange);border-radius:50%}.hero-copy>p{font-size:15px;line-height:1.95;max-width:390px;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:25px}.text-link{font-size:14px;border:0;background:none;padding:10px 0}.text-link:hover{color:var(--orange)}.micro{font-size:11px;margin-top:19px;letter-spacing:.5px}.hero-art{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center}.hero-art svg{width:100%;max-width:530px;overflow:visible}.art-tag{position:absolute;bottom:45px;right:8px;transform:rotate(-6deg);background:#fffdf6;border:1px solid #cfcfc2;padding:12px 20px;box-shadow:4px 5px 0 #e6e5db;font-family:var(--serif);font-size:14px}.art-top{position:absolute;top:26px;right:32px;font-size:10px;letter-spacing:2px;color:var(--muted)}.manifesto-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;align-items:center}.strip-intro{font-size:13px;color:var(--muted)}.strip-item{display:flex;align-items:center;gap:14px}.strip-item b{font-family:var(--serif);font-weight:400;font-size:32px}.strip-item span{font-size:12px;color:var(--muted)}.section{padding-top:86px;padding-bottom:80px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.section-head h2{margin-bottom:12px}.section-head p{margin:0;font-size:14px}.section-index{font-size:10px;letter-spacing:2px;color:var(--muted);margin-bottom:15px}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.filter{border:1px solid var(--line);background:transparent;border-radius:30px;padding:8px 20px;font-size:12px}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.type-card{border:1px solid transparent;border-radius:7px;padding:22px;text-align:left;position:relative;min-height:265px;transition:transform .2s,box-shadow .2s;background:var(--tone)}.type-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #2429220c;border-color:#252b2825}.type-card .type-number{position:absolute;top:20px;right:18px;font-size:10px;opacity:.45}.type-card svg{width:85px;height:85px;display:block;margin:0 auto 14px}.type-card h3{font-family:var(--serif);font-size:22px;font-weight:500;margin-bottom:3px}.type-card strong{font-size:11px;letter-spacing:2px}.type-card p{font-size:12px;color:#596057;margin:12px 0 0;max-width:85%}.card-arrow{position:absolute;right:20px;bottom:20px;font-size:22px}.type-grid:not(.expanded) .type-card:nth-child(n+5){display:none}.center{text-align:center;margin-top:30px}.dimension-section{background:#eeeee5;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.dimension-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.dimension-intro h2{font-size:40px}.dimension-intro p{max-width:310px;font-size:14px;line-height:1.9}.dimension-list{display:grid;gap:23px}.dimension-row{padding-bottom:20px;border-bottom:1px solid #d8d9cd}.dim-heading{display:flex;justify-content:space-between;font-size:13px;margin-bottom:12px}.dim-heading b{font-family:Georgia,serif;font-size:21px;margin:0 10px}.dimension-track{height:5px;border-radius:4px;background:linear-gradient(to right,#a7b6a0 50%,#d4dacd 50%);position:relative}.dimension-track:after{content:'';position:absolute;width:11px;height:11px;top:-3px;left:49%;border:2px solid #eeeee5;border-radius:50%;background:#788b70}.dimension-row:nth-child(2) .dimension-track{background:linear-gradient(to right,#b8a8cb 50%,#dcd3e2 50%)}.dimension-row:nth-child(3) .dimension-track{background:linear-gradient(to right,#91b4c5 50%,#cfdee1 50%)}.dimension-row:nth-child(4) .dimension-track{background:linear-gradient(to right,#d8b86b 50%,#e6dbc0 50%)}.dimension-row p{font-size:11px;margin:9px 0 0}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.journey-step{border-top:1px solid var(--line);padding-top:23px}.step-number{font-family:var(--serif);font-size:35px;color:var(--orange)}.journey-step h3{font-size:18px;font-weight:500;margin:14px 0}.journey-step p{font-size:13px;line-height:1.9}.faq-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.faq-section{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;list-style:none;font-size:14px;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:20px;line-height:1}details[open] summary:after{content:'−'}details p{font-size:13px;line-height:1.9;margin:15px 0 0}.end-banner{background:var(--sage);padding:43px 50px;border-radius:5px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:70px}.end-banner h2{font-size:31px;margin:0 0 10px}.end-banner p{font-size:13px;margin:0}footer{border-top:1px solid var(--line);max-width:1152px;margin:auto;padding:40px 0 20px}footer .brand strong{font-size:15px}footer p{font-size:13px;margin:20px 0 5px}footer>small{font-size:11px;color:var(--muted)}.footer-bottom{margin-top:36px;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted);gap:15px}.footer-bottom button{font-size:10px;background:none;border:0;color:var(--muted);padding:0}.skip{position:fixed;top:-100px;left:20px;background:white;padding:15px;z-index:99}.skip:focus{top:10px}dialog{border:1px solid var(--line);border-radius:12px;padding:42px;max-width:600px;width:calc(100% - 32px);max-height:85vh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#202a2370;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:15px;top:10px;font-size:30px;background:none;border:0}.dialog-hero{display:flex;align-items:center;gap:25px;margin-bottom:25px}.dialog-hero svg{width:110px}.dialog-hero h2{margin:4px 0;font-size:33px}.dialog-code{letter-spacing:4px;font-size:12px}dialog h3{font-size:16px;margin:25px 0 8px}dialog p{font-size:14px;line-height:1.9}.quiz-shell,.result-shell{max-width:830px;margin:60px auto 90px;padding:0 30px;min-height:60vh}.quiz-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.progress{height:5px;background:var(--line);border-radius:4px;margin:20px 0 42px;overflow:hidden}.progress div{background:var(--orange);height:100%;transition:width .3s}.quiz-shell h1{font-size:32px;margin-bottom:12px}.quiz-note{font-size:13px}.question{padding:28px 0;border-bottom:1px solid var(--line)}.question legend{font-size:18px;margin-bottom:20px;padding:0}.question fieldset{border:0;margin:0;padding:0}.answers{display:flex;gap:12px;align-items:center;justify-content:space-between}.answer-label{font-size:12px;color:var(--muted);max-width:75px}.answer{width:45px;height:45px;border:1.5px solid #aaaeb0;border-radius:50%;background:transparent;position:relative;display:grid;place-items:center;font-size:13px;color:var(--muted)}.answer:nth-of-type(-n+2){border-color:#8c9e80}.answer:nth-last-of-type(-n+2){border-color:#ba9dca}.answer.selected{background:var(--ink);color:white;border-color:var(--ink)}.quiz-controls{display:flex;justify-content:space-between;margin-top:32px;gap:15px}.result-heading{text-align:center}.result-heading h1{font-size:48px;margin:10px 0}.result-heading>svg{width:140px;height:140px}.result-code{letter-spacing:7px;font-size:19px}.result-panel{padding:30px;border:1px solid var(--line);border-radius:8px;margin-top:30px}.result-panel h2{font-size:25px}.score-row{margin:25px 0}.score-label{display:flex;justify-content:space-between;font-size:13px;gap:20px;margin-bottom:8px}.score-track{height:9px;background:#e6dfed;border-radius:8px;overflow:hidden}.score-fill{height:100%;background:#91a685}.score-note{font-size:12px;margin-top:8px}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:25px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;font-size:13px;padding:12px 22px;border-radius:8px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}.quiz-error{color:#bf4c2e;font-size:13px;margin-top:15px}.return-link{background:none;border:0;font-size:13px;color:var(--muted)}
@media(min-width:1500px){.wrap{max-width:1380px}.hero{min-height:690px}.hero h1{font-size:72px}}
@media(max-width:1000px){.header{padding:0 30px;gap:15px}.header nav{gap:18px}.header-actions{gap:10px}.wrap{padding-left:35px;padding-right:35px}.hero h1{font-size:46px}.hero{min-height:560px}.dimension-layout{gap:40px}.type-card{padding:18px}.type-card p{max-width:100%}footer{margin:0 35px}.art-tag{bottom:40px;font-size:11px}.faq-layout{gap:40px}.hero-actions{gap:15px}}
@media(max-width:720px){.header{height:77px;padding:0 20px}.header nav{display:none}.header-actions .button{display:none}.brand strong{font-size:17px}.brand-mark{font-size:38px}.header-actions select{font-size:12px}.wrap{padding-left:23px;padding-right:23px}.hero{grid-template-columns:1fr;gap:5px;padding-top:45px;padding-bottom:25px}.hero h1{font-size:43px;letter-spacing:-1px}.hero-copy>p{font-size:14px}.hero-art{height:350px;max-width:440px;width:100%;margin:auto}.hero-art svg{height:340px}.art-top{top:14px}.art-tag{bottom:5px;right:10px}.hero-actions{gap:22px}.eyebrow{font-size:10px;margin-bottom:20px}.manifesto-strip{grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 0}.strip-intro{grid-column:1/-1;margin-bottom:7px;font-size:12px}.strip-item{gap:7px}.strip-item b{font-size:28px}.strip-item span{font-size:10px}.section{padding-top:52px;padding-bottom:48px}h2{font-size:29px}.section-head{align-items:start;flex-direction:column;gap:10px}.section-head p{font-size:13px}.type-grid{grid-template-columns:repeat(2,1fr);gap:12px}.type-card{padding:18px 16px;min-height:246px}.type-card h3{font-size:21px}.type-card p{font-size:11px;padding-right:10px}.filter-bar{gap:6px}.filter{padding:6px 12px;font-size:11px}.dimension-layout,.faq-layout{grid-template-columns:1fr;gap:25px}.dimension-intro h2{font-size:31px}.dimension-intro p{max-width:100%}.journey-grid{grid-template-columns:1fr;gap:20px}.journey-step{position:relative;padding-left:55px}.step-number{position:absolute;left:0;top:27px;font-size:29px}.journey-step h3{margin-top:5px}.end-banner{padding:28px;display:block;margin-bottom:45px}.end-banner h2{font-size:26px}.end-banner .button{margin-top:20px}footer{margin:0 23px;padding-top:30px}.footer-bottom{flex-wrap:wrap}.quiz-shell,.result-shell{padding:0 23px;margin-top:35px}.quiz-shell h1{font-size:27px}.question legend{font-size:16px}.answers{gap:6px;flex-wrap:wrap}.answer{width:38px;height:38px}.answer-label{font-size:10px;max-width:36px}.result-panel{padding:20px}.result-heading h1{font-size:39px}dialog{padding:30px 23px}.dialog-hero{gap:15px}.dialog-hero h2{font-size:27px}.dialog-hero svg{width:85px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}