From: root Date: Thu, 20 Aug 2026 22:59:26 +0000 (+0800) Subject: 领域方案已完成态步进导航：绿色对号 + 自由跳转 X-Git-Url: http://acesimba.cloud/gitweb/?a=commitdiff_plain;h=43ccca9c5a0a501ec680eeca854694ca27e1c20a;p=StationBuilder.git 领域方案已完成态步进导航：绿色对号 + 自由跳转 --- diff --git a/app/globals.css b/app/globals.css index b83cf99..f30916c 100644 --- a/app/globals.css +++ b/app/globals.css @@ -15,7 +15,7 @@ .model-row .model-rate{color:#888;font-size:9px;min-width:34px;text-align:right} .model-row.disabled{opacity:.45;cursor:not-allowed;background:#f4f4f4} .model-row.disabled .model-tag{color:#9aa1a5;background:#eceeef;border-color:#dfe2e3} -.model-row:not(.disabled):hover{border-color:#8ccce9;background:#eef7fb}.workspace{min-height:calc(100vh - 42px);padding-bottom:64px}.crumb{height:34px;padding:11px 20px 0;color:#8b8f93;font-size:11px}.crumb b{color:var(--blue)}.page-heading{min-height:60px;padding:3px 20px 11px;display:flex;align-items:center;justify-content:space-between}.page-heading h1{font-size:21px;margin:0 0 5px}.page-heading p{margin:0;color:#81868b}.button{border:1px solid var(--blue2);background:var(--blue2);color:white;border-radius:2px;min-width:92px;height:31px;padding:0 14px;margin-left:8px}.button:hover{background:#006ca9}.button.secondary{background:white;color:#555;border-color:#cdd2d6}.button.secondary:hover{border-color:var(--blue);color:var(--blue)}.button:disabled{opacity:.55;cursor:not-allowed}.steps{height:70px;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:0 22px}.steps button{border:0;background:transparent;display:flex;align-items:center;position:relative;text-align:left;color:#999;padding:0 18px}.steps button>i{font-style:normal;width:29px;height:29px;border-radius:50%;border:1px solid #cfd4d9;display:grid;place-items:center;margin-right:10px;background:#fff}.steps button span{display:flex;flex-direction:column;gap:4px}.steps button small{font-size:8px}.steps button>b{position:absolute;right:0;font-size:23px;color:#c3c7ca}.steps button.active{color:#222}.steps button.active>i{background:var(--blue);border-color:var(--blue);color:#fff}.steps button.done>i{background:#39b980;border-color:#39b980;color:white}.content{padding:14px 20px}.panel{background:white;border:1px solid var(--line);margin-bottom:14px}.panel-head{min-height:43px;border-bottom:1px solid var(--line);padding:8px 12px;display:flex;justify-content:space-between;align-items:center}.panel-head>strong{font-size:14px}.panel-head .button{height:28px}.panel-body{padding:12px}.summary-strip{display:grid;grid-template-columns:repeat(5,1fr);height:64px;background:white;border:1px solid var(--line);margin-bottom:14px}.summary-strip div{display:flex;align-items:center;justify-content:center;gap:9px;border-right:1px solid var(--line)}.summary-strip div:last-child{border:0}.summary-strip b{font-size:23px}.summary-strip span{color:#777}.filterbar{height:45px;display:flex;align-items:center;gap:7px;padding-bottom:10px;border-bottom:1px solid var(--line)}.filterbar>label{width:205px;height:30px;border:1px solid #cdd2d6;display:flex;align-items:center;padding:0 8px;color:#999}.filterbar input{border:0;outline:0;width:100%;padding-left:8px}.filterbar select,.preview-toolbar select{height:30px;border:1px solid #cdd2d6;background:white;padding:0 25px 0 9px}.filterbar>span{flex:1}.view-switch{display:flex}.view-switch button,.icon-button{width:31px;height:29px;border:1px solid #cbd0d4;background:white}.view-switch button.active{background:var(--blue);color:white;border-color:var(--blue)}.icon-button{border:0;font-size:16px}.data-table{width:100%;border-collapse:collapse}.data-table th{height:35px;background:#f6f7f8;color:#4b4f53;text-align:left;font-size:11px;font-weight:bold;border-bottom:1px solid var(--line);padding:0 10px}.data-table td{height:48px;border-bottom:1px solid #e3e5e7;padding:7px 10px;font-size:11px}.data-table tr:hover td{background:#f7fbfd}.link{border:0;background:transparent;color:#008ed2;padding:0}.site-icon{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:8px;color:#098dd5;border:1px solid #c8d8e0;background:#f7fcff;font-size:18px;vertical-align:middle}.site-icon.big{width:40px;height:40px;font-size:26px}.status{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:2px 8px;font-size:10px;line-height:1.2;border:1px solid}.status.ok{color:#008c51;background:#e5fff3;border-color:#60d9a2}.status.warn{color:#b37400;background:#fff4d8;border-color:#f6bc44}.status.bad{color:#d84632;background:#ffeae7;border-color:#ff8b7b}.status.muted{color:#777;background:#f3f3f3;border-color:#c9c9c9}.dots,.trash{border:0;background:transparent;color:#777}.pagination{height:46px;display:flex;justify-content:flex-end;align-items:center;gap:7px;padding-top:12px}.pagination span{margin-right:10px;color:#777}.pagination button{width:28px;height:28px;border:0;background:white}.pagination button.active{background:#dff2fc;color:#008fd2}.pagination select{border:0;background:white}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:12px 0}.project-grid article{border:1px solid var(--line);padding:14px;cursor:pointer}.project-grid article:hover{border-color:var(--blue);box-shadow:0 2px 7px #008fd21f}.project-grid article>div{display:flex;justify-content:space-between}.project-grid h3{margin:10px 0 5px}.project-grid p,.project-grid small{color:#888;font-size:11px}.project-grid section{display:flex;gap:18px;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:10px 0;margin:12px 0}.project-grid section span{display:flex;flex-direction:column}.project-grid section b{font-size:16px}.two-column{display:grid;grid-template-columns:1fr 340px;gap:14px}.two-column.equal{grid-template-columns:1fr 1fr}.basic-layout>.panel>.panel-body{padding:17px}.stack{display:flex;flex-direction:column}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid>label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:bold}.form-grid>label>input,.form-grid>label>select,.form-grid>label>textarea{border:1px solid #cfd3d7;background:white;border-radius:2px;padding:8px;outline:none;font-weight:normal}.form-grid>label>input:focus,.form-grid>label>select:focus,.form-grid>label>textarea:focus{border-color:var(--blue)}.form-grid>label>input,.form-grid>label>select{height:34px}.form-grid>label>textarea{min-height:80px;resize:vertical;line-height:1.6}.field{display:flex;flex-direction:column;gap:7px}.field>span{font-size:11px;font-weight:bold}.field>span i{color:red;font-style:normal;margin-right:3px}.field input,.field select,.field textarea{border:1px solid #cfd3d7;background:white;border-radius:2px;padding:8px;outline:none}.field input,.field select{height:34px}.field textarea{min-height:130px;resize:vertical;line-height:1.6}.field textarea.small{min-height:80px}.field small{color:#999;font-size:10px}.form-grid .field:nth-child(n+3){grid-column:1/-1}.upload{height:90px;border:1px dashed #bfc7cd;background:#fafbfb;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#777;gap:5px}.upload b{color:var(--blue);font-size:20px}.ai-box{text-align:center;padding:12px}.ai-box>span{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#05a9e8,#8056d9);color:#fff;display:grid;place-items:center;margin:auto;font-weight:bold}.ai-box h3{font-size:14px;margin:12px}.ai-box p{color:#777;line-height:1.7;text-align:left}.meter{height:7px;border-radius:5px;background:#edf0f2;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,#00a4e7,#42c58a);transition:width .35s}.tips{padding-left:22px;line-height:2;color:#666}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.kpi-row>div{height:75px;border:1px solid var(--line);background:white;padding:12px 14px;position:relative}.kpi-row span{display:block;color:#008dcf;font-size:11px;margin-bottom:6px}.kpi-row b{font-size:25px}.kpi-row small{margin-left:4px;color:#888}.kpi-row .status{margin-top:7px}.editable td{padding:7px}.editable input,.editable select{height:29px;border:1px solid #d3d7db;width:100%;padding:0 7px;background:#fff}.editable .number{width:65px}.tree{line-height:2.2}.tree .l1{padding-left:24px}.tree .l2{padding-left:52px;color:#777}.tree span{border-radius:10px;background:#eef2f4;padding:2px 7px;font-size:10px}.file-card{display:flex;align-items:center;gap:12px;border:1px solid #e0e3e5;background:#fafafa;padding:12px}.file-card .excel{width:36px;height:42px;background:#14834f;color:white;display:grid;place-items:center;font-weight:bold}.file-card>div{flex:1}.file-card p{margin:5px 0 0;color:#888;font-size:10px}.checks{display:flex;gap:20px;color:#15935c;padding:12px 2px 0;font-size:10px}.tabs{height:46px;border-bottom:1px solid var(--line);display:flex;gap:6px;margin:-12px -12px 0;padding-left:10px}.tabs button{padding:0 18px;border:0;border-bottom:2px solid transparent;background:white}.tabs button.active{color:#008ed2;border-bottom-color:#008ed2}.tabs i{font-style:normal;border-radius:10px;background:#e7f3f8;padding:2px 7px;margin-left:5px}.section-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 4px}.section-toolbar p{margin:4px 0 0;color:#888;font-size:11px}.mu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mu-grid article{border:1px solid var(--line);display:grid;grid-template-columns:42% 58%;min-height:128px;cursor:pointer}.mu-grid article.selected{border:2px solid var(--blue);background:#fbfeff}.mu-thumb{margin:8px;background:#e9eef1;display:grid;place-items:center;position:relative;overflow:hidden}.mu-thumb:after{content:"";width:72%;height:40%;border:1px solid #8ec4dd;background:white;box-shadow:26px -23px 0 -8px #b9e1f3,-18px 25px 0 -7px #8ed1ec}.mu-thumb b{position:absolute;z-index:2;color:var(--blue);font-size:22px}.mu-grid article>div:last-child{padding:11px 10px 8px 0}.mu-grid header{display:flex;gap:7px;align-items:center}.mu-grid h3{font-size:13px;margin:0}.mu-grid p{color:#777;font-size:10px;line-height:1.5;min-height:32px}.mu-grid button{border:0;background:transparent;color:#008ed2;padding:0}.blue{color:#008ed2}.type-tag{background:#eff3f5;padding:4px 8px;border-radius:2px}.wide-cell{min-width:300px}.menu-builder{display:grid;grid-template-columns:230px 1fr 240px;gap:14px;background:#f6f7f8;padding:14px}.page-pool,.menu-tree,.menu-preview{background:white;border:1px solid var(--line);padding:12px}.page-pool p{color:#999;font-size:10px}.page-pool div{border:1px solid var(--line);padding:10px;margin-top:8px;background:#fafafa}.menu-tree section{border:1px solid var(--line);margin-bottom:8px;padding:10px}.menu-tree section>span{float:right}.menu-tree section>div{margin:9px 0 0 15px;padding:7px;border-top:1px solid #eee}.menu-tree i{font-style:normal;font-size:8px;background:#e1f0f8;color:#008ed2;padding:3px;margin-right:8px}.menu-tree i.cube{background:#eee8fb;color:#7045bc}.menu-tree>button{border:1px dashed #aaa;background:#fafafa;width:100%;height:34px}.menu-preview aside{background:#f4f5f6;min-height:250px;display:flex;flex-direction:column;padding-top:10px}.menu-preview strong{padding:12px}.menu-preview button{border:0;background:transparent;text-align:left;padding:10px}.menu-preview button.active{background:#d8effa;color:#0089ca}.generate-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.confirm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.confirm-grid div{border:1px solid #dfe2e5;padding:12px;display:flex;flex-direction:column;gap:5px;position:relative}.confirm-grid span,.confirm-grid small{color:#888;font-size:10px}.confirm-grid button{position:absolute;right:10px;top:10px;border:0;background:transparent;color:#008ed2;font-size:10px}.option-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option-list label{display:flex;align-items:center;gap:8px}.task-panel{height:100%}.overall{background:#f6fbfd;border:1px solid #d3eaf5;padding:13px}.overall>div:first-child{display:flex;justify-content:space-between;margin-bottom:9px}.overall p{margin:8px 0 0;color:#777;font-size:10px}.task-list{padding:10px 0}.task-list>div{display:flex;align-items:center;border-bottom:1px solid #eee;padding:9px 3px}.task-list>div>i{font-style:normal;width:25px;height:25px;border-radius:50%;border:1px solid #d2d6da;display:grid;place-items:center;margin-right:9px}.task-list>div>i.done{background:#31b67c;border-color:#31b67c;color:white}.task-list>div>i.spin{color:#008fd2}.task-list>div>span{display:flex;flex:1;flex-direction:column;gap:3px}.task-list small{color:#999}.task-panel>.panel-body>.button{width:100%;margin:5px 0}.result-header{display:flex;align-items:center;justify-content:space-between;background:white;border:1px solid var(--line);padding:12px;margin-bottom:14px}.result-header>div{display:flex;align-items:center;gap:10px}.result-header h2{margin:0 0 4px}.result-header p{margin:0;color:#888;font-size:10px}.result-layout{display:grid;grid-template-columns:1fr 280px;gap:14px}.result-pages{display:grid;grid-template-columns:1fr;gap:10px}.result-pages article{border:1px solid var(--line)}.result-pages article>div:last-child{padding:10px}.result-pages article header{display:flex;justify-content:space-between}.result-pages h3{font-size:13px;margin:10px 0 4px}.result-pages p,.result-pages small{font-size:10px;color:#888}.result-pages footer{display:flex;margin-top:9px}.result-pages footer .button{margin:0 5px 0 0;min-width:68px;height:27px}.dashboard-thumb{height:115px;background:#f2f5f7;position:relative;padding:12px 10px 10px 35px}.dashboard-thumb>i{position:absolute;left:0;top:0;bottom:0;width:25px;background:#d7e2e8}.dashboard-thumb>header{display:block;height:10px;background:white;border:1px solid #d9e1e5}.dashboard-thumb>section{display:flex;gap:4px;margin-top:5px}.dashboard-thumb>section b{height:22px;flex:1;background:white;border:1px solid #cde0e9}.dashboard-thumb>footer{position:absolute;left:35px;right:46px;bottom:10px;height:50px;background:white;border:1px solid #d8e1e6;display:flex;align-items:flex-end;gap:5px;padding:8px}.dashboard-thumb>footer em{flex:1;background:#67c5ea;height:45%}.dashboard-thumb>footer em:nth-child(2){height:75%}.dashboard-thumb>footer em:nth-child(4){height:92%}.dashboard-thumb>span{position:absolute;right:9px;bottom:10px;width:31px;height:50px;background:conic-gradient(#17b876 0 72%,#e6edf0 72%)}.dashboard-thumb-live{position:relative;min-height:115px;background:#f2f5f7;border-bottom:1px solid #d8e1e6;overflow:hidden}.dashboard-thumb-live>div{position:relative}.thumb-empty{position:absolute;inset:0;display:grid;place-items:center;color:#999;font-size:11px}result-menu div{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:10px 4px}.result-menu span{background:#edf1f3;border-radius:10px;padding:2px 7px}.text-button{border:0;background:transparent;color:#008ed2;margin-top:12px}.score{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px}.score b{width:55px;height:55px;border-radius:50%;border:5px solid #32bb81;display:grid;place-items:center;font-size:18px}.score span{color:#16945d}.validation{padding-left:10px;list-style:none;line-height:2;color:#178f5a}.preview-shell{border:1px solid var(--line);background:white;margin:-2px}.preview-toolbar{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid var(--line)}.preview-toolbar>div{display:flex;align-items:center;gap:8px}.preview-toolbar button{border:1px solid #d1d5d8;background:white;height:29px;padding:0 10px}.preview-main{display:grid;grid-template-columns:1fr 300px;height:655px}.cube-canvas{position:relative;background:#f2f4f5;border-right:1px solid var(--line);overflow:hidden}.cube-top{position:absolute;left:0;right:0;top:0;height:32px;background:white;border-top:3px solid var(--blue2);border-bottom:1px solid #cfd4d8;display:flex;align-items:center;padding:0 10px;gap:15px}.cube-top b{color:#087fc0}.cube-top i{margin-left:auto;font-style:normal;color:#777}.cube-side{position:absolute;left:0;top:32px;bottom:0;width:130px;background:#edf0f1;display:flex;flex-direction:column}.cube-side strong{padding:15px 10px}.cube-side button{height:37px;border:0;background:transparent;text-align:left;padding-left:12px}.cube-side button.active{background:#d6effb;color:#0088c9}.cube-content{position:absolute;left:130px;top:32px;right:0;bottom:0;padding:12px}.cube-content>header{display:flex;justify-content:space-between;align-items:center}.cube-content>header h2{font-size:16px;margin:5px 0 8px}.cube-content>header span,.cube-content>header small{font-size:9px;color:#888}.cube-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.cube-kpis>div{height:78px;background:white;border:1px solid #d6dade;padding:9px;position:relative;display:flex;flex-direction:column}.cube-kpis span{font-size:9px;color:#008dcd}.cube-kpis b{font-size:20px;margin:5px 0}.cube-kpis small{font-size:9px;color:#888}.spark{position:absolute;right:9px;bottom:14px;width:42px;height:18px;border-top:3px solid #13a7e5;transform:skewY(-12deg);border-radius:50%}.spark.s1{transform:skewY(8deg)}.spark.s2{border-color:#f0a000}.cube-grid{display:grid;grid-template-columns:1.7fr .8fr;gap:7px;margin-top:7px}.cube-grid>section{background:white;border:1px solid #d6dade;padding:10px}.cube-grid h3{font-size:11px;margin:0 0 8px}.cube-grid h3 span,.cube-grid h3 button{float:right;border:0;background:transparent;color:#777;font-size:9px}.line-chart{height:175px;position:relative}.line-chart>div{position:absolute;inset:0 0 20px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 29px,#e8ecee 30px)}.line-chart svg{position:absolute;left:0;right:0;top:0;height:145px;width:100%}.line-chart footer{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;font-size:8px;color:#999}.donut{width:115px;height:115px;border-radius:50%;background:conic-gradient(#1abc78 0 80%,#f2aa24 80% 92%,#aeb7bd 92%);margin:13px auto;display:grid;place-items:center}.donut:before{content:"";position:absolute;width:72px;height:72px;background:white;border-radius:50%}.donut b{z-index:1;font-size:21px;display:flex;flex-direction:column;align-items:center}.donut small{font-size:8px;color:#888}.donut-panel footer{display:flex;justify-content:space-around;font-size:8px}.donut-panel footer i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:3px}.green{background:#1abc78}.orange{background:#f2aa24}.gray{background:#aeb7bd}.alarm-panel{grid-column:1/-1}.alarm-panel table{border-collapse:collapse;width:100%;font-size:9px}.alarm-panel td{border-top:1px solid #e5e8ea;padding:8px}.inspector{background:white;overflow:auto}.inspector>nav{height:42px;display:flex;border-bottom:1px solid var(--line)}.inspector>nav button{flex:1;border:0;border-bottom:2px solid transparent;background:white;font-size:11px}.inspector>nav button.active{color:#008ed2;border-bottom-color:#008ed2}.inspector-body{padding:14px}.inspector-body h3{font-size:15px}.inspector-body p{font-size:11px;color:#777;line-height:1.7}.inspector-body dl{display:grid;grid-template-columns:85px 1fr;border-top:1px solid #eee;margin:15px 0}.inspector-body dt,.inspector-body dd{margin:0;padding:9px 0;border-bottom:1px solid #eee;font-size:10px}.inspector-body dt{color:#888}.component{padding:8px;border:1px solid #e2e5e7;margin-top:6px}.component span{float:right}.code-body header{text-align:right}.code-body header button{border:0;background:transparent;color:#008ed2}.code-body pre{font-size:10px;line-height:1.55;background:#202a33;color:#cce9f7;padding:12px;min-height:410px;overflow:auto}.inspector-body textarea{width:100%;height:120px;border:1px solid #ccd2d6;padding:9px;resize:none}.suggestion{border:1px solid #cfd5d9;background:#f8fafb;border-radius:12px;padding:5px 9px;margin:0 5px 7px 0;font-size:10px}.inspector-body>.button{width:100%;margin:12px 0}.sticky-actions{position:fixed;z-index:20;left:232px;right:0;bottom:0;height:54px;background:white;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 -2px 6px #0000000c}.toast{position:fixed;z-index:100;right:24px;top:56px;background:#26323a;color:white;padding:12px 18px;box-shadow:0 5px 18px #0003}.toast b{color:#46d195;margin-right:8px}.modal-backdrop{position:fixed;z-index:90;inset:0;background:#0007;display:grid;place-items:center}.modal{width:610px;max-height:78vh;background:white;box-shadow:0 10px 30px #0004;display:flex;flex-direction:column}.modal>header{height:47px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 15px}.modal h2{font-size:15px}.modal>header button{border:0;background:transparent;font-size:22px;color:#888}.modal-body{padding:16px;overflow:auto;flex:1 1 auto;min-height:0}.modal>footer{border-top:1px solid var(--line);padding:10px 15px;text-align:right}.modal-note{background:#edf8fd;border-left:3px solid var(--blue);padding:12px;margin-bottom:14px;color:#26799f}.impact-title{font-weight:bold;margin-bottom:8px}.impact-list{list-style:none;padding:0;border:1px solid var(--line)}.impact-list li{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #eee}.impact-list span{color:#008ed2}.download-list{display:flex;flex-direction:column}.download-list label{padding:11px;border-bottom:1px solid #eee;display:flex;gap:8px}.download-list>div{margin-top:15px;background:#f4f6f7;padding:12px;display:flex;justify-content:space-between}.history-list>div{display:flex;align-items:center;gap:10px;border-bottom:1px solid #eee;padding:11px}.history-list i{font-style:normal;width:34px;height:34px;border-radius:50%;background:#e4f4fb;color:#008ed2;display:grid;place-items:center}.history-list span{display:flex;flex:1;flex-direction:column;gap:4px}.history-list small{color:#888}.history-list button{border:0;background:transparent;color:#008ed2}.login-page{min-height:100vh;background:linear-gradient(145deg,#eef5f8,#fff 55%,#e5f4fb);border-top:4px solid var(--blue2);display:flex;align-items:center;justify-content:center}.login-top{position:absolute;left:18px;top:14px;display:flex;align-items:center;gap:10px}.login-top b{font-size:18px}.login-top span{border-left:1px solid #ccc;padding-left:10px;color:#777}.login-card{width:420px;background:white;border:1px solid #d6dce0;box-shadow:0 12px 35px #1e526618;padding:42px;text-align:center}.login-logo{font-size:48px}.login-card h1{font-size:23px}.login-card p{color:#777;line-height:1.6}.sso-button{width:100%;height:48px;margin:22px 0 12px;border:1px solid #ccd3d7;background:#fff;display:flex;align-items:center;gap:12px;padding:0 13px}.sso-button b{flex:1;text-align:left}.sso-button i{font-style:normal;font-size:18px;color:#008ed2}.login-card>small{color:#999}.login-page>footer{position:absolute;bottom:18px;color:#999;font-size:10px} +.model-row:not(.disabled):hover{border-color:#8ccce9;background:#eef7fb}.workspace{min-height:calc(100vh - 42px);padding-bottom:64px}.crumb{height:34px;padding:11px 20px 0;color:#8b8f93;font-size:11px}.crumb b{color:var(--blue)}.page-heading{min-height:60px;padding:3px 20px 11px;display:flex;align-items:center;justify-content:space-between}.page-heading h1{font-size:21px;margin:0 0 5px}.page-heading p{margin:0;color:#81868b}.button{border:1px solid var(--blue2);background:var(--blue2);color:white;border-radius:2px;min-width:92px;height:31px;padding:0 14px;margin-left:8px}.button:hover{background:#006ca9}.button.secondary{background:white;color:#555;border-color:#cdd2d6}.button.secondary:hover{border-color:var(--blue);color:var(--blue)}.button:disabled{opacity:.55;cursor:not-allowed}.steps{height:70px;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:0 22px}.steps button{border:0;background:transparent;display:flex;align-items:center;position:relative;text-align:left;color:#999;padding:0 18px}.steps button>i{font-style:normal;width:29px;height:29px;border-radius:50%;border:1px solid #cfd4d9;display:grid;place-items:center;margin-right:10px;background:#fff}.steps button span{display:flex;flex-direction:column;gap:4px}.steps button small{font-size:8px}.steps button>b{position:absolute;right:0;font-size:23px;color:#c3c7ca}.steps button.active{color:#222}.steps button.active>i{background:var(--blue);border-color:var(--blue);color:#fff}.steps button.done>i{background:#39b980;border-color:#39b980;color:white}.steps button.locked{cursor:default}.content{padding:14px 20px}.panel{background:white;border:1px solid var(--line);margin-bottom:14px}.panel-head{min-height:43px;border-bottom:1px solid var(--line);padding:8px 12px;display:flex;justify-content:space-between;align-items:center}.panel-head>strong{font-size:14px}.panel-head .button{height:28px}.panel-body{padding:12px}.summary-strip{display:grid;grid-template-columns:repeat(5,1fr);height:64px;background:white;border:1px solid var(--line);margin-bottom:14px}.summary-strip div{display:flex;align-items:center;justify-content:center;gap:9px;border-right:1px solid var(--line)}.summary-strip div:last-child{border:0}.summary-strip b{font-size:23px}.summary-strip span{color:#777}.filterbar{height:45px;display:flex;align-items:center;gap:7px;padding-bottom:10px;border-bottom:1px solid var(--line)}.filterbar>label{width:205px;height:30px;border:1px solid #cdd2d6;display:flex;align-items:center;padding:0 8px;color:#999}.filterbar input{border:0;outline:0;width:100%;padding-left:8px}.filterbar select,.preview-toolbar select{height:30px;border:1px solid #cdd2d6;background:white;padding:0 25px 0 9px}.filterbar>span{flex:1}.view-switch{display:flex}.view-switch button,.icon-button{width:31px;height:29px;border:1px solid #cbd0d4;background:white}.view-switch button.active{background:var(--blue);color:white;border-color:var(--blue)}.icon-button{border:0;font-size:16px}.data-table{width:100%;border-collapse:collapse}.data-table th{height:35px;background:#f6f7f8;color:#4b4f53;text-align:left;font-size:11px;font-weight:bold;border-bottom:1px solid var(--line);padding:0 10px}.data-table td{height:48px;border-bottom:1px solid #e3e5e7;padding:7px 10px;font-size:11px}.data-table tr:hover td{background:#f7fbfd}.link{border:0;background:transparent;color:#008ed2;padding:0}.site-icon{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:8px;color:#098dd5;border:1px solid #c8d8e0;background:#f7fcff;font-size:18px;vertical-align:middle}.site-icon.big{width:40px;height:40px;font-size:26px}.status{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:2px 8px;font-size:10px;line-height:1.2;border:1px solid}.status.ok{color:#008c51;background:#e5fff3;border-color:#60d9a2}.status.warn{color:#b37400;background:#fff4d8;border-color:#f6bc44}.status.bad{color:#d84632;background:#ffeae7;border-color:#ff8b7b}.status.muted{color:#777;background:#f3f3f3;border-color:#c9c9c9}.dots,.trash{border:0;background:transparent;color:#777}.pagination{height:46px;display:flex;justify-content:flex-end;align-items:center;gap:7px;padding-top:12px}.pagination span{margin-right:10px;color:#777}.pagination button{width:28px;height:28px;border:0;background:white}.pagination button.active{background:#dff2fc;color:#008fd2}.pagination select{border:0;background:white}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:12px 0}.project-grid article{border:1px solid var(--line);padding:14px;cursor:pointer}.project-grid article:hover{border-color:var(--blue);box-shadow:0 2px 7px #008fd21f}.project-grid article>div{display:flex;justify-content:space-between}.project-grid h3{margin:10px 0 5px}.project-grid p,.project-grid small{color:#888;font-size:11px}.project-grid section{display:flex;gap:18px;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:10px 0;margin:12px 0}.project-grid section span{display:flex;flex-direction:column}.project-grid section b{font-size:16px}.two-column{display:grid;grid-template-columns:1fr 340px;gap:14px}.two-column.equal{grid-template-columns:1fr 1fr}.basic-layout>.panel>.panel-body{padding:17px}.stack{display:flex;flex-direction:column}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid>label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:bold}.form-grid>label>input,.form-grid>label>select,.form-grid>label>textarea{border:1px solid #cfd3d7;background:white;border-radius:2px;padding:8px;outline:none;font-weight:normal}.form-grid>label>input:focus,.form-grid>label>select:focus,.form-grid>label>textarea:focus{border-color:var(--blue)}.form-grid>label>input,.form-grid>label>select{height:34px}.form-grid>label>textarea{min-height:80px;resize:vertical;line-height:1.6}.field{display:flex;flex-direction:column;gap:7px}.field>span{font-size:11px;font-weight:bold}.field>span i{color:red;font-style:normal;margin-right:3px}.field input,.field select,.field textarea{border:1px solid #cfd3d7;background:white;border-radius:2px;padding:8px;outline:none}.field input,.field select{height:34px}.field textarea{min-height:130px;resize:vertical;line-height:1.6}.field textarea.small{min-height:80px}.field small{color:#999;font-size:10px}.form-grid .field:nth-child(n+3){grid-column:1/-1}.upload{height:90px;border:1px dashed #bfc7cd;background:#fafbfb;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#777;gap:5px}.upload b{color:var(--blue);font-size:20px}.ai-box{text-align:center;padding:12px}.ai-box>span{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#05a9e8,#8056d9);color:#fff;display:grid;place-items:center;margin:auto;font-weight:bold}.ai-box h3{font-size:14px;margin:12px}.ai-box p{color:#777;line-height:1.7;text-align:left}.meter{height:7px;border-radius:5px;background:#edf0f2;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,#00a4e7,#42c58a);transition:width .35s}.tips{padding-left:22px;line-height:2;color:#666}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.kpi-row>div{height:75px;border:1px solid var(--line);background:white;padding:12px 14px;position:relative}.kpi-row span{display:block;color:#008dcf;font-size:11px;margin-bottom:6px}.kpi-row b{font-size:25px}.kpi-row small{margin-left:4px;color:#888}.kpi-row .status{margin-top:7px}.editable td{padding:7px}.editable input,.editable select{height:29px;border:1px solid #d3d7db;width:100%;padding:0 7px;background:#fff}.editable .number{width:65px}.tree{line-height:2.2}.tree .l1{padding-left:24px}.tree .l2{padding-left:52px;color:#777}.tree span{border-radius:10px;background:#eef2f4;padding:2px 7px;font-size:10px}.file-card{display:flex;align-items:center;gap:12px;border:1px solid #e0e3e5;background:#fafafa;padding:12px}.file-card .excel{width:36px;height:42px;background:#14834f;color:white;display:grid;place-items:center;font-weight:bold}.file-card>div{flex:1}.file-card p{margin:5px 0 0;color:#888;font-size:10px}.checks{display:flex;gap:20px;color:#15935c;padding:12px 2px 0;font-size:10px}.tabs{height:46px;border-bottom:1px solid var(--line);display:flex;gap:6px;margin:-12px -12px 0;padding-left:10px}.tabs button{padding:0 18px;border:0;border-bottom:2px solid transparent;background:white}.tabs button.active{color:#008ed2;border-bottom-color:#008ed2}.tabs i{font-style:normal;border-radius:10px;background:#e7f3f8;padding:2px 7px;margin-left:5px}.section-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 4px}.section-toolbar p{margin:4px 0 0;color:#888;font-size:11px}.mu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mu-grid article{border:1px solid var(--line);display:grid;grid-template-columns:42% 58%;min-height:128px;cursor:pointer}.mu-grid article.selected{border:2px solid var(--blue);background:#fbfeff}.mu-thumb{margin:8px;background:#e9eef1;display:grid;place-items:center;position:relative;overflow:hidden}.mu-thumb:after{content:"";width:72%;height:40%;border:1px solid #8ec4dd;background:white;box-shadow:26px -23px 0 -8px #b9e1f3,-18px 25px 0 -7px #8ed1ec}.mu-thumb b{position:absolute;z-index:2;color:var(--blue);font-size:22px}.mu-grid article>div:last-child{padding:11px 10px 8px 0}.mu-grid header{display:flex;gap:7px;align-items:center}.mu-grid h3{font-size:13px;margin:0}.mu-grid p{color:#777;font-size:10px;line-height:1.5;min-height:32px}.mu-grid button{border:0;background:transparent;color:#008ed2;padding:0}.blue{color:#008ed2}.type-tag{background:#eff3f5;padding:4px 8px;border-radius:2px}.wide-cell{min-width:300px}.menu-builder{display:grid;grid-template-columns:230px 1fr 240px;gap:14px;background:#f6f7f8;padding:14px}.page-pool,.menu-tree,.menu-preview{background:white;border:1px solid var(--line);padding:12px}.page-pool p{color:#999;font-size:10px}.page-pool div{border:1px solid var(--line);padding:10px;margin-top:8px;background:#fafafa}.menu-tree section{border:1px solid var(--line);margin-bottom:8px;padding:10px}.menu-tree section>span{float:right}.menu-tree section>div{margin:9px 0 0 15px;padding:7px;border-top:1px solid #eee}.menu-tree i{font-style:normal;font-size:8px;background:#e1f0f8;color:#008ed2;padding:3px;margin-right:8px}.menu-tree i.cube{background:#eee8fb;color:#7045bc}.menu-tree>button{border:1px dashed #aaa;background:#fafafa;width:100%;height:34px}.menu-preview aside{background:#f4f5f6;min-height:250px;display:flex;flex-direction:column;padding-top:10px}.menu-preview strong{padding:12px}.menu-preview button{border:0;background:transparent;text-align:left;padding:10px}.menu-preview button.active{background:#d8effa;color:#0089ca}.generate-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.confirm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.confirm-grid div{border:1px solid #dfe2e5;padding:12px;display:flex;flex-direction:column;gap:5px;position:relative}.confirm-grid span,.confirm-grid small{color:#888;font-size:10px}.confirm-grid button{position:absolute;right:10px;top:10px;border:0;background:transparent;color:#008ed2;font-size:10px}.option-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option-list label{display:flex;align-items:center;gap:8px}.task-panel{height:100%}.overall{background:#f6fbfd;border:1px solid #d3eaf5;padding:13px}.overall>div:first-child{display:flex;justify-content:space-between;margin-bottom:9px}.overall p{margin:8px 0 0;color:#777;font-size:10px}.task-list{padding:10px 0}.task-list>div{display:flex;align-items:center;border-bottom:1px solid #eee;padding:9px 3px}.task-list>div>i{font-style:normal;width:25px;height:25px;border-radius:50%;border:1px solid #d2d6da;display:grid;place-items:center;margin-right:9px}.task-list>div>i.done{background:#31b67c;border-color:#31b67c;color:white}.task-list>div>i.spin{color:#008fd2}.task-list>div>span{display:flex;flex:1;flex-direction:column;gap:3px}.task-list small{color:#999}.task-panel>.panel-body>.button{width:100%;margin:5px 0}.result-header{display:flex;align-items:center;justify-content:space-between;background:white;border:1px solid var(--line);padding:12px;margin-bottom:14px}.result-header>div{display:flex;align-items:center;gap:10px}.result-header h2{margin:0 0 4px}.result-header p{margin:0;color:#888;font-size:10px}.result-layout{display:grid;grid-template-columns:1fr 280px;gap:14px}.result-pages{display:grid;grid-template-columns:1fr;gap:10px}.result-pages article{border:1px solid var(--line)}.result-pages article>div:last-child{padding:10px}.result-pages article header{display:flex;justify-content:space-between}.result-pages h3{font-size:13px;margin:10px 0 4px}.result-pages p,.result-pages small{font-size:10px;color:#888}.result-pages footer{display:flex;margin-top:9px}.result-pages footer .button{margin:0 5px 0 0;min-width:68px;height:27px}.dashboard-thumb{height:115px;background:#f2f5f7;position:relative;padding:12px 10px 10px 35px}.dashboard-thumb>i{position:absolute;left:0;top:0;bottom:0;width:25px;background:#d7e2e8}.dashboard-thumb>header{display:block;height:10px;background:white;border:1px solid #d9e1e5}.dashboard-thumb>section{display:flex;gap:4px;margin-top:5px}.dashboard-thumb>section b{height:22px;flex:1;background:white;border:1px solid #cde0e9}.dashboard-thumb>footer{position:absolute;left:35px;right:46px;bottom:10px;height:50px;background:white;border:1px solid #d8e1e6;display:flex;align-items:flex-end;gap:5px;padding:8px}.dashboard-thumb>footer em{flex:1;background:#67c5ea;height:45%}.dashboard-thumb>footer em:nth-child(2){height:75%}.dashboard-thumb>footer em:nth-child(4){height:92%}.dashboard-thumb>span{position:absolute;right:9px;bottom:10px;width:31px;height:50px;background:conic-gradient(#17b876 0 72%,#e6edf0 72%)}.dashboard-thumb-live{position:relative;min-height:115px;background:#f2f5f7;border-bottom:1px solid #d8e1e6;overflow:hidden}.dashboard-thumb-live>div{position:relative}.thumb-empty{position:absolute;inset:0;display:grid;place-items:center;color:#999;font-size:11px}result-menu div{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:10px 4px}.result-menu span{background:#edf1f3;border-radius:10px;padding:2px 7px}.text-button{border:0;background:transparent;color:#008ed2;margin-top:12px}.score{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px}.score b{width:55px;height:55px;border-radius:50%;border:5px solid #32bb81;display:grid;place-items:center;font-size:18px}.score span{color:#16945d}.validation{padding-left:10px;list-style:none;line-height:2;color:#178f5a}.preview-shell{border:1px solid var(--line);background:white;margin:-2px}.preview-toolbar{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid var(--line)}.preview-toolbar>div{display:flex;align-items:center;gap:8px}.preview-toolbar button{border:1px solid #d1d5d8;background:white;height:29px;padding:0 10px}.preview-main{display:grid;grid-template-columns:1fr 300px;height:655px}.cube-canvas{position:relative;background:#f2f4f5;border-right:1px solid var(--line);overflow:hidden}.cube-top{position:absolute;left:0;right:0;top:0;height:32px;background:white;border-top:3px solid var(--blue2);border-bottom:1px solid #cfd4d8;display:flex;align-items:center;padding:0 10px;gap:15px}.cube-top b{color:#087fc0}.cube-top i{margin-left:auto;font-style:normal;color:#777}.cube-side{position:absolute;left:0;top:32px;bottom:0;width:130px;background:#edf0f1;display:flex;flex-direction:column}.cube-side strong{padding:15px 10px}.cube-side button{height:37px;border:0;background:transparent;text-align:left;padding-left:12px}.cube-side button.active{background:#d6effb;color:#0088c9}.cube-content{position:absolute;left:130px;top:32px;right:0;bottom:0;padding:12px}.cube-content>header{display:flex;justify-content:space-between;align-items:center}.cube-content>header h2{font-size:16px;margin:5px 0 8px}.cube-content>header span,.cube-content>header small{font-size:9px;color:#888}.cube-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.cube-kpis>div{height:78px;background:white;border:1px solid #d6dade;padding:9px;position:relative;display:flex;flex-direction:column}.cube-kpis span{font-size:9px;color:#008dcd}.cube-kpis b{font-size:20px;margin:5px 0}.cube-kpis small{font-size:9px;color:#888}.spark{position:absolute;right:9px;bottom:14px;width:42px;height:18px;border-top:3px solid #13a7e5;transform:skewY(-12deg);border-radius:50%}.spark.s1{transform:skewY(8deg)}.spark.s2{border-color:#f0a000}.cube-grid{display:grid;grid-template-columns:1.7fr .8fr;gap:7px;margin-top:7px}.cube-grid>section{background:white;border:1px solid #d6dade;padding:10px}.cube-grid h3{font-size:11px;margin:0 0 8px}.cube-grid h3 span,.cube-grid h3 button{float:right;border:0;background:transparent;color:#777;font-size:9px}.line-chart{height:175px;position:relative}.line-chart>div{position:absolute;inset:0 0 20px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 29px,#e8ecee 30px)}.line-chart svg{position:absolute;left:0;right:0;top:0;height:145px;width:100%}.line-chart footer{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;font-size:8px;color:#999}.donut{width:115px;height:115px;border-radius:50%;background:conic-gradient(#1abc78 0 80%,#f2aa24 80% 92%,#aeb7bd 92%);margin:13px auto;display:grid;place-items:center}.donut:before{content:"";position:absolute;width:72px;height:72px;background:white;border-radius:50%}.donut b{z-index:1;font-size:21px;display:flex;flex-direction:column;align-items:center}.donut small{font-size:8px;color:#888}.donut-panel footer{display:flex;justify-content:space-around;font-size:8px}.donut-panel footer i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:3px}.green{background:#1abc78}.orange{background:#f2aa24}.gray{background:#aeb7bd}.alarm-panel{grid-column:1/-1}.alarm-panel table{border-collapse:collapse;width:100%;font-size:9px}.alarm-panel td{border-top:1px solid #e5e8ea;padding:8px}.inspector{background:white;overflow:auto}.inspector>nav{height:42px;display:flex;border-bottom:1px solid var(--line)}.inspector>nav button{flex:1;border:0;border-bottom:2px solid transparent;background:white;font-size:11px}.inspector>nav button.active{color:#008ed2;border-bottom-color:#008ed2}.inspector-body{padding:14px}.inspector-body h3{font-size:15px}.inspector-body p{font-size:11px;color:#777;line-height:1.7}.inspector-body dl{display:grid;grid-template-columns:85px 1fr;border-top:1px solid #eee;margin:15px 0}.inspector-body dt,.inspector-body dd{margin:0;padding:9px 0;border-bottom:1px solid #eee;font-size:10px}.inspector-body dt{color:#888}.component{padding:8px;border:1px solid #e2e5e7;margin-top:6px}.component span{float:right}.code-body header{text-align:right}.code-body header button{border:0;background:transparent;color:#008ed2}.code-body pre{font-size:10px;line-height:1.55;background:#202a33;color:#cce9f7;padding:12px;min-height:410px;overflow:auto}.inspector-body textarea{width:100%;height:120px;border:1px solid #ccd2d6;padding:9px;resize:none}.suggestion{border:1px solid #cfd5d9;background:#f8fafb;border-radius:12px;padding:5px 9px;margin:0 5px 7px 0;font-size:10px}.inspector-body>.button{width:100%;margin:12px 0}.sticky-actions{position:fixed;z-index:20;left:232px;right:0;bottom:0;height:54px;background:white;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 -2px 6px #0000000c}.toast{position:fixed;z-index:100;right:24px;top:56px;background:#26323a;color:white;padding:12px 18px;box-shadow:0 5px 18px #0003}.toast b{color:#46d195;margin-right:8px}.modal-backdrop{position:fixed;z-index:90;inset:0;background:#0007;display:grid;place-items:center}.modal{width:610px;max-height:78vh;background:white;box-shadow:0 10px 30px #0004;display:flex;flex-direction:column}.modal>header{height:47px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 15px}.modal h2{font-size:15px}.modal>header button{border:0;background:transparent;font-size:22px;color:#888}.modal-body{padding:16px;overflow:auto;flex:1 1 auto;min-height:0}.modal>footer{border-top:1px solid var(--line);padding:10px 15px;text-align:right}.modal-note{background:#edf8fd;border-left:3px solid var(--blue);padding:12px;margin-bottom:14px;color:#26799f}.impact-title{font-weight:bold;margin-bottom:8px}.impact-list{list-style:none;padding:0;border:1px solid var(--line)}.impact-list li{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #eee}.impact-list span{color:#008ed2}.download-list{display:flex;flex-direction:column}.download-list label{padding:11px;border-bottom:1px solid #eee;display:flex;gap:8px}.download-list>div{margin-top:15px;background:#f4f6f7;padding:12px;display:flex;justify-content:space-between}.history-list>div{display:flex;align-items:center;gap:10px;border-bottom:1px solid #eee;padding:11px}.history-list i{font-style:normal;width:34px;height:34px;border-radius:50%;background:#e4f4fb;color:#008ed2;display:grid;place-items:center}.history-list span{display:flex;flex:1;flex-direction:column;gap:4px}.history-list small{color:#888}.history-list button{border:0;background:transparent;color:#008ed2}.login-page{min-height:100vh;background:linear-gradient(145deg,#eef5f8,#fff 55%,#e5f4fb);border-top:4px solid var(--blue2);display:flex;align-items:center;justify-content:center}.login-top{position:absolute;left:18px;top:14px;display:flex;align-items:center;gap:10px}.login-top b{font-size:18px}.login-top span{border-left:1px solid #ccc;padding-left:10px;color:#777}.login-card{width:420px;background:white;border:1px solid #d6dce0;box-shadow:0 12px 35px #1e526618;padding:42px;text-align:center}.login-logo{font-size:48px}.login-card h1{font-size:23px}.login-card p{color:#777;line-height:1.6}.sso-button{width:100%;height:48px;margin:22px 0 12px;border:1px solid #ccd3d7;background:#fff;display:flex;align-items:center;gap:12px;padding:0 13px}.sso-button b{flex:1;text-align:left}.sso-button i{font-style:normal;font-size:18px;color:#008ed2}.login-card>small{color:#999}.login-page>footer{position:absolute;bottom:18px;color:#999;font-size:10px} .avatar-button{border:0;padding:0} .design-link{margin-left:auto;color:var(--blue);font-size:12px;text-decoration:none;padding:0 10px;border-right:1px solid #d4d7da} .design-link:hover{text-decoration:underline}.avatar-button:hover{outline:1px solid var(--blue)} diff --git a/app/page.tsx b/app/page.tsx index 94ab8ca..0ba009f 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1357,9 +1357,14 @@ const DOMAIN_STEPS:{key:DomainStepKey;label:string}[]=[ {key:"expert",label:"专家确认"}, ]; -function DomainSteps({step,go}:{step:DomainStepKey;go:(s:DomainStepKey)=>void}){ +function DomainSteps({step,go,completed,configured}:{step:DomainStepKey;go:(s:DomainStepKey)=>void;completed:boolean;configured:Record}){ const current=DOMAIN_STEPS.findIndex(x=>x.key===step); - return
{DOMAIN_STEPS.map((item,index)=>)}
; + return
{DOMAIN_STEPS.map((item,index)=>{ + const isDone=completed?configured[item.key]:indexclickable&&go(item.key)} className={cls+(clickable?"":" locked")}>{isDone?"✓":index+1}STEP {index+1}{item.label}{index<6&&›}; + })}
; } function useStreamComplete(){ @@ -1598,12 +1603,25 @@ function DomainWizard({id,doms,go,notify,onBack,viewCompletePrompt,viewCompleteA const goStep=(s:DomainStepKey)=> setStep(s); const assetRows = baseAssets(); + // 完成态：只要存在已生成的 Cube 页面（非空 json_text）即视为「已完成领域方案」 + const pageGenerated = pages.some(p=>{ const t=(p.json_text||"").trim(); return t!=="" && t!=="{}" && t!=="null"; }); + const completed = pageGenerated; + const configured:Record = { + basic: !!(m.name && m.description), + knowledge: (m.docs||[]).length>0, + assets: assets.some(a=>a.device_template_id), + functions: pages.length>0 || effSelected.length>0, + opsflow: (m.flows||[]).length>0, + generate: pageGenerated, + expert: m.status==="available", + }; + return <> {confirmEl} {devCreateOpen &&
{setDevCreateOpen(false);setPendingDevRow(null);}}>
e.stopPropagation()}>

新增设备模版

{setDevCreateOpen(false);setPendingDevRow(null);}}/>
} {previewPage && { setPreviewPage(null); if(reload) load(true); }}/>}
- +
{step==="basic" &&
diff --git a/public/design-doc.html b/public/design-doc.html index 319aff9..c8c964d 100644 --- a/public/design-doc.html +++ b/public/design-doc.html @@ -115,7 +115,7 @@
-

文档版本：v0.24　最后更新：2026-08-20　修改人：wang.yu　状态：开发中（演示数据已标注）

+

文档版本：v0.25　最后更新：2026-08-20　修改人：wang.yu　状态：开发中（演示数据已标注）

StationBuilder 产品与交互设计方案

1. 文档说明

@@ -754,6 +754,7 @@ +
版本日期修改人说明
v0.242026-08-20wang.yuAI 并发调用统一限流：新增全局信号量 AI_CONCURRENCY = 2，包裹 runCodebuddy（db-sidecar.mjs），使站点生成（含批内并行）、各项补全（complete / complete-assets / complete-cubes）、领域方案补全（dt-complete 系列）等全部 AI 功能任意时刻最多 2 个 codebuddy 子进程并发，避免无脑全并行抢占资源导致超时。站点「生成全部」批内并行数 GEN_CONCURRENCY 由硬编码 3 改为复用 AI_CONCURRENCY，对应日志文案同步为「最多 2 个并行调用」。AI 聊天侧（ai-sidecar.mjs /api/chat）本身以 running 布尔量串行（同一时刻仅 1 个），已满足 ≤2。
v0.252026-08-20wang.yu领域方案「已完成态」步进导航增强：判定「已完成」= 方案存在至少一个已生成（非空 json_text）的 Cube 页面（DomainWizard 内 pageGenerated）。完成后：① 步进器每个「已配置」的 Step 前置圆圈显示绿色对号（复用 .steps button.done 绿色样式，configured 由各步数据驱动——基本属性 name+description、领域知识 docs、资产设置 有 device_template_id、功能与菜单 有页面或已选 MU、运维流程 flows、生成保存 已生成页面、专家确认 status=available）；② 取消「仅可点已访问步骤」限制，任意 Step 直接点击即可跳转对应页（不再需连点「下一步」）；③ 未完成（草稿）方案保持原逐步引导行为（仅已访问步骤可点、后续步骤加 .locked 不可点）。DomainSteps 新增 completed / configured 入参，globals.css 增补 .steps button.locked 光标态。Playwright 验证：已完成方案绿对号渲染正确、点击直达生效、0 控制台报错；草稿方案锁定与不可跳转保持。
v0.232026-08-20wang.yu领域知识上传格式扩展：KnowledgeStep 上传 accept 由纯文本类放开至 Word / Excel / PDF / 图片及常见文本（.pdf,.doc,.docx,.xls,.xlsx,image/* 等）；提示文案补充「Word、Excel、PDF 会提取正文注入，图片仅作参考登记」，列表文件类徽标「文档」改为「文件」以兼容图片。后端 extractDocText(filePath,mime,filename) 替换原 isTextMime/readKnowledgeFile：文本类（txt/md/json/csv/html/xml/yaml/yml 等）直接读取；PDF（pdf-parse）、Word（仅 .docx，mammoth）、Excel（.xls/.xlsx，SheetJS 转 CSV）提取正文并 16k 截断后注入提示词；图片及老 .doc 等无法纯 JS 提取的格式返回空串，buildKnowledgePrompt 中仍登记为参考来源（（参考来源：文件名））。新增依赖 pdf-parse / mammoth / xlsx（纯 JS，无原生编译）。
v0.222026-08-20wang.yu领域知识提升为方案创建流程 Step 2，并作为 AI 补全的优先参考资料：① 方案向导步骤重排——领域知识由末段移至「方案基本属性」之后（Step 2），原 资产设置 / 功能与菜单 / 运维流程 / 生成保存 / 专家确认 整体后移一位（DOMAIN_STEPS 顺序调整，key 不变，步进导航自动适配）。② 新增「领域知识」步骤（KnowledgeStep）：支持「上传领域知识文档」（多文件，base64 经既有 POST /api/domain-templates/:id/docs 落库，文本类读正文、其他格式登记为参考）与「配置参考 URL 站点」（doc_type=link），列表展示名称/类型/大小/时间并提供「下载」（仅文档）与「删除」（DELETE /api/knowledge-docs/:id，同步清理磁盘文件）；知识随方案持久化、可删。③ 知识驱动 AI 补全：新增 buildKnowledgePrompt(ctx)（镜像 buildStylePrompt），读取本方案 knowledge_docs——文本文档直接注入正文、URL 站点由服务端 fetch 抓取正文注入（8s 超时，失败降级为仅保留 URL 链接作为参考），注入到 buildCompletePrompt / buildCompleteAssetsPrompt / buildCompleteCubesPrompt 三处（三个构建器改为 async、8 处调用点加 await；领域级补全 ctx 增加 id，站点级无 id 不注入）。优先级为「优先依据已上传领域知识分析补全，再做大模型在线补充」。④ 生成保存（DomainGenerateReview）「领域知识」行由「（待开发）」改为真实文档信息（份数 + 名称列举），并提供「返回领域知识」快捷入口；运维流程 AI 补全本期仍占位（尚未实现）。
v0.212026-08-20wang.yu领域方案库 Cube 扩展页面支持选择页面样式库样式后生成（镜像站点侧 sites.style_id 机制，方案级）：① 后端 domain_templates 新增 style_id 列（ensureColumn 增量加列）；handleDomainTemplateUpdate 支持写入/显式置空；hydrateDomainTemplateCtx 返回真实 style_id（此前硬编码 null）。② 前端领域方案详情「功能与菜单 → Cube 扩展页面」顶部新增「领域方案页面样式」选择器（复用 .style-picker 与页面样式库缩略图），选中即 PUT /domain-templates/:id 持久化；生成/AI 修改经共享的 buildStylePrompt 自动注入所选样式的 JSON 主题，无需改动提示词构造。