/* 重置基礎設定 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, html {
    height: 100%;
    background-color: #0f0f0f; 
    color: #d1d1d1;
    font-family: "Segoe UI", "Microsoft JhengHei", sans-serif;
    overflow: hidden; 
}

/* Top Bar: 靠右、小字、中度灰 */
.top_bar {
    position: absolute;
    top: 25px;
    right: 30px; 
    font-size: 12px;
    letter-spacing: 1px;
    z-index: 10;
}

.top_bar a {
    color: #777; /* 稍微提亮連結顏色 */
    text-decoration: none;
    transition: color 0.3s ease;
}

.top_bar a:hover {
    color: #ffffff;
}

/* 主內容：水平垂直絕對置中 */
.main_content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.tt a {
    font-size: 52px;
    font-weight: 200;
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 5px;
    transition: all 0.4s ease;
}

.tt a:hover {
    letter-spacing: 12px;
    color: #4da6ff;
    text-shadow: 0px 0px 15px rgba(77, 166, 255, 0.4);
}

/* Footer: 靠右下角、微亮的深灰 (不刺眼但清晰) */
.footer {
    position: absolute;
    bottom: 25px;
    right: 30px;
    font-size: 11px;
    color: #6a6a6a; /* 調升亮度至中深灰 */
    letter-spacing: 0.5px;
    text-transform: lowercase; /* 降低侵略感 */
    opacity: 0.8; /* 加上一點透明度，使其與背景更融合 */
}