:root{--paper:#f5f3ed;--white:#fff;--ink:#171715;--muted:#6d6a62;--line:#d3d0c7;--accent:#e9663b;--good:#dcefcf;--learn:#f3e3b9;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--sans:Inter, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);background:var(--paper);font-family:var(--sans);margin:0;line-height:1.5}button,a{color:inherit;font:inherit}button{cursor:pointer}a{text-underline-offset:3px}img{max-width:100%;display:block}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:62px;padding:10px max(24px,50vw - 560px);display:flex}.brand-link{font:700 10px/1 var(--mono);letter-spacing:.05em;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-link img{width:108px}.brand-link span{border-left:1px solid var(--ink);padding-left:12px}.site-header nav{gap:24px;display:flex}.site-header nav a{color:var(--muted);font:700 10px/1 var(--mono)}.home-hero{grid-template-columns:1fr .86fr;align-items:center;gap:70px;width:min(1120px,100% - 48px);min-height:calc(100vh - 62px);margin:0 auto;padding:72px 0;display:grid}.eyebrow,.micro-label{color:var(--accent);font:700 11px/1.3 var(--mono);letter-spacing:.05em;margin:0}.home-hero h1{letter-spacing:-.06em;max-width:650px;margin:20px 0 0;font-size:clamp(38px,4.4vw,58px);line-height:1.1}.home-hero-copy>p:not(.eyebrow){color:var(--muted);margin:20px 0 32px;font-size:16px}.primary-button,.secondary-button{border:1px solid var(--ink);border-radius:0;justify-content:center;align-items:center;min-height:50px;padding:12px 22px;font-weight:800;text-decoration:none;transition:background-color .14s,color .14s,transform .14s;display:inline-flex}.primary-button{background:var(--ink);color:#fff}.secondary-button{color:var(--ink);background:0 0}.primary-button:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.secondary-button:hover{background:#fff}.featured-test{border:1px solid var(--ink);background:var(--ink);color:#fff;text-decoration:none;transition:transform .16s;display:block;position:relative;overflow:hidden;transform:rotate(1deg)}.featured-test:hover{transform:rotate(-1deg)translateY(-5px)}.featured-test img{object-fit:cover;filter:saturate(.82)contrast(1.04);width:100%;height:430px}.featured-test>div{grid-template-columns:1fr auto;gap:4px 24px;padding:18px 20px;display:grid}.featured-test span,.featured-test small{font:700 10px/1.3 var(--mono);letter-spacing:.04em}.featured-test span{color:#f3a083;grid-column:1/-1}.featured-test strong{font-size:19px}.featured-test small{color:#bbb;align-self:end}.test-index{width:min(920px,100% - 48px);margin:0 auto;padding:110px 0 140px;scroll-margin-top:30px}.section-heading{grid-template-columns:140px 1fr;align-items:end;margin-bottom:28px;display:grid}.section-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(28px,3vw,38px)}.test-list{border-top:1px solid var(--ink)}.test-row{border-bottom:1px solid var(--line);grid-template-columns:54px 1fr 54px 24px;align-items:center;gap:20px;padding:28px 0;text-decoration:none;transition:padding .15s,background .15s;display:grid}.test-row:hover{background:#fff;padding-left:12px;padding-right:12px}.test-number{color:var(--muted);font:700 12px/1 var(--mono)}.test-row-copy{gap:6px;display:grid}.test-row-copy strong{font-size:21px}.test-row-copy small{max-width:620px;color:var(--muted);font-size:13px}.test-symbol{text-align:center;font-size:25px}.test-arrow{font-size:22px}.page-shell{width:min(920px,100% - 48px);margin:0 auto}.test-hero{max-width:760px;padding:34px 0 24px;position:relative}.back-link{color:var(--muted);font:700 10px/1 var(--mono);margin-bottom:24px;display:inline-block}.test-hero h1{letter-spacing:-.05em;margin:14px 0 0;font-size:clamp(32px,4vw,46px);line-height:1.16}.test-hero>p:last-child{max-width:680px;color:var(--muted);margin:15px 0 0;font-size:15px}.page-note{color:var(--muted);text-align:center;margin:18px 0 90px;font-size:11px}.quiz-shell{border:1px solid var(--ink);background:var(--white);scroll-margin-top:20px}.challenge-banner{border-bottom:1px solid var(--ink);background:#f8d66b;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;font-size:12px;font-weight:700;display:flex}.challenge-banner button{background:0 0;border:0;font-size:20px;line-height:1}.quiz-start{grid-template-columns:.72fr 1.28fr;min-height:360px;display:grid}.start-mark{border-right:1px solid var(--ink);background:var(--ink);min-height:360px;color:var(--paper);flex-direction:column;justify-content:space-between;padding:30px;display:flex}.start-mark span{font:700 12px/1 var(--mono)}.start-mark strong{font-size:clamp(100px,16vw,180px);font-weight:900;line-height:.8}.start-copy{flex-direction:column;justify-content:center;padding:40px 52px;display:flex}.start-copy h2{letter-spacing:-.045em;max-width:530px;margin:16px 0 0;font-size:clamp(28px,3vw,38px);line-height:1.18}.start-copy>p:not(.micro-label){color:var(--muted);margin:14px 0 0}.start-meta{color:var(--muted);font:700 10px/1 var(--mono);gap:14px;margin:28px 0;display:flex}.start-meta span+span{border-left:1px solid var(--line);padding-left:14px}.start-copy .primary-button{align-self:flex-start}.question-view{min-height:590px}.question-toolbar{border-bottom:1px solid var(--line);min-height:48px;color:var(--muted);font:700 10px/1 var(--mono);justify-content:space-between;align-items:center;padding:0 24px;display:flex}.text-button{color:var(--muted);font:700 11px/1.2 var(--mono);background:0 0;border:0;padding:0;text-decoration:underline}.progress-track{background:#e6e3dc;height:4px}.progress-track span{background:var(--accent);width:0;height:100%;transition:width .26s;display:block}.question-card{padding:48px 70px 38px}.question-kicker{color:var(--muted);font:700 10px/1 var(--mono);align-items:center;gap:12px;display:flex}.question-kicker span+span{border-left:1px solid var(--line);padding-left:12px}.question-setup{color:var(--accent);font:700 11px/1.3 var(--mono);letter-spacing:.04em;margin:30px 0 0}.question-card h2{letter-spacing:-.035em;max-width:700px;margin:12px 0 0;font-size:clamp(25px,3vw,34px);line-height:1.25}.option-list{gap:10px;margin-top:32px;display:grid}.quiz-option{border:1px solid var(--line);text-align:left;background:#fff;border-radius:0;grid-template-columns:34px 1fr;align-items:center;gap:12px;min-height:58px;padding:10px 16px;transition:border-color .12s,transform .12s,background .12s;display:grid}.quiz-option:hover:not(:disabled){border-color:var(--ink);transform:translate(4px)}.quiz-option span{border:1px solid var(--line);width:27px;height:27px;font:700 10px/1 var(--mono);place-items:center;display:grid}.quiz-option strong{font-size:14px}.quiz-option:disabled{cursor:default;color:var(--ink)}.quiz-option.selected{border-color:var(--ink);background:#eeeae1}.quiz-option.recommended{box-shadow:inset 5px 0 #74a957}.quiz-option.recommended:after{content:"推荐";color:#426d30;font:700 9px/1 var(--mono);justify-self:end}.quiz-option.recommended{grid-template-columns:34px 1fr auto}.answer-feedback{border-top:1px solid var(--ink);background:#f4f1ea;grid-template-columns:1fr auto;align-items:end;gap:32px;padding:28px 70px 34px;display:grid}.answer-feedback>div{min-width:0}.answer-feedback p{margin:0}.feedback-verdict{font-size:14px;font-weight:850}.feedback-verdict[data-tone=good]{color:#38672c}.feedback-verdict[data-tone=learn]{color:#8a5218}.feedback-explanation{max-width:680px;color:var(--muted);font-size:13px;margin-top:8px!important}.feedback-takeaway{max-width:680px;font-size:13px;font-weight:750;margin-top:10px!important}.feedback-command{border:1px solid var(--line);background:var(--ink);color:#fff;width:100%;min-width:0;max-width:680px;font:700 11px/1.7 var(--mono);white-space:pre;margin:14px 0 0;padding:12px 14px;overflow-x:auto}.feedback-sources{flex-wrap:wrap;gap:14px;margin-top:10px;display:flex}.feedback-sources a{color:var(--muted);font:700 9px/1.2 var(--mono)}.answer-feedback .primary-button{white-space:nowrap}.result-view{background:#ebe8e1;padding:44px}.result-card{--result-color:#e4e1d9;--result-ink:#171715;border:2px solid var(--result-ink);background:var(--result-color);max-width:690px;color:var(--result-ink);box-shadow:12px 12px 0 var(--ink);margin:0 auto;padding:42px 48px 36px;position:relative}.result-card-head{justify-content:space-between;align-items:start;gap:20px;display:flex}.result-card .micro-label{color:var(--result-ink)}.result-score{font:900 46px/.8 var(--mono);margin:0}.result-score small{font-size:13px}.result-tier{font:800 12px/1 var(--mono);letter-spacing:.04em;margin:42px 0 0}.type-lockup{justify-content:space-between;align-items:center;gap:20px;margin-top:7px;display:flex}.type-lockup strong{font:950 clamp(68px, 12vw, 116px)/.9 var(--sans);letter-spacing:-.08em}.type-lockup span{font-size:62px}.result-card h2{letter-spacing:-.045em;margin:24px 0 0;font-size:35px;line-height:1.15}.result-quote{margin:10px 0 0;font-size:18px;font-weight:700}.dimension-list{gap:12px;margin-top:34px;display:grid}.dimension-list>div{font:700 11px/1 var(--mono);grid-template-columns:58px 1fr 34px;align-items:center;gap:12px;display:grid}.dimension-list i{background:color-mix(in srgb, var(--result-ink) 16%, transparent);height:8px}.dimension-list b{background:var(--result-ink);width:0;height:100%;transition:width .7s;display:block}.dimension-list strong{text-align:right}.result-gaps-wrap{border-top:1px solid var(--result-ink);margin-top:30px;padding-top:24px}.result-gaps-wrap>p{font:800 11px/1 var(--mono);margin:0}.result-gaps-wrap ul{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.result-gaps-wrap li{font-size:13px;font-weight:650}.result-gaps-wrap li:before{content:"→ "}.result-roast{border-top:1px solid color-mix(in srgb, var(--result-ink) 30%, transparent);margin:24px 0 0;padding:15px 0 0;font-size:13px;font-weight:700}.result-url{font:700 10px/1 var(--mono);margin-top:24px;display:block}.result-actions{justify-content:center;align-items:center;gap:12px;max-width:690px;margin:34px auto 0;display:flex}.result-actions .text-button{margin-left:8px}.share-status{min-height:20px;color:var(--muted);text-align:center;margin:10px 0 0;font-size:11px}.site-footer{border-top:1px solid var(--line);min-height:78px;color:var(--muted);font:700 10px/1 var(--mono);justify-content:space-between;align-items:center;padding:18px max(24px,50vw - 560px);display:flex}.confetti-layer{z-index:20;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti-layer i{opacity:0;width:9px;height:16px;position:absolute;top:-18px}.confetti-layer.active i{animation:confetti 1.9s var(--delay) ease-in forwards}@keyframes confetti{0%{opacity:1;transform:translate(0,0)rotate(0)}to{opacity:.7;transform:translate3d(var(--drift), 105vh, 0) rotate(640deg)}}@media (width<=760px){.site-header{min-height:56px;padding:9px 18px}.brand-link img{width:96px}.site-header nav a:first-child{display:none}.home-hero{grid-template-columns:1fr;gap:54px;width:min(100% - 36px,560px);min-height:auto;padding:72px 0 84px}.home-hero h1{font-size:38px}.featured-test{transform:rotate(.6deg)}.featured-test img{height:360px}.test-index,.page-shell{width:min(100% - 32px,600px)}.test-index{padding:80px 0 100px}.section-heading{grid-template-columns:1fr;gap:12px}.test-row{grid-template-columns:34px 1fr 24px;gap:12px;padding:22px 0}.test-symbol{display:none}.test-row-copy strong{font-size:18px}.test-row-copy small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.test-hero{padding:28px 2px 22px}.back-link{margin-bottom:22px}.test-hero h1{font-size:32px}.quiz-start{grid-template-columns:1fr}.start-mark{border-right:0;border-bottom:1px solid var(--ink);min-height:110px;padding:18px}.start-mark strong{align-self:end;font-size:62px}.start-copy{padding:34px 24px 40px}.start-copy h2{font-size:28px}.start-meta{flex-wrap:wrap;margin:24px 0}.question-toolbar{padding:0 18px}.question-card{padding:34px 20px 28px}.question-card h2{font-size:25px}.question-kicker{gap:8px}.question-kicker span+span{padding-left:8px}.quiz-option{min-height:62px;padding:10px 12px}.quiz-option strong{font-size:13px}.quiz-option.recommended:after{display:none}.quiz-option.recommended{grid-template-columns:34px 1fr}.answer-feedback{grid-template-columns:minmax(0,1fr);gap:22px;padding:24px 20px 28px}.feedback-command{white-space:pre-wrap;overflow-wrap:anywhere}.answer-feedback .primary-button{width:100%}.result-view{padding:20px 14px 30px}.result-card{box-shadow:7px 7px 0 var(--ink);padding:28px 24px 26px}.result-score{font-size:38px}.result-tier{margin-top:34px}.type-lockup strong{font-size:clamp(58px,20vw,84px)}.type-lockup span{font-size:44px}.result-card h2{font-size:29px}.result-quote{font-size:16px}.result-actions{flex-wrap:wrap}.result-actions .primary-button,.result-actions .secondary-button{flex:42%}.result-actions .text-button{text-align:center;flex-basis:100%;margin:10px 0 0}.site-footer{min-height:68px;padding:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}