feat 加入h2
This commit is contained in:
@@ -43,6 +43,7 @@
|
|||||||
</p>
|
</p>
|
||||||
</header>
|
</header>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<h2 class="section-title">鬼神介紹</h2>
|
||||||
<!-- 第一排 -->
|
<!-- 第一排 -->
|
||||||
<div class="member-card m1">
|
<div class="member-card m1">
|
||||||
<div class="member-image"></div>
|
<div class="member-image"></div>
|
||||||
|
|||||||
+17
-8
@@ -76,16 +76,12 @@ body.njtw5-page .main-header .intro {
|
|||||||
border-radius: 14px;
|
border-radius: 14px;
|
||||||
/* 透明黑底:上淺下深+內光,與標題圖區分層次 */
|
/* 透明黑底:上淺下深+內光,與標題圖區分層次 */
|
||||||
background:
|
background:
|
||||||
linear-gradient(
|
linear-gradient(180deg,
|
||||||
180deg,
|
|
||||||
rgba(255, 255, 255, 0.06) 0%,
|
rgba(255, 255, 255, 0.06) 0%,
|
||||||
rgba(255, 255, 255, 0) 40%
|
rgba(255, 255, 255, 0) 40%),
|
||||||
),
|
linear-gradient(180deg,
|
||||||
linear-gradient(
|
|
||||||
180deg,
|
|
||||||
rgba(0, 0, 0, 0.38) 0%,
|
rgba(0, 0, 0, 0.38) 0%,
|
||||||
rgba(0, 0, 0, 0.58) 100%
|
rgba(0, 0, 0, 0.58) 100%);
|
||||||
);
|
|
||||||
border: 1px solid rgba(255, 255, 255, 0.14);
|
border: 1px solid rgba(255, 255, 255, 0.14);
|
||||||
border-top-color: rgba(255, 220, 120, 0.22);
|
border-top-color: rgba(255, 220, 120, 0.22);
|
||||||
box-shadow:
|
box-shadow:
|
||||||
@@ -106,6 +102,18 @@ body.njtw5-page .container {
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
body.njtw5-page .container .section-title {
|
||||||
|
grid-column: 1 / -1;
|
||||||
|
margin: 0 0 clamp(4px, 1vw, 10px);
|
||||||
|
padding-bottom: clamp(10px, 2vw, 14px);
|
||||||
|
font-size: clamp(1.2rem, 3.2vw, 1.55rem);
|
||||||
|
font-weight: 800;
|
||||||
|
letter-spacing: 0.06em;
|
||||||
|
text-align: center;
|
||||||
|
color: var(--dark-yellow, #4e492b);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
body.njtw5-page .member-card {
|
body.njtw5-page .member-card {
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -200,6 +208,7 @@ body.njtw5-page .role {
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
body.njtw5-page .container {
|
body.njtw5-page .container {
|
||||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
|
|||||||
Reference in New Issue
Block a user