File size: 2,443 Bytes
b955c3e
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
/* Intro Section */
.intro h1 {
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 8px;
  color: #ffffff;
}

.intro-links {
  margin-bottom: 12px;
  font-size: 1rem;
}

.intro-links a {
  color: #60a5fa;
  text-decoration: none;
  font-weight: 600;
}
.intro-links a:hover {
  text-decoration: underline;
}

.intro-text {
  color: #d1d5db;
  font-size: 1rem;
  margin-top: 6px;
  line-height: 1.5rem;
}

.divider {
  margin: 20px 0;
  border: none;
  height: 1px;
  background-color: #374151;
}


body {
  margin: 0;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background-color: #0b1120;
  color: #e5e7eb;
}

.page {
  padding: 24px 32px 40px 32px;
}

.title {
  font-size: 2rem;
  font-weight: 800;
  margin: 0 0 4px 0;
}

.subtitle {
  margin: 0 0 16px 0;
  color: #9ca3af;
  font-size: 0.95rem;
}

.table-container {
  margin-top: 12px;
  overflow-x: auto;
}

/* 基础表格样式,简单一点 */
.ws-table {
  border-collapse: collapse;
  width: 100%;
  min-width: 1200px;
  background-color: #ffffff;
  color: #111827;
  font-size: 0.9rem;
}

.ws-table th,
.ws-table td {
  border: 1px solid #d1d5db;
  padding: 6px 8px;
  text-align: center;
  white-space: nowrap;
}

.ws-table th {
  background-color: #e5e7eb;
  font-weight: 600;
}

/* Model Name 列:保持一行 & 悬浮在左侧(sticky) */
.ws-table th:first-child,
.ws-table td:first-child {
  position: sticky;       /* 悬浮 */
  left: 0;                /* 固定在最左边 */
  z-index: 3;             /* 保证不被其他列遮挡 */
  background-color: #ffffff; /* 表格背景色,一定要设,否则会透明 */
  white-space: nowrap;    /* 不换行 */
}


/* Model Name 列:宽度根据内容自动展开,不换行 */
.ws-table th:first-child,
.ws-table td:first-child {
  white-space: nowrap;       /* 不换行 */
  width: max-content;        /* 自动根据内容宽度展开 */
  max-width: none;           /* 禁止压缩 */
}


/* model name 链接样式 */
.ws-table td:first-child a {
  color: #1d4ed8;
  text-decoration: none;
  font-weight: 600;
}
.ws-table td:first-child a:hover {
  text-decoration: underline;
}

.ws-table th:nth-child(2),
.ws-table th:nth-child(3) {
  background-color: #ffe5e5;  /* 浅红背景 */
  color: #b91c1c;             /* 深红文字 */
  font-weight: 700;
}


/* 表头可点击(之后加排序) */
.ws-table th.sortable {
  cursor: pointer;
}