2 lines
16 KiB
CSS
2 lines
16 KiB
CSS
:root{font-family:Microsoft YaHei UI,PingFang SC,Noto Sans CJK SC,system-ui,sans-serif;color:#132238;background:#eef3fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,textarea,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.consultation-shell{width:100%;height:100%;min-width:760px;min-height:540px;background:#eef3fb}.chat-panel{display:grid;grid-template-rows:74px minmax(0,1fr) auto;width:100%;height:100%;background:#f7f9fd}.chat-header{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid #d7dfef;background:#fffffff5}.patient-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:#fff;background:#5267df;font-size:18px;font-weight:700}.chat-heading{min-width:0;flex:1}.chat-heading h1{margin:0;font-size:18px;line-height:1.4}.chat-heading p{display:flex;align-items:center;gap:7px;margin:3px 0 0;color:#71809a;font-size:12px}.connection-dot{width:7px;height:7px;border-radius:50%;background:#a3adbd}.connection-dot--online{background:#24a77c;box-shadow:0 0 0 3px #24a77c1f}.primary-action,.send-button,.capture-button{border:1px solid #5166df;border-radius:9px;color:#fff;background:#5267df;font-weight:600}.secondary-action{padding:9px 13px;border:1px solid #c8d2e7;border-radius:9px;color:#43526b;background:#fff;font-weight:600}.secondary-action:hover{border-color:#7385e9;color:#4055ca;background:#f5f7ff}.primary-action{display:flex;gap:8px;align-items:center;padding:10px 16px}.primary-action:hover,.send-button:hover,.capture-button:hover{background:#4055ca}.message-list{overflow-y:auto;padding:18px max(24px,calc((100% - 920px)/2));background:radial-gradient(circle at 12% 16%,rgba(82,103,223,.055),transparent 25%),#f3f6fb}.load-more{display:block;margin:0 auto 18px;padding:6px 12px;border:1px solid #d6deed;border-radius:999px;color:#66758e;background:#fff;font-size:12px}.empty-chat{display:grid;justify-items:center;margin-top:min(16vh,110px);color:#7c89a0;text-align:center}.empty-chat__icon{display:grid;place-items:center;width:62px;height:62px;margin-bottom:12px;border:1px solid #d2daeb;border-radius:20px;color:#5267df;background:#fff;font-weight:800}.empty-chat h2{margin:0;color:#34425a;font-size:17px}.empty-chat p{margin:7px 0;font-size:13px}.message-row{display:flex;flex-direction:column;align-items:flex-start;margin:12px 0}.message-row--mine{align-items:flex-end}.message-row--call-status{align-items:center;margin:16px 0}.call-status-event{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border:1px solid #dce2f2;border-radius:999px;color:#617092;background:#ffffffeb;font-size:12px;box-shadow:0 4px 14px #111f460a}.call-status-event__icon{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;color:#5761f4;background:#eef0ff;font-size:11px}.call-status-event strong{color:#34425f;font-weight:700}.call-status-event time{color:#8b97b2;font-variant-numeric:tabular-nums}.call-status-event--connected{border-color:#bdebdc;background:#f2fbf7}.call-status-event--connected .call-status-event__icon{color:#11986f;background:#dff7ee}.call-status-event--failed{border-color:#f3c8cf;background:#fff5f6}.call-status-event--failed .call-status-event__icon{color:#c43f50;background:#ffe6e9}.message-meta{margin:0 8px 5px;color:#8995a9;font-size:11px}.message-bubble{max-width:min(72%,620px);padding:10px 13px;border:1px solid #d8e0ed;border-radius:5px 15px 15px;background:#fff;box-shadow:0 4px 14px #1d2f500d;line-height:1.6;word-break:break-word}.message-row--mine .message-bubble{border-color:#5267df;border-radius:15px 5px 15px 15px;color:#fff;background:#5267df}.message-bubble p{margin:0;white-space:pre-wrap}.message-image,.message-video{display:block;max-width:360px;max-height:280px;border-radius:9px}.message-file{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none}.message-bubble audio{max-width:320px}.composer{padding:10px 18px 14px;border-top:1px solid #d7dfef;background:#fff}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:30px;color:#8a96a9;font-size:11px}.composer-toolbar button{padding:5px 9px;border:0;border-radius:7px;color:#5267df;background:#eef1ff;font-size:12px}.composer-row{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:12px}.composer textarea{width:100%;min-height:68px;max-height:150px;padding:10px 12px;resize:vertical;border:1px solid #ced8ea;border-radius:10px;outline:none;color:#15233a;background:#fbfcff;line-height:1.5}.composer textarea:focus{border-color:#6678ed;box-shadow:0 0 0 3px #5267df1c}.send-button{align-self:end;height:40px}.inline-notice{margin-bottom:7px;color:#3f6f62;font-size:12px}.inline-notice--error{color:#c14455}.video-layer{position:relative;display:grid;grid-template-columns:minmax(0,1fr);width:100%;height:100%;min-height:420px;overflow:hidden;color:#f7f8fa;background:radial-gradient(circle at 50% 35%,rgba(60,86,130,.28),transparent 38%),#090d14}.video-layer--with-rail{grid-template-columns:minmax(0,1fr) clamp(330px,31vw,380px)}.video-layer--overlay{position:fixed;z-index:1000;inset:0}.video-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(60,86,130,.28),transparent 38%),#090d14}.call-kit,.video-layer :is(.TUICallKit-desktop,.TUICallKit-mobile,#tuicallkit-id){width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}.status-card{position:absolute;inset:50% auto auto 50%;display:grid;grid-template-columns:12px minmax(0,1fr);gap:18px;width:min(520px,calc(100% - 48px));padding:30px 32px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#131920eb;box-shadow:0 24px 70px #00000052}.eyebrow{margin:0 0 12px;color:#a3afbf;font-size:12px;font-weight:700;letter-spacing:.12em}.status-card h2{margin:0;font-size:clamp(22px,3.2vw,34px);font-weight:600;line-height:1.25}.status-hint{margin:14px 0 0;color:#9aa5b1;font-size:14px}.status-dot{width:10px;height:10px;margin-top:5px;border-radius:50%;background:#77818c;box-shadow:0 0 0 5px #77818c1f}.status-dot--starting,.status-dot--live{background:#52c99a;box-shadow:0 0 0 5px #52c99a24}.status-dot--error{background:#f26d6d;box-shadow:0 0 0 5px #f26d6d24}.live-status{position:absolute;z-index:20;top:18px;left:50%;display:flex;align-items:center;gap:10px;padding:9px 14px;transform:translate(-50%);border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#0b0f14cc;font-size:13px}.live-status .status-dot{width:7px;height:7px;margin:0;box-shadow:none}.consultation-rail{position:relative;z-index:55;display:grid;grid-template-rows:auto minmax(0,1.08fr) minmax(0,.92fr);min-width:0;min-height:0;overflow:hidden;border-left:1px solid #dce3f0;color:#15233a;background:#f6f8fc;box-shadow:-16px 0 38px #040c1a29}.consultation-rail__header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:74px;padding:13px 16px;border-bottom:1px solid #e2e7f1;background:#fff}.consultation-rail__avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;background:#5761f4;font-size:17px;font-weight:700}.consultation-rail__identity{display:grid;gap:3px;min-width:0}.consultation-rail__identity strong{overflow:hidden;color:#111f46;font-size:16px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.consultation-rail__identity span{overflow:hidden;color:#7886a3;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.diagnosis-chip{padding:5px 7px;border-radius:6px;color:#4a56d5;background:#eef0ff;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.consultation-rail__actions{display:grid;flex:0 0 auto;justify-items:end;gap:5px}.open-diagnosis-button{display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:5px 8px;border:1px solid #cfd5ff;border-radius:7px;color:#3f4bc5;background:#fff;font-size:11px;font-weight:700;white-space:nowrap}.open-diagnosis-button:hover,.open-diagnosis-button:focus-visible{border-color:#6874e7;background:#f3f4ff;outline:none}.open-diagnosis-button:disabled{cursor:not-allowed;opacity:.55}.case-panel,.transcript-panel{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden}.case-panel{border-bottom:1px solid #dde4f0}.rail-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 16px;border-bottom:1px solid #e5e9f2;background:#ffffffb8}.rail-section-heading>div{display:flex;align-items:center;gap:8px}.rail-section-heading h2{margin:0;color:#1b2945;font-size:14px;font-weight:700;letter-spacing:-.01em}.rail-section-heading>span{overflow:hidden;max-width:154px;color:#8b97ad;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.rail-section-heading__index{color:#6874e7;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:700}.case-panel__content,.live-captions{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#b9c3d5 transparent;scrollbar-width:thin}.case-panel__content{padding:5px 16px 14px}.case-field-list{display:grid}.case-field{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid #e5e9f2}.case-field:last-child{border-bottom:0}.case-field>span{padding-top:2px;color:#7a879d;font-size:11px;font-weight:600}.case-field p{margin:0;color:#263551;font-size:12px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.case-field--risk>span{color:#bc3e4e}.case-field--risk p{color:#9f3141;font-weight:600}.live-captions{display:grid;align-content:start;gap:9px;padding:12px 14px 18px;background:#f2f5fa}.caption-entry{padding:10px 11px;border-left:2px solid #6571e8;border-radius:0 9px 9px 0;background:#fff;box-shadow:0 4px 14px #1e2e4c0b}.caption-entry--partial{border-left-color:#9ca6b7;opacity:.78}.caption-entry header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.caption-entry strong{color:#4a56d5;font-size:11px}.caption-entry time{color:#9aa5b7;font-size:10px;font-variant-numeric:tabular-nums}.caption-entry p{margin:0;color:#24334e;font-size:13px;line-height:1.58;overflow-wrap:anywhere;white-space:pre-wrap}.transcript-state{position:relative;padding-left:12px}.transcript-state:before{position:absolute;top:50%;left:0;width:6px;height:6px;transform:translateY(-50%);border-radius:50%;background:#a5adbb;content:""}.transcript-state--active{color:#168260!important}.transcript-state--active:before{background:#24b987;box-shadow:0 0 0 3px #24b9871f}.rail-empty{display:grid;gap:5px;align-content:center;min-height:112px;padding:18px;color:#8a96aa;text-align:center}.rail-empty strong{color:#53617a;font-size:12px}.rail-empty span{font-size:11px;line-height:1.55}.rail-empty--case{min-height:100%}.video-actions{position:absolute;z-index:40;right:22px;bottom:24px;display:flex;gap:10px}.video-actions button{padding:10px 15px;border-radius:10px;font-weight:600}.recording-status{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid rgba(255,255,255,.24);border-radius:10px;color:#fff;background:#161d27e0;font-size:13px;font-weight:600}.recording-status--active{border-color:#f46373a3;background:#7e2332e6}.recording-status--error{border-color:#f26d6d8f;color:#ffe4e7;background:#641f28e0}.recording-indicator{width:9px;height:9px;border-radius:50%;background:#f46373;box-shadow:0 0 0 4px #f4637329}.recording-status--active .recording-indicator{animation:recording-pulse 1.25s ease-in-out infinite}@keyframes recording-pulse{50%{box-shadow:0 0 0 8px #f463730a;opacity:.72}}.hangup-button{border:1px solid #b44755;color:#fff;background:#a12f3de6}.hangup-button:hover{background:#be394d}.video-notice{position:absolute;z-index:40;left:22px;bottom:26px;max-width:calc(100% - 420px);padding:9px 12px;border:1px solid rgba(82,201,154,.35);border-radius:9px;color:#d9f8eb;background:#144e3ed6;font-size:13px}.video-notice--error{border-color:#f26d6d66;color:#ffe4e7;background:#641f28e0}.screenshot-dialog-backdrop{position:absolute;z-index:120;inset:0;display:grid;place-items:center;padding:24px;background:#070b13c2;backdrop-filter:blur(5px)}.screenshot-dialog{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:14px;width:min(920px,92vw);max-height:calc(100vh - 48px);padding:20px;overflow:hidden;border:1px solid #e2e7f4;border-radius:18px;color:#111f46;background:#fff;box-shadow:0 28px 90px #040a1b57}.screenshot-dialog>header,.screenshot-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.screenshot-dialog h2{margin:2px 0 0;font-size:20px;line-height:1.35}.screenshot-dialog .eyebrow{margin:0;color:#5761f4}.screenshot-dialog>header>button{width:36px;height:36px;border:0;border-radius:9px;color:#7886aa;background:#f2f4fb;font-size:24px}.screenshot-preview-frame{display:grid;place-items:center;min-height:260px;overflow:hidden;border-radius:12px;background:#0b0f16}.screenshot-preview-frame img{display:block;max-width:100%;max-height:min(62vh,650px);object-fit:contain}.screenshot-dialog__hint{margin:0;color:#617092;font-size:13px}.screenshot-dialog>footer{justify-content:flex-end}.screenshot-dialog>footer button{min-width:112px;padding:10px 18px;border-radius:9px;font-weight:700}.screenshot-cancel{border:1px solid #dfe4f1;color:#3f4e75;background:#fff}.screenshot-confirm{border:1px solid #5761f4;color:#fff;background:#5761f4}.screenshot-confirm:hover{background:#4c57e9}@media (max-width: 820px){.consultation-shell{min-width:620px}.message-list{padding-inline:18px}.message-bubble{max-width:82%}}@media (max-width: 980px){.consultation-shell{min-width:760px}.video-layer--with-rail{grid-template-columns:minmax(0,1fr) 310px}.video-actions{right:12px;bottom:14px;left:12px;flex-wrap:wrap;justify-content:flex-end}.recording-status{flex-basis:100%;width:fit-content;margin-left:auto;font-size:11px}.consultation-rail__header{padding-inline:12px}.diagnosis-chip{display:none}.case-panel__content,.rail-section-heading{padding-inline:12px}}@media (max-width: 700px){.consultation-shell{min-width:0}.video-layer,.video-stage{min-height:280px}.video-layer--with-rail{grid-template-columns:minmax(0,1fr)}.consultation-rail{display:none}.video-actions{right:10px;bottom:10px;left:auto;gap:6px}.recording-status,.capture-button{display:none}.video-actions button{padding:8px 11px;border-radius:8px;font-size:11px}.live-status{top:10px;padding:7px 10px;font-size:11px}}:root{color:#111f46;background:#eef3fd}.consultation-shell{background:#eef3fd}.chat-panel{background:#f7f9fe}.chat-header,.composer{border-color:#e6eaf5;background:#fffffffa}.patient-avatar{background:linear-gradient(135deg,#5761f4,#7769f7)}.chat-heading p,.empty-chat,.message-meta,.composer-toolbar{color:#7886aa}.connection-dot--online{background:#17a77d;box-shadow:0 0 0 3px #17a77d1f}.primary-action,.send-button,.capture-button{border-color:#5761f4;background:linear-gradient(90deg,#5761f4,#7769f7)}.primary-action:hover,.send-button:hover,.capture-button:hover{background:#4c57e9}.secondary-action{border-color:#e6eaf5;color:#3f4e75}.secondary-action:hover{border-color:#5761f4;color:#4451e2;background:#f0f2ff}.message-list{background:radial-gradient(circle at 12% 16%,rgba(87,97,244,.055),transparent 25%),#f7f9fe}.load-more,.empty-chat__icon,.message-bubble{border-color:#e6eaf5}.load-more{color:#7886aa}.empty-chat__icon{color:#5761f4}.empty-chat h2{color:#111f46}.message-bubble{box-shadow:0 4px 14px #111f460d}.message-row--mine .message-bubble{border-color:#5761f4;background:#5761f4}.composer-toolbar button{color:#4451e2;background:#f0f2ff}.composer textarea{border-color:#e6eaf5;color:#111f46;background:#fafbfe}.composer textarea:focus{border-color:#8d9bff;box-shadow:0 0 0 3px #5761f41c}.video-actions button{border-radius:9px}.recording-status{border-color:#e6eaf5e0;border-radius:9px;color:#3f4e75;background:#fffffff2}.recording-status--active,.recording-status--error{border-color:#f15b6773;color:#b63849;background:#fff1f3f5}.recording-indicator{background:#f15b67;box-shadow:0 0 0 4px #f15b6729}@keyframes recording-pulse{50%{box-shadow:0 0 0 8px #f15b670a;opacity:.72}}.hangup-button{border-color:#f15b67;background:#f15b67}.hangup-button:hover{background:#d94857}.video-notice{border-color:#17a77d59;color:#12765b;background:#eaf9f3f2}.video-notice--error{border-color:#f15b6766;color:#b63849;background:#fff1f3f5}
|