jekkinoopy/sechskies
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

開放本頁nav

Browse Source
This commit is contained in:
jekkinoopy
2026-06-17 15:17:32 +08:00
parent 185451f292
commit 8bd4543822
4 changed files with 70 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files
variety/bangxiao.html
+32 -2
View File
@@ -223,6 +223,33 @@
text-align: center;
}
.bangxiao-page .result-cta {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 1.2rem;
color: var(--color-brand-dark);
font-size: 0.95rem;
font-weight: 700;
text-decoration: none;
border-bottom: 2px solid var(--color-brand);
padding-bottom: 2px;
transition: border-color 0.18s ease, color 0.18s ease;
}
.bangxiao-page .result-cta:hover {
border-color: var(--color-brand-dark);
}
.bangxiao-page .result-cta .cta-arrow {
display: inline-block;
transition: transform 0.2s ease;
}
.bangxiao-page .result-cta:hover .cta-arrow {
transform: translateX(5px);
}
@media (max-width: 540px) {
.bangxiao-page .member-grid {
grid-template-columns: repeat(2, 1fr);
@@ -234,7 +261,7 @@
<body class="bangxiao-page">
<header class="inner-page-header">
<div class="header-inner site-header-inner">
<h1 class="main-title">世紀級寶藏庫</h1>
<h1 class="main-title">世紀級寶藏</h1>
<div class="subtitle-wrap">
<span class="sub-title">LEGENDARY VARIETY ARCHIVE</span>
</div>
@@ -427,7 +454,10 @@
resultEl.html(
'<p class="result-headline">你總共有 <strong>' + totalStr + '</strong> 個節目要補！</p>' +
groupNote
groupNote +
'<a class="result-cta" href="../totoga2/ebook.html" target="_blank" rel="noopener noreferrer">' +
'進坑挖寶囉 <span class="cta-arrow">→</span>' +
'</a>'
);
});
});
variety/variety-shows.html
+18 -48
View File
@@ -6,29 +6,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>水晶男孩｜全員發瘋</title>
<link rel="stylesheet" href="../assets/css/style.css">
<link rel="stylesheet" href="../assets/css/concert.css">
<link rel="stylesheet" href="../assets/css/index.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<link rel="stylesheet" href="../assets/css/tablet.css">
<style>
/* 本頁：對齊 concert.html 深色底＋白卡片；表格僅此頁 */
body.variety-shows-page .variety-shows-container {
padding: 50px 0 40px;
font-family: "PingFang TC", "Microsoft JhengHei", sans-serif;
}
body.variety-shows-page .variety-shows-archive-card {
background: #fff;
border-radius: 16px;
padding: clamp(28px, 4vw, 48px) clamp(20px, 3vw, 56px);
margin-bottom: 0;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0, 0, 0, 0.02);
position: relative;
z-index: 1;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
body.variety-shows-page .variety-shows-toolbar {
display: flex;
flex-wrap: wrap;
@@ -61,11 +42,11 @@
margin: 0 0 0 auto;
}
body.variety-shows-page .variety-shows-archive-card>.variety-table[data-show-tabs][hidden] {
body.variety-shows-page .variety-table[data-show-tabs][hidden] {
display: none;
}
body.variety-shows-page .variety-shows-archive-card>.variety-table[data-show-tabs]+.variety-table[data-show-tabs] {
body.variety-shows-page .variety-table[data-show-tabs]+.variety-table[data-show-tabs] {
margin-top: 2rem;
padding-top: 2rem;
border-top: 1px solid #eee;
@@ -273,16 +254,7 @@
color: #5a4a12;
}
body.variety-shows-page footer {
position: relative;
z-index: 1;
}
@media (max-width: 720px) {
body.variety-shows-page .variety-shows-archive-card {
padding: 20px 14px;
}
body.variety-shows-page .variety-table {
font-size: 0.8rem;
}
@@ -295,7 +267,7 @@
</style>
</head>
<body class="concert-page variety-shows-page">
<body class="variety-shows-page">
<header class="inner-page-header">
<div class="header-inner site-header-inner">
<h1 class="main-title">全員發瘋</h1>
@@ -309,22 +281,21 @@
<canvas id="particles"></canvas>
<div class="variety-shows-toolbar search-section">
<div class="variety-shows-tabs" role="tablist" aria-label="綜藝分類">
<button type="button" class="tab-btn active" role="tab" id="variety-tab-all" data-tab="all"
aria-selected="true" aria-controls="variety-shows">全部</button>
<button type="button" class="tab-btn" role="tab" id="variety-tab-captain" data-tab="captain"
aria-selected="false" aria-controls="variety-shows">隊長帶弟弟</button>
<button type="button" class="tab-btn" role="tab" id="variety-tab-solo" data-tab="solo"
aria-selected="false" aria-controls="variety-shows">各自暴走</button>
<div class="container">
<div class="variety-shows-toolbar">
<div class="variety-shows-tabs" role="tablist" aria-label="綜藝分類">
<button type="button" class="tab-btn active" role="tab" id="variety-tab-all" data-tab="all"
aria-selected="true" aria-controls="variety-shows">全部</button>
<button type="button" class="tab-btn" role="tab" id="variety-tab-captain" data-tab="captain"
aria-selected="false" aria-controls="variety-shows">隊長帶弟弟</button>
<button type="button" class="tab-btn" role="tab" id="variety-tab-solo" data-tab="solo"
aria-selected="false" aria-controls="variety-shows">各自暴走</button>
</div>
<input type="search" id="variety-shows-search" class="search-input" placeholder="搜尋成員或節目…"
autocomplete="off" aria-label="搜尋成員或節目">
</div>
<input type="search" id="variety-shows-search" class="search-input" placeholder="搜尋成員或節目…"
autocomplete="off" aria-label="搜尋成員或節目">
</div>
<main class="concert-container variety-shows-container">
<section id="variety-shows" class="variety-shows-archive" aria-label="全員發瘋">
<div class="variety-shows-archive-card">
<section id="variety-shows" aria-label="全員發瘋" style="overflow-x:auto;-webkit-overflow-scrolling:touch;">
<table class="variety-table" id="captain-brothers" data-show-tabs="all captain">
<colgroup>
<col class="variety-table__col-air">
@@ -739,9 +710,8 @@
<a class="variety-shows-back" href="variety.html#variety"><i class="fa-solid fa-arrow-left"
aria-hidden="true"></i> 返回瘋子與天才</a>
</div>
</section>
</main>
</div>
<footer>
<p>SECHSKIES Fanpage &copy; 2026 - 黃色氣球永遠飄揚</p>