/* STREAMING_CHUNK: Setting up core typography and background... */
body, html {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-color: #000205;
font-family: 'Segoe UI', 'Microsoft JhengHei', Tahoma, Geneva, Verdana, sans-serif;
user-select: none;
}

#canvas-container {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}

/* STREAMING_CHUNK: Designing glowing sci-fi borders and button hover actions... /
/ 霓虹發光特效 */
.neon-glow-cyan {
text-shadow: 0 0 10px rgba(0, 234, 255, 0.6), 0 0 20px rgba(0, 150, 255, 0.3);
}

.neon-border-cyan {
box-shadow: 0 0 15px rgba(0, 234, 255, 0.2), inset 0 0 15px rgba(0, 234, 255, 0.1);
border: 1px solid rgba(0, 234, 255, 0.3);
}

/* 科技風按鈕 */
.tech-btn {
background: rgba(0, 10, 30, 0.75);
border: 1px solid rgba(0, 150, 255, 0.4);
color: #00eaff;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
position: relative;
overflow: hidden;
cursor: pointer;
pointer-events: auto;
}

.tech-btn:hover {
background: rgba(0, 234, 255, 0.15);
border-color: #00eaff;
box-shadow: 0 0 15px rgba(0, 234, 255, 0.4);
text-shadow: 0 0 5px #00eaff;
}

.tech-btn:active {
transform: scale(0.95);
}

.tech-btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(0, 234, 255, 0.2), transparent);
transition: 0.5s;
}

.tech-btn:hover::before {
left: 100%;
}

/* STREAMING_CHUNK: Managing container pointer flow and custom fadeouts... /
/ 指針事件控制（穿透 UI 層） */
.interactive-none {
pointer-events: none;
}

.interactive-auto {
pointer-events: auto;
}

/* 確保 1.5 秒的漸變能流暢運作（Tailwind 預設無 duration-1500） */
#fade-overlay {
transition: opacity 1.5s ease-in-out !important;
}