.content-container { max-width: 1000px; margin: 0 auto; padding: var(--spacing-md); font-family: var(--font-main); color: #333; background-color: var(--light-bg); line-height: var(--line-height-main);}

.timeline { position: relative; margin: 40px 0; padding-left: 30px;}
.timeline::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: linear-gradient(to bottom, #ff6b6b, #ffe66d);}

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin: 30px 0;}

.card { position: relative; overflow: hidden; border-radius: 12px; padding: 25px; background-color: white; box-shadow: 0 4px 15px rgba(0,0,0,0.03); transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); border-top: 3px solid transparent;}

.card.highlight { border-top-color: #ff6b6b; transform: translateY(-5px); z-index: 2;}
.card:not(.highlight) { border-top-color: #e0e0e0;}

.card:hover { transform: translateY(-8px); box-shadow: 0 12px 20px rgba(0,0,0,0.08);}

.card-title { font-size: 18px; font-weight: 600; font-family: var(--font-heading); color: var(--primary-color); margin-bottom: var(--spacing-sm); padding-bottom: 8px; border-bottom: 1px dashed rgba(255,107,107,0.2); text-shadow: var(--text-shadow);}

.card.highlight .card-title { font-size: 20px; color: #ff5252;}

.card p { font-size: 14px; line-height: 1.7; color: #555;}

/* 添加日式風格裝飾元素 */
.card::before { content: ''; position: absolute; top: 0; right: 0; width: 40px; height: 40px; border-radius: 0 0 0 12px; background: linear-gradient(135deg, transparent 50%, rgba(255,107,107,0.05) 50%);}

/* 添加圖標元素增強視覺表達 */
.card::after { content: ''; position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; opacity: 0.1;}

.card:nth-child(1)::after { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ff6b6b"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z"/></svg>');}
.card:nth-child(2)::after { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ff6b6b"><path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"/></svg>');}
.card:nth-child(3)::after { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ff6b6b"><path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm-2 14l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z"/></svg>');}

/* 響應式調整 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; gap: 15px;} .card { padding: 20px;} }
.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

/* 整合重複樣式定義 */
:root {
  --primary-color: #ff6b6b;
  --secondary-color: #ffe66d;
  --light-bg: #f9f9f9;
  --card-shadow: 0 3px 10px rgba(0,0,0,0.05);
  --card-radius: 8px;
  --spacing-sm: 15px;
  --spacing-md: 20px;
  --spacing-lg: 30px;
  /* 排版变量 */
  --font-main: 'Noto Sans JP', 'Meiryo', 'ＭＳ ゴシック', sans-serif;
  --font-heading: 'Noto Serif JP', 'ＭＳ 明朝', serif;
  --line-height-main: 1.7;
  --line-height-heading: 1.4;
  --text-shadow: 0 1px 2px rgba(0,0,0,0.03);
}

.timeline-item { position: relative; margin-bottom: var(--spacing-lg); padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: var(--primary-color); border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: var(--spacing-md); margin-top: var(--spacing-md);}
.card { background: white; border-radius: var(--card-radius); padding: var(--spacing-md); box-shadow: var(--card-shadow); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid var(--primary-color);}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; font-family: var(--font-heading); line-height: var(--line-height-heading); margin-bottom: var(--spacing-sm); color: var(--primary-color); border-bottom: 2px solid #f0f0f0; padding-bottom: 10px; text-shadow: var(--text-shadow);}
.content-card p { line-height: 1.8; margin-bottom: var(--spacing-sm); font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { 
  .grid-cards { grid-template-columns: 1fr; gap: var(--spacing-sm); }
  .timeline { padding-left: 15px; }
  .card { padding: var(--spacing-sm); }
}

/* 已整合至上方樣式定義，此處代碼重複已移除 */

/* 已整合至上方樣式定義，此處代碼重複已移除 */

/* 已整合至上方樣式定義，此處代碼重複已移除 */

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card-container > div.card.card-lg.card-election { background-color: #0f5132 !important; border-top-color: #0a3d23 !important; color: white !important;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}
.timeline-marker { position: absolute; left: -34px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #ff6b6b; border: 3px solid white; box-shadow: 0 0 0 2px rgba(255,107,107,0.2);}

.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;}
.card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease;}
.card.highlight { background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(255,107,107,0.02)); border-top: 3px solid #ff6b6b;}
.card:hover { transform: translateY(-5px);}

.content-card h2 { font-size: 24px; margin-bottom: 15px; color: #ff6b6b; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px;}
.content-card p { line-height: 1.8; margin-bottom: 15px; font-size: 15px;}

/* 响应式设计 */
@media (max-width: 768px) { .grid-cards { grid-template-columns: 1fr; } .timeline { padding-left: 15px; } }

.timeline-item { position: relative; margin-bottom: 30px; padding-left: 25px;}