| :root{ |
| --bg:#031426; |
| --bg2:#061d36; |
| --panel:#09233f; |
| --panel2:#0c2b4d; |
| --panel3:#102f53; |
| --line:rgba(129,190,255,.18); |
| --line-strong:rgba(111,190,255,.34); |
| --text:#edf7ff; |
| --muted:#8faec8; |
| --muted2:#6d8ca7; |
| --blue:#1387ff; |
| --blue2:#006cff; |
| --cyan:#25d3ff; |
| --accent:#1387ff; |
| --accent2:#006cff; |
| --accent-rgb:19,135,255; |
| --accent-glow:#35d5ff; |
| --message-font-size:13.5px; |
| --green:#34d399; |
| --red:#ff7a90; |
| --shadow:0 20px 60px rgba(0,8,22,.34); |
| } |
| *{box-sizing:border-box} |
| html,body{height:100%} |
| body{ |
| margin:0; |
| overflow:hidden; |
| font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; |
| color:var(--text); |
| background: |
| radial-gradient(900px 420px at 78% -8%,rgba(0,181,255,.24),transparent 60%), |
| radial-gradient(700px 500px at 92% 16%,rgba(20,108,255,.14),transparent 62%), |
| linear-gradient(145deg,#020d1d 0%,#04172c 44%,#06213c 100%); |
| } |
| button,textarea{font:inherit} |
| button{color:inherit} |
| .app{ |
| display:grid; |
| grid-template-columns:290px minmax(0,1fr); |
| height:100vh; |
| position:relative; |
| } |
| .app:after{ |
| content:""; |
| position:pointer-events:none; |
| position:absolute; |
| inset:0 0 auto 290px; |
| height:250px; |
| background: |
| radial-gradient(ellipse at 70% 0%,rgba(62,207,255,.18),transparent 44%), |
| linear-gradient(180deg,rgba(6,75,127,.12),transparent); |
| pointer-events:none; |
| z-index:0; |
| } |
| .side{ |
| position:relative; |
| z-index:5; |
| min-width:0; |
| min-height:0; |
| height:100vh; |
| box-sizing:border-box; |
| overflow:hidden; |
| padding:20px 14px 14px; |
| display:flex; |
| flex-direction:column; |
| gap:14px; |
| background:linear-gradient(180deg,rgba(2,17,34,.98),rgba(3,22,41,.97)); |
| border-right:1px solid rgba(132,190,241,.16); |
| box-shadow:12px 0 38px rgba(0,8,20,.2); |
| } |
| .brand{ |
| display:flex; |
| align-items:center; |
| gap:12px; |
| padding:2px 8px 12px; |
| } |
| .brand-mark{ |
| width:45px;height:45px;border-radius:15px; |
| display:grid;place-items:center; |
| font-size:28px; |
| background:radial-gradient(circle at 36% 30%,#55e5ff 0,#1686e9 38%,#07315c 72%); |
| box-shadow:0 0 25px rgba(49,191,255,.28), inset 0 0 18px rgba(255,255,255,.14); |
| } |
| .brand-text strong{display:block;font-size:17px;letter-spacing:.1px} |
| .brand-text small{display:block;color:var(--muted);font-size:11px;margin-top:3px} |
|
|
| .side-tools-head{ |
| display:flex;align-items:center;justify-content:space-between;gap:10px; |
| padding:0 5px;margin-bottom:-4px;color:#6f91aa;font-size:11px; |
| flex:0 0 auto; |
| } |
| .side-tools-toggle{ |
| display:inline-flex;align-items:center;gap:5px; |
| border:1px solid rgba(91,172,235,.14); |
| background:rgba(5,31,55,.58);color:#88abc3; |
| border-radius:8px;padding:4px 8px;cursor:pointer;font:inherit; |
| transition:.16s ease; |
| } |
| .side-tools-toggle:hover{color:#d8edff;border-color:rgba(var(--accent-rgb),.38);background:rgba(8,43,74,.8)} |
| .side-tools-chevron{display:inline-block;font-size:11px;transition:transform .18s ease} |
| .sidebar-tools{ |
| overflow:hidden; |
| max-height:240px; |
| opacity:1; |
| transform:translateY(0); |
| transition:max-height .22s ease,opacity .16s ease,transform .18s ease,margin .22s ease; |
| } |
| body.sidebar-tools-collapsed .sidebar-tools{ |
| max-height:0; |
| opacity:0; |
| transform:translateY(-5px); |
| pointer-events:none; |
| margin-top:-6px; |
| } |
| body.sidebar-tools-collapsed .side-tools-chevron{transform:rotate(180deg)} |
| body.sidebar-tools-collapsed .side-tools-head{ |
| color:#91b9d4; |
| } |
| @media (max-height:760px){ |
| .nav-btn{padding-top:9px;padding-bottom:9px} |
| .side{gap:10px} |
| } |
|
|
| .nav{display:grid;gap:6px} |
| .nav-btn{ |
| width:100%;border:0;background:transparent;cursor:pointer; |
| display:flex;align-items:center;gap:12px; |
| padding:11px 12px;border-radius:12px; |
| color:#9db6cb;text-align:left; |
| transition:.18s ease; |
| } |
| .nav-btn:hover{background:rgba(255,255,255,.045);color:#d8edff} |
| .nav-btn.active{ |
| color:white; |
| background:linear-gradient(90deg,rgba(var(--accent-rgb),.82),rgba(var(--accent-rgb),.17)); |
| box-shadow:inset 3px 0 0 var(--accent-glow),0 0 24px rgba(var(--accent-rgb),.16); |
| } |
| .nav-ico{width:22px;text-align:center;font-size:17px} |
| .nav-label{flex:1;min-width:0} |
| .nav-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;font-size:9.5px;color:#bfe8ff;background:rgba(var(--accent-rgb),.16);border:1px solid rgba(var(--accent-rgb),.24)} |
| .nav-badge.warn{color:#ffd79a;background:rgba(255,174,66,.1);border-color:rgba(255,174,66,.2)} |
| .side-quick{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:6px} |
| .side-domain{border:1px solid rgba(91,172,235,.15);background:rgba(7,34,60,.68);color:#9fc4dc;border-radius:9px;padding:7px 5px;cursor:pointer;font-size:10.5px;transition:.16s ease} |
| .side-domain:hover{color:#eef9ff;border-color:rgba(var(--accent-rgb),.34);background:rgba(var(--accent-rgb),.1)} |
| .history-search{flex:0 0 auto;width:100%;border:1px solid rgba(91,172,235,.12);background:rgba(5,28,50,.72);color:#d7ecfb;border-radius:9px;padding:7px 9px;font-size:11px;outline:none;margin-top:-5px} |
| .history-search:focus{border-color:rgba(var(--accent-rgb),.42)} |
| .new{ |
| flex:0 0 auto; |
| border:1px solid rgba(82,168,255,.28); |
| background:linear-gradient(180deg,rgba(12,49,85,.8),rgba(6,33,61,.85)); |
| border-radius:12px;padding:10px 12px;cursor:pointer; |
| display:flex;align-items:center;justify-content:center;gap:7px; |
| font-weight:650;color:#cfeaff; |
| transition:.18s ease; |
| } |
| .new:hover{border-color:rgba(79,201,255,.56);background:#0b345b} |
| .history-head{ |
| flex:0 0 auto; |
| display:flex;align-items:center;justify-content:space-between; |
| padding:7px 6px 1px;color:var(--muted);font-size:12px; |
| } |
| .clear-btn{ |
| border:0;background:transparent;color:#6687a5;cursor:pointer;padding:3px 5px;border-radius:6px |
| } |
| .clear-btn:hover{color:#b9d9f2;background:rgba(255,255,255,.05)} |
| #history{display:grid;align-content:start;gap:4px;flex:1 1 0;min-height:72px;max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:4px} |
| #history::-webkit-scrollbar{width:4px} |
| #history::-webkit-scrollbar-thumb{background:#21496b;border-radius:5px} |
| .hist{ |
| min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center; |
| border:1px solid transparent;border-radius:10px; |
| transition:.16s ease;position:relative; |
| } |
| .hist:hover{background:rgba(255,255,255,.035);border-color:rgba(107,170,220,.12)} |
| .hist.active{background:rgba(21,107,201,.14);border-color:rgba(56,161,255,.22)} |
| .hist-main{ |
| min-width:0;padding:9px 7px 9px 10px;cursor:pointer; |
| } |
| .hist-title{ |
| font-size:12.5px;color:#b9d0e3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis |
| } |
| .hist-time{font-size:10px;color:#5f809d;margin-top:4px} |
| .hist-more{ |
| opacity:0;border:0;background:transparent;color:#7696b2;cursor:pointer; |
| border-radius:7px;height:27px;width:27px |
| } |
| .hist:hover .hist-more,.hist.active .hist-more{opacity:1} |
| .hist-more:hover{background:rgba(255,255,255,.07);color:white} |
| .menu{ |
| position:fixed;right:auto;top:auto;z-index:80; |
| min-width:108px;padding:5px; |
| background:#0c2948;border:1px solid rgba(105,178,238,.23); |
| box-shadow:0 14px 34px rgba(0,0,0,.38); |
| border-radius:10px; |
| } |
| .menu button{ |
| display:block;width:100%;border:0;background:transparent;text-align:left; |
| padding:8px 9px;border-radius:7px;cursor:pointer;color:#bcd4e6;font-size:12px |
| } |
| .menu button:hover{background:rgba(255,255,255,.07);color:white} |
| .menu .danger{color:#ff9caf} |
| .side-foot{ |
| flex:0 0 auto; |
| margin-top:0; |
| border-top:1px solid rgba(126,182,226,.12); |
| padding:13px 7px 4px; |
| display:flex;align-items:center;gap:10px; |
| } |
| .profile-av{ |
| width:39px;height:39px;border-radius:50%;display:grid;place-items:center; |
| background:radial-gradient(circle at 30% 28%,#39dfff,#0d6dba 45%,#062b4a 75%); |
| box-shadow:0 0 18px rgba(0,173,255,.17);font-size:20px |
| } |
| .profile-txt{min-width:0} |
| .profile-txt b{font-size:12.5px} |
| .profile-txt small{display:block;color:#668aa6;font-size:10.5px;margin-top:3px} |
|
|
| .main{ |
| position:relative;z-index:1;min-width:0; |
| display:flex;flex-direction:column;height:100vh; |
| } |
| .top{ |
| height:66px;flex:0 0 66px; |
| display:flex;align-items:center;justify-content:space-between; |
| padding:0 26px; |
| background:rgba(3,20,38,.64); |
| border-bottom:1px solid rgba(127,188,237,.13); |
| backdrop-filter:blur(16px); |
| } |
| .title{font-weight:720;font-size:15px;letter-spacing:.1px} |
| .top-right{display:flex;align-items:center;gap:10px} |
| .stat{ |
| display:flex;align-items:center; |
| font-size:12px;color:#93b4cf; |
| padding:7px 10px;border-radius:999px; |
| background:rgba(8,43,75,.52);border:1px solid rgba(104,177,237,.16) |
| } |
| .dot{width:7px;height:7px;border-radius:50%;background:#6d7d8b;margin-right:7px;box-shadow:0 0 10px currentColor} |
| .dot.ok{background:#2ed889}.dot.warn{background:#f3b14c} |
| .icon-btn{ |
| width:34px;height:34px;border-radius:10px;border:1px solid rgba(115,181,235,.17); |
| background:rgba(8,40,70,.55);cursor:pointer;color:#9fbad0 |
| } |
| .icon-btn:hover{color:#fff;border-color:rgba(75,190,255,.35);background:#0b3155} |
|
|
| .account-btn{ |
| height:34px;max-width:180px;display:flex;align-items:center;gap:7px; |
| padding:0 10px 0 6px;border-radius:10px;border:1px solid rgba(115,181,235,.17); |
| background:rgba(8,40,70,.55);cursor:pointer;color:#a9c7dc;font-size:11.5px |
| } |
| .account-btn:hover{color:#fff;border-color:rgba(75,190,255,.35);background:#0b3155} |
| .account-btn>span:first-child{ |
| width:23px;height:23px;border-radius:50%;display:grid;place-items:center; |
| background:linear-gradient(145deg,var(--accent-glow),var(--accent2));color:white;font-size:10px;font-weight:800 |
| } |
| .account-pop{ |
| position:fixed;z-index:120;width:255px;padding:12px;border-radius:14px; |
| background:#082541;border:1px solid rgba(103,181,236,.2); |
| box-shadow:0 18px 48px rgba(0,0,0,.42) |
| } |
| .account-pop .who{padding:4px 4px 11px;border-bottom:1px solid rgba(130,188,228,.12)} |
| .account-pop .who b{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} |
| .account-pop .who small{display:block;color:#698da8;margin-top:4px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} |
| .account-pop button{ |
| margin-top:7px;width:100%;border:0;border-radius:9px;padding:9px;text-align:left; |
| cursor:pointer;background:transparent;color:#a8c6da;font-size:11.5px |
| } |
| .account-pop button:hover{background:rgba(255,255,255,.06);color:white} |
| .account-pop .logout{color:#ff9db0} |
|
|
| .chat{flex:1;overflow:auto;padding:26px 28px 168px;scroll-behavior:smooth} |
| .chat::-webkit-scrollbar{width:8px} |
| .chat::-webkit-scrollbar-thumb{background:#173e60;border-radius:10px} |
| .inner{max-width:1080px;margin:0 auto} |
| .welcome{padding:4px 0 22px} |
| .hero{margin:0 0 20px} |
| .hero h1{font-size:27px;line-height:1.25;margin:0 0 8px;font-weight:760} |
| .hero p{color:#8daac2;font-size:13px;margin:0;line-height:1.65} |
| .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px} |
| .data-card{ |
| cursor:pointer; |
| min-height:145px;border-radius:16px;padding:16px; |
| border:1px solid rgba(88,178,247,.25); |
| background: |
| radial-gradient(circle at 15% 10%,rgba(74,210,255,.16),transparent 38%), |
| linear-gradient(145deg,rgba(13,61,102,.92),rgba(8,37,67,.8)); |
| box-shadow:inset 0 1px 0 rgba(255,255,255,.035); |
| cursor:pointer;transition:.2s ease;position:relative;overflow:hidden; |
| } |
| .data-card:nth-child(2){background:radial-gradient(circle at 18% 12%,rgba(32,221,185,.17),transparent 38%),linear-gradient(145deg,rgba(10,73,91,.91),rgba(6,44,66,.82))} |
| .data-card:nth-child(3){background:radial-gradient(circle at 18% 12%,rgba(139,105,255,.18),transparent 38%),linear-gradient(145deg,rgba(35,55,111,.92),rgba(20,39,76,.84))} |
| .data-card:hover{transform:translateY(-2px);border-color:rgba(81,202,255,.48);box-shadow:0 14px 34px rgba(0,6,18,.2)} |
| .card-top{display:flex;align-items:center;gap:12px} |
| .card-ico{ |
| width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:29px; |
| background:linear-gradient(145deg,#37d5ff,#0878c8);box-shadow:0 0 22px rgba(27,180,255,.25) |
| } |
| .data-card:nth-child(2) .card-ico{background:linear-gradient(145deg,#22d6b2,#0d856f)} |
| .data-card:nth-child(3) .card-ico{background:linear-gradient(145deg,#9b7cff,#6551d6)} |
| .card-name{font-size:17px;font-weight:720} |
| .card-tag{font-size:10px;padding:3px 7px;border-radius:999px;color:#bdeaff;background:rgba(60,185,255,.16);margin-left:6px} |
| .card-desc{margin:11px 0 12px;font-size:12px;line-height:1.55;color:#a9c3d7} |
| .card-foot{padding-top:9px;border-top:1px solid rgba(152,207,245,.12);font-size:10.5px;color:#7898b4;display:flex;justify-content:space-between} |
| .card-live{font-size:10px;color:#8fabc0;margin-top:8px;min-height:15px} |
| .card-actions-home{display:flex;gap:7px;margin-top:10px} |
| .card-mini-btn{flex:1;border:1px solid rgba(100,187,246,.19);background:rgba(5,29,53,.4);color:#b9dbef;border-radius:8px;padding:7px 8px;font-size:10.5px;cursor:pointer} |
| .card-mini-btn:hover{background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.34);color:white} |
| .domain-overlay{position:fixed;inset:0;z-index:90;background:rgba(0,8,18,.58);backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px} |
| .domain-panel{width:min(880px,96vw);max-height:min(760px,92vh);overflow:auto;border:1px solid rgba(99,181,239,.23);border-radius:18px;background:linear-gradient(160deg,#071f37,#06182b);box-shadow:0 28px 80px rgba(0,0,0,.42);padding:20px} |
| .domain-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:15px}.domain-head h2{font-size:20px;margin:0 0 5px}.domain-head p{margin:0;color:#83a4bd;font-size:12px}.domain-close{border:0;background:rgba(255,255,255,.05);color:#a9c7dd;border-radius:9px;width:34px;height:34px;cursor:pointer;font-size:18px} |
| .domain-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 15px}.domain-stat{padding:13px;border-radius:12px;background:rgba(13,48,79,.62);border:1px solid rgba(91,172,235,.14)}.domain-stat strong{display:block;font-size:18px}.domain-stat span{font-size:10.5px;color:#7899b3} |
| .domain-sources{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.domain-source{padding:11px;border:1px solid rgba(91,172,235,.13);border-radius:11px;background:rgba(6,31,55,.65)}.domain-source b{display:block;font-size:12px;margin-bottom:4px}.domain-source small{color:#7393ac;line-height:1.45}.domain-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px} |
|
|
| .msgs{display:flex;flex-direction:column;gap:19px;padding-top:6px} |
| .msg{display:flex;align-items:flex-start;gap:10px;width:100%} |
| .msg.user{justify-content:flex-start;flex-direction:row-reverse} |
| .msg-body{max-width:min(760px,78%);min-width:0} |
| .av{ |
| flex:0 0 37px;width:37px;height:37px;border-radius:50%; |
| display:grid;place-items:center; |
| border:1px solid rgba(108,184,241,.28); |
| box-shadow:0 6px 18px rgba(0,7,20,.18); |
| } |
| .assistant .av{ |
| font-size:20px;background:radial-gradient(circle at 30% 25%,#49dcff,#0874bf 50%,#062d50 76%); |
| box-shadow:0 0 20px rgba(30,184,255,.18) |
| } |
| .user .av{ |
| background:radial-gradient(circle at 35% 25%,#45dfff,#1474b7 48%,#0a3150 76%); |
| font-size:17px |
| } |
| .bub{ |
| line-height:1.72;overflow-wrap:anywhere; |
| font-size:var(--message-font-size); |
| } |
| .assistant .bub{ |
| padding:12px 14px; |
| border-radius:5px 14px 14px 14px; |
| background:linear-gradient(145deg,rgba(13,45,77,.94),rgba(9,34,61,.94)); |
| border:1px solid rgba(99,164,215,.14); |
| color:#dfeefa;box-shadow:0 8px 25px rgba(0,5,15,.16) |
| } |
| .user .bub{ |
| padding:11px 14px; |
| border-radius:14px 5px 14px 14px; |
| background:linear-gradient(145deg,#1688ff,#006bea); |
| box-shadow:0 8px 24px rgba(0,103,239,.2); |
| color:white;white-space:pre-wrap;cursor:pointer |
| } |
| .user-msg-actions{display:none;justify-content:flex-end;gap:6px;margin-top:6px;flex-wrap:wrap} |
| .user-msg-actions.open{display:flex} |
| .user-msg-actions button{border:1px solid rgba(116,185,238,.18);background:rgba(7,31,54,.86);color:#9fc4df;border-radius:8px;padding:5px 8px;font-size:10.5px;cursor:pointer} |
| .user-msg-actions button:hover{color:#fff;border-color:rgba(var(--accent-rgb),.38);background:rgba(var(--accent-rgb),.12)} |
| .user-msg-actions .retry{color:#cdeaff} |
| .favorite-sync-note{margin:9px 0 13px;padding:9px 11px;border:1px solid rgba(91,172,235,.13);border-radius:10px;background:rgba(7,31,54,.5);font-size:11px;color:#82a7c2} |
| .favorite-sync-note b{color:#dcefff} |
| .meta{font-size:10.5px;color:#6687a3;margin-top:5px;padding:0 3px} |
| .user .meta{text-align:right} |
| .meta.err{color:#ff8ca2} |
| .md p{margin:0 0 9px}.md p:last-child{margin-bottom:0} |
| .md strong{color:#fff}.md code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:rgba(81,159,220,.12);border:1px solid rgba(115,184,238,.12);padding:1px 5px;border-radius:5px;color:#aee7ff} |
| .md h1,.md h2,.md h3{margin:5px 0 9px;color:white} |
| .md h1{font-size:18px}.md h2{font-size:16px}.md h3{font-size:14.5px} |
| .md ul{margin:4px 0 9px;padding-left:20px} |
| .md li{margin:3px 0} |
| .md pre{white-space:pre-wrap;background:#061d35;padding:10px;border-radius:8px;border:1px solid rgba(110,176,229,.12);overflow:auto} |
| .md table{width:100%;border-collapse:collapse;margin:8px 0 10px;font-size:12px} |
| .md th,.md td{padding:7px 8px;border-bottom:1px solid rgba(111,170,215,.13);text-align:left;vertical-align:top} |
| .md th{color:#a8dfff;background:rgba(29,94,145,.12)} |
| .md a{color:#58c9ff} |
|
|
| .file-card{ |
| margin-top:10px; |
| display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;align-items:center; |
| padding:10px 11px;border-radius:10px; |
| background:linear-gradient(145deg,rgba(20,59,96,.92),rgba(9,41,72,.93)); |
| border:1px solid rgba(97,172,231,.2); |
| } |
| .file-ico{ |
| width:43px;height:46px;border-radius:8px;display:grid;place-items:center;position:relative; |
| background:#eef8ff;color:#076d93;font-size:11px;font-weight:800 |
| } |
| .file-ico:after{ |
| content:attr(data-ext);position:absolute;left:5px;right:5px;bottom:5px; |
| text-align:center;border-radius:4px;padding:2px 0; |
| background:#12b7c9;color:white;font-size:9px;letter-spacing:.2px |
| } |
| .file-name{font-size:12.5px;font-weight:680;color:#e8f6ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} |
| .file-meta{font-size:10.5px;color:#7698b3;margin-top:4px} |
| .download{ |
| text-decoration:none;display:inline-flex;align-items:center;gap:6px; |
| padding:8px 12px;border-radius:8px;color:white;font-size:11.5px;font-weight:700; |
| background:linear-gradient(145deg,var(--accent),var(--accent2)); |
| box-shadow:0 7px 16px rgba(var(--accent-rgb),.24) |
| } |
| .download:hover{filter:brightness(1.08)} |
|
|
| .composer-wrap{ |
| position:fixed;left:290px;right:0;bottom:0;z-index:8; |
| padding:22px 28px 24px; |
| background:linear-gradient(180deg,transparent,rgba(3,20,38,.88) 27%,rgba(3,20,38,.98) 55%); |
| } |
| .composer{ |
| max-width:1080px;margin:0 auto; |
| border-radius:15px;padding:9px 10px 8px 12px; |
| background:linear-gradient(180deg,rgba(10,40,69,.96),rgba(7,31,56,.98)); |
| border:1px solid rgba(94,171,232,.2); |
| box-shadow:0 14px 40px rgba(0,5,15,.35),inset 0 1px 0 rgba(255,255,255,.02) |
| } |
| .composer-row{display:flex;align-items:flex-end;gap:9px} |
| .tool-ico{ |
| width:34px;height:34px;flex:0 0 34px;border:0;background:transparent;color:#789ab6;border-radius:8px;font-size:18px;cursor:default |
| } |
| textarea{ |
| width:100%;max-height:150px;min-height:39px;resize:none; |
| border:0;outline:0;background:transparent;color:#e5f4ff; |
| padding:8px 4px 6px;font-size:13.5px;line-height:1.5 |
| } |
| textarea::placeholder{color:#587a96} |
| .send{ |
| width:42px;height:42px;flex:0 0 42px;border:0;border-radius:11px;cursor:pointer; |
| color:white;font-size:18px; |
| background:linear-gradient(145deg,var(--accent),var(--accent2)); |
| box-shadow:0 7px 18px rgba(var(--accent-rgb),.28) |
| } |
| .send:disabled{opacity:.38;cursor:not-allowed} |
| .composer-foot{ |
| display:flex;align-items:center;justify-content:space-between; |
| margin-top:5px;padding:0 5px 1px;color:#6284a0;font-size:10.5px |
| } |
| .hint{display:flex;align-items:center;gap:6px} |
| .mini-dot{width:5px;height:5px;border-radius:50%;background:#3fd79b} |
| .hidden{display:none!important} |
| .workspace{flex:1;overflow:auto;padding:28px 30px 48px} |
| .workspace::-webkit-scrollbar{width:8px} |
| .workspace::-webkit-scrollbar-thumb{background:#173e60;border-radius:10px} |
| .workspace-inner{max-width:1080px;margin:0 auto} |
| .view-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px} |
| .view-head h1{font-size:24px;margin:0 0 7px} |
| .view-head p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.6} |
| .view-actions{display:flex;gap:8px;flex-wrap:wrap} |
| .view-btn{ |
| border:1px solid rgba(82,168,255,.28);background:rgba(10,48,82,.76); |
| border-radius:9px;padding:8px 12px;cursor:pointer;color:#cce9ff;font-size:11.5px |
| } |
| .view-btn:hover{background:#0c3a65;border-color:rgba(80,198,255,.48)} |
| .view-btn.primary{background:linear-gradient(145deg,var(--accent),var(--accent2));border-color:transparent;color:white} |
| .view-btn.danger{color:#ff9eb0;border-color:rgba(255,108,136,.25)} |
| .view-btn.selected{border-color:var(--accent-glow);color:#fff;background:rgba(var(--accent-rgb),.25)} |
| .view-btn:disabled{opacity:.42;cursor:not-allowed} |
| .summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:18px} |
| .summary-card,.view-card{ |
| border:1px solid rgba(91,172,235,.18);border-radius:14px; |
| background:linear-gradient(145deg,rgba(11,48,81,.9),rgba(7,32,57,.9)); |
| box-shadow:inset 0 1px 0 rgba(255,255,255,.025) |
| } |
| .summary-card{padding:15px} |
| .summary-card strong{display:block;font-size:22px;color:#eaf7ff} |
| .summary-card span{display:block;color:#7d9db6;font-size:11px;margin-top:5px} |
| .view-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px} |
| .view-card{padding:15px;min-width:0} |
| .view-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px} |
| .view-card h3{font-size:14px;margin:0;color:#ebf7ff} |
| .dataset-zh{display:inline-block;margin-left:7px;color:var(--accent-glow);font-size:11px;font-weight:600} |
| .view-card .sub{font-size:10.5px;color:#7294af;margin-top:4px} |
| .view-card p{font-size:11.5px;color:#97b4c9;line-height:1.6;margin:10px 0} |
| .tags{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0} |
| .tag{padding:3px 7px;border-radius:999px;background:rgba(var(--accent-rgb),.14);color:var(--accent-glow);font-size:10px} |
| .badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;font-size:10px;background:rgba(132,151,170,.14);color:#a9bfd1} |
| .badge.ok{background:rgba(39,197,137,.13);color:#69e5b2} |
| .badge.warn{background:rgba(242,174,69,.13);color:#f5c271} |
| .badge.bad{background:rgba(255,104,132,.12);color:#ff9aae} |
| .card-actions{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap} |
| .empty-view{padding:45px 20px;text-align:center;border:1px dashed rgba(96,171,226,.2);border-radius:14px;color:#789ab4} |
| .empty-view b{display:block;color:#c9e4f7;margin-bottom:7px} |
| .loading{padding:50px;text-align:center;color:#85a9c3} |
| |
| .package-chat{max-width:860px;margin:0 auto;padding:7vh 12px 120px} |
| .package-hero{text-align:center;margin:0 auto 28px}.package-hero .package-icon{width:52px;height:52px;margin:0 auto 14px;display:grid;place-items:center;border-radius:16px;background:rgba(var(--accent-rgb),.13);border:1px solid rgba(var(--accent-rgb),.24);font-size:25px}.package-hero h1{font-size:24px;margin:0 0 8px}.package-hero p{max-width:610px;margin:0 auto;color:#82a4bc;font-size:11.5px;line-height:1.65} |
| .package-composer{border:1px solid rgba(91,172,235,.2);border-radius:17px;background:rgba(7,35,61,.82);box-shadow:0 18px 55px rgba(0,0,0,.16);padding:14px 14px 10px}.package-text{display:block;width:100%;min-height:92px;max-height:230px;resize:vertical;border:0!important;outline:0!important;background:transparent!important;color:#e7f5ff!important;padding:4px 3px 10px!important;font:inherit;font-size:13px;line-height:1.7}.package-text::placeholder{color:#6f91aa}.package-composer-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(91,172,235,.11);padding-top:9px}.package-options{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.package-options label{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:rgba(93,165,220,.07);border:1px solid rgba(91,172,235,.12);color:#91afc3;font-size:10px;cursor:pointer}.package-options input{accent-color:var(--accent);margin:0}.package-options select{border:0;background:transparent;color:#a9c6d9;font-size:10px;outline:0}.package-send{min-width:104px;border-radius:10px!important;padding:8px 13px!important}.package-hint{margin:10px 4px 0;color:#64879f;font-size:10px;text-align:center}.package-result{margin-top:22px}.package-result .view-head{margin-bottom:10px}.package-result .view-head h2{font-size:16px}.package-plan-head{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:13px}.package-plan-head>div{padding:10px 11px;border:1px solid rgba(91,172,235,.13);border-radius:10px;background:rgba(7,35,61,.52)}.package-plan-head span{display:block;color:#7194ad;font-size:9.5px;margin-bottom:4px}.package-plan-head b{font-size:11px}.package-rec{padding:11px 12px;margin-bottom:7px;border:1px solid rgba(91,172,235,.13);border-radius:11px;background:rgba(7,35,61,.54)}.package-rec>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.package-rec b{font-size:11.5px}.package-rec>div>span{font-size:9.5px;color:#6f94ad}.package-rec p{margin:5px 0 0;color:#8ba9bd;font-size:10px;line-height:1.55}.package-ready{margin-top:14px;padding:13px;border:1px solid rgba(67,202,154,.22);border-radius:12px;background:rgba(36,157,119,.07);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.package-ready b{font-size:12px}.package-ready span{font-size:10px;color:#86a8bc;flex:1}.package-build-bar{display:flex;justify-content:flex-end;margin-top:10px}.package-build-bar .view-btn{min-width:140px} |
| @media(max-width:720px){.package-chat{padding:4vh 3px 120px}.package-composer-foot{align-items:flex-end}.package-plan-head{grid-template-columns:1fr}.package-options label{padding:4px 6px}.package-send{min-width:auto}} |
|
|
| .service-row,.task-row,.favorite-row{ |
| padding:14px;border:1px solid rgba(91,172,235,.15);border-radius:12px; |
| background:rgba(7,34,59,.72);margin-bottom:9px |
| } |
| .service-head,.task-head,.favorite-head{display:flex;align-items:center;justify-content:space-between;gap:12px} |
| .service-diag-global{display:none;align-items:center;gap:6px}.service-diag-global.show{display:inline-flex} |
| .service-diagnostic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 13px}.service-diagnostic div{padding:11px;border:1px solid rgba(91,172,235,.15);border-radius:10px;background:rgba(7,35,61,.62)}.service-diagnostic span{display:block;color:#789ab4;font-size:10px;margin-bottom:5px}.service-diagnostic b{font-size:12px}.service-actions{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 13px}.service-latency{font-size:10px;color:#6f94ad;margin-left:8px;font-weight:500}@media(max-width:760px){.service-diagnostic{grid-template-columns:repeat(2,minmax(0,1fr))}} |
| .service-head b,.task-head b,.favorite-head b{font-size:12.5px} |
| .row-meta{font-size:10.5px;color:#7597b2;margin-top:6px;line-height:1.55} |
| .row-detail{font-size:11.5px;color:#9cb7ca;margin-top:9px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere} |
| .filter-bar{ |
| display:grid;grid-template-columns:minmax(210px,1.5fr) repeat(3,minmax(120px,.65fr)) auto; |
| gap:9px;align-items:center;margin:0 0 16px;padding:12px;border:1px solid rgba(91,172,235,.16); |
| border-radius:13px;background:rgba(7,35,61,.7) |
| } |
| .filter-bar input,.filter-bar select{ |
| min-width:0;border:1px solid rgba(94,171,232,.22);border-radius:8px;background:#082746; |
| color:#dff2ff;padding:9px 10px;outline:none |
| } |
| .filter-count{color:#86a7bf;font-size:11px;text-align:right;white-space:nowrap} |
| .drawer-backdrop{position:fixed;inset:0;z-index:90;background:rgba(1,13,25,.68);display:flex;justify-content:flex-end} |
| .detail-drawer{ |
| width:min(520px,94vw);height:100%;overflow:auto;padding:22px;background:linear-gradient(160deg,#092b4b,#061d34); |
| border-left:1px solid rgba(87,178,245,.25);box-shadow:-18px 0 48px rgba(0,0,0,.3) |
| } |
| .drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px} |
| .drawer-head h2{font-size:19px;margin:0 0 5px}.drawer-head p{font-size:11px;color:#7fa1ba;margin:0} |
| .drawer-close{border:1px solid rgba(102,180,235,.23);background:#0b355a;color:#d8efff;border-radius:9px;width:34px;height:34px;cursor:pointer} |
| .meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0} |
| .meta-item{padding:11px;border:1px solid rgba(91,172,235,.14);border-radius:10px;background:rgba(7,35,61,.66);min-width:0} |
| .meta-item span{display:block;color:#7698b2;font-size:10px;margin-bottom:5px}.meta-item b{font-size:11.5px;line-height:1.5;overflow-wrap:anywhere} |
| .detail-section{margin-top:18px}.detail-section h3{font-size:12px;margin:0 0 9px;color:#d7eeff} |
| .detail-note{padding:11px 12px;border-radius:10px;background:rgba(241,174,69,.08);border:1px solid rgba(241,174,69,.18);color:#d9bc88;font-size:10.5px;line-height:1.65;margin-top:12px} |
| .detail-tool{padding:12px;border:1px solid rgba(91,172,235,.16);border-radius:11px;background:rgba(7,35,61,.68);margin-top:12px} |
| .detail-tool-row{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(150px,1fr) auto;gap:8px;align-items:center} |
| .detail-tool input,.detail-tool select{min-width:0;border:1px solid rgba(94,171,232,.22);border-radius:8px;background:#082746;color:#dff2ff;padding:8px 9px;outline:none} |
| .probe-result{margin-top:9px;font-size:10.5px;line-height:1.65;color:#a8c3d5;overflow-wrap:anywhere} |
| .path-list{margin:0;padding-left:18px;color:#8facbf;font-size:10.5px;line-height:1.7;overflow-wrap:anywhere} |
| .file-browser{margin-top:9px;max-height:290px;overflow:auto}.file-item{display:flex;justify-content:space-between;gap:12px;padding:9px 7px;border-bottom:1px solid rgba(91,172,235,.1);font-size:10px;cursor:pointer;border-radius:8px;transition:.16s;background:transparent}.file-item:hover,.file-item:focus{background:rgba(42,142,220,.10);outline:1px solid rgba(75,174,238,.22)}.file-item .file-path{overflow-wrap:anywhere;min-width:0}.file-item .file-size{white-space:nowrap;color:#7598b2}.file-item .file-open{white-space:nowrap;color:#66c7ff;font-weight:700}.file-detail-card{margin-top:10px;padding:12px;border:1px solid rgba(94,181,239,.18);border-radius:12px;background:rgba(5,34,57,.42)}.file-detail-card h4{font-size:12px;margin:0 0 7px;overflow-wrap:anywhere}.file-detail-meta{display:flex;flex-wrap:wrap;gap:7px;font-size:10px;color:#82a7c1}.file-detail-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px} |
| .finding{padding:11px 12px;border:1px solid rgba(91,172,235,.15);border-radius:10px;margin-bottom:8px;background:rgba(7,35,61,.66)}.finding b{font-size:11.5px}.finding p{margin:5px 0 0;color:#91aec2;font-size:10.5px;line-height:1.55}.finding.high{border-color:rgba(255,104,132,.3)}.finding.medium{border-color:rgba(242,174,69,.27)}.finding.low,.finding.info{border-color:rgba(66,191,225,.22)} |
| .quality-list{max-height:260px;overflow:auto;padding:0;margin:0;list-style:none}.quality-list li{padding:7px 3px;border-bottom:1px solid rgba(91,172,235,.1);font-size:10px;line-height:1.5;color:#8eacc1;overflow-wrap:anywhere} |
| .compare-wrap{overflow:auto;border:1px solid rgba(91,172,235,.17);border-radius:12px;margin-top:12px} |
| .compare-table{width:100%;min-width:680px;border-collapse:collapse;font-size:10.5px}.compare-table th,.compare-table td{padding:11px;border-bottom:1px solid rgba(91,172,235,.12);border-right:1px solid rgba(91,172,235,.1);text-align:left;vertical-align:top;line-height:1.55}.compare-table th{color:#dff2ff;background:rgba(var(--accent-rgb),.1)}.compare-table td:first-child{color:#7fa2bb;white-space:nowrap}.compare-table tr:last-child td{border-bottom:0} |
| .task-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px} |
| .task-summary div{padding:8px 9px;border-radius:8px;background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.14)} |
| .task-summary span{display:block;color:#7598b2;font-size:9.5px;margin-bottom:3px}.task-summary b{font-size:11px;overflow-wrap:anywhere} |
| .task-progress{height:6px;margin-top:10px;border-radius:999px;overflow:hidden;background:rgba(112,155,190,.13)} |
| .task-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-glow));transition:width .25s ease} |
| .task-progress.indeterminate span{width:38%;animation:task-slide 1.25s ease-in-out infinite} |
| @keyframes task-slide{0%{transform:translateX(-110%)}100%{transform:translateX(365%)}} |
| .error-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px} |
| .settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px} |
| .setting{padding:16px;border:1px solid rgba(91,172,235,.16);border-radius:13px;background:rgba(7,35,61,.75)} |
| .setting label{display:block;font-size:12.5px;font-weight:650;margin-bottom:6px} |
| .setting small{display:block;color:#7898b2;font-size:10.5px;line-height:1.5;margin-bottom:10px} |
| .setting select,.setting input[type="number"]{ |
| width:100%;border:1px solid rgba(94,171,232,.22);border-radius:8px; |
| background:#082746;color:#dff2ff;padding:8px 9px;outline:none |
| } |
| .switch-line{display:flex;align-items:center;justify-content:space-between;gap:15px} |
| .switch-line input{width:18px;height:18px;accent-color:var(--accent)} |
| .fav-star{border:0;background:transparent;color:#7797b0;cursor:pointer;font-size:17px;padding:2px 5px} |
| .fav-star.on,.fav-star:hover{color:#ffd166} |
| .msg-actions{display:flex;justify-content:flex-end;margin-top:4px} |
| .font-preview{margin-top:10px;padding:11px 12px;border-radius:10px;background:rgba(var(--accent-rgb),.09);border:1px solid rgba(var(--accent-rgb),.22);font-size:var(--message-font-size);line-height:1.65;color:#dff2ff} |
| .mobile-nav{display:none} |
| body[data-accent="blue"]{--accent:#1387ff;--accent2:#006cff;--accent-rgb:19,135,255;--accent-glow:#35d5ff} |
| body[data-accent="teal"]{--accent:#13bda5;--accent2:#078d82;--accent-rgb:19,189,165;--accent-glow:#55ead9} |
| body[data-accent="violet"]{--accent:#8871ff;--accent2:#6650df;--accent-rgb:136,113,255;--accent-glow:#ad9cff} |
| body.compact .app{grid-template-columns:250px minmax(0,1fr)} |
| body.compact .app:after{left:250px} |
| body.compact .side{padding:13px 10px 10px;gap:9px} |
| body.compact .nav-btn{padding:8px 10px} |
| body.compact .composer-wrap{left:250px;padding-bottom:15px} |
| body.compact .workspace{padding-top:19px} |
| body.compact .view-card,body.compact .summary-card{padding:11px} |
| body.compact .service-row,body.compact .task-row,body.compact .favorite-row{padding:10px} |
| body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important} |
| .auth-pending .app{visibility:hidden} |
| .toast{ |
| position:fixed;left:50%;bottom:105px;z-index:80;transform:translateX(-50%) translateY(10px); |
| padding:8px 12px;border-radius:9px;background:#0c2d4d;color:#cfeaff; |
| border:1px solid rgba(93,175,236,.22);font-size:11.5px;opacity:0;pointer-events:none;transition:.18s ease |
| } |
| .toast.show{opacity:1;transform:translateX(-50%) translateY(0)} |
|
|
| @media(max-width:900px){ |
| .app{grid-template-columns:240px 1fr} |
| .composer-wrap{left:240px} |
| .cards{grid-template-columns:1fr} |
| .data-card{min-height:auto} |
| .msg-body{max-width:86%} |
| .summary-grid{grid-template-columns:1fr 1fr} |
| } |
| @media(max-width:720px){ |
| body{overflow:auto} |
| .app{display:block} |
| .side{display:none;position:fixed;inset:0 auto 0 0;width:min(86vw,300px);z-index:60} |
| .side.mobile-open{display:flex} |
| .main{height:100vh} |
| .composer-wrap{left:0;padding:16px} |
| .chat{padding:18px 14px 140px} |
| .top{padding:0 14px} |
| .cards{grid-template-columns:1fr} |
| .msg-body{max-width:88%} |
| .title{font-size:13px} |
| .stat{font-size:10.5px} |
| .mobile-nav{display:inline-grid;place-items:center} |
| body.compact .composer-wrap{left:0} |
| .workspace{padding:20px 14px 36px} |
| .summary-grid,.view-grid,.settings-grid{grid-template-columns:1fr} |
| .filter-bar{grid-template-columns:1fr}.filter-count{text-align:left} |
| .meta-grid,.task-summary,.package-plan-head{grid-template-columns:1fr} |
| .detail-tool-row{grid-template-columns:1fr} |
| .view-head{display:block} |
| .view-actions{margin-top:12px} |
| } |
|
|
| |
| |
| .package-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:10px}.package-estimate{margin-top:12px;padding:12px;border:1px solid rgba(91,172,235,.16);border-radius:12px;background:rgba(7,35,61,.48)}.package-estimate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}.package-estimate-card{padding:9px 10px;border-radius:10px;border:1px solid rgba(91,172,235,.11);background:rgba(255,255,255,.02)}.package-estimate-card b{display:block;font-size:12px;margin-bottom:3px}.package-estimate-card span{font-size:10px;color:#7f9eb3}.package-manifest{max-height:320px;overflow:auto;margin-top:10px;border:1px solid rgba(91,172,235,.12);border-radius:10px}.package-manifest-row{display:grid;grid-template-columns:150px 1fr auto;gap:10px;padding:8px 10px;border-bottom:1px solid rgba(91,172,235,.08);font-size:10px;align-items:center}.package-manifest-row:last-child{border-bottom:0}.package-manifest-row span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#91afc3}@media(max-width:760px){.package-estimate-grid{grid-template-columns:1fr}.package-manifest-row{grid-template-columns:100px 1fr}.package-manifest-row span:last-child{display:none}} |
|
|
| .package-rec.selectable{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.package-rec.selectable>input{margin-top:5px;accent-color:var(--accent,#4b7cff);transform:scale(1.08)}.package-rec-main{min-width:0;flex:1}.package-review-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 8px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.package-review-toolbar>div:first-child{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.package-review-toolbar span{font-size:12px;color:var(--muted)}.package-warning{margin:12px 0;padding:11px 13px;border:1px solid rgba(245,158,11,.28);border-radius:12px;background:rgba(245,158,11,.08);font-size:12px;line-height:1.6}.view-btn.compact{padding:6px 10px;font-size:12px}.package-review-toolbar>div:last-child{display:flex;gap:6px}@media(max-width:760px){.package-review-toolbar{align-items:flex-start;flex-direction:column}} |
|
|
| |
| .health-hero{display:grid;grid-template-columns:190px 1fr;gap:14px;margin-bottom:14px}.health-score-card,.health-panel{border:1px solid rgba(91,172,235,.16);border-radius:14px;background:rgba(7,35,61,.46);padding:14px}.health-score-card{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:150px}.health-score{font-size:52px;font-weight:800;line-height:1}.health-grade{font-size:13px;margin-top:7px}.health-subgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.health-kpi{border:1px solid rgba(91,172,235,.11);border-radius:11px;padding:11px;background:rgba(255,255,255,.02)}.health-kpi span{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}.health-kpi b{font-size:19px}.health-domain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.health-domain{border:1px solid rgba(91,172,235,.14);border-radius:12px;padding:12px;background:rgba(255,255,255,.02)}.health-domain-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.health-domain-score{font-size:22px;font-weight:800}.health-rec{display:grid;gap:8px}.health-rec-item{border:1px solid rgba(91,172,235,.12);border-radius:10px;padding:10px 11px}.health-rec-item b{font-size:12px}.health-rec-item p{font-size:10px;color:var(--muted);line-height:1.55;margin:4px 0 0}.health-rec-item.high{border-color:rgba(239,68,68,.28)}.health-rec-item.medium{border-color:rgba(245,158,11,.28)}.health-method{margin-top:10px;font-size:10px;color:var(--muted);line-height:1.55}@media(max-width:760px){.health-hero{grid-template-columns:1fr}.health-domain-grid,.health-subgrid{grid-template-columns:1fr}} |
|
|
| .health-kpi.actionable,.health-domain.actionable{cursor:pointer} |
| .health-kpi.actionable:hover,.health-domain.actionable:hover{transform:translateY(-1px);border-color:rgba(110,168,255,.45)} |
| .health-domain-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px} |
| .health-domain-metric{padding:10px;border-radius:10px;background:rgba(255,255,255,.035)} |
| .health-domain-metric span{display:block;font-size:11px;opacity:.65;margin-bottom:3px} |
| .health-domain-metric b{font-size:18px} |
| .health-domain-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px} |
| .health-link{border:0;background:transparent;padding:0;font:inherit;text-decoration:underline;cursor:pointer;opacity:.84} |
| .quality-drill-table{width:100%;border-collapse:collapse;font-size:12px} |
| .quality-drill-table th,.quality-drill-table td{padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top;word-break:break-word} |
| .quality-drill-table th{position:sticky;top:0;background:rgba(15,24,42,.96)} |
| .quality-drill-scroll{max-height:62vh;overflow:auto;margin-top:12px} |
| .quality-empty{padding:20px;opacity:.7} |
|
|
|
|
| .project-history{margin:12px 0 16px;padding:12px;border:1px solid rgba(105,177,232,.13);border-radius:14px;background:rgba(4,27,48,.42)} |
| .project-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px} |
| .project-history-head b{font-size:13px} |
| .project-history-head span{font-size:11px;color:var(--muted)} |
| .project-history-list{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 5px;scrollbar-width:thin} |
| .project-history-card{flex:0 0 min(290px,72vw);min-width:0;border:1px solid rgba(91,172,235,.14);background:rgba(6,35,61,.62);border-radius:11px;padding:10px;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) 26px;gap:6px;text-align:left;color:inherit} |
| .project-history-card:hover{border-color:rgba(var(--accent-rgb),.42);background:rgba(8,46,79,.78)} |
| .project-history-main{min-width:0} |
| .project-history-main b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px} |
| .project-history-main small{display:block;margin-top:5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10.5px} |
| .project-history-delete{border:0;background:transparent;color:#7d9bb2;cursor:pointer;border-radius:7px;height:26px} |
| .project-history-delete:hover{background:rgba(255,95,95,.1);color:#ffb1b1} |
|
|
|
|
| .primary-tools{flex:0 0 auto} |
| .secondary-tools{flex:0 0 auto} |
| .side-tools-head{margin-top:-2px} |
| body.sidebar-tools-collapsed .primary-tools{ |
| max-height:none; |
| opacity:1; |
| transform:none; |
| pointer-events:auto; |
| } |
|
|
|
|
| .unified-query-card{margin:0 0 18px;padding:16px;border:1px solid rgba(89,170,235,.17);border-radius:16px;background:linear-gradient(180deg,rgba(7,38,67,.72),rgba(4,26,48,.62))} |
| .unified-query-card>div:first-child{margin-bottom:10px} |
| .unified-query-card b{font-size:14px} |
| .unified-query-card p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.55} |
| .unified-query-card textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:74px;border:1px solid rgba(91,172,235,.18);background:rgba(3,22,40,.75);color:#e8f6ff;border-radius:11px;padding:11px 12px;outline:none;font:inherit} |
| .unified-query-card textarea:focus{border-color:rgba(var(--accent-rgb),.45)} |
| .uq-actions{display:flex;justify-content:flex-end;margin-top:9px} |
| .uq-plan{margin-top:13px;border-top:1px solid rgba(255,255,255,.07);padding-top:12px} |
| .uq-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} |
| .uq-plan-grid>div{padding:10px;border-radius:10px;background:rgba(255,255,255,.035)} |
| .uq-plan-grid span{display:block;font-size:10.5px;color:var(--muted);margin-bottom:4px} |
| .uq-plan-grid b{font-size:12px} |
| .uq-row{display:grid;grid-template-columns:minmax(120px,.6fr) minmax(0,1.6fr) auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.055)} |
| .uq-row span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9fc0d8;font-size:11.5px} |
| .uq-row small{color:#7191aa} |
| @media(max-width:900px){.uq-plan-grid{grid-template-columns:1fr 1fr}.uq-row{grid-template-columns:1fr}.uq-row span{white-space:normal}} |
|
|
|
|
| .download-progress-overlay{position:fixed;inset:0;z-index:9999;display:none;align-items:flex-end;justify-content:flex-end;padding:22px;pointer-events:none} |
| .download-progress-overlay.show{display:flex} |
| .download-progress-card{width:min(430px,calc(100vw - 28px));pointer-events:auto;border:1px solid rgba(103,180,238,.25);border-radius:16px;padding:14px 15px;background:rgba(3,22,40,.96);box-shadow:0 18px 50px rgba(0,0,0,.38);backdrop-filter:blur(16px)} |
| .download-progress-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px} |
| .download-progress-head b{display:block;font-size:13px} |
| .download-progress-head span{display:block;color:var(--muted);font-size:11px;margin-top:4px} |
| .download-progress-close{border:0;background:transparent;color:#8eacc2;cursor:pointer;font-size:20px;line-height:1} |
| .download-progress-track{height:9px;margin:13px 0 9px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08)} |
| .download-progress-bar{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#398cff,#62d9ff);transition:width .18s linear} |
| .download-progress-bar.indeterminate{width:36%;animation:download-indeterminate 1.2s ease-in-out infinite} |
| .download-progress-bar.done{background:linear-gradient(90deg,#25b978,#6ce0aa)} |
| .download-progress-bar.error{width:100%;background:linear-gradient(90deg,#c7465d,#ff8c9d)} |
| .download-progress-meta{display:grid;grid-template-columns:1fr auto auto;gap:12px;font-size:10.5px;color:#9dbbd0} |
| .download-progress-hint{margin-top:9px;color:#7898af;font-size:10.5px;line-height:1.5} |
| .download-progress-actions{display:flex;justify-content:flex-end;margin-top:10px} |
| @keyframes download-indeterminate{0%{transform:translateX(-120%)}50%{transform:translateX(120%)}100%{transform:translateX(280%)}} |
|
|
| .download-progress-source{font-size:10px;color:#6f8ca1;margin-top:5px} |
|
|
|
|
| .chat-task-progress{margin:9px 0 5px;padding:11px 12px;border:1px solid rgba(85,168,231,.18);border-radius:12px;background:rgba(4,28,50,.56)} |
| .chat-task-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start} |
| .chat-task-head b{font-size:11.5px}.chat-task-head span{font-size:10px;color:#7fa1b9} |
| .chat-task-stage{display:block!important;margin-top:3px} |
| .chat-task-track{height:6px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;margin:9px 0 7px} |
| .chat-task-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#398cff,#63d6ff);transition:width .3s ease} |
| .chat-task-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:4px} |
| .chat-task-steps span{text-align:center;font-size:9px;color:#58788f;white-space:nowrap} |
| .chat-task-steps span.on{color:#a9d7f4} |
| .chat-task-status{margin-top:8px;font-size:10.5px;color:#c3dded} |
| .chat-task-activity{margin-top:4px;font-size:9.5px;color:#66879e} |
| .chat-task-progress.stale{border-color:rgba(244,181,72,.35)} |
| .chat-task-progress.stale .chat-task-status{color:#f3cb7d} |
| .chat-task-progress.error{border-color:rgba(235,87,108,.38)} |
| .chat-task-progress.error .chat-task-track span{background:#d85b70} |
| .chat-task-progress.error .chat-task-status{color:#ff9bab} |
| .chat-task-progress.done .chat-task-track span{background:linear-gradient(90deg,#2fba7b,#62d9a2)} |
| @media(max-width:720px){.chat-task-steps{grid-template-columns:repeat(5,minmax(0,1fr))}.chat-task-steps span{font-size:8px}} |
|
|
|
|
| .ocean-batch-card{margin:10px 0 6px;padding:13px;border:1px solid rgba(82,175,239,.22);border-radius:13px;background:rgba(4,31,55,.68)} |
| .ocean-batch-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.ocean-batch-head b{font-size:12px}.ocean-batch-head span{display:block;margin-top:3px;color:#6e91aa;font-size:9.5px}.ocean-batch-head strong{font-size:16px;color:#9edfff} |
| .ocean-batch-track{height:7px;margin:10px 0;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.07)}.ocean-batch-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#3a8cff,#61d7ff);transition:width .25s ease} |
| .ocean-batch-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.ocean-batch-counts span{padding:7px;border-radius:8px;background:rgba(255,255,255,.035);font-size:9.5px;color:#83a6bd}.ocean-batch-counts b{display:block;margin-top:2px;color:#d8efff;font-size:12px} |
| .ocean-batch-meta,.ocean-batch-message{margin-top:8px;font-size:10px;color:#7899b0;line-height:1.45}.ocean-batch-message{color:#a7c8db} |
| .ocean-batch-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px} |
| @media(max-width:700px){.ocean-batch-counts{grid-template-columns:1fr 1fr}} |
|
|
|
|
| .ocean-batch-size{margin-top:8px;font-size:10px;color:#7d9db4}.ocean-batch-size b{color:#cbe7f7} |
| .ocean-batch-file-list{margin-top:10px;max-height:310px;overflow:auto;border:1px solid rgba(91,172,235,.12);border-radius:10px} |
| .ocean-batch-file-row{display:grid;grid-template-columns:30px minmax(180px,1fr) minmax(120px,.6fr) 82px auto;gap:8px;align-items:center;padding:8px 9px;border-bottom:1px solid rgba(255,255,255,.055);font-size:10px} |
| .ocean-batch-file-row:last-child{border-bottom:0}.ocean-batch-file-row span{color:#63849b}.ocean-batch-file-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px}.ocean-batch-file-row small{color:#7e9eb3}.ocean-batch-file-row em{font-style:normal;color:#93b6cb} |
| .ocean-batch-download-queue{margin-top:12px;padding:11px;border:1px solid rgba(67,179,229,.2);border-radius:11px;background:rgba(2,24,44,.62)} |
| .obdq-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.obdq-head b{font-size:11.5px}.obdq-head span{display:block;margin-top:3px;font-size:9.5px;color:#7ea0b6}.obdq-head strong{font-size:15px;color:#9cddff} |
| .obdq-track{height:7px;margin:9px 0;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.07)}.obdq-track span{display:block;height:100%;background:linear-gradient(90deg,#37a6ff,#65e0c1);transition:width .25s} |
| .obdq-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.obdq-grid span{padding:7px;border-radius:8px;background:rgba(255,255,255,.035);font-size:9px;color:#789ab0}.obdq-grid b{display:block;margin-top:2px;color:#d8efff;font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} |
| .obdq-note{margin-top:8px;color:#7899ae;font-size:9.5px;line-height:1.45}.obdq-actions{display:flex;gap:7px;justify-content:flex-end;margin-top:9px} |
| @media(max-width:760px){.ocean-batch-file-row{grid-template-columns:28px 1fr auto}.ocean-batch-file-row small,.ocean-batch-file-row em{display:none}.obdq-grid{grid-template-columns:1fr 1fr}} |
|
|
