/* 肤质测试 skin-type-test */
.sk-progress-wrap{margin:4px 0 18px}
.sk-progress-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--c-text-3,#888);margin-bottom:6px}
.sk-progress{height:8px;border-radius:99px;background:var(--c-bg-3,#eee);overflow:hidden}
.sk-progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#e88bb0,#d05a8c);width:0;transition:width .25s}
.sk-q{padding:14px 0;border-bottom:1px dashed var(--c-border,#e5e5e5)}
.sk-q:last-of-type{border-bottom:none}
.sk-q-t{font-size:14px;font-weight:600;color:var(--c-text,#333);margin-bottom:10px;line-height:1.55}
.sk-q-no{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#e88bb0,#d05a8c);color:#fff;font-size:12px;margin-right:8px;flex:none}
.sk-opts{display:grid;gap:8px}
.sk-opt{text-align:left;padding:10px 14px;border-radius:10px;border:1px solid var(--c-border,#e0e0e0);background:var(--c-bg-2,#fafafa);color:var(--c-text,#333);font-size:13px;cursor:pointer;transition:all .15s;line-height:1.5}
.sk-opt:hover{border-color:#d05a8c;background:var(--c-bg-3,#f5f5f5)}
.sk-opt.selected{border-color:#d05a8c;background:rgba(208,90,140,.1);color:#b23c72;font-weight:600}
@media(min-width:640px){.sk-opts{grid-template-columns:1fr 1fr}}
.sk-type-hero{text-align:center;padding:8px 0 14px}
.sk-type-name{font-size:26px;font-weight:800;color:var(--c-text,#222);margin-bottom:6px}
.sk-tag{display:inline-block;font-size:11.5px;font-weight:600;padding:2px 10px;border-radius:99px;background:var(--c-bg-3,#f0f0f0);color:var(--c-text-2,#666);vertical-align:middle}
.sk-tag-warn{background:rgba(224,82,82,.12);color:#c0392b}
.sk-tag-ok{background:rgba(39,174,96,.12);color:#1e8e54}
.sk-type-summary{font-size:13px;color:var(--c-text-2,#666);line-height:1.7;text-align:left;background:var(--c-bg-2,#fafafa);border-radius:10px;padding:10px 14px}
.sk-bars{display:grid;gap:10px;margin:14px 0}
.sk-bar-row{display:flex;align-items:center;gap:10px}
.sk-bar-label{flex:none;width:72px;font-size:12px;color:var(--c-text-3,#888)}
.sk-bar{position:relative;flex:1;height:16px;border-radius:99px;background:var(--c-bg-3,#eee);overflow:hidden}
.sk-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#e8a25c,#d9822b);transition:width .4s}
.sk-bar-fill.b-oily{background:linear-gradient(90deg,#e8a25c,#d9822b)}
.sk-bar-fill.b-dry{background:linear-gradient(90deg,#8fb8e8,#5a8ac0)}
.sk-bar-fill.b-sens{background:linear-gradient(90deg,#e88bb0,#d05a8c)}
.sk-bar-v{position:absolute;right:8px;top:0;line-height:16px;font-size:11px;font-weight:700;color:var(--c-text-2,#666)}
.sk-sec{margin-top:16px}
.sk-sec-t{font-size:14px;font-weight:700;color:var(--c-text,#333);margin-bottom:8px;display:flex;align-items:center;gap:6px}
.sk-sec-t .dot{width:6px;height:6px;border-radius:50%;background:#d05a8c}
.sk-sec ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.sk-sec li{font-size:13px;color:var(--c-text-2,#555);line-height:1.65;padding-left:2px}
.sk-sec li.sk-empty{color:var(--c-text-3,#999);font-size:12.5px}
.sk-sens-note{font-size:12.5px;color:var(--c-text-2,#666);line-height:1.7;background:var(--c-bg-2,#fafafa);border-radius:10px;padding:10px 14px;margin-top:14px}
.sk-toast{position:fixed;left:50%;bottom:32px;transform:translateX(-50%) translateY(16px);background:rgba(30,30,30,.92);color:#fff;padding:10px 20px;border-radius:99px;font-size:13px;opacity:0;pointer-events:none;transition:all .25s;z-index:99;white-space:nowrap}
.sk-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
[data-theme="dark"] .sk-toast{background:rgba(240,240,240,.92);color:#222}
[data-theme="dark"] .sk-opt.selected{background:rgba(208,90,140,.18);color:#f0a8c4}