/* 主体样式 */
body {
    background-color: #f5f7fa;
    font-family: 'Noto Sans TC', '微軟正黑體', Arial, sans-serif;
    color: #333;
}



/* 其他自定义样式 */
/* 特殊样式 */
.copy-button {
    margin-top: 10px;
}

.copy-message {
    margin-top: 5px;
    color: green;
    font-weight: bold;
    text-align: center;
}

/* 提示文字样式 */
.hint-text {
    color: #005691;
    font-size: 0.9em;
}

#results .hint-text {
    font-size: 1.2em;
}

.form-group label {
    font-weight: normal;
}

.form-group {
    display: flex;
    flex-wrap: wrap;
}

.form-group label {
    margin-right: 10px;
    margin-bottom: 5px;
}

/* 消息提示区域 */
.message {
    background-color: #005691;
    margin-top: 20px;
    color: white;
    font-weight: bold;
    display: none;
    text-align: center;
}




/* 適用於整個 HTML 文件 */
html {
    /*讓自動滾動時更順暢 - 切換分頁時 頁面回到原來高度時更順暢，back-to-top 時候也是*/
    scroll-behavior: smooth;
}