@charset "UTF-8";
/* ==========================================================================
   產品規格對比器专属样式 —— product-comparator.html
   依赖 tools.css（须先引入）
   ========================================================================== */

h2{margin:4px 0 10px}

/* ===== 对比表 ===== */
table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
th,td{padding:8px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
td:first-child,th:first-child{text-align:left;min-width:150px}
thead th{background:var(--mist)}
input,select{padding:8px 9px}
.pname input{font-weight:800}

/* 每行赢家标示 */
.win{background:#E8F5EE;box-shadow:inset 0 0 0 1.5px var(--good);border-radius:8px}
.winmark{color:var(--good);font-weight:900;font-size:11px;display:block}

/* ===== 按钮变体 ===== */
.btn{margin:4px 6px 4px 0}
.btn.ghost{background:var(--paper);color:var(--pine);border:1.5px solid var(--pine)}
.btn.ghost:hover{background:var(--mist)}
.btn.mini{padding:5px 10px;font-size:12px;margin:0}
.btn.del{background:#fff;color:#B23B3B;border:1.5px solid #E5C3C3}
.btn.del:hover{background:#FDF3F3}

/* ===== 复制成功提示 ===== */
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--pine);color:#fff;padding:10px 20px;border-radius:9px;font-size:13px;opacity:0;transition:.3s;pointer-events:none;z-index:99}
.toast.on{opacity:1}