150-W-Gigabit-PoE-Injektor für Starlink – DC-Netzteil für Starlink Gen 2 48 V / Starlink Gen 3 48 V ~ 57 V, Netzwerkgeschwindigkeit 10/100/1000 Mbit/s, integrierter ESD-Schutz, kompatibel mit Starlink Gen 2/Gen 3 und verschiedenen Netzwerkgeräten, Plug & Play

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);
–radius: 14px;

.spec-table-wrap{
max-width: 100 %;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding: 2px; /* 给阴影留空间 */

/* 桌面端：卡片式表格容器 */
.spec-table{
width: 100%;
border-collapse: separate;
border-spacing: 0;
min-width: 640px;
Hintergrund: var(–bg);
border: 1px solid var(–border);
border-radius: var(–radius);
overflow: versteckt;
box-shadow: var(–shadow);

.spec-table thead th{
text-align: left;
padding: 14px 16px;
Schriftgröße: 13px;
Buchstabenabstand: .2px;
Farbe: var(–muted);
Hintergrund: linear-gradient(180deg, var(–bg-soft), #fff);
border-bottom: 1px solid var(–border);
Position: sticky; /* 横向滚动时表头更稳 */
top: 0;
z-index: 1;

.spec-table tbody td{
padding: 14px 16px;
Schriftgröße: 14px;
Zeilenhöhe: 1,6;
Farbe: var(–text);
border-bottom: 1px solid var(–border);
Vertical-align: top;
word-break: break-word;
overflow-wrap: irgendwo;
Hintergrund: #fff;

/* 参数列强调一点层次 */
.spec-table tbody td:first-child{
width: 34%;
color: #0f172a;
Font-weight: 600;
Hintergrund: 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{
Hintergrund: #fbfdff;
}
.spec-table tbody tr:hover td:first-child{
Hintergrund: linear-gradient(90deg, #eef4ff, #fbfdff);

/* ===== 移动端：变卡片列表（更美观的层次） ===== */
@media (max-width: 640px){
.spec-table{
min-width: 0;
border: 0;
Rahmenradius: 0;
Kastenschatten: keiner;
Hintergrund: transparent;

.spec-table thead{
display: none;

.spec-table tbody tr{
display: block;
margin: 12px 0;
border: 1px solid var(–border);
border-radius: 16px;
overflow: versteckt;
background: #fff;
box-shadow: 0 8px 24px rgba(16,24,40,.06);

.spec-table tbody td{
display: Grid;
Grid-Template-Columns: 1fr; /* 先一列，内容更舒服 */
Lücke: 6px;
Rand: 0;
Rand unten: 1px fest #eef2f7;
Polsterung: 12px 14px;
Hintergrund: transparent;

.spec-table tbody td:first-child{
width: auto;
background: transparent;
}

/* 用 data-label 做小标题 */
.spec-table tbody td::before{
Inhalt: attr(data-label);
Schriftgröße: 12px;
Farbe: var(–muted);
Schriftstärke: 600;
Texttransformation: keine;
Buchstabenabstand: .2px;

/* 第一格（参数名）做成卡片 header 的感觉 */
.spec-table tbody td[data-label= »Parameter »]{
background: linear-gradient(180deg, var(–bg-soft), #fff);

/* 最后一格去掉分隔 */
.spec-table tbody td:last-child{
border-bottom: 0;
}
}