:root{
  --scp-bg:#f6f7fb;
  --scp-card:#fff;
  --scp-border:#e5e7eb;
  --scp-text:#111827;
  --scp-muted:#6b7280;
  --scp-primary:#2563eb;
}
.scp-wrap{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;background:var(--scp-bg);padding:18px;border-radius:14px;}
.scp-card{background:var(--scp-card);border:1px solid var(--scp-border);border-radius:16px;padding:18px;box-shadow:0 6px 18px rgba(0,0,0,.06);}
.scp-title{margin:0 0 6px;color:var(--scp-text);font-size:22px;}
.scp-desc{margin:0 0 18px;color:var(--scp-muted);}
.scp-step{display:none;}
.scp-step.is-active{display:block;}
.scp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
@media(max-width:900px){.scp-grid{grid-template-columns:1fr;}}
.scp-field span{display:block;font-size:13px;color:var(--scp-muted);margin-bottom:6px;}
.scp-field select{width:100%;padding:10px 12px;border:1px solid var(--scp-border);border-radius:10px;background:#fff;}
.scp-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px;}
.scp-btn{border:1px solid var(--scp-border);background:#fff;border-radius:12px;padding:10px 14px;cursor:pointer;}
.scp-btn-primary{background:var(--scp-primary);border-color:var(--scp-primary);color:#fff;}
.scp-error{color:#b91c1c;margin-top:10px;font-size:13px;}
.scp-loading{margin-top:10px;color:var(--scp-muted);font-size:13px;}
.scp-q{border:1px solid var(--scp-border);border-radius:14px;padding:12px;margin:10px 0;}
.scp-q h4{margin:0 0 10px;font-size:15px;color:var(--scp-text);}
.scp-q .scp-options{display:grid;grid-template-columns:1fr;gap:8px;}
.scp-opt{display:flex;align-items:center;gap:10px;border:1px solid var(--scp-border);border-radius:12px;padding:10px;cursor:pointer;}
.scp-opt input{transform:scale(1.1);}
.scp-result-top{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;}
@media(max-width:900px){.scp-result-top{grid-template-columns:1fr;}}
.scp-radar,.scp-type{border:1px solid var(--scp-border);border-radius:14px;padding:12px;}
.scp-score-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.scp-tag{font-size:12px;border:1px solid var(--scp-border);border-radius:999px;padding:6px 10px;background:#fff;}
.scp-type-label{font-size:18px;font-weight:700;margin:6px 0 10px;color:var(--scp-text);}
.scp-reco{margin-top:14px;border:1px solid var(--scp-border);border-radius:14px;padding:12px;}
.scp-reco h4{margin:0 0 6px;}
.scp-reco p{margin:6px 0;color:var(--scp-muted);line-height:1.65;}
.scp-kv{display:grid;grid-template-columns:120px 1fr;gap:8px;margin-top:10px;}
.scp-kv b{color:var(--scp-text);}

.scp-summary{margin:14px 0 0;border:1px solid var(--scp-border);border-radius:14px;padding:14px;background:#fff;}
.scp-summary h4,.scp-products h4{margin:0 0 10px;color:var(--scp-text);}
.scp-summary p{margin:6px 0;color:var(--scp-muted);line-height:1.7;}
.scp-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px;}
@media(max-width:900px){.scp-insights{grid-template-columns:1fr;}}
.scp-insight{background:#fff;border:1px solid var(--scp-border);border-radius:12px;padding:12px;}
.scp-insight b{display:block;margin-bottom:6px;color:var(--scp-text);}
.scp-products{margin-top:16px;}
.scp-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
@media(max-width:1100px){.scp-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){.scp-product-grid{grid-template-columns:1fr;}}
.scp-product-card{background:#fff;border:1px solid var(--scp-border);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px;height:100%;}
.scp-product-card a{text-decoration:none;color:inherit;display:block;height:100%;}
.scp-product-card img{width:100%;height:auto;border-radius:10px;display:block;}
.scp-product-title{font-size:15px;line-height:1.5;color:var(--scp-text);margin:0;}
.scp-product-price{color:var(--scp-primary);font-weight:700;}
.scp-product-note{font-size:12px;color:var(--scp-muted);}
.scp-empty{padding:12px;border:1px dashed var(--scp-border);border-radius:12px;color:var(--scp-muted);background:#fff;}


.scp-radar svg,.scp-radar-svg{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  overflow:visible;
}
.scp-radar{
  overflow:visible;
}