.container {
margin: 30px auto;
background: #ffffff;
padding: 30px;
border-radius: 10px;
box-shadow: 0 6px 20px rgba(0,0,0,0.08); /* 更明顯的陰影 */
}
h1 {
color: #2c3e50; /* 深藍色標題 */
text-align: center;
margin-bottom: 30px;
font-size: 2.8em;
padding-bottom: 15px;
border-bottom: 3px solid #4CAF50; /* 綠色底線 */
}
h2 {
color: #34495e; /* 次要標題顏色 */
margin-top: 40px;
margin-bottom: 20px;
font-size: 2em;
padding-bottom: 10px;
border-bottom: 2px solid #e0e0e0;
}
p {
margin-bottom: 15px;
font-size: 1.1em;
}
a {
color: #007bff; /* 藍色連結 */
text-decoration: none;
transition: color 0.3s ease;
}
a:hover {
color: #0056b3; /* 連結懸停變深藍 */
text-decoration: underline;
}
ul {
list-style: disc; /* 圓點列表 */
padding-left: 25px;
margin-bottom: 15px;
}
ol {
list-style: decimal; /* 數字列表 */
padding-left: 25px;
margin-bottom: 15px;
}
li {
margin-bottom: 8px;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 25px;
margin-bottom: 30px;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
th, td {
padding: 12px 15px;
text-align: left;
border: 1px solid #e9ecef; /* 細邊框 */
}
th {
background-color: #6c757d; /* 深灰色表頭 */
color: white;
font-weight: bold;
font-size: 1.1em;
}
tr:nth-child(even) {
background-color: #f2f2f2; /* 偶數行淺灰 */
}
tr:hover {
background-color: #e9ecef; /* 滑鼠懸停效果 */
}
img {
/* max-width: 100%;*/
/* height: auto;*/
/* display: block; /* 讓圖片獨立一行 */
/* margin: 20px auto; /* 圖片置中並上下留白 */
border-radius: 8px; /* 圖片圓角 */
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
hr {
border: none;
border-top: 1px dashed #ced4da; /* 虛線分隔 */
margin: 40px 0;
}