/* 管理后台：与前台一致的品牌色、模块导航、帮助条与指南页 */
:root, html[data-theme="light"] {
--primary: #1f6f5f;
--secondary: #155446;
--accent: #d98c2b;
--header-bg: #155446;
--header-color: #cfe3da;
--header-link-color: #ffffff;
--breadcrumbs-bg: #1f6f5f;
--breadcrumbs-fg: #d8ebe3;
--breadcrumbs-link-fg: #ffffff;
--link-fg: #1f6f5f;
--link-hover-color: #0f3f34;
--button-bg: #1f6f5f;
--button-hover-bg: #155446;
--default-button-bg: #155446;
--default-button-hover-bg: #0f3f34;
--object-tools-bg: #5f6f6e;
--object-tools-hover-bg: #1c2a2a;
--lab-soft: #e3f1ec;
--lab-warn-bg: #fdf2dc;
--lab-warn-fg: #7b5607;
--lab-ok-bg: #e2f3e8;
--lab-ok-fg: #1f6b3f;
--lab-bad-bg: #fbe3e1;
--lab-bad-fg: #b4362f;
--lab-neutral-bg: #e8ecef;
--lab-neutral-fg: #4a5b63;
}
html[data-theme="dark"] {
--lab-soft: #17332c;
--lab-warn-bg: #3d2f12;
--lab-warn-fg: #f1d38a;
--lab-ok-bg: #16331f;
--lab-ok-fg: #9ad7af;
--lab-bad-bg: #3f1f1c;
--lab-bad-fg: #f3a8a1;
--lab-neutral-bg: #2b3338;
--lab-neutral-fg: #c2cbd0;
}
/* 顶栏：品牌 + 第二行快捷导航 */
#header { flex-wrap: wrap; row-gap: 6px; padding-bottom: 0; }
#site-name a { display: inline-flex; align-items: center; gap: 10px; }
.lab-brand-mark { width: 28px; height: 28px; border-radius: 8px; background: rgba(255,255,255,.14); color: #fff; display: inline-grid; place-items: center; font-weight: 700; font-size: 15px; }
.lab-topnav { flex-basis: 100%; display: flex; gap: 2px; margin: 4px -40px 0; padding: 0 40px; border-top: 1px solid rgba(255,255,255,.12); }
.lab-topnav a { color: #d8ebe3; padding: 9px 12px; font-size: 13px; border-bottom: 2px solid transparent; text-decoration: none; }
.lab-topnav a:hover { color: #fff; }
.lab-topnav a.active { color: #fff; border-bottom-color: var(--accent); font-weight: 600; }
.lab-topnav-spacer { flex: 1; }
@media (max-width: 767px) {
.lab-topnav { margin: 4px -15px 0; padding: 0 15px; overflow-x: auto; }
}
/* 模块标记 */
.lab-mark { width: 34px; height: 34px; border-radius: 9px; background: var(--primary); color: #fff; display: inline-grid; place-items: center; font-weight: 700; font-size: 15px; flex: none; }
.lab-mark-lg { width: 52px; height: 52px; border-radius: 14px; font-size: 24px; }
/* 首页 */
.lab-index #content { padding-top: 12px; width: auto; }
.lab-home { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 28px; align-items: start; }
@media (max-width: 1100px) { .lab-home { grid-template-columns: minmax(0, 1fr); } }
.lab-hero { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 24px; padding: 22px 24px; border-radius: 14px; background: var(--lab-soft); margin-bottom: 26px; }
@media (max-width: 900px) { .lab-hero { grid-template-columns: minmax(0, 1fr); } }
.lab-hero h1 { margin: 0 0 8px; font-size: 22px; color: var(--secondary); }
.lab-hero p { margin: 0; line-height: 1.7; font-size: 13.5px; }
.lab-quick { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.lab-quick-item { display: flex; flex-direction: column; gap: 3px; padding: 12px 14px; border-radius: 10px; background: var(--body-bg); border: 1px solid var(--hairline-color); color: var(--body-fg); text-decoration: none; }
.lab-quick-item:hover { border-color: var(--primary); text-decoration: none; }
.lab-quick-item b { font-size: 14px; color: var(--secondary); }
.lab-quick-item span { font-size: 12px; color: var(--body-quiet-color); line-height: 1.45; }
.lab-quick-item.primary { background: var(--primary); border-color: var(--primary); }
.lab-quick-item.primary b, .lab-quick-item.primary span { color: #fff; }
.lab-quick-item.warn { border-color: #e9c27a; background: var(--lab-warn-bg); }
.lab-quick-item.warn b { color: var(--lab-warn-fg); }
.lab-section { margin-bottom: 30px; }
.lab-section-head { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; margin-bottom: 12px; }
.lab-section-head h2 { margin: 0; font-size: 16px; color: var(--secondary); background: none; padding: 0; }
.lab-section-head p { margin: 0; font-size: 12.5px; color: var(--body-quiet-color); }
.lab-modules { display: grid; grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); gap: 14px; }
@media (max-width: 860px) { .lab-modules { grid-template-columns: minmax(0, 1fr); } }
.lab-module { background: var(--body-bg); border: 1px solid var(--hairline-color); border-radius: 12px; padding: 16px 18px 12px; display: flex; flex-direction: column; gap: 10px; box-shadow: 0 1px 2px rgba(20,40,36,.05); }
.lab-module-head { display: flex; gap: 12px; align-items: flex-start; }
.lab-module-title { flex: 1; min-width: 0; }
.lab-module-title h3 { margin: 0 0 3px; font-size: 15px; }
.lab-module-title h3 a { color: var(--body-fg); }
.lab-module-title p { margin: 0; font-size: 12.5px; line-height: 1.55; color: var(--body-quiet-color); }
.lab-tables { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--hairline-color); }
.lab-tables li { display: flex; align-items: center; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--hairline-color); font-size: 13px; min-width: 0; }
.lab-table-name { font-weight: 600; flex: none; min-width: 7em; }
.lab-table-summary { flex: 1; min-width: 0; color: var(--body-quiet-color); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lab-table-actions { display: flex; gap: 6px; flex: none; align-items: center; }
.lab-pending { display: inline-block; background: var(--lab-warn-bg); color: var(--lab-warn-fg); border-radius: 999px; padding: 1px 9px; font-size: 12px; font-weight: 600; white-space: nowrap; text-decoration: none; }
.lab-pending:hover { text-decoration: underline; color: var(--lab-warn-fg); }
.lab-module-foot { display: flex; gap: 14px; font-size: 12.5px; margin-top: auto; padding-top: 2px; }
.lab-panel { background: var(--body-bg); border: 1px solid var(--hairline-color); border-radius: 12px; padding: 14px 16px; margin-bottom: 14px; }
.lab-panel h2 { margin: 0 0 10px; font-size: 14px; background: none; padding: 0; color: var(--secondary); }
.lab-panel-note { font-size: 12px; color: var(--body-quiet-color); line-height: 1.55; margin: 10px 0 0; }
/* 状态标签与图例 */
.lab-status { display: inline-block; border-radius: 999px; padding: 1px 9px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.lab-status-draft { background: var(--lab-neutral-bg); color: var(--lab-neutral-fg); }
.lab-status-pending { background: var(--lab-warn-bg); color: var(--lab-warn-fg); }
.lab-status-published { background: var(--lab-ok-bg); color: var(--lab-ok-fg); }
.lab-status-rejected { background: var(--lab-bad-bg); color: var(--lab-bad-fg); }
.lab-status-legend { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.lab-status-legend li { display: grid; grid-template-columns: 5em minmax(0, 1fr); gap: 8px; align-items: start; font-size: 12.5px; line-height: 1.5; }
.lab-status-legend-wide { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
/* 列表页 / 编辑页顶部帮助条 */
.lab-help { display: flex; gap: 12px; align-items: flex-start; padding: 12px 16px; margin: 0 0 16px; border-radius: 10px; background: var(--lab-soft); border: 1px solid #c9e2d8; }
html[data-theme="dark"] .lab-help { border-color: #2d5a4d; }
.lab-help-body { flex: 1; min-width: 0; }
.lab-help-body p { margin: 0; font-size: 13px; line-height: 1.6; }
.lab-help-note { color: var(--body-quiet-color); font-size: 12.5px !important; }
.lab-help-status { margin-top: 4px !important; }
.lab-help-ops { margin-top: 6px !important; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: 12.5px !important; }
.lab-help-ops-label { color: var(--body-quiet-color); }
.lab-help-ops span:not(.lab-help-ops-label) { background: var(--body-bg); border: 1px solid var(--hairline-color); border-radius: 999px; padding: 1px 9px; }
.lab-help-ops a { margin-left: auto; white-space: nowrap; }
/* 帮助条之后的右上操作按钮不再上浮，改为帮助条下方靠右一行 */
.lab-help ~ #content-main .object-tools { float: none; position: static; margin: 0 0 14px; padding-left: 0; display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 6px; }
.lab-help ~ #content-main .object-tools li { float: none; margin: 0; height: auto; }
/* 指南页 */
.lab-guide-page #content { max-width: 1240px; }
.lab-guide .lab-lead { font-size: 14px; line-height: 1.7; margin: 0 0 18px; }
.lab-muted { color: var(--body-quiet-color); }
.lab-guide-head { display: flex; gap: 16px; align-items: flex-start; margin-bottom: 20px; }
.lab-guide-head h1 { margin: 2px 0 6px; }
.lab-guide-head .lab-lead { margin-bottom: 4px; }
.lab-guide-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; align-items: start; }
@media (max-width: 1000px) { .lab-guide-grid { grid-template-columns: minmax(0, 1fr); } }
.lab-guide-block { margin-bottom: 22px; }
.lab-guide-block h2 { background: none; padding: 0; margin: 0 0 10px; font-size: 15px; color: var(--secondary); }
.lab-paths { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }
.lab-path { background: var(--body-bg); border: 1px solid var(--hairline-color); border-radius: 12px; padding: 14px 16px; }
.lab-path h3 { margin: 0 0 8px; font-size: 14px; }
.lab-path ol, .lab-steps { margin: 0; padding-left: 1.3em; font-size: 13px; line-height: 1.65; }
.lab-path li, .lab-steps li { margin-bottom: 6px; }
.lab-tips { margin: 0; padding-left: 1.2em; font-size: 13px; line-height: 1.65; }
.lab-tips li { margin-bottom: 6px; }
.lab-guide-side .lab-guide-block { background: var(--body-bg); border: 1px solid var(--hairline-color); border-radius: 12px; padding: 14px 16px; }
.lab-table-cards { display: grid; gap: 12px; }
.lab-table-card { background: var(--body-bg); border: 1px solid var(--hairline-color); border-radius: 12px; padding: 14px 16px; }
.lab-table-card.is-disabled { opacity: .6; }
.lab-table-card h3 { margin: 0 0 6px; font-size: 14px; display: flex; gap: 10px; align-items: center; }
.lab-table-card p { margin: 0 0 6px; font-size: 13px; line-height: 1.6; }
.lab-ops { display: flex; flex-wrap: wrap; gap: 6px; }
.lab-ops span { background: var(--lab-soft); border-radius: 999px; padding: 1px 9px; font-size: 12px; }
.lab-table-card-links { margin-top: 8px !important; display: flex; gap: 8px; align-items: center; }
.lab-table-card-links .button { padding: 5px 12px; }
.lab-sibling-links { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.lab-sibling-links a { background: var(--lab-soft); border-radius: 999px; padding: 2px 10px; font-size: 12.5px; }
/* 待审核总览 */
.lab-review-table { width: 100%; border-collapse: collapse; background: var(--body-bg); border: 1px solid var(--hairline-color); border-radius: 12px; overflow: hidden; }
.lab-review-table th, .lab-review-table td { padding: 9px 12px; border-bottom: 1px solid var(--hairline-color); font-size: 13px; text-align: left; }
.lab-review-table th { background: var(--darkened-bg); color: var(--body-quiet-color); font-weight: 600; }
.lab-review-table .num { text-align: right; font-variant-numeric: tabular-nums; }
.lab-review-table tr.has-pending td { background: #fffbf1; }
html[data-theme="dark"] .lab-review-table tr.has-pending td { background: #2c2714; }
.lab-log { list-style: none; margin: 0; padding: 0; font-size: 12.5px; line-height: 1.6; }
.lab-log li { padding: 5px 0; border-bottom: 1px solid var(--hairline-color); }
/* 左侧导航的模块标题稍微紧凑一些 */
#nav-sidebar .module caption { font-size: 12px; }
#nav-sidebar .module th { font-size: 13px; }
/* ==========================================================================
列表页：搜索 + 筛选 + 操作同一栏；行尾操作列；新增/编辑/删除弹窗
========================================================================== */
#changelist { display: block; }
#changelist .changelist-form-container { width: 100%; }
.lab-list-bar {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
padding: 8px 10px;
margin: 0 0 12px;
background: var(--darkened-bg);
border-top: 1px solid var(--hairline-color);
border-bottom: 1px solid var(--hairline-color);
}
.lab-list-search {
display: flex;
align-items: stretch;
flex: 0 1 300px;
min-width: 200px;
margin: 0;
}
.lab-list-search input[type="search"] {
flex: 1;
min-width: 0;
height: 30px;
padding: 0 9px;
border: 1px solid var(--border-color);
border-right: none;
border-radius: 4px 0 0 4px;
background: var(--body-bg);
color: var(--body-fg);
font-size: 13px;
}
.lab-list-search input[type="search"]:focus { border-color: var(--primary); outline: none; }
.lab-list-search button {
height: 30px;
padding: 0 15px;
border: 1px solid var(--button-bg);
border-radius: 0 4px 4px 0;
background: var(--button-bg);
color: var(--button-fg);
font-size: 13px;
cursor: pointer;
}
.lab-list-search button:hover { background: var(--button-hover-bg); }
.lab-list-filters {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
flex: 1 1 auto;
min-width: 0;
}
.lab-filter-select {
height: 30px;
max-width: 200px;
padding: 0 24px 0 8px;
border: 1px solid var(--border-color);
border-radius: 4px;
background: var(--body-bg);
color: var(--body-fg);
font-size: 12.5px;
cursor: pointer;
}
.lab-filter-select:focus { border-color: var(--primary); outline: none; }
.lab-filter-clear { font-size: 12.5px; white-space: nowrap; }
.lab-list-filters .toplinks {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
margin: 0;
border-bottom: none;
font-size: 12.5px;
}
.lab-list-filters .toplinks a {
display: inline-block;
padding: 2px 9px;
border: 1px solid var(--hairline-color);
border-radius: 999px;
background: var(--body-bg);
text-decoration: none;
white-space: nowrap;
}
.lab-list-tools {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
margin-left: auto;
}
.lab-tool-link { font-size: 12.5px; white-space: nowrap; }
.lab-tool-pending {
padding: 2px 9px;
border-radius: 999px;
background: var(--lab-warn-bg);
color: var(--lab-warn-fg);
font-weight: 600;
text-decoration: none;
}
.lab-tool-pending:hover { color: var(--lab-warn-fg); text-decoration: underline; }
.lab-add-button {
display: inline-flex;
align-items: center;
height: 32px;
padding: 0 14px;
border-radius: 6px;
background: var(--button-bg);
color: var(--button-fg) !important;
font-size: 13px;
font-weight: 600;
white-space: nowrap;
text-decoration: none;
}
.lab-add-button:hover { background: var(--button-hover-bg); text-decoration: none; }
@media (max-width: 900px) {
.lab-list-tools { margin-left: 0; }
}
/* 行尾操作列；表格横向滚动时始终贴在右侧 */
.lab-actions-column { width: 1%; white-space: nowrap; }
.lab-actions-cell { white-space: nowrap; text-align: right; }
#result_list th.lab-actions-column,
#result_list td.lab-actions-cell {
position: sticky;
right: 0;
background: var(--body-bg);
z-index: 1;
}
#result_list thead th.lab-actions-column { background: var(--darkened-bg); }
#result_list td.lab-actions-cell { box-shadow: -5px 0 8px -6px rgba(0, 0, 0, .3); }
.lab-row-action {
display: inline-block;
margin-left: 6px;
padding: 2px 9px;
border: 1px solid var(--hairline-color);
border-radius: 4px;
background: var(--body-bg);
font-size: 12px;
line-height: 1.5;
text-decoration: none;
}
.lab-row-action:hover { border-color: currentColor; text-decoration: none; }
.lab-row-action-edit { color: var(--link-fg); }
.lab-row-action-view, .lab-row-action-detail, .lab-row-action-password { color: var(--body-quiet-color); }
.lab-row-action-delete { color: var(--lab-bad-fg); border-color: #e3b5b1; }
html[data-theme="dark"] .lab-row-action-delete { border-color: #6b3733; }
/* 启用/禁用开关 */
.lab-switch { position: relative; display: inline-flex; width: 34px; height: 18px; vertical-align: middle; }
.lab-switch input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; z-index: 1; }
.lab-switch-slider { position: absolute; inset: 0; background: var(--lab-neutral-bg); border-radius: 999px; transition: background .15s; }
.lab-switch-slider::after {
content: "";
position: absolute;
top: 2px;
left: 2px;
width: 14px;
height: 14px;
border-radius: 50%;
background: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
transition: transform .15s;
}
.lab-switch input:checked + .lab-switch-slider { background: var(--lab-ok-fg); }
.lab-switch input:checked + .lab-switch-slider::after { transform: translateX(16px); }
.lab-switch input:focus-visible + .lab-switch-slider { outline: 2px solid var(--accent); outline-offset: 2px; }
.lab-switch input:disabled { cursor: wait; }
/* 只读详情（抓取任务、产品等） */
.lab-task-detail,
.lab-record-detail { max-width: 100%; }
.lab-detail-meta {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 12px 24px;
margin: 0 0 20px;
padding: 12px 16px;
background: var(--darkened-bg);
border: 1px solid var(--hairline-color);
border-radius: 8px;
}
.lab-detail-meta div { min-width: 0; }
.lab-detail-meta dt { margin: 0; font-size: 12px; color: var(--body-quiet-color); }
.lab-detail-meta dd { margin: 3px 0 0; font-size: 14px; font-weight: 600; }
.lab-detail-section + .lab-detail-section { margin-top: 22px; }
.lab-detail-section h2 {
display: flex;
align-items: baseline;
gap: 10px;
margin: 0 0 10px;
padding: 0;
font-size: 15px;
color: var(--secondary);
background: none;
}
.lab-detail-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 12px 24px;
margin: 0;
padding: 14px 16px;
border: 1px solid var(--hairline-color);
border-radius: 8px;
}
.lab-detail-grid div { min-width: 0; }
.lab-detail-grid .is-wide { grid-column: 1 / -1; }
.lab-detail-grid dt { margin: 0; font-size: 12px; color: var(--body-quiet-color); }
.lab-detail-grid dd {
margin: 3px 0 0;
font-size: 14px;
white-space: pre-wrap;
overflow-wrap: anywhere;
}
.lab-detail-count { font-size: 12px; font-weight: 400; color: var(--body-quiet-color); }
.lab-detail-scroll { overflow-x: auto; border: 1px solid var(--hairline-color); border-radius: 8px; }
.lab-detail-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.lab-detail-table th, .lab-detail-table td {
padding: 8px 12px;
border-bottom: 1px solid var(--hairline-color);
text-align: left;
white-space: nowrap;
}
.lab-detail-table thead th { background: var(--darkened-bg); color: var(--body-quiet-color); font-size: 12px; }
.lab-detail-table tbody tr:last-child td { border-bottom: none; }
.lab-detail-empty {
margin: 0;
padding: 18px;
text-align: center;
color: var(--body-quiet-color);
font-size: 13px;
background: var(--darkened-bg);
border-radius: 8px;
}
/* 弹窗 */
.lab-admin-modal {
width: min(1040px, 94vw);
height: min(88vh, 940px);
max-width: none;
max-height: none;
padding: 0;
border: none;
border-radius: 12px;
background: var(--body-bg);
color: var(--body-fg);
box-shadow: 0 24px 70px rgba(8, 24, 20, .38);
overflow: hidden;
}
.lab-admin-modal[open] { display: flex; flex-direction: column; }
.lab-admin-modal::backdrop { background: rgba(12, 28, 24, .55); }
.lab-admin-modal-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 11px 16px;
border-bottom: 1px solid var(--hairline-color);
background: var(--lab-soft);
}
.lab-admin-modal-title { margin: 0; font-size: 15px; color: var(--secondary); }
.lab-admin-modal-close {
border: none;
background: transparent;
color: var(--body-quiet-color);
font-size: 24px;
line-height: 1;
padding: 0 3px;
cursor: pointer;
}
.lab-admin-modal-close:hover { color: var(--body-fg); }
.lab-admin-modal-body { flex: 1; min-height: 0; }
.lab-admin-modal-frame { display: block; width: 100%; height: 100%; border: none; background: var(--body-bg); }
/* 弹窗内的编辑页：去掉重复标题和跳转按钮，只保留保存 */
.popup #content { padding: 16px 20px 24px; }
.popup #content > h1,
.popup #content > h2 { display: none; }
.popup .lab-help { display: none; }
.popup .submit-row {
position: sticky;
bottom: 0;
z-index: 5;
background: var(--body-bg);
border-top: 1px solid var(--hairline-color);
}
.popup .submit-row input[name="_continue"],
.popup .submit-row input[name="_addanother"],
.popup .submit-row .deletelink,
.popup .submit-row .closelink { display: none; }