/* 基礎設定 */
* { box-sizing: border-box; margin: 0; padding: 0; font-family: "Microsoft JhengHei", sans-serif; }
body, html { height: 100%; width: 100%; overflow: hidden; }

/* 鎖定畫面 */
.gate-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.85);
    display: flex; justify-content: center; align-items: center;
    z-index: 9999; backdrop-filter: blur(5px);
    transition: opacity 0.5s ease;
}

.login-box {
    background: white; padding: 40px; border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.5); text-align: center;
    width: 90%; max-width: 400px;
}
.login-box h2 { margin-bottom: 10px; color: #333; }
.login-box p { margin-bottom: 20px; color: #666; font-size: 14px; }
input { width: 100%; padding: 12px; margin-bottom: 10px; border: 1px solid #ddd; border-radius: 6px; font-size: 16px; text-align: center; }
button { width: 100%; padding: 12px; margin-top: 5px; background: #007bff; color: white; border: none; border-radius: 6px; font-size: 16px; cursor: pointer; transition: background 0.3s; }
button:hover { background: #0056b3; }
button:disabled { background: #ccc; cursor: not-allowed; }
#back-btn { background: transparent; color: #666; margin-top: 10px; font-size: 14px; text-decoration: underline; padding: 5px; }
#message { margin-top: 15px; font-size: 14px; color: #e74c3c; min-height: 20px; }
.resend-hint { font-size: 12px; color: #999; margin-bottom: 10px; text-align: left; }

#content-area { width: 100%; height: 100%; position: relative; }
iframe { width: 100%; height: 100%; display: block; border: none; }

/* --- 修正後的按鈕與標籤樣式 --- */

/* 登出按鈕 (右下) - 寬度設為 auto 以適應增加的文字 */
#logout-btn {
    position: absolute; 
    bottom: 10px; 
    right: 20px;
    background: rgba(255, 255, 255, 0.9); 
    border: 1px solid #ccc; 
    color: #333;
    width: auto; /* 自動寬度 */
    padding: 8px 15px; 
    border-radius: 4px; 
    font-size: 13px; 
    cursor: pointer; 
    z-index: 100;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    display: flex; /* 讓文字並排 */
    align-items: center;
    gap: 5px;
}
#logout-btn:hover { background: white; }

/* 到期日文字樣式 */
.expire-badge {
    color: #e74c3c; /* 讓日期顯示紅色比較明顯 */
    font-weight: bold;
    font-size: 12px;
}

.hidden { display: none !important; }