feat: 优化业务界面并修复助手意图回复
This commit is contained in:
NathanAlex7
@@ -12,3 +12,41 @@
|
||||
.xb-decision-editor{display:block;margin-top:10px}.xb-decision-editor>span{display:block;margin-bottom:6px;color:#51675a;font-size:10px;font-weight:700}.xb-decision-editor textarea{box-sizing:border-box;width:100%;min-height:82px;padding:10px 11px;resize:vertical;border:1px solid #d9e2dc;border-radius:7px;background:#fff;color:#273c30;font:inherit;line-height:1.6;outline:none}.xb-decision-editor textarea:focus{border-color:#3b8d64;box-shadow:0 0 0 3px #3b8d6418}.xb-decision-editor>small{display:block;margin-top:4px;text-align:right;color:#8a958e;font-size:9px}
|
||||
.xb-return-reason{display:block;width:min(360px,100%)}.xb-return-reason>span{display:block;margin-bottom:5px;color:#587063;font-size:9px;font-weight:700}.xb-return-reason textarea{box-sizing:border-box;width:100%;min-height:58px;padding:8px 10px;resize:vertical;border:1px solid #ccdcd2;border-radius:7px;background:#fff;color:#273c30;font:inherit;line-height:1.5;outline:none}.xb-return-reason textarea:focus{border-color:#3b8d64;box-shadow:0 0 0 3px #3b8d6418}@media(max-width:900px){.xb-return-reason{width:100%}}
|
||||
.xb-project-card.is-returned{border-color:#e7847b;background:#fff1ef;box-shadow:0 7px 24px #b8403020}.xb-project-card.is-returned:hover{border-color:#c74d42;box-shadow:0 9px 28px #b8403030}.xb-project-card.is-returned>span{background:#c9463b;color:#fff}.xb-returned-summary{display:grid;gap:6px;margin:15px 0;padding:12px 14px;border-left:3px solid #d04d43;border-radius:7px;background:#fff8f7}.xb-returned-summary small{color:#9a5c56}.xb-returned-summary strong{font-size:12px;line-height:1.6;color:#8d3029}
|
||||
|
||||
/* Readability and action hierarchy for all consolidated business workspaces. */
|
||||
.ra-app{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:15px;line-height:1.65}
|
||||
.ra-main,.xb-overview{color:#24352c}
|
||||
.ra-heading h1{font-size:31px}.ra-heading p,.xb-overview-heading p{font-size:14px;color:#65766d}
|
||||
.ra-eyebrow,.ra-side-label{font-size:12px}.ra-top{font-size:14px}.ra-badge,.ra-status{font-size:12px}
|
||||
.ra-button{min-height:42px;padding:10px 16px;border:1px solid #b8c8bf;border-radius:8px;background:#fff;color:#234d39;font-size:14px;font-weight:700;box-shadow:0 2px 7px #173d2b0c;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s}
|
||||
.ra-button:hover{background:#edf6f1;border-color:#4e8b6c;box-shadow:0 5px 15px #173d2b16;transform:translateY(-1px)}
|
||||
.ra-button.primary{background:#17634c;border-color:#17634c;color:#fff;box-shadow:0 5px 14px #17634c30}.ra-button.primary:hover{background:#104d3a;border-color:#104d3a}
|
||||
.ra-button:disabled{box-shadow:none;transform:none}
|
||||
.ra-field,.ra-run-form label{font-size:14px;color:#53675c}.ra-field>span{font-weight:600}
|
||||
.ra-field input,.ra-field textarea,.ra-field select,.ra-run-form input,.ra-run-form select,.xb-actions input,.xb-actions select,.xb-panel>select,.xb-report>select{min-height:42px;padding:10px 12px;border-color:#c6d2cb;border-radius:7px;font-size:14px;color:#283b31}
|
||||
.ra-field input:focus,.ra-field textarea:focus,.ra-field select:focus,.xb-actions input:focus,.xb-actions select:focus{border-color:#3b8d64;box-shadow:0 0 0 3px #3b8d6418}
|
||||
.ra-alert{padding:15px 16px;border-radius:8px;font-size:14px;font-weight:600}
|
||||
.ra-pipeline-step b{font-size:14px}.ra-pipeline-step small{font-size:12px}
|
||||
.ra-card h2{font-size:18px}.ra-card>p{font-size:14px;color:#66756d}.ra-chips span,.ra-card-detail,.ra-card footer{font-size:12px}
|
||||
.xb-role-banner{padding:7px 11px;font-size:12px}.xb-project-card{padding:24px;border-color:#cedbd3;border-radius:12px;box-shadow:0 3px 12px #244a3708}
|
||||
.xb-project-card>span{font-size:12px;font-weight:700}.xb-project-card h2{font-size:20px}.xb-project-card p{font-size:14px;color:#64766c}.xb-project-card footer b,.xb-project-card footer small{font-size:13px}
|
||||
.xb-next{padding:14px}.xb-next small{font-size:12px}.xb-next b{font-size:14px}
|
||||
.xb-tabs button,.xb-tabs a{min-height:46px;padding:14px 18px;font-size:15px;font-weight:600}.xb-tabs button:hover,.xb-tabs a:hover{background:#edf5f0;color:#17633f}
|
||||
.xb-panel{border-color:#cedbd3;border-radius:10px}.xb-panel h2{font-size:21px}.xb-panel h3{font-size:17px}.xb-panel>p,.xb-panel p,.xb-panel details{font-size:14px;color:#586d61}
|
||||
.xb-finding b{font-size:15px}.xb-finding p{font-size:14px}.xb-finding small{font-size:12px}
|
||||
.xb-status,.xb-result{font-size:12px}.xb-review-clock small,.xb-review-clock span{font-size:12px}.xb-review-clock b{font-size:13px}.xb-review-clock strong{font-size:17px}
|
||||
.xb-step-business>summary{padding:18px 20px;cursor:pointer}.xb-step-business>summary small{font-size:13px}.xb-step-business>summary strong{font-size:13px}
|
||||
.xb-solution b{font-size:14px}.xb-solution small{font-size:13px}
|
||||
.xb-review-heading>div>span{font-size:12px}.xb-review-heading h2{font-size:25px}.xb-review-heading p{font-size:14px}.xb-review-progress small{font-size:12px}
|
||||
.xb-review-kpis span,.xb-review-lanes span{font-size:13px}.xb-review-topic>summary span>small,.xb-review-topic>summary>strong{font-size:12px}.xb-topic-lanes h3{font-size:15px}
|
||||
.xb-source>summary{padding:12px}.xb-source>summary span>small,.xb-source>summary em{font-size:11px}.xb-source>p{font-size:12px!important;line-height:1.6}.xb-empty-source{font-size:12px}
|
||||
.xb-ai-state p{font-size:13px!important}.xb-ai-check>span{height:auto;font-size:11px}.xb-ai-check b{font-size:13px}.xb-ai-check p,.xb-ai-check small{font-size:12px!important}
|
||||
.xb-decision-editor>span,.xb-return-reason>span{font-size:13px}.xb-decision-editor>small,.xb-current-decision small,.xb-trace-note{font-size:11px}
|
||||
.xb-decision-actions{gap:9px}.xb-decision-actions .ra-button{min-height:40px;padding:9px 12px;font-size:13px}
|
||||
.xb-review-final{padding:20px;border:1px solid #cce2d5}.xb-review-final b{font-size:16px}.xb-review-final small{font-size:13px}
|
||||
.xb-review-final>.ra-button:not(.primary){border-color:#d7837b;background:#fff7f5;color:#9b382f}.xb-review-final>.ra-button:not(.primary):hover{border-color:#bb4d43;background:#ffebe8}
|
||||
.xb-return-reason textarea,.xb-decision-editor textarea{font-size:14px;border-color:#bfcfc6}
|
||||
.xb-timeline article b,.xb-timeline article strong{font-size:14px}.xb-timeline article p{font-size:13px}.xb-timeline article small{font-size:12px}
|
||||
.xb-history-counts button,.xb-event-list a{font-size:14px}.xb-history-counts small,.xb-event-list small{font-size:12px}
|
||||
.xb-returned-summary small{font-size:12px}.xb-returned-summary strong{font-size:14px}
|
||||
@media(max-width:760px){.ra-button{min-height:42px;font-size:13px}.xb-project-card h2{font-size:18px}.xb-tabs button,.xb-tabs a{font-size:13px}.xb-review-heading h2{font-size:22px}}
|
||||
|
||||
+15
-1
@@ -16,10 +16,24 @@ body { min-height: 100%; }
|
||||
|
||||
body {
|
||||
color: var(--text-primary);
|
||||
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", "Segoe UI", Roboto, sans-serif;
|
||||
font-family: "Microsoft YaHei", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
||||
font-size: 16px;
|
||||
line-height: 1.6;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
:focus-visible {
|
||||
outline: 3px solid rgba(23, 99, 76, 0.28);
|
||||
outline-offset: 3px;
|
||||
}
|
||||
|
||||
/* ── Layered background ─────────────────────────────── */
|
||||
.app-bg {
|
||||
background:
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -1 +1,13 @@
|
||||
.ba-shell{min-height:100vh;background:#f1f5f2;color:#173127;font-family:Arial,"Microsoft YaHei",sans-serif}.ba-shell *{box-sizing:border-box}.ba-main{max-width:1420px;margin:auto;padding:44px 38px 70px}.ba-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.ba-heading>div>p{font-size:10px;letter-spacing:.16em;color:#378265;margin-bottom:10px}.ba-heading h1{font:500 36px/1.2 Georgia,"Microsoft YaHei",serif}.ba-heading>div>span{display:block;color:#74857d;font-size:12px;margin-top:12px}.ba-mode-tabs{display:flex;gap:5px;margin-top:28px}.ba-mode-tabs button{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#6f8178;padding:10px 13px;border-radius:9px;font-size:11px}.ba-mode-tabs button.active{background:#dcece3;color:#17633f;font-weight:700}.ba-context{display:grid;grid-template-columns:minmax(280px,1.4fr) .7fr 1fr auto;align-items:center;gap:18px;background:#0e2a1e;color:white;margin:10px 0 16px;padding:18px 22px;border-radius:15px;box-shadow:0 15px 42px #0d2d201c}.ba-context>div{min-width:0;border-right:1px solid #ffffff17}.ba-context span{display:block;font-size:9px;color:#7ba18e;margin-bottom:7px}.ba-context select{width:90%;border:0;background:transparent;color:#eaf7f0;font-size:13px;font-weight:700}.ba-context select option{color:#1a2a22}.ba-context b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ba-context>a{display:flex;align-items:center;gap:6px;color:#73dfa9;font-size:11px}.ba-workspace{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:610px;border:1px solid #dfe8e2;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 30px 80px #274d3a0e}.ba-workspace>aside{padding:30px 24px;background:linear-gradient(160deg,#f7fbf8,#edf5f0);border-right:1px solid #e1eae4}.ba-workspace>aside>svg{color:#2c9c6a}.ba-workspace aside h2{font-size:17px;margin:18px 0 10px}.ba-workspace aside p{color:#718179;font-size:11px;line-height:1.8;margin-bottom:24px}.ba-workspace aside button{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid #dbe7df;background:#fff;color:#345a48;padding:12px 13px;border-radius:9px;margin-bottom:9px;font-size:11px;cursor:pointer}.ba-workspace aside button:hover{border-color:#62ad89;color:#17633f}.ba-workspace aside small{display:flex;align-items:flex-start;gap:7px;color:#8a9991;font-size:9px;line-height:1.7;margin-top:28px}.ba-chat{display:flex;flex-direction:column;min-width:0}.ba-messages{flex:1;padding:28px 34px;overflow:auto;max-height:560px}.ba-messages article{max-width:75%;margin-bottom:18px}.ba-messages article>div{display:flex;align-items:flex-start;gap:9px}.ba-messages article p{padding:13px 15px;border-radius:12px;background:#edf4f0;color:#385347;font-size:12px;line-height:1.8}.ba-messages article.user{margin-left:auto}.ba-messages article.user p{background:#17633f;color:#fff}.ba-messages article svg{color:#369367;margin-top:13px;flex-shrink:0}.ba-messages article small{display:block;color:#9aa6a0;font-size:9px;margin:7px 0 0 25px}.ba-messages article a{display:inline-flex;align-items:center;gap:4px;color:#24724f;font-size:10px;margin:6px 0 0 25px}.ba-messages .pending{opacity:.65}.ba-error{margin:0 28px 10px;color:#9c463b;background:#fff0ed;padding:10px 13px;border-radius:8px;font-size:11px}.ba-chat form{display:flex;align-items:center;gap:9px;margin:0 28px;padding:8px 9px;border:1px solid #d8e3dc;border-radius:13px;background:#fff;box-shadow:0 8px 25px #244a370d}.ba-chat form>input{flex:1;border:0;outline:0;padding:10px;font-size:12px}.ba-chat form>button,.ba-attach{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:9px;cursor:pointer}.ba-chat form>button{background:#17633f;color:#fff}.ba-chat form>button:disabled{opacity:.4}.ba-attach{color:#668078;background:#eff4f1}.ba-attach input{display:none}.ba-chat footer{display:flex;align-items:center;gap:6px;color:#93a199;font-size:9px;padding:10px 38px 20px}.ba-native{height:610px;display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid #dfe8e2;border-radius:18px;background:#fff;box-shadow:0 30px 80px #274d3a0e}.ba-native>header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #e1e9e4;background:#f6faf7}.ba-native>header>div,.ba-native>header>a{display:flex;align-items:center;gap:9px}.ba-native>header b{font-size:12px}.ba-native>header span{display:block;color:#819087;font-size:9px;margin-top:4px}.ba-native>header>a{color:#21704d;font-size:10px}@media(max-width:820px){.ba-main{padding:26px 14px 50px}.ba-heading{align-items:flex-start;flex-direction:column}.ba-heading h1{font-size:29px}.ba-context{grid-template-columns:1fr 1fr}.ba-workspace{grid-template-columns:1fr}.ba-workspace>aside{border-right:0;border-bottom:1px solid #e1eae4}.ba-messages{padding:22px 18px}.ba-messages article{max-width:90%}.ba-chat form{margin:0 14px}.ba-chat footer{padding-left:22px}}
|
||||
|
||||
/* Larger business copy and clearer assistant actions. */
|
||||
.ba-shell{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:15px}
|
||||
.ba-heading>div>p{font-size:12px}.ba-heading>div>span{font-size:14px;line-height:1.7}
|
||||
.ba-mode-tabs button{min-height:44px;padding:11px 16px;font-size:14px;border:1px solid transparent;cursor:pointer}
|
||||
.ba-mode-tabs button:hover{background:#e8f1ec;color:#17633f}.ba-mode-tabs button.active{border-color:#bdd9c8;box-shadow:0 3px 12px #1c5a3b12}
|
||||
.ba-context span{font-size:12px}.ba-context select{font-size:15px}.ba-context b{font-size:14px}.ba-context>a{font-size:13px;font-weight:700}
|
||||
.ba-workspace aside h2{font-size:20px}.ba-workspace aside p{font-size:14px;color:#5d7167}.ba-workspace aside button{min-height:46px;padding:12px 15px;border-color:#c9d9d0;font-size:14px;font-weight:600;box-shadow:0 2px 8px #244a3708}
|
||||
.ba-workspace aside button:hover{background:#edf7f1;border-color:#3e8f68;box-shadow:0 4px 14px #244a3712}
|
||||
.ba-workspace aside small{font-size:12px}.ba-messages article p{font-size:15px}.ba-messages article small{font-size:12px}.ba-messages article a{font-size:13px;font-weight:700}
|
||||
.ba-error{font-size:14px}.ba-chat form{border-color:#bdd2c6;box-shadow:0 8px 28px #244a3715}.ba-chat form>input{font-size:15px}.ba-chat form>button,.ba-attach{width:44px;height:44px}.ba-chat footer{font-size:12px}
|
||||
.ba-native>header b{font-size:14px}.ba-native>header span{font-size:12px}.ba-native>header>a{font-size:13px;font-weight:700}
|
||||
|
||||
@@ -1 +1,13 @@
|
||||
.xb-agent-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:8px;padding:10px 22px;background:#fffffff5;backdrop-filter:blur(18px);border-bottom:1px solid #dfe7e3;color:#667b6d;box-shadow:0 2px 14px #1e3d2e0f;font-family:Arial,"Microsoft YaHei",sans-serif}.xb-agent-nav a{display:flex;align-items:center;gap:7px;padding:8px 10px;min-height:36px;border-radius:7px;font-size:12px;font-weight:500}.xb-agent-nav a:hover{background:#f2f6f3;color:#216b48}.xb-agent-nav a.selected{background:#e4f1e9;color:#17633f;box-shadow:inset 0 0 0 1px #cce2d4}.xb-agent-nav .xb-brand{gap:8px;padding:2px 14px 2px 0;margin-right:2px;border-right:1px solid #e4eae5;border-radius:0}.xb-brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:#17634c;color:#fff;font-size:15px;font-weight:700;box-shadow:inset 0 -2px 0 #0002}.xb-brand b{display:block;color:#17634c;font-size:13px;line-height:1.1}.xb-brand small{display:block;margin-top:4px;color:#91a197;font-size:9px;line-height:1.1}.xb-nav-spacer{flex:1}.xb-project-context{font-size:10px;color:#58705f;background:#f2f7f3;border:1px solid #deebe1;border-radius:999px;padding:7px 11px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xb-identity{display:flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#f2f6f3;border:1px solid #dce8e0;font-size:10px;color:#7d8c82;white-space:nowrap}.xb-identity i{width:7px;height:7px;border-radius:50%;background:#55a778;box-shadow:0 0 0 4px #55a77818}.xb-identity b{font-size:11px;color:#244a36}.xb-identity.role-reviewer{background:#eef2fb;border-color:#dce3f3}.xb-identity.role-reviewer i{background:#607bb8}.xb-identity.role-reviewer b{color:#344c82}.xb-identity.role-admin{background:#f8f2e8;border-color:#eadfc9}.xb-identity.role-admin i{background:#bc8541}.xb-identity.role-admin b{color:#76511f}.xb-overview{max-width:1480px;margin:auto;padding:32px}.xb-overview-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:28px}.xb-overview-heading h1{font-size:26px;font-weight:600}.xb-overview-heading p{font-size:12px;color:#84948b;margin-top:9px}.xb-role-switch{display:flex;align-items:center;gap:8px;border:1px solid #cee0d5;background:#fff;padding:9px 12px;border-radius:12px;box-shadow:0 7px 24px #183b2b0b}.xb-role-switch>span{font-size:10px;color:#87978f}.xb-role-switch svg{color:#27805a}.xb-role-switch select{font-weight:700;color:#245c43;border:0;background:transparent;outline:none}.xb-role-switch.dark{border-color:#ffffff1f;background:#ffffff0d;box-shadow:none}.xb-role-switch.dark>span{color:#8daf9e}.xb-role-switch.dark svg{color:#55d49b}.xb-role-switch.dark select{color:#e1f5eb}.xb-role-switch.dark select option{color:#17251e}@media(max-width:760px){.xb-agent-nav{padding:8px 10px;gap:3px;flex-wrap:wrap}.xb-agent-nav a{font-size:10px;padding:6px}.xb-agent-nav .xb-brand{border:0;padding-right:5px}.xb-brand small,.xb-nav-spacer,.xb-identity>span{display:none}.xb-identity{margin-left:auto}.xb-project-context{order:10;width:100%;max-width:none}.xb-overview{padding:22px 15px}.xb-overview-heading{align-items:flex-start;flex-wrap:wrap}}
|
||||
|
||||
/* Business UI readability: keep navigation and identity obvious at a glance. */
|
||||
.xb-agent-nav{min-height:64px;padding:11px 24px;gap:10px;font-family:"Microsoft YaHei","PingFang SC",sans-serif}
|
||||
.xb-agent-nav a{min-height:42px;padding:10px 13px;border-radius:9px;font-size:14px;font-weight:600;transition:background-color .16s,color .16s,box-shadow .16s}
|
||||
.xb-agent-nav a.selected{box-shadow:inset 0 0 0 1px #bdd8c8,0 3px 10px #1d563a12}
|
||||
.xb-brand-mark{width:36px;height:36px;font-size:17px}
|
||||
.xb-brand b{font-size:15px}.xb-brand small{font-size:11px}
|
||||
.xb-project-context{font-size:12px;padding:8px 13px}
|
||||
.xb-role-switch{min-height:42px;padding:8px 13px;border-color:#bcd5c6;box-shadow:0 4px 16px #183b2b12}
|
||||
.xb-role-switch>span{font-size:12px}.xb-role-switch select{font-size:14px;cursor:pointer}
|
||||
.xb-overview-heading h1{font-size:30px;line-height:1.35}.xb-overview-heading p{font-size:14px;line-height:1.75;color:#667970}
|
||||
@media(max-width:760px){.xb-agent-nav a{font-size:12px;min-height:38px;padding:8px}.xb-brand b{font-size:14px}.xb-overview-heading h1{font-size:26px}}
|
||||
|
||||
Reference in New Issue
Block a user