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);
–radio: 14px;
}
.spec-table-wrap{
ancho máximo: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: táctil;
relleno: 2px; /* 给阴影留空间 */
}
/* 桌面端：卡片式表格容器 */
.spec-table{
ancho: 100%;
colapso de bordes: separado;
espaciado de bordes: 0;
ancho mínimo: 640px;
fondo: var(–bg);
borde: 1px sólido var(–border);
radio-borde: var(–radius);
desbordamiento: oculto;
sombra-cuadro: var(–shadow);
}
.spec-table thead th{
alineación de texto: izquierda;
relleno: 14px 16px;
tamaño de fuente: 13px;
espacio entre letras: .2px;
color: var(–muted);
fondo: gradiente lineal(180deg, var(–bg-soft), #fff);
borde inferior: 1px solid var(–border);
posición: pegajoso; /* 横向滚动时表头更稳 */
arriba: 0;
índice z: 1;
}
.spec-table tbody td{
relleno: 14px 16px;
tamaño de fuente: 14px;
altura de línea: 1.6;
color: var(–text);
borde inferior: 1px sólido var(–border);
vertical-align: top;
salto de palabra: salto de palabra;
envoltura de desbordamiento: en cualquier lugar;
fondo: #fff;
}
/* 参数列强调一点层次 */
.spec-table tbody td:first-child{
ancho: 34%;
color: #0f172a;
peso de fuente: 600;
fondo: gradiente lineal (90 grados, var(–bg-softer), #fff);
}
/* 最后一行去掉底边 */
.spec-table tbody tr:last-child td{
border-bottom: 0;
}
/* 行 hover 更“可读” */
@media (hover:hover){
.spec-table tbody tr:hover td{
fondo: #fbfdff;
}
.spec-table tbody tr:hover td:first-child{
fondo: linear-gradient(90deg, #eef4ff, #fbfdff);
}
}
/* ===== 移动端：变卡片列表（更美观的层次） ===== */
@media (max-width: 640px){
.spec-table{
min-width: 0;
border: 0;
radio-borde: 0;
sombra-cuadro: ninguna;
fondo: transparente;
}
.spec-table thead{
pantalla: ninguna;
}
.spec-table tbody tr{
visualización: bloque;
margen: 12px 0;
borde: 1px solid var(–border);
radio-borde: 16px;
desbordamiento: oculto;
fondo: #fff;
box-shadow: 0 8px 24px rgba(16,24,40,.06);
}
.spec-table tbody td{
pantalla: grid;
grid-template-columns: 1fr; /* 先一列，内容更舒服 */
espacio: 6px;
borde: 0;
borde inferior: 1px sólido #eef2f7;
relleno: 12px 14px;
fondo: transparente;
}
.spec-table tbody td:first-child{
ancho: auto;
fondo: transparente;
}
/* Etiqueta de datos 做小标题 */
.spec-table tbody td::before{
contenido: attr(etiqueta de datos);
tamaño de fuente: 12px;
color: var(–silenciado);
peso de fuente: 600;
transformación de texto: ninguna;
espaciado entre letras: .2px;
}
/* 第一格（参数名）做成卡片 encabezado 的感觉 */
.spec-table tbody td[data-label= »Parámetro »]{
fondo: gradiente lineal(180deg, var(–bg-soft), #fff);
}
.spec-table tbody td[data-label= »Parámetro »]::antes{
contenido: « Parámetro »;
}
/* 最后一格去掉分隔 */
.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.