/* 页面容器通用样式 */
.container {
    max-width: 80rem;            /* 1280px */
    margin: 0 auto;
    padding: 1.25rem;            /* 20px */
    font-family: Arial, sans-serif;
}

/* 页面标题样式 */
.blast-title {
    font-size: 1.75rem;          /* 28px */
    font-weight: bold;
    margin-bottom: 1.5625rem;    /* 25px */
}

/* 表单容器 */
.form-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/* 文本区域（FASTA输入框） */
textarea {
    width: 100%;
    max-width: 43.75rem;         /* 700px */
    height: 6.25rem;             /* 100px */
    resize: vertical;
    padding: 0.625rem;           /* 10px */
    border: 1px solid #b91010;
    border-radius: 0.375rem;     /* 6px */
    font-size: 1rem;
    font-family: monospace;
    box-shadow: 0.125rem 0.125rem 0.375rem rgba(0, 0, 0, 0.05);
}

/* 表格容器，支持横向滚动 */
.table-wrapper {
    overflow-x: auto;
    max-width: 100%;
    margin-top: 1.25rem;         /* 20px */
}

/* 表格主样式 */
table {
    width: 100%;
    min-width: 37.5rem;          /* 600px */
    border-collapse: collapse;
    margin-top: 1rem;
    table-layout: fixed;
}
th, td {
    padding: 0.75rem;            /* 12px */
    vertical-align: middle;
    white-space: pre-wrap;
    text-align: left;
    border: 1px solid #ccc;
    font-family: Arial;
    font-size: 0.9375rem;        /* 15px */
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-word;
}
th {
    background-color: #3a6b9c;
    color: white;
    font-size: 1.125rem;         /* 18px */
}

/* 表格交替行背景色 */
tbody tr.row-white {
    background-color: white;
}
tbody tr.row-gray {
    background-color: #e6e6e6;
}

/* 复选框样式 */
input[type="checkbox"] {
    width: 0.75rem;              /* 12px */
    height: 0.75rem;
    cursor: pointer;
}

/* 跳转详情页样式 */
.word-link {
    text-decoration: none;
    font-weight: normal;
    color:#000;
    transition: font-weight 0.2s ease;
}
.word-link:hover {
    font-weight: bold;
}

/* 预格式化的比对区域样式 */
pre {
    margin: 0;
    font-family: monospace;
    font-size: 0.9375rem;
    line-height: 1.4;
    white-space: pre;            /* 禁止自动换行，保留空格换行 */
    overflow-x: auto;            /* 超出横向滚动，不压缩换行 */
    overflow-y: hidden;
}

/* 固定表格列宽比例 */
.table th:first-child,
.table td:first-child {
    width: 5%;
}
.table th:nth-child(2),
.table td:nth-child(2) {
    width: 12.5%;
}
.table th:nth-child(3),
.table td:nth-child(3) {
    width: 35%;
}
.table th:nth-child(4),
.table td:nth-child(4) {
    width: 12.5%;
}
.table th:nth-child(5),
.table td:nth-child(5) {
    width: 35%;
}

/* 通用按钮样式 */
.btn, .btn-run {
    margin-top: 0.75rem;         /* 12px */
    padding: 0.625rem 1.5625rem; /* 10px 25px */
    font-size: 1rem;
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
    border: none;
    border-radius: 0.375rem;     /* 6px */
    cursor: pointer;
    transition: background 0.3s;
    user-select: none;
}
.btn:hover, .btn-run:hover {
    background: linear-gradient(135deg, #2980b9, #1f618d);
}

/* 匹配结果标题样式 */
.result-header {
    margin-top: 2.5rem;          /* 40px */
    font-size: 1.25rem;          /* 20px */
    font-weight: bold;
    text-align: center;
}