ELFCAM
Description
:root{
–border: #e6e8ee;
–muted: #667085;
–text: #101828;
–bg: #ffffff;
–bg-soft: #f8fafc;
–bg-softer:#f3f6fb;
–shadow: 0 10px 30px rgba(16,24,40,.08);
–raggio: 14px;
}
.spec-table-wrap{
larghezza massima: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
imbottitura: 2px; /* 给阴影留空间 */
}
/* 桌面端：卡片式表格容器 */
.spec-table{
larghezza: 100%;
border-collapse: separato;
border-spacing: 0;
min-width: 640px;
background: var(–bg);
border: 1px solido var(–border);
border-radius: var(–radius);
overflow: nascosto;
box-shadow: var(–shadow);
}
.spec-table thead th{
text-align: left;
padding: 14px 16px;
font-size: 13px;
letter-spacing: .2px;
color: var(–muted);
background: linear-gradient(180deg, var(–bg-soft), #fff);
border-bottom: 1px solid var(–border);
posizione: adesiva; /* 横向滚动时表头更稳 */
top: 0;
z-index: 1;
}
.spec-table tbody td{
riempimento: 14px 16px;
dimensione carattere: 14px;
altezza linea: 1.6;
colore: var(–testo);
border-bottom: 1px solido var(–border);
allineamento verticale: top;
word-break: break-word;
overflow-wrap: ovunque;
sfondo: #fff;
}
/* 参数列强调一点层次 */
.spec-table tbody td:first-child{
larghezza: 34%;
colore: #0f172a;
font-weight: 600;
background: linear-gradient(90deg, var(–bg-softer), #fff);
}
/* 最后一行去掉底边 */
.spec-table tbody tr:last-child td{
border-bottom: 0;
}
/* 行 hover 更“可读” */
@media (hover:hover){
.spec-table tbody tr:hover td{
background: #fbfdff;
}
.spec-table tbody tr:hover td:first-child{
background: gradiente lineare(90deg, #eef4ff, #fbfdff);
}
}
/* ===== 移动端：变卡片列表（更美观的层次） ===== */
@media (max-width: 640px){
.spec-table{
min-width: 0;
border: 0;
raggio-bordo: 0;
box-ombra: nessuno;
sfondo: trasparente;
}
.spec-table thead{
display: none;
}
.spec-table tbody tr{
display: block;
margine: 12px 0;
border: 1px solid var(–border);
border-radius: 16px;
overflow: hidden;
background: #fff;
box-shadow: 0 8px 24px rgba(16,24,40,.06);
}
.spec-table tbody td{
display: grid;
grid-template-columns: 1fr; /* 先一列，内容更舒服 */
gap: 6px;
border: 0;
border-bottom: 1px solido #eef2f7;
imbottitura: 12px 14px;
sfondo: trasparente;
}
.spec-table tbody td:first-child{
larghezza: auto;
sfondo: trasparente;
}
/* 用 data-label 做小标题 */
.spec-table tbody td::before{
contenuto: attr(data-label);
dimensione carattere: 12px;
colore: var(–muted);
peso carattere: 600;
trasformazione testo: none;
spaziatura tra lettere: .2px;
}
/* 第一格（参数名）做成卡片 header 的感觉 */
.spec-table tbody td[data-label= »Parametro »]{
background: linear-gradient(180deg, var(–bg-soft), #fff);
}
.spec-table tbody td[data-label= »Parametro »]::before{
contenuto: « Parametro »;
}
/* 最后一格去掉分隔 */
.spec-table tbody td:last-child{
border-bottom: 0;
}
}
Qualité pro, compatible avec mon installation existante. Je recommande.
Five stars. No signal loss detected over the full length. Recommended to all my friends.
Super, signal stable et performant. Je recommande.