cloudflare
tcp/443 tcp/80 tcp/8443
Open service 2a06:98c1:3101::ac40:919e:80 · sunofficial.top
2026-01-24 00:04
HTTP/1.1 301 Moved Permanently
Date: Sat, 24 Jan 2026 00:04:14 GMT
Content-Length: 0
Connection: close
Location: https://sunofficial.top/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=BWkM7TePKs5CsognpYdjAKae66wuPhEK8a87pcKLCIJ04b41LUIGgkOW%2BzLZg3luro4Cafmj3gwoPILwVdTwXYyw0IeavwmpekUA%2FiWq%2BOeRjupoqu%2FtjPvMWg%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9c2b45b32d3ec19c-BLR
alt-svc: h3=":443"; ma=86400
Open service 104.18.43.174:8443 · sunofficial.top
2026-01-24 00:04
Open service 2a06:98c1:3101::ac40:919e:443 · sunofficial.top
2026-01-24 00:04
HTTP/1.1 200 OK
Date: Sat, 24 Jan 2026 00:04:13 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
Last-Modified: Sun, 01 Jun 2025 05:33:31 GMT
Access-Control-Allow-Origin: *
expires: Sat, 24 Jan 2026 00:14:12 GMT
Cache-Control: max-age=600
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=9biU6kYDuBcPHFScnKm%2F9thnXn8abFCsbjh5h2X3sZHwG%2BMp0n8QP85%2FXZ78MioAn%2BBIfej09LxBOqGeLViDN3pajyq2VdFUKoPSGs72CUMtdH1PxYaBwG6l6A%3D%3D"}]}
x-proxy-cache: MISS
X-GitHub-Request-Id: 784C:36CC0C:188F690:18EFA4A:69740C7C
Via: 1.1 varnish
Age: 1
X-Served-By: cache-fra-eddf8230041-FRA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1769213054.817931,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 2c86b00255bd3e1c541c01ab84b710e3c70267f8
cf-cache-status: DYNAMIC
CF-RAY: 9c2b45b23fa5d37a-FRA
alt-svc: h3=":443"; ma=86400
Page title: Sun Portfolio | SunOfficial
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Sun Portfolio - SunOfficial">
<!-- 添加字體顯示優化設定 -->
<meta name="theme-color" content="#0a0a0a">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="mobile-web-app-capable" content="yes">
<title>Sun Portfolio | SunOfficial</title>
<!-- 標準 favicon 引用 -->
<link rel="icon" type="image/x-icon" href="favicon.ico">
<!-- 添加快取控制標頭 -->
<meta http-equiv="Cache-Control" content="max-age=31536000">
<!-- 預加載關鍵資源 -->
<link rel="preload" href="terminal.js" as="script" crossorigin>
<link rel="preload" href="tabs.js" as="script" crossorigin>
<link rel="preload" href="script.js" as="script" crossorigin>
<!-- 內聯關鍵 CSS -->
<style>
:root {
--neon-text-color: #f40;
--neon-border-color: #08f;
--bg-color: #0a0a0a;
--text-color: #fff;
--font-size-base: 16px;
--font-size-h1: 3rem;
--font-size-h2: 2.5rem;
--font-size-h3: 1.8rem;
--line-height: 1.6;
--transition-standard: all 0.3s ease;
}
/* 基本重置 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
html, body {
height: 100%;
width: 100%;
}
body {
font-family: 'Space Mono', monospace, system-ui;
line-height: var(--line-height);
background-color: var(--bg-color);
color: var(--text-color);
overflow-x: hidden;
position: relative;
font-size: var(--font-size-base);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* 基本容器設定 */
.container {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding: 2rem 0;
}
/* 頁面區域 */
section {
display: none;
min-height: 70vh;
padding: 2rem 0;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
section.active {
display: block;
opacity: 1;
transform: translateY(0);
}
/* 頁首設計 */
header {
text-align: center;
padding: 3rem 0 1rem;
}
.header-subtitle {
font-size: 1.2rem;
margin-top: 0.5rem;
color: rgba(255, 255, 255, 0.7);
font-family: 'Rajdhani', sans-serif;
}
/* 導航菜單 */
nav.desktop-nav {
display: flex;
justify-content: center;
gap: 1rem;
padding: 1rem 0;
flex-wrap: wrap;
}
/* 霓虹按鈕 - 關鍵元素 */
.neon-button {
position: relative;
background-color: transparent;
color: #fff;
border: 2px solid var(--neon-border-color);
border-radius: 5px;
padding: 0.5rem 1.5rem;
font-size: 1rem;
cursor: pointer;
transition: all 0.3s ease;
font-family: 'Rajdhani', sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
overflow: hidden;
box-shadow: 0 0 5px var(--neon-border-color), inset 0 0 5px var(--neon-border-color);
text-shadow: 0 0 5px var(--neon-border-color);
}
.neon-button:hover, .neon-button:focus {
background-color: var(--neon-border-color);
color: #000;
box-shadow: 0 0 20px var(--neon-border-color), inset 0 0 10px #fff;
text-shadow: 0 0 5px #fff;
}
.neon-button.active {
background-color: var(--neon-border-color);
color: #000;
box-shadow: 0 0 15px var(--neon-border-color), inset 0 0 5px #fff;
text-shadow: none;
}
.neon-button i {
margin-right: 0.5rem;
vertical-align: middle;
}
/* Glitch 標題效果 - 首屏關鍵元素 */
.glitch {
font-family: 'Rajdhani', sans-serif;
font-size: 4rem;
font-weight: bold;
text-transform: uppercase;
position: relative;
text-
Open service 2a06:98c1:3101::ac40:919e:8443 · sunofficial.top
2026-01-24 00:04
Open service 2a06:98c1:3108::6812:2a62:443 · sunofficial.top
2026-01-24 00:04
HTTP/1.1 200 OK
Date: Sat, 24 Jan 2026 00:04:13 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
Last-Modified: Sun, 01 Jun 2025 05:33:31 GMT
Access-Control-Allow-Origin: *
expires: Sat, 24 Jan 2026 00:14:12 GMT
Cache-Control: max-age=600
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=o4DHkOYE%2BXMqqxbP2fRnv3ka2rwV2WMtNf548lWwCFW34lhDQ9MjKagaNvZ8by%2FeS7iaXiZKCVtu%2FEGsIVOoJZyoylMo4OKBl%2FuXEXY73T7ywzL9bkh8%2Ba59fQ%3D%3D"}]}
x-proxy-cache: MISS
X-GitHub-Request-Id: 784C:36CC0C:188F690:18EFA4A:69740C7C
Via: 1.1 varnish
Age: 1
X-Served-By: cache-fra-eddf8230167-FRA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1769213054.819002,VS0,VE2
Vary: Accept-Encoding
X-Fastly-Request-ID: db0502335fa9ad2730e593510829c2715b8130d8
cf-cache-status: DYNAMIC
CF-RAY: 9c2b45b24aa2d34c-FRA
alt-svc: h3=":443"; ma=86400
Page title: Sun Portfolio | SunOfficial
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Sun Portfolio - SunOfficial">
<!-- 添加字體顯示優化設定 -->
<meta name="theme-color" content="#0a0a0a">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="mobile-web-app-capable" content="yes">
<title>Sun Portfolio | SunOfficial</title>
<!-- 標準 favicon 引用 -->
<link rel="icon" type="image/x-icon" href="favicon.ico">
<!-- 添加快取控制標頭 -->
<meta http-equiv="Cache-Control" content="max-age=31536000">
<!-- 預加載關鍵資源 -->
<link rel="preload" href="terminal.js" as="script" crossorigin>
<link rel="preload" href="tabs.js" as="script" crossorigin>
<link rel="preload" href="script.js" as="script" crossorigin>
<!-- 內聯關鍵 CSS -->
<style>
:root {
--neon-text-color: #f40;
--neon-border-color: #08f;
--bg-color: #0a0a0a;
--text-color: #fff;
--font-size-base: 16px;
--font-size-h1: 3rem;
--font-size-h2: 2.5rem;
--font-size-h3: 1.8rem;
--line-height: 1.6;
--transition-standard: all 0.3s ease;
}
/* 基本重置 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
html, body {
height: 100%;
width: 100%;
}
body {
font-family: 'Space Mono', monospace, system-ui;
line-height: var(--line-height);
background-color: var(--bg-color);
color: var(--text-color);
overflow-x: hidden;
position: relative;
font-size: var(--font-size-base);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* 基本容器設定 */
.container {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding: 2rem 0;
}
/* 頁面區域 */
section {
display: none;
min-height: 70vh;
padding: 2rem 0;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
section.active {
display: block;
opacity: 1;
transform: translateY(0);
}
/* 頁首設計 */
header {
text-align: center;
padding: 3rem 0 1rem;
}
.header-subtitle {
font-size: 1.2rem;
margin-top: 0.5rem;
color: rgba(255, 255, 255, 0.7);
font-family: 'Rajdhani', sans-serif;
}
/* 導航菜單 */
nav.desktop-nav {
display: flex;
justify-content: center;
gap: 1rem;
padding: 1rem 0;
flex-wrap: wrap;
}
/* 霓虹按鈕 - 關鍵元素 */
.neon-button {
position: relative;
background-color: transparent;
color: #fff;
border: 2px solid var(--neon-border-color);
border-radius: 5px;
padding: 0.5rem 1.5rem;
font-size: 1rem;
cursor: pointer;
transition: all 0.3s ease;
font-family: 'Rajdhani', sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
overflow: hidden;
box-shadow: 0 0 5px var(--neon-border-color), inset 0 0 5px var(--neon-border-color);
text-shadow: 0 0 5px var(--neon-border-color);
}
.neon-button:hover, .neon-button:focus {
background-color: var(--neon-border-color);
color: #000;
box-shadow: 0 0 20px var(--neon-border-color), inset 0 0 10px #fff;
text-shadow: 0 0 5px #fff;
}
.neon-button.active {
background-color: var(--neon-border-color);
color: #000;
box-shadow: 0 0 15px var(--neon-border-color), inset 0 0 5px #fff;
text-shadow: none;
}
.neon-button i {
margin-right: 0.5rem;
vertical-align: middle;
}
/* Glitch 標題效果 - 首屏關鍵元素 */
.glitch {
font-family: 'Rajdhani', sans-serif;
font-size: 4rem;
font-weight: bold;
text-transform: uppercase;
position: relative;
text-
Open service 172.64.144.82:8443 · sunofficial.top
2026-01-24 00:04
Open service 104.18.43.174:443 · sunofficial.top
2026-01-24 00:04
HTTP/1.1 200 OK
Date: Sat, 24 Jan 2026 00:04:14 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
Last-Modified: Sun, 01 Jun 2025 05:33:31 GMT
Access-Control-Allow-Origin: *
expires: Sat, 24 Jan 2026 00:14:12 GMT
Cache-Control: max-age=600
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=KrFzDOKnK9YUlwSPEe%2BwsHcw5jwimUX9jEuyzFj8L%2F6lmavO7snlYZ%2F%2F8G7yPcMHvG4w7q4kb6KKuc%2F3E6louqErLXWtOuiHTqcxk40AMQ%3D%3D"}]}
x-proxy-cache: MISS
X-GitHub-Request-Id: 784C:36CC0C:188F690:18EFA4A:69740C7C
Via: 1.1 varnish
Age: 2
X-Served-By: cache-fra-eddf8230105-FRA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1769213054.311713,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: f2af309d8b524fa359bd2dbc08c50c4dabf26511
cf-cache-status: DYNAMIC
CF-RAY: 9c2b45b23de4e7bc-FRA
alt-svc: h3=":443"; ma=86400
Page title: Sun Portfolio | SunOfficial
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Sun Portfolio - SunOfficial">
<!-- 添加字體顯示優化設定 -->
<meta name="theme-color" content="#0a0a0a">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="mobile-web-app-capable" content="yes">
<title>Sun Portfolio | SunOfficial</title>
<!-- 標準 favicon 引用 -->
<link rel="icon" type="image/x-icon" href="favicon.ico">
<!-- 添加快取控制標頭 -->
<meta http-equiv="Cache-Control" content="max-age=31536000">
<!-- 預加載關鍵資源 -->
<link rel="preload" href="terminal.js" as="script" crossorigin>
<link rel="preload" href="tabs.js" as="script" crossorigin>
<link rel="preload" href="script.js" as="script" crossorigin>
<!-- 內聯關鍵 CSS -->
<style>
:root {
--neon-text-color: #f40;
--neon-border-color: #08f;
--bg-color: #0a0a0a;
--text-color: #fff;
--font-size-base: 16px;
--font-size-h1: 3rem;
--font-size-h2: 2.5rem;
--font-size-h3: 1.8rem;
--line-height: 1.6;
--transition-standard: all 0.3s ease;
}
/* 基本重置 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
html, body {
height: 100%;
width: 100%;
}
body {
font-family: 'Space Mono', monospace, system-ui;
line-height: var(--line-height);
background-color: var(--bg-color);
color: var(--text-color);
overflow-x: hidden;
position: relative;
font-size: var(--font-size-base);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* 基本容器設定 */
.container {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding: 2rem 0;
}
/* 頁面區域 */
section {
display: none;
min-height: 70vh;
padding: 2rem 0;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
section.active {
display: block;
opacity: 1;
transform: translateY(0);
}
/* 頁首設計 */
header {
text-align: center;
padding: 3rem 0 1rem;
}
.header-subtitle {
font-size: 1.2rem;
margin-top: 0.5rem;
color: rgba(255, 255, 255, 0.7);
font-family: 'Rajdhani', sans-serif;
}
/* 導航菜單 */
nav.desktop-nav {
display: flex;
justify-content: center;
gap: 1rem;
padding: 1rem 0;
flex-wrap: wrap;
}
/* 霓虹按鈕 - 關鍵元素 */
.neon-button {
position: relative;
background-color: transparent;
color: #fff;
border: 2px solid var(--neon-border-color);
border-radius: 5px;
padding: 0.5rem 1.5rem;
font-size: 1rem;
cursor: pointer;
transition: all 0.3s ease;
font-family: 'Rajdhani', sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
overflow: hidden;
box-shadow: 0 0 5px var(--neon-border-color), inset 0 0 5px var(--neon-border-color);
text-shadow: 0 0 5px var(--neon-border-color);
}
.neon-button:hover, .neon-button:focus {
background-color: var(--neon-border-color);
color: #000;
box-shadow: 0 0 20px var(--neon-border-color), inset 0 0 10px #fff;
text-shadow: 0 0 5px #fff;
}
.neon-button.active {
background-color: var(--neon-border-color);
color: #000;
box-shadow: 0 0 15px var(--neon-border-color), inset 0 0 5px #fff;
text-shadow: none;
}
.neon-button i {
margin-right: 0.5rem;
vertical-align: middle;
}
/* Glitch 標題效果 - 首屏關鍵元素 */
.glitch {
font-family: 'Rajdhani', sans-serif;
font-size: 4rem;
font-weight: bold;
text-transform: uppercase;
position: relative;
text-
Open service 2a06:98c1:3108::6812:2a62:8443 · sunofficial.top
2026-01-24 00:04
Open service 172.64.144.82:80 · sunofficial.top
2026-01-24 00:04
HTTP/1.1 301 Moved Permanently
Date: Sat, 24 Jan 2026 00:04:13 GMT
Content-Length: 0
Connection: close
Location: https://sunofficial.top/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=T2xzNjnvC1%2FXRHred%2Fzms%2BvETQ3Hyv1cU3lIyFvQzoDg3wAQLQPuhMwcFiX6YCC4QNFPJM352kt9RXoGqIcFBfkIEPveG%2FAWPCDAHG4wYA%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9c2b45b13cc2beb3-LHR
alt-svc: h3=":443"; ma=86400
Open service 104.18.43.174:80 · sunofficial.top
2026-01-24 00:04
HTTP/1.1 301 Moved Permanently
Date: Sat, 24 Jan 2026 00:04:13 GMT
Content-Length: 0
Connection: close
Location: https://sunofficial.top/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=OiB04wxlx82T0xxwvfleE4j%2Fu85PO9GGwSXhZ6lUfLazvuhqYe43yZ2CsBmfqEHTDP4P5EWxC4Xvh1xuIWaNeMaar8gETFJDSn9aPxYIEA%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9c2b45b128ddfffe-AMS
alt-svc: h3=":443"; ma=86400
Open service 172.64.144.82:443 · sunofficial.top
2026-01-24 00:04
HTTP/1.1 200 OK
Date: Sat, 24 Jan 2026 00:04:13 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
x-origin-cache: HIT
Last-Modified: Sun, 01 Jun 2025 05:33:31 GMT
Access-Control-Allow-Origin: *
expires: Sat, 24 Jan 2026 00:14:12 GMT
Cache-Control: max-age=600
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=DZr%2BolH1hGMb9GnEGaxQp9apFCaLEBvjXqpIn99cY6dLozTesr3LPWny844wdvLJPoAswE7bkMucC%2FPuz08vM01VrD8s6s4QMz4QIfwvdw%3D%3D"}]}
x-proxy-cache: MISS
X-GitHub-Request-Id: 4639:17F0B5:120D5AA:13D6680:69740C7C
Via: 1.1 varnish
Age: 1
X-Served-By: cache-yyz4556-YYZ
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1769213054.789623,VS0,VE2
Vary: Accept-Encoding
X-Fastly-Request-ID: 1863b4e964d8082a12a9206c797c2b99738640be
cf-cache-status: DYNAMIC
CF-RAY: 9c2b45b1ed20aa9a-YYZ
alt-svc: h3=":443"; ma=86400
Page title: Sun Portfolio | SunOfficial
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Sun Portfolio - SunOfficial">
<!-- 添加字體顯示優化設定 -->
<meta name="theme-color" content="#0a0a0a">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="mobile-web-app-capable" content="yes">
<title>Sun Portfolio | SunOfficial</title>
<!-- 標準 favicon 引用 -->
<link rel="icon" type="image/x-icon" href="favicon.ico">
<!-- 添加快取控制標頭 -->
<meta http-equiv="Cache-Control" content="max-age=31536000">
<!-- 預加載關鍵資源 -->
<link rel="preload" href="terminal.js" as="script" crossorigin>
<link rel="preload" href="tabs.js" as="script" crossorigin>
<link rel="preload" href="script.js" as="script" crossorigin>
<!-- 內聯關鍵 CSS -->
<style>
:root {
--neon-text-color: #f40;
--neon-border-color: #08f;
--bg-color: #0a0a0a;
--text-color: #fff;
--font-size-base: 16px;
--font-size-h1: 3rem;
--font-size-h2: 2.5rem;
--font-size-h3: 1.8rem;
--line-height: 1.6;
--transition-standard: all 0.3s ease;
}
/* 基本重置 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
html, body {
height: 100%;
width: 100%;
}
body {
font-family: 'Space Mono', monospace, system-ui;
line-height: var(--line-height);
background-color: var(--bg-color);
color: var(--text-color);
overflow-x: hidden;
position: relative;
font-size: var(--font-size-base);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* 基本容器設定 */
.container {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding: 2rem 0;
}
/* 頁面區域 */
section {
display: none;
min-height: 70vh;
padding: 2rem 0;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
section.active {
display: block;
opacity: 1;
transform: translateY(0);
}
/* 頁首設計 */
header {
text-align: center;
padding: 3rem 0 1rem;
}
.header-subtitle {
font-size: 1.2rem;
margin-top: 0.5rem;
color: rgba(255, 255, 255, 0.7);
font-family: 'Rajdhani', sans-serif;
}
/* 導航菜單 */
nav.desktop-nav {
display: flex;
justify-content: center;
gap: 1rem;
padding: 1rem 0;
flex-wrap: wrap;
}
/* 霓虹按鈕 - 關鍵元素 */
.neon-button {
position: relative;
background-color: transparent;
color: #fff;
border: 2px solid var(--neon-border-color);
border-radius: 5px;
padding: 0.5rem 1.5rem;
font-size: 1rem;
cursor: pointer;
transition: all 0.3s ease;
font-family: 'Rajdhani', sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
overflow: hidden;
box-shadow: 0 0 5px var(--neon-border-color), inset 0 0 5px var(--neon-border-color);
text-shadow: 0 0 5px var(--neon-border-color);
}
.neon-button:hover, .neon-button:focus {
background-color: var(--neon-border-color);
color: #000;
box-shadow: 0 0 20px var(--neon-border-color), inset 0 0 10px #fff;
text-shadow: 0 0 5px #fff;
}
.neon-button.active {
background-color: var(--neon-border-color);
color: #000;
box-shadow: 0 0 15px var(--neon-border-color), inset 0 0 5px #fff;
text-shadow: none;
}
.neon-button i {
margin-right: 0.5rem;
vertical-align: middle;
}
/* Glitch 標題效果 - 首屏關鍵元素 */
.glitch {
font-family: 'Rajdhani', sans-serif;
font-size: 4rem;
font-weight: bold;
text-transform: uppercase;
position: relative;
text-
Open service 172.64.144.82:80 · sunofficial.top
2026-01-05 15:33
HTTP/1.1 301 Moved Permanently
Date: Mon, 05 Jan 2026 15:33:54 GMT
Content-Length: 0
Connection: close
Location: https://sunofficial.top/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=LFaXhFWc9HTaxdgwtbPtDSqU%2FdW4ZsLtvtuWTxODM7rghs571ZJhKFwjVgyOC7wqh6II9YMWpMVysvs0zWa2dbwQFCRf4VLCocUmGh4WVA%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b94096618cc165e-BLR
alt-svc: h3=":443"; ma=86400
Open service 104.18.43.174:8443 · sunofficial.top
2026-01-05 15:33
Open service 2606:4700:4407::ac40:9052:443 · sunofficial.top
2026-01-05 15:33
HTTP/1.1 200 OK
Date: Mon, 05 Jan 2026 15:33:54 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
Last-Modified: Sun, 01 Jun 2025 05:33:31 GMT
Access-Control-Allow-Origin: *
expires: Mon, 05 Jan 2026 14:58:29 GMT
Cache-Control: max-age=600
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=RAlIhQ2LegyDTbc%2BES8fOKTmQsqVvKU6MWYkRr0VQUIS4qDKyNPmawddRHDia8zAkeeFaIs7iOqufPwtUlLT8SPvj6ia0SHSrjjw9ObFVYUcesEq7nKVPSpf1w%3D%3D"}]}
x-proxy-cache: MISS
X-GitHub-Request-Id: 4A17:2F7176:ADCBF:B12D1:695BCF3D
Via: 1.1 varnish
Age: 0
X-Served-By: cache-sin-wsat1880068-SIN
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767627235.502251,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: f0907064cff342b5d603df44d04306ff0c314780
cf-cache-status: DYNAMIC
CF-RAY: 9b940967798b9de7-SIN
alt-svc: h3=":443"; ma=86400
Page title: Sun Portfolio | SunOfficial
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Sun Portfolio - SunOfficial">
<!-- 添加字體顯示優化設定 -->
<meta name="theme-color" content="#0a0a0a">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="mobile-web-app-capable" content="yes">
<title>Sun Portfolio | SunOfficial</title>
<!-- 標準 favicon 引用 -->
<link rel="icon" type="image/x-icon" href="favicon.ico">
<!-- 添加快取控制標頭 -->
<meta http-equiv="Cache-Control" content="max-age=31536000">
<!-- 預加載關鍵資源 -->
<link rel="preload" href="terminal.js" as="script" crossorigin>
<link rel="preload" href="tabs.js" as="script" crossorigin>
<link rel="preload" href="script.js" as="script" crossorigin>
<!-- 內聯關鍵 CSS -->
<style>
:root {
--neon-text-color: #f40;
--neon-border-color: #08f;
--bg-color: #0a0a0a;
--text-color: #fff;
--font-size-base: 16px;
--font-size-h1: 3rem;
--font-size-h2: 2.5rem;
--font-size-h3: 1.8rem;
--line-height: 1.6;
--transition-standard: all 0.3s ease;
}
/* 基本重置 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
html, body {
height: 100%;
width: 100%;
}
body {
font-family: 'Space Mono', monospace, system-ui;
line-height: var(--line-height);
background-color: var(--bg-color);
color: var(--text-color);
overflow-x: hidden;
position: relative;
font-size: var(--font-size-base);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* 基本容器設定 */
.container {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding: 2rem 0;
}
/* 頁面區域 */
section {
display: none;
min-height: 70vh;
padding: 2rem 0;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
section.active {
display: block;
opacity: 1;
transform: translateY(0);
}
/* 頁首設計 */
header {
text-align: center;
padding: 3rem 0 1rem;
}
.header-subtitle {
font-size: 1.2rem;
margin-top: 0.5rem;
color: rgba(255, 255, 255, 0.7);
font-family: 'Rajdhani', sans-serif;
}
/* 導航菜單 */
nav.desktop-nav {
display: flex;
justify-content: center;
gap: 1rem;
padding: 1rem 0;
flex-wrap: wrap;
}
/* 霓虹按鈕 - 關鍵元素 */
.neon-button {
position: relative;
background-color: transparent;
color: #fff;
border: 2px solid var(--neon-border-color);
border-radius: 5px;
padding: 0.5rem 1.5rem;
font-size: 1rem;
cursor: pointer;
transition: all 0.3s ease;
font-family: 'Rajdhani', sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
overflow: hidden;
box-shadow: 0 0 5px var(--neon-border-color), inset 0 0 5px var(--neon-border-color);
text-shadow: 0 0 5px var(--neon-border-color);
}
.neon-button:hover, .neon-button:focus {
background-color: var(--neon-border-color);
color: #000;
box-shadow: 0 0 20px var(--neon-border-color), inset 0 0 10px #fff;
text-shadow: 0 0 5px #fff;
}
.neon-button.active {
background-color: var(--neon-border-color);
color: #000;
box-shadow: 0 0 15px var(--neon-border-color), inset 0 0 5px #fff;
text-shadow: none;
}
.neon-button i {
margin-right: 0.5rem;
vertical-align: middle;
}
/* Glitch 標題效果 - 首屏關鍵元素 */
.glitch {
font-family: 'Rajdhani', sans-serif;
font-size: 4rem;
font-weight: bold;
text-transform: uppercase;
position: relative;
text-
Open service 2a06:98c1:310d::6812:2bae:8443 · sunofficial.top
2026-01-05 15:33
Open service 2606:4700:4407::ac40:9052:8443 · sunofficial.top
2026-01-05 15:33
Open service 104.18.43.174:80 · sunofficial.top
2026-01-05 15:33
HTTP/1.1 301 Moved Permanently
Date: Mon, 05 Jan 2026 15:33:53 GMT
Content-Length: 0
Connection: close
Location: https://sunofficial.top/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=gqCHaubxaouJC3Bl4tBAoyuhROpgaa2bL36BWoakJe%2F6MXLTpSI6TYvNs5cChvexwPIaoALYUsbZ5MhQ66r6kjqad%2F8FbtGEc0y9Zt%2F25w%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b9409644f4cc195-BLR
alt-svc: h3=":443"; ma=86400
Open service 104.18.43.174:443 · sunofficial.top
2026-01-05 15:33
HTTP/1.1 200 OK
Date: Mon, 05 Jan 2026 15:33:54 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
Last-Modified: Sun, 01 Jun 2025 05:33:31 GMT
Access-Control-Allow-Origin: *
expires: Mon, 05 Jan 2026 15:43:54 GMT
Cache-Control: max-age=600
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=rXxMJzx3HmH2zgsQrwuLp%2Bfx0p9e7w6iGdxkbiyFrY58z%2B8k9so%2Fzb3ZtPqc6K%2BLmYp0wFT0mv7D5tXlIzSzqXS47w1R%2Bzk3StnVPXOW2g%3D%3D"}]}
x-proxy-cache: MISS
X-GitHub-Request-Id: C1E8:3B6F7D:335AB:383D6:695BD9DF
Via: 1.1 varnish
Age: 0
X-Served-By: cache-bom-vanm7210062-BOM
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767627234.354460,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 3603dc74a08f84a833a9c5dc2aec350d64d1541b
cf-cache-status: DYNAMIC
CF-RAY: 9b9409665800e8e0-BLR
alt-svc: h3=":443"; ma=86400
Page title: Sun Portfolio | SunOfficial
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Sun Portfolio - SunOfficial">
<!-- 添加字體顯示優化設定 -->
<meta name="theme-color" content="#0a0a0a">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="mobile-web-app-capable" content="yes">
<title>Sun Portfolio | SunOfficial</title>
<!-- 標準 favicon 引用 -->
<link rel="icon" type="image/x-icon" href="favicon.ico">
<!-- 添加快取控制標頭 -->
<meta http-equiv="Cache-Control" content="max-age=31536000">
<!-- 預加載關鍵資源 -->
<link rel="preload" href="terminal.js" as="script" crossorigin>
<link rel="preload" href="tabs.js" as="script" crossorigin>
<link rel="preload" href="script.js" as="script" crossorigin>
<!-- 內聯關鍵 CSS -->
<style>
:root {
--neon-text-color: #f40;
--neon-border-color: #08f;
--bg-color: #0a0a0a;
--text-color: #fff;
--font-size-base: 16px;
--font-size-h1: 3rem;
--font-size-h2: 2.5rem;
--font-size-h3: 1.8rem;
--line-height: 1.6;
--transition-standard: all 0.3s ease;
}
/* 基本重置 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
html, body {
height: 100%;
width: 100%;
}
body {
font-family: 'Space Mono', monospace, system-ui;
line-height: var(--line-height);
background-color: var(--bg-color);
color: var(--text-color);
overflow-x: hidden;
position: relative;
font-size: var(--font-size-base);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* 基本容器設定 */
.container {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding: 2rem 0;
}
/* 頁面區域 */
section {
display: none;
min-height: 70vh;
padding: 2rem 0;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
section.active {
display: block;
opacity: 1;
transform: translateY(0);
}
/* 頁首設計 */
header {
text-align: center;
padding: 3rem 0 1rem;
}
.header-subtitle {
font-size: 1.2rem;
margin-top: 0.5rem;
color: rgba(255, 255, 255, 0.7);
font-family: 'Rajdhani', sans-serif;
}
/* 導航菜單 */
nav.desktop-nav {
display: flex;
justify-content: center;
gap: 1rem;
padding: 1rem 0;
flex-wrap: wrap;
}
/* 霓虹按鈕 - 關鍵元素 */
.neon-button {
position: relative;
background-color: transparent;
color: #fff;
border: 2px solid var(--neon-border-color);
border-radius: 5px;
padding: 0.5rem 1.5rem;
font-size: 1rem;
cursor: pointer;
transition: all 0.3s ease;
font-family: 'Rajdhani', sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
overflow: hidden;
box-shadow: 0 0 5px var(--neon-border-color), inset 0 0 5px var(--neon-border-color);
text-shadow: 0 0 5px var(--neon-border-color);
}
.neon-button:hover, .neon-button:focus {
background-color: var(--neon-border-color);
color: #000;
box-shadow: 0 0 20px var(--neon-border-color), inset 0 0 10px #fff;
text-shadow: 0 0 5px #fff;
}
.neon-button.active {
background-color: var(--neon-border-color);
color: #000;
box-shadow: 0 0 15px var(--neon-border-color), inset 0 0 5px #fff;
text-shadow: none;
}
.neon-button i {
margin-right: 0.5rem;
vertical-align: middle;
}
/* Glitch 標題效果 - 首屏關鍵元素 */
.glitch {
font-family: 'Rajdhani', sans-serif;
font-size: 4rem;
font-weight: bold;
text-transform: uppercase;
position: relative;
text-
Open service 2a06:98c1:310d::6812:2bae:443 · sunofficial.top
2026-01-05 15:33
HTTP/1.1 200 OK
Date: Mon, 05 Jan 2026 15:33:54 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
Last-Modified: Sun, 01 Jun 2025 05:33:31 GMT
Access-Control-Allow-Origin: *
expires: Mon, 05 Jan 2026 15:43:54 GMT
Cache-Control: max-age=600
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=TE5Kk3Ie3MWhVcwgMo0TF2IB7zJAVzowWaFRqg8sVg7WwAIQCKPGtkAj%2Fi4PABxIUhaA6%2F%2BR6F3HPABWN%2FH036Vh61i3vTT8tQfoqOwl4Le66wfpByQdESnSLw%3D%3D"}]}
x-proxy-cache: MISS
X-GitHub-Request-Id: E2DF:BB2F8:310D45:361671:695BD9DA
Via: 1.1 varnish
Age: 0
X-Served-By: cache-lga21953-LGA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767627234.068615,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: fecf9d84555bec2a0d1f7f2e3de7c7e136c07808
cf-cache-status: DYNAMIC
CF-RAY: 9b940964cf7d41ed-EWR
alt-svc: h3=":443"; ma=86400
Page title: Sun Portfolio | SunOfficial
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Sun Portfolio - SunOfficial">
<!-- 添加字體顯示優化設定 -->
<meta name="theme-color" content="#0a0a0a">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="mobile-web-app-capable" content="yes">
<title>Sun Portfolio | SunOfficial</title>
<!-- 標準 favicon 引用 -->
<link rel="icon" type="image/x-icon" href="favicon.ico">
<!-- 添加快取控制標頭 -->
<meta http-equiv="Cache-Control" content="max-age=31536000">
<!-- 預加載關鍵資源 -->
<link rel="preload" href="terminal.js" as="script" crossorigin>
<link rel="preload" href="tabs.js" as="script" crossorigin>
<link rel="preload" href="script.js" as="script" crossorigin>
<!-- 內聯關鍵 CSS -->
<style>
:root {
--neon-text-color: #f40;
--neon-border-color: #08f;
--bg-color: #0a0a0a;
--text-color: #fff;
--font-size-base: 16px;
--font-size-h1: 3rem;
--font-size-h2: 2.5rem;
--font-size-h3: 1.8rem;
--line-height: 1.6;
--transition-standard: all 0.3s ease;
}
/* 基本重置 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
html, body {
height: 100%;
width: 100%;
}
body {
font-family: 'Space Mono', monospace, system-ui;
line-height: var(--line-height);
background-color: var(--bg-color);
color: var(--text-color);
overflow-x: hidden;
position: relative;
font-size: var(--font-size-base);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* 基本容器設定 */
.container {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding: 2rem 0;
}
/* 頁面區域 */
section {
display: none;
min-height: 70vh;
padding: 2rem 0;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
section.active {
display: block;
opacity: 1;
transform: translateY(0);
}
/* 頁首設計 */
header {
text-align: center;
padding: 3rem 0 1rem;
}
.header-subtitle {
font-size: 1.2rem;
margin-top: 0.5rem;
color: rgba(255, 255, 255, 0.7);
font-family: 'Rajdhani', sans-serif;
}
/* 導航菜單 */
nav.desktop-nav {
display: flex;
justify-content: center;
gap: 1rem;
padding: 1rem 0;
flex-wrap: wrap;
}
/* 霓虹按鈕 - 關鍵元素 */
.neon-button {
position: relative;
background-color: transparent;
color: #fff;
border: 2px solid var(--neon-border-color);
border-radius: 5px;
padding: 0.5rem 1.5rem;
font-size: 1rem;
cursor: pointer;
transition: all 0.3s ease;
font-family: 'Rajdhani', sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
overflow: hidden;
box-shadow: 0 0 5px var(--neon-border-color), inset 0 0 5px var(--neon-border-color);
text-shadow: 0 0 5px var(--neon-border-color);
}
.neon-button:hover, .neon-button:focus {
background-color: var(--neon-border-color);
color: #000;
box-shadow: 0 0 20px var(--neon-border-color), inset 0 0 10px #fff;
text-shadow: 0 0 5px #fff;
}
.neon-button.active {
background-color: var(--neon-border-color);
color: #000;
box-shadow: 0 0 15px var(--neon-border-color), inset 0 0 5px #fff;
text-shadow: none;
}
.neon-button i {
margin-right: 0.5rem;
vertical-align: middle;
}
/* Glitch 標題效果 - 首屏關鍵元素 */
.glitch {
font-family: 'Rajdhani', sans-serif;
font-size: 4rem;
font-weight: bold;
text-transform: uppercase;
position: relative;
text-
Open service 2606:4700:4407::ac40:9052:80 · sunofficial.top
2026-01-05 15:33
HTTP/1.1 301 Moved Permanently
Date: Mon, 05 Jan 2026 15:33:54 GMT
Content-Length: 0
Connection: close
Location: https://sunofficial.top/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=GGVv3O058iaCMQDmJNATjznCvTGpkw5Z5Ih9HhHsdttkTTBJFnwQ17Ko8tafR1hf4Ox29mu3SeOhbXpy%2Bngso30gPafLuKzTjgor21Somr0qVr6spEFm234%2FDg%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b940964ae5d9085-AMS
alt-svc: h3=":443"; ma=86400
Open service 172.64.144.82:443 · sunofficial.top
2026-01-05 15:33
HTTP/1.1 200 OK
Date: Mon, 05 Jan 2026 15:33:54 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
Last-Modified: Sun, 01 Jun 2025 05:33:31 GMT
Access-Control-Allow-Origin: *
expires: Mon, 05 Jan 2026 15:43:54 GMT
Cache-Control: max-age=600
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=ms6ZQfZtFdhcMCBy%2FFooqDKi7XgeIDWlPu1ARruzwGvgmNZ7rq7OR7JhFvw5WqcI1cGuU0PlMTjDtej9qy27V1pF9UIN%2Bar5nXxvVpA%3D"}]}
x-proxy-cache: MISS
X-GitHub-Request-Id: F54A:3E2157:B47A5:B9197:695BD9E1
Via: 1.1 varnish
Age: 0
X-Served-By: cache-lcy-eglc8600033-LCY
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1767627234.308361,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 8d862a32f02198f9e126098c945a509d6237b4ab
cf-cache-status: DYNAMIC
CF-RAY: 9b9409651ba6ed0a-LHR
alt-svc: h3=":443"; ma=86400
Page title: Sun Portfolio | SunOfficial
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Sun Portfolio - SunOfficial">
<!-- 添加字體顯示優化設定 -->
<meta name="theme-color" content="#0a0a0a">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="mobile-web-app-capable" content="yes">
<title>Sun Portfolio | SunOfficial</title>
<!-- 標準 favicon 引用 -->
<link rel="icon" type="image/x-icon" href="favicon.ico">
<!-- 添加快取控制標頭 -->
<meta http-equiv="Cache-Control" content="max-age=31536000">
<!-- 預加載關鍵資源 -->
<link rel="preload" href="terminal.js" as="script" crossorigin>
<link rel="preload" href="tabs.js" as="script" crossorigin>
<link rel="preload" href="script.js" as="script" crossorigin>
<!-- 內聯關鍵 CSS -->
<style>
:root {
--neon-text-color: #f40;
--neon-border-color: #08f;
--bg-color: #0a0a0a;
--text-color: #fff;
--font-size-base: 16px;
--font-size-h1: 3rem;
--font-size-h2: 2.5rem;
--font-size-h3: 1.8rem;
--line-height: 1.6;
--transition-standard: all 0.3s ease;
}
/* 基本重置 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
html, body {
height: 100%;
width: 100%;
}
body {
font-family: 'Space Mono', monospace, system-ui;
line-height: var(--line-height);
background-color: var(--bg-color);
color: var(--text-color);
overflow-x: hidden;
position: relative;
font-size: var(--font-size-base);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* 基本容器設定 */
.container {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding: 2rem 0;
}
/* 頁面區域 */
section {
display: none;
min-height: 70vh;
padding: 2rem 0;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
section.active {
display: block;
opacity: 1;
transform: translateY(0);
}
/* 頁首設計 */
header {
text-align: center;
padding: 3rem 0 1rem;
}
.header-subtitle {
font-size: 1.2rem;
margin-top: 0.5rem;
color: rgba(255, 255, 255, 0.7);
font-family: 'Rajdhani', sans-serif;
}
/* 導航菜單 */
nav.desktop-nav {
display: flex;
justify-content: center;
gap: 1rem;
padding: 1rem 0;
flex-wrap: wrap;
}
/* 霓虹按鈕 - 關鍵元素 */
.neon-button {
position: relative;
background-color: transparent;
color: #fff;
border: 2px solid var(--neon-border-color);
border-radius: 5px;
padding: 0.5rem 1.5rem;
font-size: 1rem;
cursor: pointer;
transition: all 0.3s ease;
font-family: 'Rajdhani', sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
overflow: hidden;
box-shadow: 0 0 5px var(--neon-border-color), inset 0 0 5px var(--neon-border-color);
text-shadow: 0 0 5px var(--neon-border-color);
}
.neon-button:hover, .neon-button:focus {
background-color: var(--neon-border-color);
color: #000;
box-shadow: 0 0 20px var(--neon-border-color), inset 0 0 10px #fff;
text-shadow: 0 0 5px #fff;
}
.neon-button.active {
background-color: var(--neon-border-color);
color: #000;
box-shadow: 0 0 15px var(--neon-border-color), inset 0 0 5px #fff;
text-shadow: none;
}
.neon-button i {
margin-right: 0.5rem;
vertical-align: middle;
}
/* Glitch 標題效果 - 首屏關鍵元素 */
.glitch {
font-family: 'Rajdhani', sans-serif;
font-size: 4rem;
font-weight: bold;
text-transform: uppercase;
position: relative;
text-
Open service 2a06:98c1:310d::6812:2bae:80 · sunofficial.top
2026-01-05 15:33
HTTP/1.1 301 Moved Permanently
Date: Mon, 05 Jan 2026 15:33:54 GMT
Content-Length: 0
Connection: close
Location: https://sunofficial.top/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=FFDDtEDAagD1vW3GIdb8g0O5CVW2T%2Fj3pO6uh%2FabuFBw75nVProhApiAqdNGeSpV8d5%2Bs8qATKdIJYyHNftW%2BXzNXJnEV4jAM6F0eWqMspxCvw7aSAuta1Szyg%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b9409646bc6dc74-FRA
alt-svc: h3=":443"; ma=86400
Open service 172.64.144.82:8443 · sunofficial.top
2026-01-05 15:33
Open service 104.18.35.15:443 · mc-traffic.sunofficial.top
2026-01-05 15:32
HTTP/1.1 302 Found
Date: Mon, 05 Jan 2026 15:32:43 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Cache-Control: no-store
location: /login
x-content-type-options: nosniff
x-frame-options: deny
x-xss-protection: 1; mode=block
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=OEcHcHSIOMPMHuW7frdK9YaWOkkAXMkJWE%2BRDlY1f8t%2FFX9Q46xvqK0O9MeaMj2T6f6T7XRsbyze%2B9Q%2Fqx4xTBwOLwFhckg8VpY8QCKW54AY60NjaHRnLKAc"}]}
Server: cloudflare
CF-RAY: 9b9407a8ec1a5ace-BLR
alt-svc: h3=":443"; ma=86400
<a href="/login">Found</a>.
Open service 104.18.35.15:80 · mc-traffic.sunofficial.top
2026-01-05 15:32
HTTP/1.1 302 Found
Date: Mon, 05 Jan 2026 15:32:42 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Cache-Control: no-store
location: /login
x-content-type-options: nosniff
x-frame-options: deny
x-xss-protection: 1; mode=block
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=FxxQWc5hPOLoWKZ5vKqTGlRlBXg9QvD8rgIONHNDOMTxH6OhGvzFb67NF4ElTSNul9G%2FbRRo4GlNU6PD%2FamjGbtGws17R%2BaTQC3Z1ut%2ByvcEMniCUMeOqzy0"}]}
Server: cloudflare
CF-RAY: 9b9407a7beed7b39-SIN
alt-svc: h3=":443"; ma=86400
<a href="/login">Found</a>.
Open service 172.64.152.241:8443 · mc-traffic.sunofficial.top
2026-01-05 15:32
HTTP/1.1 302 Found
Date: Mon, 05 Jan 2026 15:32:43 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Cache-Control: no-store
location: /login
x-content-type-options: nosniff
x-frame-options: deny
x-xss-protection: 1; mode=block
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=4LgobrwgLZF8dgzVnxOyThxVfbDxl7BnBvFkg8wEeSFB3H2QmaxSnzA%2Bqy3lCG1Aq0PWifdU%2FhcXaoQ2a9fWxfj%2BbRZZ2rE%2FjPogZcQ8eer0Ji%2B0NopND7pW"}]}
Server: cloudflare
CF-RAY: 9b9407ab08693431-LHR
alt-svc: h3=":8443"; ma=86400
<a href="/login">Found</a>.
Open service 2a06:98c1:310d::6812:2bae:443 · mc-traffic.sunofficial.top
2026-01-05 15:32
HTTP/1.1 302 Found
Date: Mon, 05 Jan 2026 15:32:43 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Cache-Control: no-store
location: /login
x-content-type-options: nosniff
x-frame-options: deny
x-xss-protection: 1; mode=block
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=9%2BMIX8k9CyjRVdjzMmlMqdxFDTiJl8uSXjhSOBneJOgpJn0ygzey3vQlG%2BkpJowOAYxKNxuHMuBbFILwGJ1NUkA4PSBUi2owshl5nWdrRp6KeKmkdMOFa0YCp1xU0DG%2FSGsz%2B4Ox"}]}
Server: cloudflare
CF-RAY: 9b9407a98a8417f8-SIN
alt-svc: h3=":443"; ma=86400
<a href="/login">Found</a>.
Open service 2606:4700:4407::ac40:9052:443 · mc-traffic.sunofficial.top
2026-01-05 15:32
HTTP/1.1 302 Found
Date: Mon, 05 Jan 2026 15:32:44 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Cache-Control: no-store
location: /login
x-content-type-options: nosniff
x-frame-options: deny
x-xss-protection: 1; mode=block
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=Jq%2FEj1OGedG5ljoEFn4hvtwt%2FCGRz7vmXYxjZgAQZSleBookr69RZQPUJQYtSJqpM77AkBaHJLyXkhPvjvwFoTuYnJhLTADA7cVJywlLZ2pKaL9yIrpJvmB5RHgcaKzMjuxmskcO"}]}
Server: cloudflare
CF-RAY: 9b9407ac09fbb295-EWR
alt-svc: h3=":443"; ma=86400
<a href="/login">Found</a>.
Open service 2606:4700:4407::ac40:9052:8443 · mc-traffic.sunofficial.top
2026-01-05 15:32
HTTP/1.1 302 Found
Date: Mon, 05 Jan 2026 15:32:44 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Cache-Control: no-store
location: /login
x-content-type-options: nosniff
x-frame-options: deny
x-xss-protection: 1; mode=block
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=jah7%2FY954FPcuOwepzz6ltyLVl%2Fd8KVgASaZPuTcF128eoYbf%2BTaADGvt8rUjZDU5D9TwxHKn7nkYCYpL4rxjHqC6bQJMrp55p5EQgLIgrS3bLaKOe7G4DXto81ofjsf7ocnhpV0"}]}
Server: cloudflare
CF-RAY: 9b9407ac1aa91705-EWR
alt-svc: h3=":8443"; ma=86400
<a href="/login">Found</a>.
Open service 172.64.152.241:443 · mc-traffic.sunofficial.top
2026-01-05 15:32
HTTP/1.1 302 Found
Date: Mon, 05 Jan 2026 15:32:44 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Cache-Control: no-store
location: /login
x-content-type-options: nosniff
x-frame-options: deny
x-xss-protection: 1; mode=block
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=dvi%2FbfXqIm%2FG8XOGZ3l441Pic5s4bwreKBHcWeU1f8Kcb2asEB71h6S1hSEFWPI%2B%2B2TCknTclf4u%2FxCwl4gzi1veU8Nh%2BieVwL9dslz%2FTWlK9ozGHsMxZAyV"}]}
Server: cloudflare
CF-RAY: 9b9407a9dffec6b6-LHR
alt-svc: h3=":443"; ma=86400
<a href="/login">Found</a>.
Open service 104.18.35.15:8443 · mc-traffic.sunofficial.top
2026-01-05 15:32
HTTP/1.1 302 Found
Date: Mon, 05 Jan 2026 15:32:44 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Cache-Control: no-store
location: /login
x-content-type-options: nosniff
x-frame-options: deny
x-xss-protection: 1; mode=block
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=JGW9T7A4I5l%2BxkgAZIuRS%2B%2BGOfIHTUk%2B%2F0Gn9BuYalfaDLvePOlgU929vohGbMDfPbExqbzUMWurSmkUpLQr7qe9ZmNOUZvAhiksD%2FikifzlUnSd%2B7K18WjZ"}]}
Server: cloudflare
CF-RAY: 9b9407ab8c1542b5-EWR
alt-svc: h3=":8443"; ma=86400
<a href="/login">Found</a>.
Open service 172.64.152.241:80 · mc-traffic.sunofficial.top
2026-01-05 15:32
HTTP/1.1 302 Found
Date: Mon, 05 Jan 2026 15:32:43 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Cache-Control: no-store
location: /login
x-content-type-options: nosniff
x-frame-options: deny
x-xss-protection: 1; mode=block
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=rN9BF9CBYXQXxO9J%2B%2Bi%2B7wDJnAwxA3dcaNAyvnvDGs8vQgcSeuBwZDD1xZyGFeVbNe3j3b9e0FMSTeC7Lc%2F5KKytscshJG%2FGU3VVfTC23z0616dMxGW08dpJ"}]}
Server: cloudflare
CF-RAY: 9b9407a99cc5cee6-FRA
alt-svc: h3=":443"; ma=86400
<a href="/login">Found</a>.
Open service 2a06:98c1:310d::6812:2bae:8443 · mc-traffic.sunofficial.top
2026-01-05 15:32
HTTP/1.1 302 Found
Date: Mon, 05 Jan 2026 15:32:44 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Cache-Control: no-store
location: /login
x-content-type-options: nosniff
x-frame-options: deny
x-xss-protection: 1; mode=block
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=GFKujUSK6W1%2F%2F5B8DQPelsy1v9ElkoQerEx%2Fvtm1X5CW%2FFdQc6yY2EJ2AQLFERpZm76VkYRPeVVx20BtkwGSrcokIsm7hYaQH5BXeSWaowTvIDxTC1dx8JYnkFtbpdATX%2BIDNCOp"}]}
Server: cloudflare
CF-RAY: 9b9407ab4ed7051b-YYZ
alt-svc: h3=":8443"; ma=86400
<a href="/login">Found</a>.
Open service 2a06:98c1:310d::6812:2bae:80 · mc-traffic.sunofficial.top
2026-01-05 15:32
HTTP/1.1 302 Found
Date: Mon, 05 Jan 2026 15:32:43 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Cache-Control: no-store
location: /login
x-content-type-options: nosniff
x-frame-options: deny
x-xss-protection: 1; mode=block
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=dUaQmBizw4pyG%2FlIGtK1jMJ4zTn8dXhNDBBLpZGIMcd%2FRgFQnp0kGe9Q4E1sEpbR052BSNFy7x9hylhyrOlyzoKWNS%2FqyUBUkYD%2F0QhTwvBmEQyDMJeIUBIS5pXzlzKDz3SHPOI1"}]}
Server: cloudflare
CF-RAY: 9b9407a959e39f14-FRA
alt-svc: h3=":443"; ma=86400
<a href="/login">Found</a>.
Open service 2606:4700:4407::ac40:9052:80 · mc-traffic.sunofficial.top
2026-01-05 15:32
HTTP/1.1 302 Found
Date: Mon, 05 Jan 2026 15:32:43 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Cache-Control: no-store
location: /login
x-content-type-options: nosniff
x-frame-options: deny
x-xss-protection: 1; mode=block
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=w5hyzL0AkyFGlb3xrZ0wslcp6Br95N7b%2FtFKPmi4AbMQMxKdRJcsvpSal6jN%2FM7CmyXwU8Dyw0WppjcT1ZsmBMuHMQEeYyczpocM1r%2BWUkrvZZx6MT0WwSdTcDbJrzB%2BrIVkcA%3D%3D"}]}
Server: cloudflare
CF-RAY: 9b9407a94cbb6904-FRA
alt-svc: h3=":443"; ma=86400
<a href="/login">Found</a>.