feat 加入h2
This commit is contained in:
@@ -43,6 +43,7 @@
|
||||
</p>
|
||||
</header>
|
||||
<div class="container">
|
||||
<h2 class="section-title">鬼神介紹</h2>
|
||||
<!-- 第一排 -->
|
||||
<div class="member-card m1">
|
||||
<div class="member-image"></div>
|
||||
|
||||
+17
-8
@@ -76,16 +76,12 @@ body.njtw5-page .main-header .intro {
|
||||
border-radius: 14px;
|
||||
/* 透明黑底:上淺下深+內光,與標題圖區分層次 */
|
||||
background:
|
||||
linear-gradient(
|
||||
180deg,
|
||||
linear-gradient(180deg,
|
||||
rgba(255, 255, 255, 0.06) 0%,
|
||||
rgba(255, 255, 255, 0) 40%
|
||||
),
|
||||
linear-gradient(
|
||||
180deg,
|
||||
rgba(255, 255, 255, 0) 40%),
|
||||
linear-gradient(180deg,
|
||||
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-top-color: rgba(255, 220, 120, 0.22);
|
||||
box-shadow:
|
||||
@@ -106,6 +102,18 @@ body.njtw5-page .container {
|
||||
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 {
|
||||
min-width: 0;
|
||||
width: 100%;
|
||||
@@ -200,6 +208,7 @@ body.njtw5-page .role {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 768px) {
|
||||
body.njtw5-page .container {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
|
||||
Reference in New Issue
Block a user