.skin-test-page{color:#37332f;width:100%;max-width:1440px;min-height:100vh;margin:0 auto;padding:0 7%}.skin-test-page button{font:inherit}.test-header{border-bottom:1px solid #e8e2da;justify-content:space-between;align-items:center;height:82px;display:flex}.test-brand{letter-spacing:2px;align-items:center;gap:11px;font-size:13px;font-weight:700;display:flex}.test-brand-mark{color:#a77f70;border:1px solid #a77f70;border-radius:50%;place-items:center;width:30px;height:30px;font-family:Georgia,serif;font-size:17px;display:grid}.test-header-note,.test-eyebrow{color:#827a71;letter-spacing:2px;font-size:10px}.test-shell{width:min(100%,760px);margin:0 auto;padding:54px 0 64px}.test-progress-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.test-count{color:#827a71;letter-spacing:1px;font-family:Georgia,serif;font-size:13px}.test-progress-track{background:#e8e2da;height:3px;overflow:hidden}.test-progress-value{background:#a77f70;height:100%;transition:width .24s;display:block}.question-card,.completion-card{background:#fcfbf8;border:1px solid #e8e2da;margin-top:28px;padding:clamp(24px,5vw,48px);box-shadow:0 12px 35px #4130260a}.question-meta{color:#a1887b;letter-spacing:1.5px;justify-content:space-between;font-size:10px;display:flex}.question-meta span:last-child{color:#a29a90;letter-spacing:.5px}.question-card h1,.completion-card h1{letter-spacing:.5px;margin:26px 0 11px;font-size:clamp(23px,3.5vw,30px);font-weight:500;line-height:1.5}.question-description,.completion-description{color:#777068;margin:0;font-size:13px;line-height:1.9}.reference-swatches{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-top:22px;display:grid}.reference-swatch{color:#777068;text-align:center;background:#fff;border:1px solid #e8e2da;font-size:11px;overflow:hidden}.reference-swatch-color{border-bottom:1px solid #37332f12;height:56px;display:block}.reference-swatch>span:last-child{padding:9px 5px;display:block}.question-hint{color:#938176;gap:9px;margin:17px 0 0;font-size:11px;line-height:1.8;display:flex}.question-hint>span{color:#b28c7c;flex:none}.answer-list{gap:10px;margin-top:27px;display:grid}.answer-list-has-images{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.answer-option{color:#4a433d;cursor:pointer;text-align:left;background:#fff;border:1px solid #e8e2da;align-items:center;gap:14px;width:100%;min-height:62px;padding:12px 17px;transition:border-color .16s,background .16s,transform .16s;display:flex;position:relative}.answer-option:hover{border-color:#b99a8c;transform:translateY(-1px)}.answer-option:focus-visible,.back-button:focus-visible,.test-brand:focus-visible{outline-offset:3px;outline:2px solid #a77f70}.answer-option-selected{background:#f7f0eb;border-color:#a77f70}.answer-option-image{text-align:center;min-width:0;padding:9px;display:block}.answer-option-image .answer-label{margin-top:10px;display:block}.answer-image-frame{aspect-ratio:4/3;background:#f4f0e9;width:100%;display:block;position:relative;overflow:hidden}.answer-image-frame img{object-fit:contain}.answer-list-has-images .answer-option:not(.answer-option-image){grid-column:1/-1}.answer-letter{color:#9a7c6f;border:1px solid #e8e2da;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-family:Georgia,serif;font-size:12px;display:grid}.answer-label{flex:1;font-size:13px;line-height:1.7}.answer-arrow{color:#aa9486;opacity:0;font-size:15px;transition:opacity .16s}.answer-option:hover .answer-arrow,.answer-option:focus-visible .answer-arrow{opacity:1}.option-swatches{flex:none;gap:3px;display:flex}.option-swatch{border:1px solid #37332f14;width:20px;height:34px}.question-footer{justify-content:space-between;align-items:end;gap:15px;min-height:40px;margin-top:23px;display:flex}.back-button{color:#827a71;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:8px 0;font-size:12px;display:inline-flex}.back-button:hover{color:#72564b}.first-question-note,.answer-required{color:#a29a90;font-size:10px}.test-privacy-note{color:#9a9187;text-align:center;justify-content:center;gap:8px;margin:22px 0 0;font-size:10px;line-height:1.8;display:flex}.test-privacy-note span{color:#a77f70}.completion-card{padding-top:clamp(32px,6vw,56px);padding-bottom:clamp(30px,5vw,46px)}.completion-symbol{color:#a77f70;background:#f0e5dc;border-radius:50%;place-items:center;width:50px;height:50px;margin-bottom:26px;font-size:26px;display:grid}.completion-card h1{margin-top:13px}.result-card h1{max-width:650px;margin-bottom:25px;font-size:clamp(24px,4vw,34px)}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.result-dimension{background:#fff;border:1px solid #e8e2da;flex-direction:column;align-items:flex-start;gap:10px;min-height:135px;padding:18px;display:flex}.result-label{color:#8d8177;letter-spacing:.5px;font-size:11px}.result-dimension strong{color:#5b4940;font-size:17px;font-weight:500;line-height:1.6}.result-detail{color:#91877d;font-size:10px;line-height:1.7}.confidence-panel{background:#f4f0e9;grid-template-columns:1fr auto;align-items:center;gap:8px 16px;margin-top:14px;padding:17px 18px;display:grid}.confidence-value{color:#796455;font-size:14px;font-weight:500}.confidence-较高{color:#65715e}.confidence-较低{color:#9a6d61}.confidence-panel p{color:#777068;grid-column:1/-1;margin:0;font-size:11px;line-height:1.8}.olive-note{color:#726d5e;background:#f8f6f1;border-left:2px solid #a9a58a;margin:14px 0 0;padding:13px 15px;font-size:11px;line-height:1.8}.result-evidence{margin-top:25px}.result-evidence h2{color:#514840;margin:0 0 12px;font-size:14px;font-weight:500}.result-evidence ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.result-evidence li{color:#625a52;background:#fff;gap:10px;padding:10px 12px;font-size:11px;line-height:1.7;display:flex}.result-evidence li span{color:#a1887b;flex:none}.result-evidence>p{color:#91877d;margin:9px 0 0;font-size:10px;line-height:1.8}.result-evidence .result-exclusion{border-top:1px solid #e8e2da;padding-top:10px}.result-disclaimer{color:#827a71;border:1px solid #e8e2da;margin:22px 0 0;padding:15px 17px;font-size:11px;line-height:1.9}.result-actions{justify-content:space-between;align-items:center;gap:18px;margin-top:16px;display:flex}.restart-button{color:#fff;cursor:pointer;background:#8e7063;border:1px solid #8e7063;min-height:42px;padding:0 18px;font-size:12px;transition:background .16s,border-color .16s}.restart-button:hover{background:#72564b;border-color:#72564b}.restart-button:focus-visible{outline-offset:3px;outline:2px solid #a77f70}.photo-guidelines{background:#f4f0e9;margin-top:25px;padding:20px 22px}.guidelines-title{color:#62574e;margin:0 0 10px;font-size:12px;font-weight:600}.photo-guidelines ul{color:#777068;margin:0;padding-left:18px;font-size:12px;line-height:2}.privacy-message{color:#8d7a6e;margin:20px 0 0;font-size:11px;line-height:1.9}.completion-back{margin-top:15px}@media (max-width:700px){.skin-test-page{padding:0 6%}.test-header{height:65px}.test-header-note{letter-spacing:1px;font-size:8px}.test-shell{padding-top:37px}.test-eyebrow{letter-spacing:1.5px;font-size:9px}.question-card,.completion-card{margin-top:22px}.result-grid{grid-template-columns:1fr}.result-dimension{min-height:0}.result-actions{align-items:flex-start}.question-meta{font-size:9px}.answer-option{gap:10px;padding:11px 12px}.answer-option-image{padding:7px}.answer-label{font-size:12px}.option-swatch{width:15px;height:30px}.question-footer{align-items:center}}@media (prefers-reduced-motion:reduce){.test-progress-value,.answer-option,.answer-arrow{transition:none}}