This commit is contained in:
Codex Local
@@ -39,6 +39,100 @@ main {
|
||||
padding: 5rem 0;
|
||||
}
|
||||
|
||||
/* 回忆时间轴与大模型管理：沿用家庭首页的暖白、陶土红和雾蓝设计语言。 */
|
||||
.customer-page--conversations .workspace__header,
|
||||
.customer-page--models .workspace__header { margin-bottom: 18px; }
|
||||
.memory-timeline-page { display: block !important; min-height: 0 !important; border: 0 !important; overflow: visible !important; background: transparent !important; }
|
||||
.memory-timeline-grid { display: grid; grid-template-columns: minmax(280px, .78fr) minmax(420px, 1.28fr) minmax(220px, .62fr); gap: 16px; align-items: start; }
|
||||
.memory-timeline-grid > * { min-width: 0; border: 1px solid #eadeda; border-radius: 18px; background: #fffdfb; box-shadow: 0 10px 30px rgba(91, 64, 55, .055); }
|
||||
.memory-timeline-grid .conversation-list { overflow: hidden; }
|
||||
.memory-timeline-grid .conversation-filter { border-bottom: 1px solid #eee4e1; background: #faf6f2; }
|
||||
.memory-timeline-grid .conversation-filter__fields { grid-template-columns: 1fr 1fr; }
|
||||
.memory-timeline-grid .conversation-filter__fields label:nth-child(n+3) { display: none; }
|
||||
.memory-timeline-list { position: relative; padding: 8px 0 12px; }
|
||||
.memory-timeline-list::before { position: absolute; top: 15px; bottom: 22px; left: 25px; width: 2px; content: ""; background: #dfcbc4; }
|
||||
.memory-timeline-list .conversation-row { position: relative; grid-template-columns: 16px 36px 1fr; margin: 0 8px; width: calc(100% - 16px); border: 0; border-radius: 13px; background: transparent; }
|
||||
.memory-timeline-list .conversation-row.active { background: #f7ebe6; box-shadow: inset 3px 0 #a73920; }
|
||||
.memory-timeline-list .conversation-row > .tag { grid-column: 3; justify-self: start; }
|
||||
.memory-timeline-dot { z-index: 1; width: 11px; height: 11px; border: 3px solid #fffdfb; border-radius: 50%; background: #b86a55; box-shadow: 0 0 0 1px #d7b8ae; }
|
||||
.memory-summary-panel { padding: 24px; }
|
||||
.memory-summary-panel > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
|
||||
.memory-summary-panel h3 { margin: 3px 0 0; color: #493834; font-family: "Noto Serif SC", "Songti SC", serif; font-size: 24px; }
|
||||
.memory-summary-panel__mood { padding: 7px 10px; border-radius: 999px; color: #50725f; background: #edf5ef; white-space: nowrap; }
|
||||
.memory-summary-panel__meta { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 14px 0 20px; color: #8a7872; font-size: 12px; }
|
||||
.memory-summary-block { margin-top: 14px; padding: 17px 18px; border: 1px solid #ede3df; border-radius: 14px; background: #fff; }
|
||||
.memory-summary-block--warm { border-color: #ecd5cd; background: #fff6f1; }
|
||||
.memory-summary-block h4 { margin: 0 0 9px; color: #6b4f47; font-size: 14px; }
|
||||
.memory-summary-block p { margin: 0; color: #574b47; line-height: 1.85; }
|
||||
.memory-keywords { display: flex; flex-wrap: wrap; gap: 8px; }
|
||||
.memory-keywords span { padding: 5px 10px; border-radius: 999px; color: #78564d; background: #f4e9e4; font-size: 12px; }
|
||||
.memory-summary-panel > footer { display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; }
|
||||
.memory-summary-empty { display: grid; place-items: center; min-height: 370px; color: #9a8179; text-align: center; }
|
||||
.memory-summary-empty .anticon { font-size: 36px; }
|
||||
.memory-summary-empty h3 { margin-bottom: 0; }
|
||||
.memory-model-card { position: sticky; top: 84px; padding: 22px; text-align: center; }
|
||||
.memory-model-card__icon { display: grid; place-items: center; width: 52px; height: 52px; margin: 0 auto 13px; border-radius: 16px; color: #fff; background: #6f8c98; font-size: 24px; }
|
||||
.memory-model-card > p { margin: 5px 0; color: #907d77; font-size: 12px; }
|
||||
.memory-model-card h3 { margin: 6px 0; color: #493834; }
|
||||
.memory-model-card small { display: block; overflow-wrap: anywhere; color: #887873; line-height: 1.6; }
|
||||
.memory-model-card > div { margin: 16px 0; padding: 8px; border-radius: 10px; color: #65736a; background: #f2f5f1; font-size: 12px; }
|
||||
.memory-model-card > div span { display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: #b2aaa6; }
|
||||
.memory-model-card > div span.is-active { background: #65a176; box-shadow: 0 0 0 3px #dceddf; }
|
||||
.memory-model-card__history { padding-top: 14px; border-top: 1px solid #eee4e1; line-height: 1.7; }
|
||||
.memory-model-card__history strong { overflow-wrap: anywhere; color: #6f5a54; font-weight: 600; }
|
||||
|
||||
.model-management-page { display: grid; gap: 18px; }
|
||||
.model-active-hero { display: flex; align-items: center; justify-content: space-between; padding: 24px 26px; border: 1px solid #dfd2ce; border-radius: 18px; background: linear-gradient(120deg, #fffaf6, #edf4f4); }
|
||||
.model-active-hero > div { display: flex; align-items: center; gap: 16px; }
|
||||
.model-active-hero__icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 18px; color: #fff; background: #6d8995; font-size: 26px; }
|
||||
.model-active-hero p, .model-active-hero h3 { margin: 0; }
|
||||
.model-active-hero h3 { margin: 3px 0; color: #493934; font-size: 24px; }
|
||||
.model-active-hero span { color: #7f6e68; }
|
||||
.model-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
|
||||
.model-config-card { padding: 21px; border: 1px solid #eadeda; border-radius: 18px; background: #fffdfb; box-shadow: 0 9px 25px rgba(94, 68, 60, .05); }
|
||||
.model-config-card.is-active { border-color: #9db7aa; box-shadow: inset 0 3px #6f9b7d, 0 9px 25px rgba(94, 68, 60, .05); }
|
||||
.model-config-card header { display: grid; grid-template-columns: 44px 1fr auto; gap: 12px; align-items: center; }
|
||||
.model-config-card header > span { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; color: #6c8792; background: #eaf1f2; font-size: 21px; }
|
||||
.model-config-card h3, .model-config-card p { margin: 0; }
|
||||
.model-config-card header p { color: #927e77; font-size: 12px; }
|
||||
.model-config-card header b { padding: 5px 9px; border-radius: 999px; color: #597462; background: #eaf3ed; font-size: 11px; }
|
||||
.model-config-card dl { margin: 18px 0; padding: 12px 0; border-block: 1px solid #eee5e1; }
|
||||
.model-config-card dl div { display: grid; grid-template-columns: 82px 1fr; gap: 10px; padding: 5px 0; font-size: 12px; }
|
||||
.model-config-card dt { color: #9a8781; }
|
||||
.model-config-card dd { margin: 0; overflow-wrap: anywhere; color: #5c4d48; }
|
||||
.model-config-card footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
|
||||
.model-config-card footer > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
|
||||
.model-test-status { color: #8a7b76; font-size: 12px; }
|
||||
.model-test-status--passed { color: #4f8260; }
|
||||
.model-test-status--failed { color: #a33f2d; }
|
||||
.model-empty { grid-column: 1 / -1; padding: 54px; border: 1px dashed #d9c8c2; border-radius: 18px; color: #8e7c76; background: #fffaf7; text-align: center; }
|
||||
.model-empty > .anticon { font-size: 38px; }
|
||||
.model-security-note { display: flex; gap: 14px; padding: 18px; border-radius: 14px; color: #5d6963; background: #edf3ef; }
|
||||
.model-security-note > .anticon { margin-top: 3px; color: #5e8a6b; font-size: 20px; }
|
||||
.model-security-note p { margin: 5px 0 0; line-height: 1.65; }
|
||||
.model-parameter-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
|
||||
.model-create-dialog .workspace-dialog__body { display: grid; gap: 14px; }
|
||||
|
||||
/* 非首页业务页统一为轻量、长者优先的内容画布。 */
|
||||
.customer-page:not(.customer-page--home) > .workspace { border-color: #e9deda; border-radius: 18px; background: rgba(255, 253, 251, .96); box-shadow: 0 14px 38px rgba(78, 59, 52, .055); }
|
||||
.customer-page:not(.customer-page--home) .workspace__header { padding: 3px 2px 18px; }
|
||||
.customer-page:not(.customer-page--home) .panel-section,
|
||||
.customer-page:not(.customer-page--home) .customer-message-panel,
|
||||
.customer-page:not(.customer-page--home) .customer-billing-panel { border-radius: 16px; box-shadow: 0 8px 24px rgba(87, 65, 57, .04); }
|
||||
|
||||
@media (max-width: 1180px) {
|
||||
.memory-timeline-grid { grid-template-columns: minmax(270px, .8fr) minmax(390px, 1.2fr); }
|
||||
.memory-model-card { position: static; grid-column: 1 / -1; text-align: left; }
|
||||
.model-card-grid { grid-template-columns: 1fr; }
|
||||
}
|
||||
@media (max-width: 760px) {
|
||||
.memory-timeline-grid { grid-template-columns: 1fr; }
|
||||
.memory-summary-panel { padding: 18px; }
|
||||
.memory-summary-panel > header, .model-active-hero, .model-config-card footer { align-items: stretch; flex-direction: column; }
|
||||
.memory-model-card { grid-column: auto; }
|
||||
.model-parameter-row { grid-template-columns: 1fr; }
|
||||
}
|
||||
|
||||
.hero {
|
||||
display: flex;
|
||||
align-items: end;
|
||||
@@ -3442,3 +3536,23 @@ textarea:focus,
|
||||
.recent-activity > div > button > .anticon { grid-column: 1; grid-row: 1 / 4; }
|
||||
.recent-activity time,.recent-activity strong,.recent-activity span { grid-column: 2; }
|
||||
}
|
||||
|
||||
/* Keep the selected visual target authoritative over legacy workspace rules. */
|
||||
.customer-page--conversations .memory-timeline-grid { display: grid; grid-template-columns: minmax(280px,.78fr) minmax(420px,1.28fr) minmax(220px,.62fr); gap: 16px; }
|
||||
.customer-page--conversations .memory-timeline-grid .conversation-list { border-right: 1px solid #eadeda; background: #fffdfb; }
|
||||
.customer-page--conversations .memory-timeline-list .conversation-row { grid-template-columns: 16px 34px minmax(0,1fr) !important; }
|
||||
.customer-page--conversations .memory-timeline-list .conversation-row > .tag { grid-column: 3; }
|
||||
.customer-page--conversations .workspace__header,
|
||||
.customer-page--models .workspace__header { justify-content: space-between; }
|
||||
.customer-page--conversations .workspace__header > div:first-child,
|
||||
.customer-page--models .workspace__header > div:first-child { display: block; }
|
||||
.memory-summary-block--story { border-color: #ead7bf; background: #fffaf1; }
|
||||
.memory-summary-block--story strong { display: block; margin-bottom: 7px; color: #644d3e; font-family: "Noto Serif SC", "Songti SC", serif; }
|
||||
@media (max-width: 1180px) {
|
||||
.customer-page--conversations .memory-timeline-grid { grid-template-columns: minmax(270px,.8fr) minmax(390px,1.2fr); }
|
||||
.customer-page--conversations .memory-model-card { grid-column: 1 / -1; }
|
||||
}
|
||||
@media (max-width: 760px) {
|
||||
.customer-page--conversations .memory-timeline-grid { grid-template-columns: 1fr; }
|
||||
.customer-page--conversations .memory-model-card { grid-column: auto; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user