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;
}
|