/* CSS編寫原則:使用 CSS 變數統一管理顏色，將常用漸層定義為變數，所有 CSS 規則單行化就是CSS的{}裡面的內容都不要有換行，註解還是保留 */
:root { --hero-bg: #0a0a0c; --neon-cyan: #00f2ff; --neon-cyan-glow: rgba(0, 242, 255, 0.5); --neon-gold: #ffd700; --neon-gold-glow: rgba(255, 215, 0, 0.5); --glass-bg: rgba(20, 20, 25, 0.7); --card-border: rgba(255, 255, 255, 0.1); }
.hero-carousel { background: #000; border-bottom: 1px solid var(--card-border); }
.hero-carousel .carousel-item { height: 400px; background: linear-gradient(180deg, #0a0a0c 0%, #151520 100%); }
.hero-carousel .carousel-caption { bottom: 20%; text-align: center; }
.hero-carousel h3, .hero-carousel h1, .carousel-caption h1 { font-size: 3rem !important; font-weight: 800 !important; background: linear-gradient(135deg, #ffffff 20%, var(--neon-cyan) 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-shadow: 0 0 30px var(--neon-cyan-glow) !important; margin-bottom: 1rem; letter-spacing: 2px; display: inline-block; }
.hero-carousel p { font-size: 1.2rem; color: #ccc; max-width: 800px; margin: 0 auto; }
.carousel-control-prev-icon, .carousel-control-next-icon { filter: drop-shadow(0 0 5px var(--neon-cyan)); }
.topa1-header { position: relative; cursor: pointer; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.02); transition: background 0.3s; width: 100%; border-radius: 8px; }
.topa1-header .toggle-btn { position: absolute; right: 2rem; top: 50%; transform: translateY(-50%); }
.topa1-header:hover { background: rgba(255, 255, 255, 0.05); }
.topa1-header .toggle-btn i { transition: transform 0.4s; color: var(--neon-cyan); }
.topa1-header.active .toggle-btn i { transform: rotate(180deg); }
.section-title { text-align: center !important; width: 100%; display: block; margin: 0 auto !important; }
.carousel-inner h1 { font-size: 4rem !important; font-weight: 800; background: linear-gradient(135deg, #ffffff 20%, var(--neon-cyan) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent !important; text-shadow: 0 0 20px var(--neon-cyan-glow); letter-spacing: 2px; text-align: center; margin-bottom: 1.5rem; display: block; }
/* 這事標題圖示齊右 */
.accordion-header h2 { text-align: left !important; width: auto !important; display: inline !important; }
h2.section-title span, h2.section-title i { vertical-align: middle; }
.text-blue-glow { color: var(--neon-cyan) !important; text-shadow: 0 0 10px var(--neon-cyan), 0 0 20px var(--neon-cyan-glow); font-weight: bold; }
@media (max-width: 767px) {
.hero-carousel .carousel-caption { bottom: 10px; text-align: center; }
}