Skip to content

Commit f89ba67

Browse files
MJXWANGMJXWANG
authored
Update style
1 parent bca7446 commit f89ba67

File tree

1 file changed

+71
-61
lines changed

1 file changed

+71
-61
lines changed

‎style‎

Lines changed: 71 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
12
<!DOCTYPE html>
23
<html lang="en">
34
<head>
@@ -37,20 +38,18 @@
3738
}
3839
[data-theme="dark"] {
3940
--bg-main: #181818;
40-
--text-main: #1a1a1a; /* 保持文字颜色一致 */
41+
--text-main: #e5e5e5;
4142
}
42-
4343
html {
4444
scroll-behavior: smooth;
4545
}
46-
4746
body {
4847
background: var(--bg-main);
4948
color: var(--text-main);
5049
font-family: "Noto Sans", sans-serif;
5150
}
5251

53-
/* Navbar 固定 */
52+
/* Navbar fixed styling */
5453
.navbar {
5554
position: sticky;
5655
top: 0;
@@ -66,39 +65,41 @@
6665
.title.is-1 {
6766
font-size: 2.5rem !important;
6867
}
68+
6969
@media (min-width: 1024px) {
7070
.title.is-1 {
7171
font-size: 3rem !important;
7272
}
7373
}
74+
7475
@media (min-width: 1440px) {
7576
.title.is-1 {
7677
font-size: 3.5rem !important;
7778
}
7879
}
7980

80-
/* 深色模式标题修正 */
81+
/* Dark mode title fix */
8182
[data-theme="dark"] .title {
8283
color: #ffffff !important;
8384
}
8485

85-
/* Hero is-light 深色背景修正 */
86+
/* Dark mode fix for .hero.is-light */
8687
[data-theme="dark"] .hero.is-light {
8788
background: #1e1e1e !important;
8889
color: #e5e5e5 !important;
8990
}
9091

91-
/* 强调文字修正 */
92+
/* Strong/figcaption color fix for dark mode */
9293
[data-theme="dark"] p strong,
9394
[data-theme="dark"] li strong,
9495
[data-theme="dark"] figcaption strong {
95-
color: #1a1a1a !important;
96+
color: #ffffff !important;
9697
}
9798
[data-theme="dark"] figcaption {
98-
color: #444 !important;
99+
color: #dcdcdc !important;
99100
}
100101

101-
/* ✅ 关键模块卡片样式统一 */
102+
/* Key Findings and Summary gradient box */
102103
.gradient-box {
103104
position: relative;
104105
color: #1a1a1a !important;
@@ -108,7 +109,6 @@
108109
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
109110
transition: all 0.2s ease;
110111
}
111-
112112
.gradient-box::before {
113113
content: "";
114114
position: absolute;
@@ -118,31 +118,34 @@
118118
mix-blend-mode: multiply;
119119
pointer-events: none;
120120
}
121-
122121
[data-theme="dark"] .gradient-box {
123-
background: #f5f5f5 !important;
122+
background: #2b2b2b;
124123
color: #1a1a1a !important;
125124
text-shadow: none !important;
126125
}
127126

128-
/* ✅ 保证卡片文字统一间距 */
129-
.gradient-box p strong {
130-
display: inline-block;
131-
font-size: 1.1rem;
132-
margin-top: -0.2rem;
133-
margin-bottom: 0.6rem;
127+
.gradient-box .title-inside {
128+
margin-top: 0;
129+
margin-bottom: 0.2rem;
130+
font-weight: 600;
131+
font-size: 1.15rem;
132+
line-height: 1.2;
133+
}
134+
135+
.gradient-box .box-body-text {
136+
margin-top: 0.4rem;
137+
line-height: 1.5;
138+
font-size: 0.98rem;
134139
}
135140

136-
/* ✅ 等高布局支持 */
141+
/* Equal height columns for summary cards */
137142
.equal-height-columns {
138143
display: flex;
139144
flex-wrap: wrap;
140145
}
141-
142146
.equal-height-columns .column {
143147
display: flex;
144148
}
145-
146149
.equal-height-columns .box {
147150
flex: 1;
148151
display: flex;
@@ -151,43 +154,39 @@
151154
min-height: 240px;
152155
}
153156

154-
/* 图片样式 */
157+
/* Figure styles */
155158
.carousel img,
156159
figure img {
157160
border-radius: 8px;
158161
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
159162
}
160-
161163
figure figcaption {
162164
margin-top: 6px;
163165
font-size: 0.8rem;
164166
color: #666;
165167
text-align: center;
166168
}
167169

168-
/* 作者部分 */
170+
/* Author tooltip-style inline affiliations */
169171
.affiliation {
170172
font-weight: normal;
171173
font-size: 0.9em;
172174
color: #888;
173175
margin-left: 4px;
174176
}
175-
176177
a[title] {
177178
text-decoration: none;
178179
border-bottom: 1px dashed #ccc;
179180
cursor: help;
180181
}
181-
182182
[data-theme="dark"] a[title] {
183183
border-bottom-color: #666;
184184
}
185-
186185
[data-theme="dark"] .affiliation {
187186
color: #aaa;
188187
}
189188

190-
/* BibTeX 拷贝按钮 */
189+
/* BibTeX copy button */
191190
.copy-btn {
192191
position: absolute;
193192
top: 8px;
@@ -201,25 +200,23 @@
201200
cursor: pointer;
202201
}
203202

204-
/* Footer 深色修正 */
203+
/* Footer in dark mode */
205204
[data-theme="dark"] .footer {
206205
background-color: #181818 !important;
207206
color: #e5e5e5 !important;
208207
}
209-
210208
[data-theme="dark"] .footer a {
211209
color: #a0c8ff !important;
212210
}
213211

214-
/* 去掉 design 中下划线 */
212+
/* Remove underlines from #design <u> */
215213
#design u {
216214
text-decoration: none;
217215
}
218216
</style>
219217

220218

221219

222-
223220
<!-- Sticky Nav -->
224221
<nav class="navbar" role="navigation">
225222
<div class="container is-max-desktop" style="justify-content:space-between">
@@ -447,42 +444,55 @@
447444
<figcaption><strong>Scaling Trend.</strong> Accuracy vs. parameter count (1&nbsp;B → 110&nbsp;B).</figcaption>
448445
</figure>
449446

450-
<!-- Result Summary Section -->
451-
<section style="margin-top: 3rem;">
452-
<h3 class="title is-4 has-text-centered">Result Summary</h3>
453-
<div class="columns is-multiline is-centered equal-height-columns">
454-
455-
<div class="column is-half">
456-
<div class="box gradient-box solid-style" style="background:#fceabb;">
457-
<p><strong>Congruency Effect</strong><br>
458-
>95% models show conflict interference.<br>
459-
Stroop: t = 8.99, p < 10⁻¹⁴<br>
460-
Flanker-L: t = 17.88, p < 10⁻³³<br>
461-
Flanker-N: t = 16.85, p < 10⁻³¹</p>
447+
<!-- Result Summary -->
448+
<section class="section">
449+
<div class="container is-max-desktop">
450+
<h2 class="title is-3 has-text-centered">📌 Result Summary</h2>
451+
<div class="columns is-multiline is-centered equal-height-columns" style="margin-top: 2rem;">
452+
453+
<div class="column is-half">
454+
<div class="box gradient-box" style="background:linear-gradient(135deg,#d4eaff,#edf4ff);">
455+
<p class="title-inside">Congruency Effect</p>
456+
<p class="box-body-text">
457+
>95% models show conflict interference.<br>
458+
Stroop: t = 8.99, p &lt; 10⁻¹⁴<br>
459+
Flanker-L: t = 17.88, p &lt; 10⁻³³<br>
460+
Flanker-N: t = 16.85, p &lt; 10⁻³¹
461+
</p>
462+
</div>
462463
</div>
463-
</div>
464464

465-
<div class="column is-half">
466-
<div class="box gradient-box solid-style" style="background:#d5f4e6;">
467-
<p><strong>Squared Conflict</strong><br>
468-
Fully-incongruent (SIRC) trials show largest drop. All p < 0.001</p>
465+
<div class="column is-half">
466+
<div class="box gradient-box" style="background:linear-gradient(135deg,#ffe9ec,#fff6f7);">
467+
<p class="title-inside">Squared Conflict</p>
468+
<p class="box-body-text">
469+
Fully-incongruent (SIRC) trials show largest drop.<br>
470+
All p &lt; 0.001
471+
</p>
472+
</div>
469473
</div>
470-
</div>
471474

472-
<div class="column is-half">
473-
<div class="box gradient-box solid-style" style="background:#e2f0cb;">
474-
<p><strong>Control Accuracy</strong><br>
475-
Accuracy ≈ 85% on 238 control trials (OCR, color, spatial).</p>
475+
<div class="column is-half">
476+
<div class="box gradient-box" style="background:linear-gradient(135deg,#f2fbdc,#fafff0);">
477+
<p class="title-inside">Control Accuracy</p>
478+
<p class="box-body-text">
479+
Accuracy ≈ 85% on 238 control trials<br>
480+
(OCR, color, spatial tasks).
481+
</p>
482+
</div>
476483
</div>
477-
</div>
478484

479-
<div class="column is-half">
480-
<div class="box gradient-box solid-style" style="background:#fcd5ce;">
481-
<p><strong>Task Concordance</strong><br>
482-
r = 0.96 between Letter-/Number-Flanker → shared bottleneck</p>
485+
<div class="column is-half">
486+
<div class="box gradient-box" style="background:linear-gradient(135deg,#f0e8ff,#faf5ff);">
487+
<p class="title-inside">Task Concordance</p>
488+
<p class="box-body-text">
489+
r = 0.96 between Letter-/Number-Flanker<br>
490+
→ shared bottleneck
491+
</p>
492+
</div>
483493
</div>
484-
</div>
485494

495+
</div>
486496
</div>
487497
</section>
488498

0 commit comments

Comments
 (0)