/* 覆蓋 style.css 的背景，確保 tools 頁面有自己的富士山 */
.bg-container {
    background: url('../images/bg.jpg') no-repeat center center/cover !important;
    filter: blur(10px) opacity(0.8) !important; /* 增加模糊度到設計稿要求的感覺 */
}

/* 40% 透明面板校準 */
.glass-panel {
    background: rgba(38, 38, 38, 0.4); 
    border: 6px solid #262626;
    border-radius: 40px;
    padding: 60px 40px;
    width: 80%; /* 解決比例變小的問題 */
    max-width: 850px;
    margin: 100px auto;
    text-align: center;
    box-shadow: 0 20px 50px rgba(0,0,0,0.5); /* 增加陰影質感 */
}

/* 中央的大按鈕 */
.tool-btn {
    display: inline-block;
    background: rgba(242, 242, 242, 0.4); /* #F2F2F2 @ 40% */
    border: 6px solid #FFFFFF;
    border-radius: 100px;
    padding: 20px 60px;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 32px;
    font-weight: bold;
    transition: transform 0.2s, background 0.3s;
}

.tool-btn:hover {
    transform: scale(1.05);
    background: rgba(242, 242, 242, 0.6);
}