/* 页面宽度设置 */
#div_head, #div_main, #div_tips, #div_list {
    margin: 8px auto;
    min-width: 360px;
    max-width: 600px;
    word-break: break-all;
}

/* 页首信息区样式 */
#div_head h1 {
    color: black;
    text-align: center;
}

/* 主要功能区样式 */
#div_main {
    text-align: center;
}

/* 输入框样式 */
#url_code {
    width: 80%;
    padding: 8px;
    margin-bottom: 8px;
    box-sizing: border-box;
}

/* 按钮样式 */
#buttons {
    text-align: center;
}

button {
    color: blue;
    border: 1px solid blue;
    border-radius: 4px;
    background-color: white;
    margin: 8px;
    padding: 8px 16px;
    cursor: pointer;
}

button:hover {
    background-color: LightSkyBlue;
}

/* 信息提示区样式 */
#div_tips {
    text-align: center;
    color: black;
    padding: 8px;
    border: 1px dashed red;
}

/* 错误和成功提示 */
.error { color: red; }
.success { color: blue; }

/* 数据列表区样式 */

table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 16px;
}

th, td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

th {
    background-color: #f2f2f2;
    text-align: center;
}

/* 列宽设置 */
th:nth-child(1) { min-width: 40px; }
th:nth-child(2) { min-width: 200px; }
th:nth-child(3) { min-width: 80px; }