.research-page { max-width: 1440px; }
.research-notice { padding: 11px 15px; margin-bottom: 16px; border-radius: 10px; background: var(--panel); border: 1px solid var(--line); overflow-wrap: anywhere; }
.research-notice.error { border-color: var(--red); color: var(--red); }
.research-notice.success { border-color: var(--green); }
.research-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 18px; align-items: start; }
.research-panel { padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); min-width: 0; }
.research-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.research-heading h2 { font-size: 19px; letter-spacing: 0; text-transform: none; color: var(--text); margin: 3px 0 0; }
.research-eyebrow { color: var(--accent); font-size: 11px; letter-spacing: .08em; overflow-wrap: anywhere; }
.research-tag { display: inline-block; border: 1px solid var(--line); background: var(--panel-2); border-radius: 6px; padding: 4px 8px; font-size: 11px; overflow-wrap: anywhere; }
.research-page fieldset { border: 0; padding: 0; margin: 20px 0; min-width: 0; }
.research-page legend { margin-bottom: 10px; font-size: 12px; color: var(--muted); font-weight: 650; }
.research-tracks { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 7px; }
.research-tracks legend { grid-column: 1 / -1; }
.research-tracks label { position: relative; min-width: 0; }
.research-tracks input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.research-tracks span { display: flex; flex-direction: column; padding: 10px 8px; border: 1px solid var(--line); border-radius: 9px; cursor: pointer; height: 100%; }
.research-tracks small { font-size: 10px; color: var(--muted); margin-top: 2px; }
.research-tracks input:checked + span { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 7%, var(--panel)); }
.research-tracks input:focus-visible + span { outline: 2px solid var(--accent); outline-offset: 3px; }
.research-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.research-fields legend, .research-wide { grid-column: 1 / -1; }
.research-field { display: flex; flex-direction: column; gap: 6px; font-size: 12px; font-weight: 600; min-width: 0; }
.research-page input:not([type=radio]):not([type=checkbox]), .research-page select, .research-page textarea { width: 100%; min-width: 0; border: 1px solid var(--line-2); background: var(--panel); color: var(--text); border-radius: 7px; padding: 9px 10px; min-height: 40px; font-weight: 400; }
.research-page textarea { resize: vertical; }
.research-page input:disabled, .research-page select:disabled { opacity: .65; }
.research-page :is(button, input, select, textarea):focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.research-page button:disabled { opacity: .45; cursor: not-allowed; }
.research-actions { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; margin: 10px 0; }
.research-actions button { width: auto; }
.research-hint { color: var(--muted); font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
.research-check { display: flex; align-items: flex-start; gap: 9px; font-size: 13px; }
.research-check input { margin-top: 4px; flex-shrink: 0; }
.research-permissions { border-top: 1px solid var(--line) !important; padding-top: 12px !important; }
.research-permissions .research-field { max-width: 230px; margin: 12px 0; }
.research-submit { padding-top: 10px; }
.research-submit .primary-btn { min-height: 44px; }
.research-interpretation { padding: 12px; border-left: 3px solid var(--accent); background: var(--panel-2); font-size: 12px; white-space: pre-line; overflow-wrap: anywhere; }
.research-list { display: grid; gap: 9px; margin-top: 12px; }
.research-list-item { display: block; width: 100%; padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel); color: var(--text); text-align: left; overflow-wrap: anywhere; }
button.research-list-item { cursor: pointer; }
button.research-list-item[aria-current=true] { border-color: var(--accent); }
.research-list-item strong { display: block; font-size: 13px; margin-bottom: 6px; }
.research-list-item p { font-size: 12px; color: var(--muted); }
.research-empty { color: var(--muted); font-size: 12px; padding: 14px 0; }
.research-plan-heading { border-top: 1px solid var(--line); margin-top: 24px; padding-top: 18px; }
.research-detail { margin-top: 18px; }
.research-state-line { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.research-next { margin-top: 12px; overflow-wrap: anywhere; }
.research-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 18px 0; }
.research-metric { border: 1px solid var(--line); border-radius: 9px; padding: 13px; overflow-wrap: anywhere; }
.research-metric small { display: block; color: var(--muted); font-size: 11px; }
.research-metric strong { font-size: 20px; display: block; margin-top: 5px; }
.research-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin: 20px 0; }
.research-detail-grid section { min-width: 0; }
.research-page h3 { font-size: 13px; font-weight: 650; margin: 18px 0 10px; }
.research-detail p, .research-detail li { overflow-wrap: anywhere; }
.research-table-wrap { overflow-x: auto; }
.research-table { border-collapse: collapse; width: 100%; text-align: left; font-size: 12px; }
.research-table th { color: var(--muted); font-weight: 500; }
.research-table th, .research-table td { border-bottom: 1px solid var(--line); padding: 11px 8px; vertical-align: top; }
.research-table td:first-child { max-width: 360px; overflow-wrap: anywhere; }
.research-detail a { color: var(--accent); }
.research-dialog { width: min(600px, calc(100vw - 30px)); max-height: calc(100dvh - 36px); overflow-y: auto; padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); color: var(--text); }
.research-dialog::backdrop { background: rgba(12, 18, 26, .58); }
.research-dialog .research-fields { margin: 18px 0; }
.research-dialog .primary-btn { margin-top: 14px; width: 100%; }
@media (max-width: 1050px) { .research-layout { grid-template-columns: minmax(0, 1fr) 260px; } .research-tracks { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 780px) { .research-layout { grid-template-columns: 1fr; } .research-run-list .research-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .research-detail-grid { grid-template-columns: 1fr; } .research-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 430px) { .research-panel, .research-dialog { padding: 16px; } .research-page .top { align-items: flex-start; } .research-page .top-actions .badge { display: none; } .research-page .top-actions { gap: 5px; } .research-page .top-actions button { padding: 7px 9px; } .research-heading { align-items: flex-start; flex-wrap: wrap; } .research-heading h2 { font-size: 17px; } .research-fields { grid-template-columns: 1fr; } .research-run-list .research-list { grid-template-columns: 1fr; } .research-page .top h1 { font-size: 17px; } }

/* 一句话启动：推荐卡、启动摘要与折叠的高级设置。 */
.research-recommendation { margin: 14px 0; padding: 15px; border: 1px solid var(--accent); border-radius: 11px; background: color-mix(in srgb, var(--accent) 6%, var(--panel)); }
.research-recommendation-headline { font-size: 15px; font-weight: 650; margin-bottom: 7px; overflow-wrap: anywhere; }
.research-recommendation p { overflow-wrap: anywhere; }
.research-recommendation .research-actions { margin: 10px 0 0; }
.research-recommendation a.action-btn { display: inline-flex; align-items: center; text-decoration: none; }
.research-launch-summary { margin: 12px 0; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel-2); }
.research-launch-summary p { font-size: 13px; overflow-wrap: anywhere; }
.research-advanced { margin: 16px 0 0; border-top: 1px solid var(--line); padding-top: 12px; }
.research-advanced > summary { cursor: pointer; font-size: 12px; color: var(--muted); font-weight: 650; padding: 6px 0; }
.research-advanced > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.research-advanced[open] > summary { margin-bottom: 10px; }
.research-next .research-actions { margin: 9px 0 0; }
.research-next .research-hint { display: block; margin-top: 4px; }
.research-next a.action-btn { display: inline-flex; align-items: center; text-decoration: none; }