nginx
tcp/443 tcp/80 tcp/8443
Open service 180.97.198.41:443 · djs.b-flat.cn
2026-01-21 21:02
HTTP/1.1 200 OK
Server: nginx
Date: Wed, 21 Jan 2026 21:02:47 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 44075
Connection: close
ETag: W/"ac2b-ZQb06KZ+7o20uM8SlOPOpEpPyes"
Accept-Ranges: none
Vary: Accept-Encoding
X-Powered-By: Express
X-Cache: MISS
Ohc-Cache-HIT: suz4ct52 [1], fsix138 [1]
Ohc-File-Size: 44075
X-Cache-Status: MISS
Page title: 福州三林文化校考冲刺时间轴
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes"/>
<title>福州三林文化校考冲刺时间轴</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"/>
<style>
body {
background-color: #f7f9fc;
padding-top: 30px;
}
.container {
padding-top: 20px;
padding-bottom: 40px;
}
h1 {
margin-top: 20px;
margin-bottom: 30px;
font-weight: 700;
color: #2c3e50;
}
.logo {
display: block;
margin: 40px auto 30px;
width: 100%;
max-width: 450px;
padding: 0 20px;
}
.section {
margin: 20px auto;
padding: 20px;
max-width: 1100px;
background: #fff;
border-radius: 15px;
box-shadow: 0 4px 12px rgba(0,0,0,0.07);
}
.section h2 { margin-bottom: 20px; font-weight: 600; }
.countdown, .schedule { margin-bottom: 20px; padding: 15px; border: 1px solid #dee2e6; border-radius: 10px; background-color: #fff; }
.countdown h3, .schedule strong { color: #343a40; margin-bottom: 8px; }
.time { font-size: 1.4em; color: #1E90FF; margin-bottom: 5px; font-weight: 500; }
.schedule-time { font-size: 1.1em; color: #1E90FF; margin: 0; }
/* 甘特图容器 - 响应式优化 */
#gantt-wrapper {
position: relative;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
border: 1px solid #ccc;
border-radius: 8px;
margin-bottom: 40px;
-webkit-overflow-scrolling: touch; /* iOS平滑滚动 */
}
#gantt-container {
position: relative;
min-width: 100%;
padding: 10px;
min-height: 300px;
background-image: linear-gradient(to right, #ececec 1px, transparent 1px), linear-gradient(to bottom, #ececec 1px, transparent 1px);
background-size: 50px 50px;
}
.gantt-scale {
position: absolute;
top: 0;
left: 0;
height: 35px;
border-bottom: 2px solid #999;
background-color: rgba(255,255,255,0.98);
z-index: 5;
}
.gantt-scale-label {
position: absolute;
top: 8px;
font-size: 0.85em;
color: #333;
white-space: nowrap;
font-weight: 500;
padding: 3px 6px;
background-color: rgba(255,255,255,0.95);
border-radius: 4px;
border: 1px solid #ddd;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.gantt-content {
position: absolute;
left: 0;
top: 55px;
}
.gantt-bar {
position: absolute;
font-size: 0.85em;
border-radius: 8px;
min-height: 50px;
padding: 8px 10px;
display: flex;
align-items: center;
gap: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
overflow: hidden;
cursor: pointer;
transition: transform 0.2s, box-shadow 0.2s;
border: 2px solid rgba(0,0,0,0.1);
}
.gantt-bar:has(.bar-logo) {
padding: 6px 10px 6px 6px;
}
.gantt-bar:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.25);
z-index: 3;
}
.bar-logo {
width: 38px;
height: 38px;
min-width: 38px;
border-radius: 6px;
object-fit: cover;
background-color: rgba(255,255,255,0.3);
border: 1px solid rgba(255,255,255,0.4);
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
display: block;
}
.bar-content {
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1;
min-width: 0;
}
.bar-title {
font-weight: 600;
margin-bottom: 4px;
line-height: 1.3;
word-break: break-word;
width: 100%;
}
.bar-time {
font-size: 0.75em;
opacity: 0.85;
line-height: 1.3;
white-space: pre-line;
width: 100%;
}
.gantt-bar-yellow { ba
Open service 240e:978:6402::b461:c629:80 · djs.b-flat.cn
2026-01-21 21:02
HTTP/1.1 200 OK
Server: nginx
Date: Wed, 21 Jan 2026 21:02:48 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 44075
Connection: close
ETag: W/"ac2b-ZQb06KZ+7o20uM8SlOPOpEpPyes"
Accept-Ranges: none
Vary: Accept-Encoding
X-Powered-By: Express
X-Cache: MISS
Ohc-Cache-HIT: suz4ct52 [1], fsix138 [1]
Ohc-File-Size: 44075
X-Cache-Status: MISS
Page title: 福州三林文化校考冲刺时间轴
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes"/>
<title>福州三林文化校考冲刺时间轴</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"/>
<style>
body {
background-color: #f7f9fc;
padding-top: 30px;
}
.container {
padding-top: 20px;
padding-bottom: 40px;
}
h1 {
margin-top: 20px;
margin-bottom: 30px;
font-weight: 700;
color: #2c3e50;
}
.logo {
display: block;
margin: 40px auto 30px;
width: 100%;
max-width: 450px;
padding: 0 20px;
}
.section {
margin: 20px auto;
padding: 20px;
max-width: 1100px;
background: #fff;
border-radius: 15px;
box-shadow: 0 4px 12px rgba(0,0,0,0.07);
}
.section h2 { margin-bottom: 20px; font-weight: 600; }
.countdown, .schedule { margin-bottom: 20px; padding: 15px; border: 1px solid #dee2e6; border-radius: 10px; background-color: #fff; }
.countdown h3, .schedule strong { color: #343a40; margin-bottom: 8px; }
.time { font-size: 1.4em; color: #1E90FF; margin-bottom: 5px; font-weight: 500; }
.schedule-time { font-size: 1.1em; color: #1E90FF; margin: 0; }
/* 甘特图容器 - 响应式优化 */
#gantt-wrapper {
position: relative;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
border: 1px solid #ccc;
border-radius: 8px;
margin-bottom: 40px;
-webkit-overflow-scrolling: touch; /* iOS平滑滚动 */
}
#gantt-container {
position: relative;
min-width: 100%;
padding: 10px;
min-height: 300px;
background-image: linear-gradient(to right, #ececec 1px, transparent 1px), linear-gradient(to bottom, #ececec 1px, transparent 1px);
background-size: 50px 50px;
}
.gantt-scale {
position: absolute;
top: 0;
left: 0;
height: 35px;
border-bottom: 2px solid #999;
background-color: rgba(255,255,255,0.98);
z-index: 5;
}
.gantt-scale-label {
position: absolute;
top: 8px;
font-size: 0.85em;
color: #333;
white-space: nowrap;
font-weight: 500;
padding: 3px 6px;
background-color: rgba(255,255,255,0.95);
border-radius: 4px;
border: 1px solid #ddd;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.gantt-content {
position: absolute;
left: 0;
top: 55px;
}
.gantt-bar {
position: absolute;
font-size: 0.85em;
border-radius: 8px;
min-height: 50px;
padding: 8px 10px;
display: flex;
align-items: center;
gap: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
overflow: hidden;
cursor: pointer;
transition: transform 0.2s, box-shadow 0.2s;
border: 2px solid rgba(0,0,0,0.1);
}
.gantt-bar:has(.bar-logo) {
padding: 6px 10px 6px 6px;
}
.gantt-bar:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.25);
z-index: 3;
}
.bar-logo {
width: 38px;
height: 38px;
min-width: 38px;
border-radius: 6px;
object-fit: cover;
background-color: rgba(255,255,255,0.3);
border: 1px solid rgba(255,255,255,0.4);
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
display: block;
}
.bar-content {
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1;
min-width: 0;
}
.bar-title {
font-weight: 600;
margin-bottom: 4px;
line-height: 1.3;
word-break: break-word;
width: 100%;
}
.bar-time {
font-size: 0.75em;
opacity: 0.85;
line-height: 1.3;
white-space: pre-line;
width: 100%;
}
.gantt-bar-yellow { ba
Open service 180.97.198.41:8443 · djs.b-flat.cn
2026-01-21 21:02
HTTP/1.1 200 OK
Server: nginx
Date: Wed, 21 Jan 2026 21:02:48 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 44075
Connection: close
ETag: W/"ac2b-ZQb06KZ+7o20uM8SlOPOpEpPyes"
Accept-Ranges: none
Vary: Accept-Encoding
X-Powered-By: Express
X-Cache: MISS
Ohc-Cache-HIT: suz4ct52 [1], fsix138 [1]
Ohc-File-Size: 44075
X-Cache-Status: MISS
Page title: 福州三林文化校考冲刺时间轴
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes"/>
<title>福州三林文化校考冲刺时间轴</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"/>
<style>
body {
background-color: #f7f9fc;
padding-top: 30px;
}
.container {
padding-top: 20px;
padding-bottom: 40px;
}
h1 {
margin-top: 20px;
margin-bottom: 30px;
font-weight: 700;
color: #2c3e50;
}
.logo {
display: block;
margin: 40px auto 30px;
width: 100%;
max-width: 450px;
padding: 0 20px;
}
.section {
margin: 20px auto;
padding: 20px;
max-width: 1100px;
background: #fff;
border-radius: 15px;
box-shadow: 0 4px 12px rgba(0,0,0,0.07);
}
.section h2 { margin-bottom: 20px; font-weight: 600; }
.countdown, .schedule { margin-bottom: 20px; padding: 15px; border: 1px solid #dee2e6; border-radius: 10px; background-color: #fff; }
.countdown h3, .schedule strong { color: #343a40; margin-bottom: 8px; }
.time { font-size: 1.4em; color: #1E90FF; margin-bottom: 5px; font-weight: 500; }
.schedule-time { font-size: 1.1em; color: #1E90FF; margin: 0; }
/* 甘特图容器 - 响应式优化 */
#gantt-wrapper {
position: relative;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
border: 1px solid #ccc;
border-radius: 8px;
margin-bottom: 40px;
-webkit-overflow-scrolling: touch; /* iOS平滑滚动 */
}
#gantt-container {
position: relative;
min-width: 100%;
padding: 10px;
min-height: 300px;
background-image: linear-gradient(to right, #ececec 1px, transparent 1px), linear-gradient(to bottom, #ececec 1px, transparent 1px);
background-size: 50px 50px;
}
.gantt-scale {
position: absolute;
top: 0;
left: 0;
height: 35px;
border-bottom: 2px solid #999;
background-color: rgba(255,255,255,0.98);
z-index: 5;
}
.gantt-scale-label {
position: absolute;
top: 8px;
font-size: 0.85em;
color: #333;
white-space: nowrap;
font-weight: 500;
padding: 3px 6px;
background-color: rgba(255,255,255,0.95);
border-radius: 4px;
border: 1px solid #ddd;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.gantt-content {
position: absolute;
left: 0;
top: 55px;
}
.gantt-bar {
position: absolute;
font-size: 0.85em;
border-radius: 8px;
min-height: 50px;
padding: 8px 10px;
display: flex;
align-items: center;
gap: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
overflow: hidden;
cursor: pointer;
transition: transform 0.2s, box-shadow 0.2s;
border: 2px solid rgba(0,0,0,0.1);
}
.gantt-bar:has(.bar-logo) {
padding: 6px 10px 6px 6px;
}
.gantt-bar:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.25);
z-index: 3;
}
.bar-logo {
width: 38px;
height: 38px;
min-width: 38px;
border-radius: 6px;
object-fit: cover;
background-color: rgba(255,255,255,0.3);
border: 1px solid rgba(255,255,255,0.4);
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
display: block;
}
.bar-content {
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1;
min-width: 0;
}
.bar-title {
font-weight: 600;
margin-bottom: 4px;
line-height: 1.3;
word-break: break-word;
width: 100%;
}
.bar-time {
font-size: 0.75em;
opacity: 0.85;
line-height: 1.3;
white-space: pre-line;
width: 100%;
}
.gantt-bar-yellow { ba
Open service 180.97.198.41:80 · djs.b-flat.cn
2026-01-21 21:02
HTTP/1.1 200 OK
Server: nginx
Date: Wed, 21 Jan 2026 21:02:48 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 44075
Connection: close
ETag: W/"ac2b-ZQb06KZ+7o20uM8SlOPOpEpPyes"
Accept-Ranges: none
Vary: Accept-Encoding
X-Powered-By: Express
X-Cache: MISS
Ohc-Cache-HIT: suz4ct52 [1], fsix138 [1]
Ohc-File-Size: 44075
X-Cache-Status: MISS
Page title: 福州三林文化校考冲刺时间轴
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes"/>
<title>福州三林文化校考冲刺时间轴</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"/>
<style>
body {
background-color: #f7f9fc;
padding-top: 30px;
}
.container {
padding-top: 20px;
padding-bottom: 40px;
}
h1 {
margin-top: 20px;
margin-bottom: 30px;
font-weight: 700;
color: #2c3e50;
}
.logo {
display: block;
margin: 40px auto 30px;
width: 100%;
max-width: 450px;
padding: 0 20px;
}
.section {
margin: 20px auto;
padding: 20px;
max-width: 1100px;
background: #fff;
border-radius: 15px;
box-shadow: 0 4px 12px rgba(0,0,0,0.07);
}
.section h2 { margin-bottom: 20px; font-weight: 600; }
.countdown, .schedule { margin-bottom: 20px; padding: 15px; border: 1px solid #dee2e6; border-radius: 10px; background-color: #fff; }
.countdown h3, .schedule strong { color: #343a40; margin-bottom: 8px; }
.time { font-size: 1.4em; color: #1E90FF; margin-bottom: 5px; font-weight: 500; }
.schedule-time { font-size: 1.1em; color: #1E90FF; margin: 0; }
/* 甘特图容器 - 响应式优化 */
#gantt-wrapper {
position: relative;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
border: 1px solid #ccc;
border-radius: 8px;
margin-bottom: 40px;
-webkit-overflow-scrolling: touch; /* iOS平滑滚动 */
}
#gantt-container {
position: relative;
min-width: 100%;
padding: 10px;
min-height: 300px;
background-image: linear-gradient(to right, #ececec 1px, transparent 1px), linear-gradient(to bottom, #ececec 1px, transparent 1px);
background-size: 50px 50px;
}
.gantt-scale {
position: absolute;
top: 0;
left: 0;
height: 35px;
border-bottom: 2px solid #999;
background-color: rgba(255,255,255,0.98);
z-index: 5;
}
.gantt-scale-label {
position: absolute;
top: 8px;
font-size: 0.85em;
color: #333;
white-space: nowrap;
font-weight: 500;
padding: 3px 6px;
background-color: rgba(255,255,255,0.95);
border-radius: 4px;
border: 1px solid #ddd;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.gantt-content {
position: absolute;
left: 0;
top: 55px;
}
.gantt-bar {
position: absolute;
font-size: 0.85em;
border-radius: 8px;
min-height: 50px;
padding: 8px 10px;
display: flex;
align-items: center;
gap: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
overflow: hidden;
cursor: pointer;
transition: transform 0.2s, box-shadow 0.2s;
border: 2px solid rgba(0,0,0,0.1);
}
.gantt-bar:has(.bar-logo) {
padding: 6px 10px 6px 6px;
}
.gantt-bar:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.25);
z-index: 3;
}
.bar-logo {
width: 38px;
height: 38px;
min-width: 38px;
border-radius: 6px;
object-fit: cover;
background-color: rgba(255,255,255,0.3);
border: 1px solid rgba(255,255,255,0.4);
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
display: block;
}
.bar-content {
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1;
min-width: 0;
}
.bar-title {
font-weight: 600;
margin-bottom: 4px;
line-height: 1.3;
word-break: break-word;
width: 100%;
}
.bar-time {
font-size: 0.75em;
opacity: 0.85;
line-height: 1.3;
white-space: pre-line;
width: 100%;
}
.gantt-bar-yellow { ba
Open service 240e:978:6402::b461:c629:443 · djs.b-flat.cn
2026-01-21 21:02
HTTP/1.1 200 OK
Server: nginx
Date: Wed, 21 Jan 2026 21:02:48 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 44075
Connection: close
ETag: W/"ac2b-ZQb06KZ+7o20uM8SlOPOpEpPyes"
Accept-Ranges: none
Vary: Accept-Encoding
X-Powered-By: Express
X-Cache: MISS
Ohc-Cache-HIT: suz4ct52 [1], fsix138 [1]
Ohc-File-Size: 44075
X-Cache-Status: MISS
Page title: 福州三林文化校考冲刺时间轴
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes"/>
<title>福州三林文化校考冲刺时间轴</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"/>
<style>
body {
background-color: #f7f9fc;
padding-top: 30px;
}
.container {
padding-top: 20px;
padding-bottom: 40px;
}
h1 {
margin-top: 20px;
margin-bottom: 30px;
font-weight: 700;
color: #2c3e50;
}
.logo {
display: block;
margin: 40px auto 30px;
width: 100%;
max-width: 450px;
padding: 0 20px;
}
.section {
margin: 20px auto;
padding: 20px;
max-width: 1100px;
background: #fff;
border-radius: 15px;
box-shadow: 0 4px 12px rgba(0,0,0,0.07);
}
.section h2 { margin-bottom: 20px; font-weight: 600; }
.countdown, .schedule { margin-bottom: 20px; padding: 15px; border: 1px solid #dee2e6; border-radius: 10px; background-color: #fff; }
.countdown h3, .schedule strong { color: #343a40; margin-bottom: 8px; }
.time { font-size: 1.4em; color: #1E90FF; margin-bottom: 5px; font-weight: 500; }
.schedule-time { font-size: 1.1em; color: #1E90FF; margin: 0; }
/* 甘特图容器 - 响应式优化 */
#gantt-wrapper {
position: relative;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
border: 1px solid #ccc;
border-radius: 8px;
margin-bottom: 40px;
-webkit-overflow-scrolling: touch; /* iOS平滑滚动 */
}
#gantt-container {
position: relative;
min-width: 100%;
padding: 10px;
min-height: 300px;
background-image: linear-gradient(to right, #ececec 1px, transparent 1px), linear-gradient(to bottom, #ececec 1px, transparent 1px);
background-size: 50px 50px;
}
.gantt-scale {
position: absolute;
top: 0;
left: 0;
height: 35px;
border-bottom: 2px solid #999;
background-color: rgba(255,255,255,0.98);
z-index: 5;
}
.gantt-scale-label {
position: absolute;
top: 8px;
font-size: 0.85em;
color: #333;
white-space: nowrap;
font-weight: 500;
padding: 3px 6px;
background-color: rgba(255,255,255,0.95);
border-radius: 4px;
border: 1px solid #ddd;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.gantt-content {
position: absolute;
left: 0;
top: 55px;
}
.gantt-bar {
position: absolute;
font-size: 0.85em;
border-radius: 8px;
min-height: 50px;
padding: 8px 10px;
display: flex;
align-items: center;
gap: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
overflow: hidden;
cursor: pointer;
transition: transform 0.2s, box-shadow 0.2s;
border: 2px solid rgba(0,0,0,0.1);
}
.gantt-bar:has(.bar-logo) {
padding: 6px 10px 6px 6px;
}
.gantt-bar:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.25);
z-index: 3;
}
.bar-logo {
width: 38px;
height: 38px;
min-width: 38px;
border-radius: 6px;
object-fit: cover;
background-color: rgba(255,255,255,0.3);
border: 1px solid rgba(255,255,255,0.4);
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
display: block;
}
.bar-content {
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1;
min-width: 0;
}
.bar-title {
font-weight: 600;
margin-bottom: 4px;
line-height: 1.3;
word-break: break-word;
width: 100%;
}
.bar-time {
font-size: 0.75em;
opacity: 0.85;
line-height: 1.3;
white-space: pre-line;
width: 100%;
}
.gantt-bar-yellow { ba
Open service 240e:978:6402::b461:c629:8443 · djs.b-flat.cn
2026-01-21 21:02
HTTP/1.1 200 OK
Server: nginx
Date: Wed, 21 Jan 2026 21:02:49 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 44075
Connection: close
ETag: W/"ac2b-ZQb06KZ+7o20uM8SlOPOpEpPyes"
Accept-Ranges: none
Vary: Accept-Encoding
X-Powered-By: Express
X-Cache: MISS
Ohc-Cache-HIT: suz4ct52 [1], fsix138 [1]
Ohc-File-Size: 44075
X-Cache-Status: MISS
Page title: 福州三林文化校考冲刺时间轴
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes"/>
<title>福州三林文化校考冲刺时间轴</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"/>
<style>
body {
background-color: #f7f9fc;
padding-top: 30px;
}
.container {
padding-top: 20px;
padding-bottom: 40px;
}
h1 {
margin-top: 20px;
margin-bottom: 30px;
font-weight: 700;
color: #2c3e50;
}
.logo {
display: block;
margin: 40px auto 30px;
width: 100%;
max-width: 450px;
padding: 0 20px;
}
.section {
margin: 20px auto;
padding: 20px;
max-width: 1100px;
background: #fff;
border-radius: 15px;
box-shadow: 0 4px 12px rgba(0,0,0,0.07);
}
.section h2 { margin-bottom: 20px; font-weight: 600; }
.countdown, .schedule { margin-bottom: 20px; padding: 15px; border: 1px solid #dee2e6; border-radius: 10px; background-color: #fff; }
.countdown h3, .schedule strong { color: #343a40; margin-bottom: 8px; }
.time { font-size: 1.4em; color: #1E90FF; margin-bottom: 5px; font-weight: 500; }
.schedule-time { font-size: 1.1em; color: #1E90FF; margin: 0; }
/* 甘特图容器 - 响应式优化 */
#gantt-wrapper {
position: relative;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
border: 1px solid #ccc;
border-radius: 8px;
margin-bottom: 40px;
-webkit-overflow-scrolling: touch; /* iOS平滑滚动 */
}
#gantt-container {
position: relative;
min-width: 100%;
padding: 10px;
min-height: 300px;
background-image: linear-gradient(to right, #ececec 1px, transparent 1px), linear-gradient(to bottom, #ececec 1px, transparent 1px);
background-size: 50px 50px;
}
.gantt-scale {
position: absolute;
top: 0;
left: 0;
height: 35px;
border-bottom: 2px solid #999;
background-color: rgba(255,255,255,0.98);
z-index: 5;
}
.gantt-scale-label {
position: absolute;
top: 8px;
font-size: 0.85em;
color: #333;
white-space: nowrap;
font-weight: 500;
padding: 3px 6px;
background-color: rgba(255,255,255,0.95);
border-radius: 4px;
border: 1px solid #ddd;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.gantt-content {
position: absolute;
left: 0;
top: 55px;
}
.gantt-bar {
position: absolute;
font-size: 0.85em;
border-radius: 8px;
min-height: 50px;
padding: 8px 10px;
display: flex;
align-items: center;
gap: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
overflow: hidden;
cursor: pointer;
transition: transform 0.2s, box-shadow 0.2s;
border: 2px solid rgba(0,0,0,0.1);
}
.gantt-bar:has(.bar-logo) {
padding: 6px 10px 6px 6px;
}
.gantt-bar:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.25);
z-index: 3;
}
.bar-logo {
width: 38px;
height: 38px;
min-width: 38px;
border-radius: 6px;
object-fit: cover;
background-color: rgba(255,255,255,0.3);
border: 1px solid rgba(255,255,255,0.4);
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
display: block;
}
.bar-content {
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1;
min-width: 0;
}
.bar-title {
font-weight: 600;
margin-bottom: 4px;
line-height: 1.3;
word-break: break-word;
width: 100%;
}
.bar-time {
font-size: 0.75em;
opacity: 0.85;
line-height: 1.3;
white-space: pre-line;
width: 100%;
}
.gantt-bar-yellow { ba