cloudflare
tcp/443 tcp/80 tcp/8443
Open service 2a06:98c1:3120::3:443 · dh.zlinlang.com
2026-01-10 17:44
HTTP/1.1 200 OK
Date: Sat, 10 Jan 2026 17:44:28 GMT
Content-Type: text/html
Content-Length: 148163
Connection: close
Speculation-Rules: "/cdn-cgi/speculation"
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=XI0cbirkTpwvVhrxaj1HZszwEL8J%2FkcsMhRlfu%2BEKCF1TBc1UqkGXm1bx8MBRj43ki7V%2BhFe9%2F2%2FssGCHBWSFgQybYDohrljK1gAZPYmNm7lnkUvtUzItbxMhg%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bbdfb8a3a34d8f4-LHR
alt-svc: h3=":443"; ma=86400
Page title: Card Tab
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Card Tab</title>
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2280%22>⭐</text></svg>">
<style>
/* 全局样式 */
body {
font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
margin: 0;
padding: 0;
background-color: #f8f6f2; /* 米白色背景 */
color: #222; /* 深灰字体 */
transition: all 0.3s ease;
}
/* 暗色模式样式 */
body.dark-theme {
background-color: #121418; /* 更深的背景色 */
color: #e3e3e3;
}
/* 固定元素样式 */
.fixed-elements {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #f8f6f2; /* 与整体背景一致 */
z-index: 1000;
padding: 10px;
transition: all 0.3s ease;
height: 150px;
box-shadow: none; /* 移除阴影 */
}
body.dark-theme .fixed-elements {
background-color: #121418; /* 与暗色主题背景完全一致 */
box-shadow: none; /* 移除阴影 */
}
/* 分类快捷按钮容器样式移至搜索栏内 */
.category-button {
padding: 5px 10px;
border-radius: 15px;
background-color: #f9fafb;
color: #43b883;
border: none;
cursor: pointer;
font-size: 12px;
font-weight: 500;
transition: all 0.2s ease;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
flex: 0 0 auto;
white-space: nowrap;
margin: 0 2px;
position: relative;
overflow: hidden;
}
body.dark-theme .category-button {
background-color: #2a2e38;
color: #5d7fb9;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.category-button:hover {
background-color: #43b883;
color: white;
transform: translateY(-1px);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12);
}
/* 分类按钮选中效果 */
.category-button.active {
background-color: #43b883;
color: white;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
transform: translateY(-1px);
font-weight: 600;
border-bottom: 2px solid #35a674;
}
body.dark-theme .category-button:hover,
body.dark-theme .category-button.active {
background-color: #5d7fb9;
color: white;
}
/* 分类按钮悬停样式 */
.fixed-elements h3 {
position: absolute;
top: 10px;
left: 20px;
margin: 0;
font-size: 22px;
font-weight: 600;
color: #222;
transition: all 0.3s ease;
z-index: 10;
}
body.dark-theme .fixed-elements h3 {
color: #e3e3e3;
}
/* 一言模块样式 */
#hitokoto {
margin: 5px 0 15px;
font-size: 14px;
color: #888;
font-style: italic;
max-width: 600px;
margin-left: auto;
margin-right: auto;
transition: all 0.3s ease;
}
#hitokoto a {
color: #43b883;
text-decoration: none;
transition: all 0.3s ease;
}
#hitokoto a:hover {
color: #35a674;
}
body.dark-theme #hitokoto {
color: #a0a0a0;
}
body.dark-theme #hitokoto a {
color: #5d7fb9;
}
/* 中心内容样式 */
.center-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: none; /* 不限制最大宽度,使分类按钮有更多空间 */
text-align: center;
padding: 0 10px; /* 添加左右内边距 */
}
/* 右上角控制区域样式 */
.top-right-controls {
position: fixed;
top: 10px;
right: 10px;
display: flex;
Open service 2a06:98c1:3121::3:443 · dh.zlinlang.com
2026-01-10 17:44
HTTP/1.1 200 OK
Date: Sat, 10 Jan 2026 17:44:28 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server-Timing: cfEdge;dur=9,cfOrigin;dur=0
Speculation-Rules: "/cdn-cgi/speculation"
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=kiv7SqPttkrYQq9Oq1qqct0IW6euxhkvLN39FMc0LBgBuvRoAgJDMeEK6zBmd0OiPtyCDeYBjKWA7pzgW4uqFf%2F%2FUYhOlgiFRu2OHJm7e2dymQhXTOxPhfmdmw%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bbdfb8a2fe93ac3-BOM
alt-svc: h3=":443"; ma=86400
Open service 188.114.97.3:80 · dh.zlinlang.com
2026-01-10 17:44
HTTP/1.1 301 Moved Permanently
Date: Sat, 10 Jan 2026 17:44:28 GMT
Content-Length: 0
Connection: close
Location: https://dh.zlinlang.com/
Speculation-Rules: "/cdn-cgi/speculation"
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=8SClVEl2xMWIT76WUHLISweWRXpP7GGHtV%2F2wqQmUKjOO2nKL3Qsw0q0Aoi8r%2Fgr2NBZUHcQhLd7VcpfwAACn2FQEFRPC8RPLN0WALA%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server-Timing: cfEdge;dur=9,cfOrigin;dur=0
Server: cloudflare
CF-RAY: 9bbdfb89ec20488c-EWR
alt-svc: h3=":443"; ma=86400
Open service 188.114.97.3:8443 · dh.zlinlang.com
2026-01-10 17:44
HTTP/1.1 200 OK
Date: Sat, 10 Jan 2026 17:44:28 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server-Timing: cfEdge;dur=13,cfOrigin;dur=0
Speculation-Rules: "/cdn-cgi/speculation"
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=8XL22Gj%2FcYuJOKKw2ltPRq8v3MDkxzMQTIMOZI%2BWP%2BpCwsbZ3X2XwZvvhyRchGKgSfWDoeriojVSluUEU9gopWwbfO3c4exjJbV1PIygSw%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bbdfb89ed934a29-YYZ
alt-svc: h3=":8443"; ma=86400
Open service 2a06:98c1:3120::3:80 · dh.zlinlang.com
2026-01-10 17:44
HTTP/1.1 301 Moved Permanently
Date: Sat, 10 Jan 2026 17:44:28 GMT
Content-Length: 0
Connection: close
Location: https://dh.zlinlang.com/
Speculation-Rules: "/cdn-cgi/speculation"
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=AnLTrwZ%2BCzvCoSSgigu8EjbujoI0lg60ThdFdQQTBOYonuaJnbwTHcjlI%2BtgM0Ha5CvSJgTsQVtxUjXfP7Bn%2BTd2kHJDf144Edp8uL66tAXq9nGwO78Vjb8VmA%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bbdfb89abbc9f3a-FRA
alt-svc: h3=":443"; ma=86400
Open service 2a06:98c1:3121::3:80 · dh.zlinlang.com
2026-01-10 17:44
HTTP/1.1 301 Moved Permanently
Date: Sat, 10 Jan 2026 17:44:28 GMT
Content-Length: 0
Connection: close
Location: https://dh.zlinlang.com/
Speculation-Rules: "/cdn-cgi/speculation"
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=eYT9EVSA00RLo5NFGUAQJ%2FV8N9asaBYkfkKoWsQRGZN%2BRD2aNTZuZQxoMxLJnGfJcJtztTAO84lspxcl0jEGPNXZ%2BzigTmkwwFgPxC2uhhSR%2FGAp8DWpAPaavw%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bbdfb899d61d299-FRA
alt-svc: h3=":443"; ma=86400
Open service 188.114.97.3:443 · dh.zlinlang.com
2026-01-10 17:44
HTTP/1.1 200 OK
Date: Sat, 10 Jan 2026 17:44:28 GMT
Content-Type: text/html
Content-Length: 148163
Connection: close
Speculation-Rules: "/cdn-cgi/speculation"
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=e9RRIG%2FUuBfTWWRwwrcKcfbOw9IQNAV0J372YGvRjZnzEUPCzEoh2GWJ6PUgl4KZZKY9%2BwHVjzXDRVSZG48lKGPEX7%2BhN6xfrJUoBIyDJQ%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bbdfb89b87fd38a-FRA
alt-svc: h3=":443"; ma=86400
Page title: Card Tab
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Card Tab</title>
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2280%22>⭐</text></svg>">
<style>
/* 全局样式 */
body {
font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
margin: 0;
padding: 0;
background-color: #f8f6f2; /* 米白色背景 */
color: #222; /* 深灰字体 */
transition: all 0.3s ease;
}
/* 暗色模式样式 */
body.dark-theme {
background-color: #121418; /* 更深的背景色 */
color: #e3e3e3;
}
/* 固定元素样式 */
.fixed-elements {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #f8f6f2; /* 与整体背景一致 */
z-index: 1000;
padding: 10px;
transition: all 0.3s ease;
height: 150px;
box-shadow: none; /* 移除阴影 */
}
body.dark-theme .fixed-elements {
background-color: #121418; /* 与暗色主题背景完全一致 */
box-shadow: none; /* 移除阴影 */
}
/* 分类快捷按钮容器样式移至搜索栏内 */
.category-button {
padding: 5px 10px;
border-radius: 15px;
background-color: #f9fafb;
color: #43b883;
border: none;
cursor: pointer;
font-size: 12px;
font-weight: 500;
transition: all 0.2s ease;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
flex: 0 0 auto;
white-space: nowrap;
margin: 0 2px;
position: relative;
overflow: hidden;
}
body.dark-theme .category-button {
background-color: #2a2e38;
color: #5d7fb9;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.category-button:hover {
background-color: #43b883;
color: white;
transform: translateY(-1px);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12);
}
/* 分类按钮选中效果 */
.category-button.active {
background-color: #43b883;
color: white;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
transform: translateY(-1px);
font-weight: 600;
border-bottom: 2px solid #35a674;
}
body.dark-theme .category-button:hover,
body.dark-theme .category-button.active {
background-color: #5d7fb9;
color: white;
}
/* 分类按钮悬停样式 */
.fixed-elements h3 {
position: absolute;
top: 10px;
left: 20px;
margin: 0;
font-size: 22px;
font-weight: 600;
color: #222;
transition: all 0.3s ease;
z-index: 10;
}
body.dark-theme .fixed-elements h3 {
color: #e3e3e3;
}
/* 一言模块样式 */
#hitokoto {
margin: 5px 0 15px;
font-size: 14px;
color: #888;
font-style: italic;
max-width: 600px;
margin-left: auto;
margin-right: auto;
transition: all 0.3s ease;
}
#hitokoto a {
color: #43b883;
text-decoration: none;
transition: all 0.3s ease;
}
#hitokoto a:hover {
color: #35a674;
}
body.dark-theme #hitokoto {
color: #a0a0a0;
}
body.dark-theme #hitokoto a {
color: #5d7fb9;
}
/* 中心内容样式 */
.center-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: none; /* 不限制最大宽度,使分类按钮有更多空间 */
text-align: center;
padding: 0 10px; /* 添加左右内边距 */
}
/* 右上角控制区域样式 */
.top-right-controls {
position: fixed;
top: 10px;
right: 10px;
display: flex;
Open service 2a06:98c1:3120::3:8443 · dh.zlinlang.com
2026-01-10 17:44
HTTP/1.1 200 OK
Date: Sat, 10 Jan 2026 17:44:28 GMT
Content-Type: text/html
Content-Length: 148163
Connection: close
Speculation-Rules: "/cdn-cgi/speculation"
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=ksfe6JkC3fjgFy901bnhJM8Nf05Lu%2FCt5vzzEHWQ8kWWU9TZv8nLwjgn9jhM1tLwT9nnz6HD6oF32bOM%2BsL9pUypjaIv2F1y5fAuy8p3Uz%2F807znF3dKu95MWw%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bbdfb89ddc5385b-LHR
alt-svc: h3=":8443"; ma=86400
Page title: Card Tab
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Card Tab</title>
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2280%22>⭐</text></svg>">
<style>
/* 全局样式 */
body {
font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
margin: 0;
padding: 0;
background-color: #f8f6f2; /* 米白色背景 */
color: #222; /* 深灰字体 */
transition: all 0.3s ease;
}
/* 暗色模式样式 */
body.dark-theme {
background-color: #121418; /* 更深的背景色 */
color: #e3e3e3;
}
/* 固定元素样式 */
.fixed-elements {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #f8f6f2; /* 与整体背景一致 */
z-index: 1000;
padding: 10px;
transition: all 0.3s ease;
height: 150px;
box-shadow: none; /* 移除阴影 */
}
body.dark-theme .fixed-elements {
background-color: #121418; /* 与暗色主题背景完全一致 */
box-shadow: none; /* 移除阴影 */
}
/* 分类快捷按钮容器样式移至搜索栏内 */
.category-button {
padding: 5px 10px;
border-radius: 15px;
background-color: #f9fafb;
color: #43b883;
border: none;
cursor: pointer;
font-size: 12px;
font-weight: 500;
transition: all 0.2s ease;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
flex: 0 0 auto;
white-space: nowrap;
margin: 0 2px;
position: relative;
overflow: hidden;
}
body.dark-theme .category-button {
background-color: #2a2e38;
color: #5d7fb9;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.category-button:hover {
background-color: #43b883;
color: white;
transform: translateY(-1px);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12);
}
/* 分类按钮选中效果 */
.category-button.active {
background-color: #43b883;
color: white;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
transform: translateY(-1px);
font-weight: 600;
border-bottom: 2px solid #35a674;
}
body.dark-theme .category-button:hover,
body.dark-theme .category-button.active {
background-color: #5d7fb9;
color: white;
}
/* 分类按钮悬停样式 */
.fixed-elements h3 {
position: absolute;
top: 10px;
left: 20px;
margin: 0;
font-size: 22px;
font-weight: 600;
color: #222;
transition: all 0.3s ease;
z-index: 10;
}
body.dark-theme .fixed-elements h3 {
color: #e3e3e3;
}
/* 一言模块样式 */
#hitokoto {
margin: 5px 0 15px;
font-size: 14px;
color: #888;
font-style: italic;
max-width: 600px;
margin-left: auto;
margin-right: auto;
transition: all 0.3s ease;
}
#hitokoto a {
color: #43b883;
text-decoration: none;
transition: all 0.3s ease;
}
#hitokoto a:hover {
color: #35a674;
}
body.dark-theme #hitokoto {
color: #a0a0a0;
}
body.dark-theme #hitokoto a {
color: #5d7fb9;
}
/* 中心内容样式 */
.center-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: none; /* 不限制最大宽度,使分类按钮有更多空间 */
text-align: center;
padding: 0 10px; /* 添加左右内边距 */
}
/* 右上角控制区域样式 */
.top-right-controls {
position: fixed;
top: 10px;
right: 10px;
display: flex;
Open service 2a06:98c1:3121::3:8443 · dh.zlinlang.com
2026-01-10 17:44
HTTP/1.1 200 OK
Date: Sat, 10 Jan 2026 17:44:28 GMT
Content-Type: text/html
Content-Length: 148163
Connection: close
Speculation-Rules: "/cdn-cgi/speculation"
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=jjHEJr%2FLMpiYYXebh%2FnGJYCxiOM4gticye0MzYzdQ2hzHaqt263pagVgd1NWPwValSPrhYup8i33LOr8URWH4Z%2FSa65tLqK1c39ihvU9CZirB6lbMeQdBS%2FYVQ%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bbdfb89acd79f96-AMS
alt-svc: h3=":8443"; ma=86400
Page title: Card Tab
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Card Tab</title>
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2280%22>⭐</text></svg>">
<style>
/* 全局样式 */
body {
font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
margin: 0;
padding: 0;
background-color: #f8f6f2; /* 米白色背景 */
color: #222; /* 深灰字体 */
transition: all 0.3s ease;
}
/* 暗色模式样式 */
body.dark-theme {
background-color: #121418; /* 更深的背景色 */
color: #e3e3e3;
}
/* 固定元素样式 */
.fixed-elements {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #f8f6f2; /* 与整体背景一致 */
z-index: 1000;
padding: 10px;
transition: all 0.3s ease;
height: 150px;
box-shadow: none; /* 移除阴影 */
}
body.dark-theme .fixed-elements {
background-color: #121418; /* 与暗色主题背景完全一致 */
box-shadow: none; /* 移除阴影 */
}
/* 分类快捷按钮容器样式移至搜索栏内 */
.category-button {
padding: 5px 10px;
border-radius: 15px;
background-color: #f9fafb;
color: #43b883;
border: none;
cursor: pointer;
font-size: 12px;
font-weight: 500;
transition: all 0.2s ease;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
flex: 0 0 auto;
white-space: nowrap;
margin: 0 2px;
position: relative;
overflow: hidden;
}
body.dark-theme .category-button {
background-color: #2a2e38;
color: #5d7fb9;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.category-button:hover {
background-color: #43b883;
color: white;
transform: translateY(-1px);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12);
}
/* 分类按钮选中效果 */
.category-button.active {
background-color: #43b883;
color: white;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
transform: translateY(-1px);
font-weight: 600;
border-bottom: 2px solid #35a674;
}
body.dark-theme .category-button:hover,
body.dark-theme .category-button.active {
background-color: #5d7fb9;
color: white;
}
/* 分类按钮悬停样式 */
.fixed-elements h3 {
position: absolute;
top: 10px;
left: 20px;
margin: 0;
font-size: 22px;
font-weight: 600;
color: #222;
transition: all 0.3s ease;
z-index: 10;
}
body.dark-theme .fixed-elements h3 {
color: #e3e3e3;
}
/* 一言模块样式 */
#hitokoto {
margin: 5px 0 15px;
font-size: 14px;
color: #888;
font-style: italic;
max-width: 600px;
margin-left: auto;
margin-right: auto;
transition: all 0.3s ease;
}
#hitokoto a {
color: #43b883;
text-decoration: none;
transition: all 0.3s ease;
}
#hitokoto a:hover {
color: #35a674;
}
body.dark-theme #hitokoto {
color: #a0a0a0;
}
body.dark-theme #hitokoto a {
color: #5d7fb9;
}
/* 中心内容样式 */
.center-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: none; /* 不限制最大宽度,使分类按钮有更多空间 */
text-align: center;
padding: 0 10px; /* 添加左右内边距 */
}
/* 右上角控制区域样式 */
.top-right-controls {
position: fixed;
top: 10px;
right: 10px;
display: flex;