wangxuming/makelore
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge commit 'b934945f26f9539020490ab10bb0b4ac80a5e0a3' into codex/20260930-shortcut-style-merge-9ac716e4-shortcut-merge

Browse Source
This commit is contained in:
鲨鱼辣椒
2026-09-30 00:13:40 +08:00
parent 5a1d0328a0 b934945f26
commit 2b983d9ee6
4 changed files with 68 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/pages/Chat/classroom-workspace.css
View File

@@ -52,14 +52,21 @@
.consultation-retry { display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; min-height: 44px; max-width: 100%; padding: 8px 16px; border: 1.5px solid #e3ce8f; border-radius: 16px 16px 16px 6px; background: #fff2c9; color: #6f5127; box-shadow: 0 3px 0 #e7d7a6, inset 0 1px 0 #fff9e8; font-size: 14px; font-weight: 600; line-height: 24px; cursor: pointer; transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease; }
.consultation-retry:hover:not(:disabled) { background: #ffe9a9; border-color: #d6b76f; }
.consultation-retry:active:not(:disabled) { transform: translateY(2px); box-shadow: 0 1px 0 #e7d7a6, inset 0 1px 0 #fff9e8; }
.consultation-shortcuts { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; max-height: min(192px, 24vh); overflow-y: auto; margin-bottom: 10px; padding: 3px 4px 6px; }
.consultation-hint { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; min-height: 30px; padding: 4px 10px; border: 0; border-radius: 8px; background: #f8e6b7; box-shadow: 0 2px 0 #d8c492, 0 3px 6px #8b75491a; color: #65491f; font-size: 13px; font-weight: 400; line-height: 22px; text-align: left; white-space: normal; overflow-wrap: anywhere; cursor: pointer; transition: background-color 140ms ease, box-shadow 140ms ease, transform 140ms ease; }
.consultation-shortcuts { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; max-height: min(192px, 24vh); overflow-y: auto; margin-bottom: 2px; padding: 3px 4px 6px; }
.consultation-hint { --hint-color: #37679d; --hint-hover: #284f7b; --hint-active: #203f63; display: inline-flex; flex-shrink: 0; align-items: center; gap: 7px; max-width: 100%; min-height: 30px; padding: 4px 2px; border: 0; border-radius: 4px; background: transparent; box-shadow: none; color: var(--hint-color); font-size: 13px; font-weight: 600; text-shadow: 0 1px 1px color-mix(in srgb, currentColor 25%, transparent); line-height: 22px; text-align: left; white-space: normal; overflow-wrap: anywhere; text-decoration: underline; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: 4px; cursor: pointer; transition: color 150ms ease, text-decoration-color 150ms ease; }
.consultation-hint:nth-child(8n + 2) { --hint-color: #8061a0; --hint-hover: #664a83; --hint-active: #503865; }
.consultation-hint:nth-child(8n + 3) { --hint-color: #91631d; --hint-hover: #744d12; --hint-active: #5a3b0d; }
.consultation-hint:nth-child(8n + 4) { --hint-color: #34786c; --hint-hover: #265e54; --hint-active: #1c4941; }
.consultation-hint:nth-child(8n + 5) { --hint-color: #a35470; --hint-hover: #854059; --hint-active: #693046; }
.consultation-hint:nth-child(8n + 6) { --hint-color: #626ba0; --hint-hover: #4d5684; --hint-active: #3c4369; }
.consultation-hint:nth-child(8n + 7) { --hint-color: #a85c3d; --hint-hover: #87472d; --hint-active: #6b3621; }
.consultation-hint:nth-child(8n + 8) { --hint-color: #617735; --hint-hover: #4b5f27; --hint-active: #3a4a1c; }
.consultation-hint::after { content: ''; width: 5px; height: 5px; flex-shrink: 0; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(-45deg); opacity: 0.7; }
.consultation-hint:hover:not(:disabled) { background: #f7dfa0; box-shadow: 0 3px 0 #d1b979, 0 5px 8px #8b754924; transform: translateY(-1px); }
.consultation-hint:active:not(:disabled) { background: #efd28b; box-shadow: 0 1px 0 #c7ad70; transform: translateY(1px); }
.consultation-hint:focus-visible { outline: 2px solid #7891af; outline-offset: 2px; }
.consultation-hint:hover:not(:disabled) { color: var(--hint-hover); text-decoration-color: currentColor; }
.consultation-hint:active:not(:disabled) { color: var(--hint-active); }
.consultation-hint:focus-visible { outline: 2px solid #71845f; outline-offset: 3px; text-decoration-color: currentColor; }
.consultation-hint:disabled, .consultation-retry:disabled { cursor: not-allowed; opacity: 0.5; }
@media (prefers-reduced-motion: reduce) { .consultation-hint, .consultation-retry { transition: none; } .consultation-hint:hover:not(:disabled), .consultation-hint:active:not(:disabled), .consultation-retry:active:not(:disabled) { transform: none; } }
@media (prefers-reduced-motion: reduce) { .consultation-hint, .consultation-retry { transition: none; } .consultation-retry:active:not(:disabled) { transform: none; } }
.consultation-pane button:focus-visible { outline: 2px solid #71845f; outline-offset: 3px; }
.consultation-suggestion { border-color: #e0e6d6; color: #718163; }
.consultation-suggestion:hover { border-color: #bac9aa; background: #f4f7ee; }