/* 协作中心（#/collaboration）。移植自 CodePier 的 web/collaboration.css（MIT 许可）， 颜色全部映射到 style.css 的变量（--card / --line / --text / --muted / --primary …），随浅色 / 深色模式切换。 */ .collaboration { --cc-line: var(--line); --cc-panel: var(--card); --cc-side: var(--bg); --cc-raised: var(--card); --cc-text: var(--text); --cc-muted: var(--muted); --cc-accent: var(--primary); --cc-accent-bg: rgba(37, 99, 235, .09); --cc-accent-border: rgba(37, 99, 235, .35); --cc-current: rgba(37, 99, 235, .1); --cc-human-bg: rgba(180, 83, 9, .14); --cc-warning: var(--warn); --cc-warning-bg: rgba(180, 83, 9, .1); --cc-danger: var(--err); --cc-hover: var(--code-bg); --cc-shadow: 0 10px 30px rgba(15, 23, 42, .18); min-width: 0; color: var(--cc-text); } @media (prefers-color-scheme: dark) { .collaboration { --cc-accent-bg: rgba(59, 130, 246, .16); --cc-accent-border: rgba(59, 130, 246, .45); --cc-current: rgba(59, 130, 246, .18); --cc-human-bg: rgba(217, 119, 6, .22); --cc-warning-bg: rgba(217, 119, 6, .16); --cc-shadow: 0 10px 30px rgba(0, 0, 0, .5); } } /* The chat shell uses more of a wide screen than the other pages. */ main:has(> .collaboration) { max-width: 1560px; } /* Busy requests block actions, while drafts, cancellation and navigation stay usable. */ .collaboration [data-cc-request-busy] { pointer-events: none; opacity: .55; } .collaboration h1 { font-size: 24px; margin: 4px 0 8px; line-height: 1.2; } .collaboration h2 { font-size: 16px; margin: 0 0 12px; } .collaboration h3 { margin: 12px 0 6px; } .collaboration p { line-height: 1.65; overflow-wrap: anywhere; } .collaboration small, .cc-hint, .cc-empty, .cc-facts dt { color: var(--cc-muted); font-size: 12px; line-height: 1.65; } .collaboration summary { cursor: pointer; font-weight: 600; } .collaboration button { white-space: normal; } .collaboration :is(button, input, select, textarea, summary, a):focus-visible { outline: 2px solid var(--cc-accent); outline-offset: 2px; } .collaboration input[type="checkbox"] { width: 16px; height: 16px; padding: 0; margin: 0 6px 2px 0; vertical-align: middle; flex-shrink: 0; } .collaboration input:not([type="checkbox"]), .collaboration select, .collaboration textarea { min-width: 0; max-width: 100%; } .collaboration textarea { line-height: 1.6; font-family: inherit; font-size: 13.5px; } .collaboration textarea:is([name="plan_json"], .cc-join-instruction, .cc-mention-instruction, .cc-goal-subscription-text) { font-family: ui-monospace, "Cascadia Code", Consolas, monospace; font-size: 12.5px; } .cc-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; } .cc-heading { padding: 0 0 14px; } .cc-heading p { margin: 4px 0 0; color: var(--cc-muted); } .cc-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .1em; color: var(--cc-muted); } .cc-page > .cc-scope { margin-bottom: 4px; } .cc-scope { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; padding: 14px 0; border-top: 1px solid var(--cc-line); } .cc-scope .cc-field { flex: 1 1 170px; max-width: 320px; } .cc-scope-actions { display: flex; flex-wrap: wrap; gap: 8px; } .cc-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; font-size: 12.5px; color: var(--cc-muted); } .cc-field > span { font-weight: 600; } .cc-card { padding: 18px 20px; border: 1px solid var(--cc-line); border-radius: var(--radius); background: var(--cc-panel); min-width: 0; } .cc-intro { max-width: 760px; } .cc-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; } .cc-row > strong, .cc-row > small { min-width: 0; overflow-wrap: anywhere; } .cc-row h2, .cc-row h3 { margin: 0; } .cc-status { display: inline-flex; max-width: 100%; padding: 2px 9px; border-radius: 999px; font-size: 12px; line-height: 1.5; background: var(--cc-hover); color: var(--cc-muted); border: 1px solid var(--cc-line); overflow-wrap: anywhere; } .cc-stack { display: grid; gap: 14px; min-width: 0; } .cc-form { display: grid; gap: 14px; padding-top: 14px; } .cc-form > button { justify-self: start; } .cc-form label:not(.cc-field) { display: flex; align-items: flex-start; gap: 4px; color: var(--cc-text); } .cc-two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; } .cc-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-top: 12px; } .cc-actions .cc-hint { margin: 0; } .cc-facts { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 14px 0; } .cc-facts dt { margin-bottom: 2px; } .cc-facts dd { margin: 0; font-size: 12.5px; overflow-wrap: anywhere; } .cc-goal { padding: 14px 0; border-bottom: 1px solid var(--cc-line); } .cc-goal:last-child { border-bottom: 0; } .cc-goal > strong { display: block; overflow-wrap: anywhere; } .cc-goal p { margin: 6px 0 10px; font-size: 12.5px; } .cc-goal button { margin-top: 8px; } .cc-rule { border-bottom: 1px solid var(--cc-line); padding: 10px 0; font-size: 12.5px; } .cc-json { max-width: 100%; max-height: 420px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; margin: 8px 0; padding: 12px 14px; font-size: 12px; line-height: 1.6; border: 1px solid var(--cc-line); border-radius: 8px; background: var(--code-bg); } .cc-detail { padding-top: 10px; } .cc-targets { font-size: 12.5px; } .cc-approval { display: grid; gap: 12px; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--cc-line); font-size: 13px; } .cc-approval > button { justify-self: start; } .cc-feedback { font-size: 13px; margin: 0; color: var(--cc-muted); } .cc-feedback:not(:empty) { padding: 8px 0; } .cc-feedback.is-error { font-weight: 600; color: var(--cc-danger); border-left: 3px solid currentColor; padding-left: 10px; } .cc-empty { padding: 10px 0; margin: 0; } .cc-prose { white-space: pre-wrap; } .cc-link { border: 0; background: transparent; padding: 2px 0; color: var(--cc-accent); font-size: 12.5px; } .cc-dashed { border-style: dashed; background: transparent; } /* Joining dot / Work chats */ .cc-join-intro > h2 { font-size: 19px; margin-top: 6px; } .cc-join-steps { list-style: none; padding: 0; margin: 16px 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .cc-join-steps li { display: grid; gap: 4px; min-width: 0; padding: 10px 12px; border: 1px solid var(--cc-line); border-radius: 8px; font-size: 12.5px; } .cc-join-steps span { color: var(--cc-muted); } .cc-join-card h3 { font-size: 15px; margin: 0; min-width: 0; overflow-wrap: anywhere; } .cc-join-invitation { display: grid; gap: 12px; margin: 14px 0; } .cc-join-code { font-family: ui-monospace, "Cascadia Code", Consolas, monospace; font-size: 16px; letter-spacing: .03em; overflow-wrap: anywhere; } .cc-join-routes { list-style: none; padding: 0; margin: 16px 0 0; } .cc-join-routes li { padding: 12px 0; border-top: 1px solid var(--cc-line); } .cc-join-routes p { margin: 6px 0 0; font-size: 12.5px; } .cc-join-routes strong { font-size: 12.5px; } .cc-event-id { font-family: ui-monospace, "Cascadia Code", Consolas, monospace; overflow-wrap: anywhere; } .cc-advanced > summary { padding: 12px 0; } .cc-speaking h3 { margin-top: 0; } /* Chat-first room shell */ .cc-chat-shell { display: grid; grid-template-columns: 200px minmax(0, 1fr) 260px; height: calc(100vh - 110px); height: calc(100dvh - 110px); min-height: 520px; border: 1px solid var(--cc-line); border-radius: 14px; overflow: hidden; background: var(--cc-panel); } .cc-room-rail { background: var(--cc-side); border-right: 1px solid var(--cc-line); padding: 16px 10px; min-width: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 14px; } .cc-rail-heading { display: flex; justify-content: space-between; align-items: center; gap: 6px; padding-left: 6px; } /* style.css gives every