:root{--ink:#172725;--muted:#687873;--paper:#f6f5ed;--card:rgba(255,255,252,.94);--city:#315f75;--home:#5f8068;--amber:#d58c61;--line:rgba(23,39,37,.12);--shadow:0 24px 80px rgba(40,61,55,.13)}
*{box-sizing:border-box}html{min-height:100%;background:var(--paper)}body{min-height:100vh;margin:0;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:linear-gradient(135deg,#eaf0ee 0,#f8f2e8 54%,#edf2e9 100%)}
body:before,body:after{content:"";position:fixed;pointer-events:none;border-radius:50%;filter:blur(2px)}body:before{width:380px;height:380px;left:-120px;top:-130px;background:radial-gradient(circle,rgba(49,95,117,.16),transparent 68%)}body:after{width:440px;height:440px;right:-160px;bottom:-170px;background:radial-gradient(circle,rgba(95,128,104,.18),transparent 68%)}
button,select,input{font:inherit}button{cursor:pointer}.shell{position:relative;z-index:1;width:min(820px,calc(100% - 28px));margin:0 auto;padding:28px 0 64px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.08em}.mark{width:40px;height:40px;display:grid;place-items:center;color:#fff;border-radius:14px;background:linear-gradient(135deg,var(--city),var(--home));box-shadow:0 8px 22px rgba(49,95,117,.22)}.step{padding:8px 12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.58);font-size:12px}.panel{overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:27px;background:var(--card);box-shadow:var(--shadow);backdrop-filter:blur(16px)}
.hero{min-height:370px;position:relative;display:flex;align-items:center;padding:48px 46px;background:linear-gradient(90deg,rgba(250,249,244,.97),rgba(250,249,244,.84) 56%,rgba(250,249,244,.3)),linear-gradient(145deg,rgba(49,95,117,.22),rgba(95,128,104,.23))}.hero:after{content:"城  ↔  家";position:absolute;right:36px;bottom:30px;color:rgba(23,39,37,.1);font:900 76px/1 "Songti SC",serif;letter-spacing:.04em}.hero-copy{position:relative;z-index:1;max-width:570px}.eyebrow{margin:0 0 14px;color:var(--amber);font-size:12px;font-weight:800;letter-spacing:.17em}.hero h1,.result-hero h1{margin:0 0 18px;font:900 clamp(42px,7vw,66px)/1.08 "Songti SC",serif;letter-spacing:-.04em}.hero p{max-width:540px;margin:0;color:var(--muted);font-size:16px;line-height:1.85}.tags,.result-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.tags span,.result-tags span{padding:7px 10px;border:1px solid rgba(49,95,117,.16);border-radius:999px;background:rgba(255,255,255,.65);color:var(--city);font-size:12px}
.content{padding:36px 44px 44px}.section-title{margin:0 0 9px;font:800 24px/1.3 "Songti SC",serif}.section-copy{margin:0 0 24px;color:var(--muted);line-height:1.75}.basis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.basis div{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff}.basis b{display:block;margin-bottom:6px;color:var(--ink)}.basis span{color:var(--muted);font-size:12px;line-height:1.55}.start-note{padding:15px 17px;border-radius:15px;background:#f4efe5;color:var(--muted);font-size:13px;line-height:1.7}.check{display:flex;gap:10px;align-items:flex-start;margin:20px 0;color:var(--muted);font-size:13px;line-height:1.6}.check input{width:18px;height:18px;margin-top:1px;accent-color:var(--city)}
.primary,.secondary,.option,.outline{border:0;border-radius:15px;transition:.18s ease}.primary{width:100%;padding:16px 20px;color:#fff;background:linear-gradient(100deg,var(--city),var(--home));font-weight:800;box-shadow:0 12px 28px rgba(49,95,117,.22)}.primary:hover{transform:translateY(-1px)}.primary:disabled{opacity:.38;cursor:not-allowed;transform:none}.outline{padding:14px 18px;color:var(--city);border:1px solid var(--city);background:transparent}.secondary{padding:11px 14px;color:var(--city);background:rgba(49,95,117,.08)}
.modal-open{overflow:hidden}.access-overlay{position:fixed;z-index:99;inset:0;display:grid;place-items:center;padding:20px;background:rgba(19,34,32,.58);backdrop-filter:blur(8px)}.access-modal{width:min(460px,100%);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.75);border-radius:24px;background:#fffdf8;box-shadow:0 28px 90px rgba(20,35,32,.32)}.access-close{position:absolute;right:17px;top:17px;width:38px;height:38px;border:0;border-radius:50%;background:#efede6;color:var(--muted);font-size:24px}.access-head{padding:30px 62px 23px 28px;border-bottom:1px solid var(--line)}.access-head h2{margin:0 0 8px;font:800 28px/1.2 "Songti SC",serif}.access-head p{margin:0;color:var(--muted);font-size:13px}.access-form{padding:25px 28px 28px}.access-form label{display:block;margin-bottom:9px;font-size:13px;font-weight:800}.access-form input{width:100%;padding:15px 16px;border:1px solid var(--line);border-radius:14px;outline:none;font:800 20px/1 system-ui;letter-spacing:.2em}.access-form input:focus{border-color:var(--city);box-shadow:0 0 0 3px rgba(49,95,117,.1)}.access-message{min-height:20px;margin:8px 2px;color:#b34b3e;font-size:12px}.access-submit{width:100%;padding:15px;border:0;border-radius:14px;background:linear-gradient(100deg,var(--city),var(--home));color:#fff;font-weight:800}.access-submit:disabled{opacity:.38}
.chapter{margin-bottom:13px;color:var(--city);font:700 12px/1.4 "Songti SC",serif;letter-spacing:.15em}.progress-row{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:13px}.progress{height:7px;margin:12px 0 30px;overflow:hidden;border-radius:99px;background:rgba(23,39,37,.08)}.progress div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--city),var(--home));transition:width .25s}.question{margin:0 0 24px;font:800 clamp(24px,4vw,32px)/1.45 "Songti SC",serif}.options{display:grid;gap:11px}.option{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:12px;width:100%;padding:15px;color:var(--ink);text-align:left;border:1px solid var(--line);background:#fff}.option:hover,.option:focus-visible{border-color:var(--city);background:rgba(49,95,117,.04);transform:translateX(3px);outline:none}.option-key{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(49,95,117,.09);color:var(--city);font-weight:800}.quiz-foot{display:flex;justify-content:space-between;align-items:center;margin-top:22px;color:var(--muted);font-size:12px}.restore{margin:-18px 0 18px;color:var(--home);font-size:12px}
.result-hero{padding:40px 44px 34px;color:#fff;background:linear-gradient(135deg,var(--city),#426d73 52%,var(--home))}.result-hero .eyebrow{color:#f1c2a0}.result-hero h1{max-width:700px;font-size:clamp(38px,6vw,56px)}.result-hero p{max-width:650px;margin:0;color:rgba(255,255,255,.78);line-height:1.75}.score-row{display:flex;align-items:end;gap:16px;margin-top:24px}.score-number{font:900 64px/1 "Songti SC",serif}.score-meta{padding-bottom:7px;color:rgba(255,255,255,.75);font-size:12px}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:20px 0}.dimension{padding:17px;border:1px solid var(--line);border-radius:17px;background:#fff}.dimension-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.dimension-head b{font-size:14px}.dimension-head span{color:var(--muted);font-size:12px}.meter{height:8px;position:relative;overflow:hidden;border-radius:9px;background:linear-gradient(90deg,rgba(95,128,104,.28) 0 49.5%,rgba(23,39,37,.09) 49.5% 50.5%,rgba(49,95,117,.28) 50.5%)}.meter i{position:absolute;top:-3px;width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:var(--amber);box-shadow:0 2px 6px rgba(0,0,0,.18);transform:translateX(-50%)}.dimension small{display:flex;justify-content:space-between;margin-top:7px;color:var(--muted);font-size:10px}.insight{margin-top:16px;padding:20px;border-radius:18px;background:#f4f2e9}.insight h3{margin:0 0 10px;font:800 20px/1.3 "Songti SC",serif}.insight p,.action-list li{color:var(--muted);line-height:1.75}.action-list{padding-left:20px}.warning{margin-top:16px;padding:16px 18px;border-left:3px solid var(--amber);background:#fff7ef;color:var(--muted);font-size:13px;line-height:1.7}.details{margin-top:18px;padding:0 17px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.62)}.details summary{padding:15px 0;color:var(--city);font-size:13px;font-weight:800;cursor:pointer}.details p,.details li{color:var(--muted);font-size:12px;line-height:1.75}.details a{color:var(--city)}.result-actions{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:24px}
@media(max-width:640px){.shell{width:min(100% - 20px,820px);padding-top:15px}.topbar{margin-bottom:13px}.panel{border-radius:22px}.hero,.content,.result-hero{padding:28px 22px}.hero{min-height:360px}.hero:after{right:18px;bottom:20px;font-size:48px}.basis{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr}.result-actions{grid-template-columns:1fr}.score-number{font-size:54px}}
.decision-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:15px;margin:24px 44px 0;padding:18px 20px;border:1px solid rgba(197,130,78,.24);border-radius:17px;background:#fff7ed}.decision-card span{padding:7px 10px;border-radius:999px;background:var(--amber);color:#fff;font-size:12px;font-weight:800;white-space:nowrap}.decision-card strong{font:800 17px/1.65 "Songti SC",serif}@media(max-width:640px){.decision-card{grid-template-columns:1fr;margin:18px 22px 0}.decision-card span{width:max-content}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}