.robot-page .rk-page { display: grid; grid-template-rows: 46px minmax(0, 1fr); height: 100%; min-height: 0; background: #f1f1f1; }
.robot-page .rk-draft-page { grid-template-rows: 46px minmax(0, 1fr) auto; }
.robot-page .rk-list-page { grid-template-rows: 46px minmax(0, 1fr) auto; }
.robot-page .rk-list-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; min-height: 54px; padding: 10px 14px; border-top: 1px solid #e5e5e5; background: #fff; }
.robot-page .rk-list-footer > span { font-size: 13px; color: #909399; }
.robot-page .rk-draft-footer { padding: 10px 20px; border-top: 1px solid #e5e5e5; background: #fff; }
.robot-page .rk-draft-footer > div { display: flex; justify-content: center; align-items: center; gap: 10px; min-height: 32px; }
.robot-page .rk-draft-footer > p { margin: 0 0 8px; text-align: center; }
.robot-page .rk-header { display: flex; align-items: center; gap: 12px; padding: 0 14px; background: #fff; border-bottom: 1px solid #e5e5e5; min-width: 0; }
.robot-page .rk-header strong { font-size: 14px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.robot-page .rk-scroll { min-height: 0; overflow: auto; padding: 12px 14px 20px; overscroll-behavior: contain; }
.robot-page .rk-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.robot-page .rk-search[data-component-key="search"][data-component-version="C1.1"] { width: 200px; max-width: 100%; }
.robot-page .rk-creator[data-component-key="select"][data-component-version="C1.2"] { width: 160px; height: 32px; }
.robot-page .rk-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 16px; }
.robot-page .rk-card, .robot-page .rk-create { height: 128px; min-width: 0; border: 1px solid #e5e5e5; border-radius: 0; background: #fff; }
.robot-page .rk-card { display: grid; grid-template-rows: minmax(0, 1fr) 32px; }
.robot-page .rk-card:hover, .robot-page .rk-card.is-selected, .robot-page .rk-create:hover { border-color: var(--green); }
.robot-page .rk-card.is-selected { box-shadow: 0 3px 10px #0000000c; }
.robot-page .rk-create { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 12px 16px; color: #666; font-size: 13px; }
.robot-page .rk-create img { width: 24px; height: 24px; opacity: .75; }
.robot-page .rk-card-main { display: flex; flex-direction: column; align-items: stretch; justify-content: center; text-align: left; min-width: 0; gap: 4px; padding: 10px 16px; border: 0; background: transparent; color: #333; }
.robot-page .rk-card-main strong { font-size: 14px; line-height: 20px; margin-bottom: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.robot-page .rk-card-main > span { display: flex; align-items: baseline; gap: 8px; color: #888; font-size: 12px; line-height: 16px; }
.robot-page .rk-card-main b { font-weight: 400; color: #555; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.robot-page .rk-card footer { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid #e8e8e8; background: #f7f7f7; }
.robot-page .rk-card footer button { border: 0; border-right: 1px solid #e8e8e8; background: transparent; color: #777; padding: 0; font-size: 13px; }
.robot-page .rk-card footer button:last-child { border-right: 0; }
.robot-page .rk-card footer button:hover { color: var(--green); background: #f2f6f0; }
.robot-page .rk-detail { padding: 14px 24px 32px; background: #f1f1f1; }
.robot-page .rk-editor-body { max-width: 1150px; margin: 0 auto; }
.robot-page .rk-editor-section { background: #fff; margin-bottom: 14px; }
.robot-page .rk-editor-section > h3 { margin: 0; padding: 16px 24px; border-bottom: 1px solid #e8e8e8; background: #fafafa; font-size: 14px; font-weight: 500; line-height: 20px; }
.robot-page .rk-basic-fields { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 24px 24px 40px; }
.robot-page .rk-basic-fields > label { display: flex; align-items: center; flex: none; min-height: 32px; margin: 0; }
.robot-page .rk-title-field { display: flex; align-items: center; width: 400px; max-width: 100%; height: 32px; border: 1px solid #dcdfe6; border-radius: 2px; background: #fff; }
.robot-page .rk-title-field:focus-within { border-color: var(--green); }
.robot-page .rk-title-field input { width: 0; min-width: 0; flex: 1; height: 30px; padding: 0 10px; border: 0; outline: 0; box-shadow: none; background: transparent; }
.robot-page .rk-title-field span { flex: none; padding-right: 10px; font-size: 12px; color: #999; }
.robot-page [data-rk-title-status] { font-size: 12px; color: #999; }
.robot-page [data-rk-title-status].rq-error { color: #d84b4b; }
.robot-page .rk-content-fields { padding: 24px; }
.robot-page .rk-detail .rq-library-list { border: 0; margin: 0; padding: 0; }
.robot-page .rk-detail .rq-library-list .robot-empty { min-height: 180px; display: flex; align-items: center; justify-content: center; padding: 24px; color: #b4b4b4; }
.robot-page .rk-detail .rq-library-list .rq-table th:first-child, .robot-page .rk-detail .rq-library-list .rq-table td:first-child { text-align: left; }
@media (max-width: 720px) {
  .robot-page .rk-detail { padding: 12px; }
  .robot-page .rk-editor-section > h3 { padding: 14px 16px; }
  .robot-page .rk-basic-fields { padding: 20px 16px 28px; }
  .robot-page .rk-content-fields { padding: 16px; }
  .robot-page .rk-title-field { width: 100%; }
}
@media (max-width: 520px) { .robot-page .rk-grid { grid-template-columns: minmax(0, 1fr); } }