:root{--color-canvas: #f4f5f0;--color-paper: #ffffff;--color-ink: #111411;--color-muted: #666d66;--color-line: #d9ddd5;--color-soft: #e9ece5;--color-accent: #c9f23d;--color-accent-strong: #9fca0b;--color-danger: #a43d32;--color-photo-scrim: rgba(17, 20, 17, .2);--color-photo-edge: rgba(255, 255, 255, .3);--color-focus: #4f7210;--shadow-focus: 0 0 0 3px rgba(159, 202, 11, .24);--font-sans: Inter, "Microsoft YaHei", system-ui, sans-serif;--font-mono: "SFMono-Regular", Consolas, monospace;--radius-sm: 4px;--radius-md: 8px;--space-page: clamp(20px, 5vw, 72px);--content-width: 1180px;--transition-fast: .16s ease}*{box-sizing:border-box}html,body{min-height:100%;overflow-x:clip}html{background:var(--color-canvas);color-scheme:light}body{margin:0;background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-sans);font-size:16px;letter-spacing:0;text-rendering:optimizeLegibility}button,textarea,input{font:inherit}button{border:0}button:focus-visible,textarea:focus-visible,input:focus-visible+.control-dot,input:focus-visible+.control-box{outline:2px solid var(--color-focus);outline-offset:3px}.intro-page{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);min-height:100svh}.intro-visual{position:relative;display:flex;min-height:100svh;flex-direction:column;justify-content:space-between;padding:32px var(--space-page);background-image:linear-gradient(var(--color-photo-scrim),var(--color-photo-scrim)),url(/survey-cover.png);background-position:center;background-size:cover;color:var(--color-paper)}.brand-row{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:12px;font-weight:650;letter-spacing:.08em}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:11px}.visual-caption{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-photo-edge);padding-top:16px;font-size:13px}.intro-content{display:flex;min-height:100svh;flex-direction:column;justify-content:space-between;padding:clamp(52px,8vw,112px) var(--space-page) 44px}.eyebrow{margin:0 0 20px;color:var(--color-muted);font-family:var(--font-mono);font-size:12px;font-weight:650;letter-spacing:.08em}.intro-content h1,.success-panel h1{max-width:720px;margin:0;font-size:clamp(40px,4vw,60px);font-style:normal;font-weight:620;letter-spacing:0;line-height:1.02;overflow-wrap:anywhere}.headline-line{display:block;white-space:nowrap}.intro-copy{max-width:560px;margin:28px 0 0;color:var(--color-muted);font-size:17px;line-height:1.8}.intro-action{margin-top:52px}.fact-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px;border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}.fact-row span{display:flex;min-width:0;flex-direction:column;gap:4px;padding:18px 12px 18px 0;color:var(--color-muted);font-size:12px}.fact-row strong{color:var(--color-ink);font-size:22px;font-weight:620}.primary-button,.secondary-button{min-height:52px;border-radius:var(--radius-sm);cursor:pointer;font-weight:650;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-width:190px;padding:0 18px;background:var(--color-ink);color:var(--color-paper)}.primary-button:hover{background:var(--color-accent-strong);color:var(--color-ink)}.primary-button:active,.secondary-button:active{transform:translateY(1px)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.46;transform:none}.site-shell{min-height:100svh}.survey-header{display:flex;align-items:center;justify-content:space-between;max-width:var(--content-width);margin:0 auto;padding:26px var(--space-page);border-bottom:1px solid var(--color-line)}.brand-row-dark{color:var(--color-ink)}.quiet-button{padding:8px 0;background:transparent;color:var(--color-muted);cursor:pointer;font-size:13px}.quiet-button:hover{color:var(--color-ink)}.survey-layout{display:grid;grid-template-columns:minmax(250px,.38fr) minmax(0,.62fr);gap:clamp(36px,7vw,96px);max-width:var(--content-width);margin:0 auto;padding:56px var(--space-page) 96px}.progress-panel{position:sticky;top:40px;align-self:start}.progress-panel h2{margin:0 0 12px;font-size:34px;font-style:normal;font-weight:620;letter-spacing:0}.progress-panel>p:not(.eyebrow){max-width:290px;margin:0;color:var(--color-muted);font-size:14px;line-height:1.65}.progress-track{width:100%;height:3px;margin:28px 0;overflow:hidden;background:var(--color-line)}.progress-track span{display:block;height:100%;background:var(--color-accent-strong);transition:width .28s ease}.step-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.step-list li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;padding:12px 0;border-bottom:1px solid var(--color-line);color:var(--color-muted);font-size:13px}.step-list li span:first-child{font-family:var(--font-mono);font-size:11px}.step-list .is-current{color:var(--color-ink);font-weight:650}.step-list .is-done{color:var(--color-focus)}.mobile-progress{display:none}.question-stack{display:grid;gap:44px}.question{min-width:0;margin:0;padding:0 0 40px;border:0;border-bottom:1px solid var(--color-line)}.question legend,.question-title{display:block;width:100%;margin:0;padding:0;font-size:20px;font-weight:620;line-height:1.45}.question-note{display:block;margin:8px 0 0;color:var(--color-muted);font-size:13px;line-height:1.55}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.option{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:11px;min-height:56px;padding:13px 14px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper);cursor:pointer;font-size:14px;line-height:1.45;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.option:hover{border-color:var(--color-muted)}.option:active{transform:translateY(1px)}.option.is-selected{border-color:var(--color-ink);background:var(--color-accent)}.option.is-capped{cursor:not-allowed;opacity:.45}.option input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.control-dot,.control-box{display:grid;width:18px;height:18px;place-items:center;border:1px solid var(--color-muted);background:var(--color-paper)}.control-dot{border-radius:50%}.control-box{border-radius:2px}.is-selected .control-dot:after{width:8px;height:8px;border-radius:50%;background:var(--color-ink);content:""}.is-selected .control-box:after{width:9px;height:5px;border-bottom:2px solid var(--color-ink);border-left:2px solid var(--color-ink);content:"";transform:translateY(-1px) rotate(-45deg)}.text-question textarea{width:100%;min-height:128px;margin-top:16px;resize:vertical;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-ink);padding:14px;line-height:1.65;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.text-question textarea:focus{border-color:var(--color-focus);box-shadow:var(--shadow-focus);outline:0}.text-question textarea::placeholder{color:var(--color-muted)}.char-count{display:block;margin-top:6px;color:var(--color-muted);font-family:var(--font-mono);font-size:11px;text-align:right}.form-footer{padding-top:28px}.feedback-slot{min-height:42px}.error-message{margin:0;color:var(--color-danger);font-size:13px;line-height:1.5}.button-row{display:flex;justify-content:space-between;gap:12px}.secondary-button{min-width:104px;border:1px solid var(--color-line);background:transparent;color:var(--color-ink);padding:0 18px}.secondary-button:hover:not(:disabled){border-color:var(--color-ink);background:var(--color-paper)}.success-shell{display:grid;min-height:100svh;place-items:center;padding:var(--space-page)}.success-panel{width:min(760px,100%);border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);padding:64px 0;text-align:center}.success-index{display:block;margin-bottom:24px;color:var(--color-muted);font-family:var(--font-mono);font-size:12px}.success-mark{display:grid;width:54px;height:54px;margin:0 auto 28px;place-items:center;border-radius:50%;background:var(--color-accent);font-size:24px;font-weight:700}.success-panel h1{max-width:680px;margin-inline:auto;font-size:clamp(36px,6vw,62px)}.success-panel>p:last-child{max-width:580px;margin:24px auto 0;color:var(--color-muted);line-height:1.75}@media(max-width:900px){.intro-page{grid-template-columns:1fr}.intro-visual{min-height:42svh;background-position:center 58%}.intro-content{min-height:58svh;padding-top:48px}.survey-layout{grid-template-columns:1fr}.progress-panel{display:none}.mobile-progress{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 16px;margin-bottom:36px;font-size:13px}.mobile-progress>span{color:var(--color-muted);font-family:var(--font-mono)}.mobile-progress .progress-track{grid-column:1 / -1;margin:6px 0 0}}@media(max-width:620px){.intro-visual{min-height:34svh;padding-top:22px;padding-bottom:20px}.intro-content{min-height:66svh;padding-top:38px;padding-bottom:28px}.intro-content h1{font-size:clamp(34px,10.5vw,42px)}.intro-copy{margin-top:20px;font-size:15px}.intro-action{margin-top:36px}.fact-row span{padding-right:8px;font-size:11px}.primary-button{width:100%}.survey-header{padding-top:18px;padding-bottom:18px}.brand-row{font-size:10px}.survey-layout{padding-top:30px;padding-bottom:64px}.question-stack{gap:34px}.question{padding-bottom:30px}.question legend,.question-title{font-size:18px}.option-grid{grid-template-columns:minmax(0,1fr)}.button-row{display:grid;grid-template-columns:104px minmax(0,1fr)}.button-row .primary-button{min-width:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}