.prototype-batch-flow-page{--pbf-ink:#263238;--pbf-blue:#2f5d7c;--pbf-blue-dark:#244a64;--pbf-blue-pale:#edf5f8;--pbf-orange:#d7792b;--pbf-red:#b44a3c;--pbf-green:#378764;min-height:100vh;padding:16px;background:#f5f7f8;color:var(--pbf-ink);font-family:"Microsoft YaHei","Noto Sans SC",sans-serif;font-size:14px}.prototype-batch-flow-page *{box-sizing:border-box}.prototype-batch-flow-page button,.prototype-batch-flow-page input,.prototype-batch-flow-page select,.prototype-batch-flow-page textarea{font:inherit}.prototype-batch-flow-page button{cursor:pointer}.pbf-page-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:11px 16px 15px;border-bottom:1px solid #d9e3e7}.pbf-page-header>div:first-child{display:flex;align-items:center;gap:11px}.pbf-title-mark{display:grid;place-items:center;width:31px;height:31px;border:2px solid var(--pbf-blue);border-radius:8px;color:var(--pbf-blue);font-size:17px}.pbf-page-header h1{margin:0;color:#162d3d;font-size:27px;letter-spacing:0}.pbf-filter-strip{display:grid;grid-template-columns:repeat(4,minmax(135px,1fr));gap:12px}.pbf-filter-strip label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;color:#667983;font-size: 14px;font-weight:700;white-space:nowrap}.pbf-filter-strip select{width:100%;height:38px;min-width:0;padding:0 30px 0 10px;border:1px solid #bfcdd4;border-radius:8px;outline:0;color:#334b59;background:#fff}.pbf-filter-strip select:focus{border-color:var(--pbf-blue);box-shadow:0 0 0 2px rgba(47,93,124,.1)}.pbf-header-actions{display:flex;align-items:center;gap:10px}.pbf-btn,.pbf-icon-button{min-height:38px;padding:0 13px;border:1px solid #bacbd3;border-radius:8px;color:#355362;background:#fff;font-weight:700;white-space:nowrap}.pbf-btn:hover,.pbf-icon-button:hover{border-color:var(--pbf-blue);color:var(--pbf-blue)}.pbf-btn-primary{border-color:#245678;background:var(--pbf-blue);color:#fff}.pbf-btn-primary:hover{border-color:#183e5a;color:#fff;background:#244a64}.pbf-btn-secondary{background:#fff}.pbf-btn-warn{border-color:#c96d29;color:#fff;background:var(--pbf-orange)}.pbf-btn-warn:hover{border-color:#a9571f;color:#fff;background:#b86222}.pbf-new-batch{min-width:126px}.pbf-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.pbf-metrics{display:flex;align-items:stretch;gap:0;margin:0 0 14px;padding:8px 13px;border:1px solid #d7e1e5;border-radius:10px;background:#fff;box-shadow:0 1px 3px rgba(38,50,56,.04)}.pbf-metrics div{display:grid;align-content:center;gap:3px;min-width:112px;padding:1px 19px;border-right:1px solid #e3ebee}.pbf-metrics div:last-child{border-right:0}.pbf-metrics span{color:#7b8d96;font-size: 14px}.pbf-metrics b{color:var(--pbf-blue);font-size:19px}.pbf-metrics .pbf-risk-text{color:var(--pbf-red)}.pbf-metrics .pbf-time-value{color:#526d7a;font-size: 14px}.pbf-workspace{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:14px;align-items:stretch}.pbf-workspace--collapsed{grid-template-columns:minmax(0,1fr) 115px}.pbf-panel{overflow:hidden;border:1px solid #d9e3e7;border-radius:12px;background:#fff;box-shadow:0 2px 6px rgba(38,50,56,.06)}.pbf-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:57px;padding:10px 16px;border-bottom:1px solid #dbe5e9}.pbf-panel-heading h2{margin:0;color:#273f4d;font-size:16px}.pbf-panel-heading p{margin:4px 0 0;color:#7c8d96;font-size: 14px}.pbf-flow-count{padding:5px 8px;border:1px solid #bfd0d8;border-radius:999px;color:#557483;background:#f6fafb;font-size: 14px;font-weight:700;white-space:nowrap}.pbf-flow-scroller{overflow:auto;padding:9px;background:#f1f5f6}.pbf-flow-grid{position:relative;min-width:1180px;border:1px solid #aec0c9;border-radius:10px;overflow:hidden;background-color:#fbfdfe;background-image:linear-gradient(#dce6ea 1px,transparent 1px),linear-gradient(90deg,#dce6ea 1px,transparent 1px);background-size:25px 25px}.pbf-stage-row,.pbf-batch-row{display:grid;grid-template-columns:138px repeat(6,minmax(170px,1fr))}.pbf-stage-row{border-bottom:4px double #7b94a1;background:#e7eef1}.pbf-stage-space{background:#f3f6f7}.pbf-stage-head{position:relative;display:grid;place-items:center;align-content:center;gap:3px;min-height:61px;border-left:1px solid rgba(255,255,255,.22);color:#fff;background:var(--pbf-blue)}.pbf-stage-head:nth-child(3n){background:#294f6c}.pbf-stage-head:not(:last-child)::after{content:"›";position:absolute;right:-7px;top:15px;z-index:2;color:#9bb8c7;font-size:30px;line-height:1}.pbf-stage-head b{font-size:17px}.pbf-stage-head small{color:#c4d6df;font-size: 14px;letter-spacing:.4px}.pbf-batch-row{min-height:150px;border-bottom:4px double #9ab0ba;background:rgba(255,255,255,.64)}.pbf-batch-row:last-child{border-bottom:0}.pbf-batch-label{display:grid;align-content:center;justify-items:center;gap:7px;margin:12px;border:1px solid #204864;border-radius:9px;color:#fff;background:#274f6d;box-shadow:0 2px 4px rgba(38,50,56,.16);text-align:center}.pbf-batch-label b{font-size:17px}.pbf-batch-label span{font-size: 14px}.pbf-batch-label small{padding:4px 7px;border-radius:999px;color:#cfe0e7;background:rgba(255,255,255,.1);font-size: 14px}.pbf-stage-cell{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:150px;padding:11px 9px;border-left:1px solid #b8c9d1;background:rgba(248,251,252,.72)}.pbf-sample-card{display:grid;align-content:start;gap:7px;position:relative;width:100%;min-height:114px;padding:10px 11px;border:1px solid #c2d1d7;border-left:3px solid var(--pbf-blue);border-radius:9px;color:#263d4b;background:#fff;box-shadow:0 2px 5px rgba(38,50,56,.15);text-align:left}.pbf-sample-card:hover,.pbf-sample-card.is-selected{border-color:#3176aa;box-shadow:0 0 0 2px rgba(47,93,124,.15),0 3px 8px rgba(38,50,56,.12)}.pbf-sample-card>div{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.pbf-sample-card b{font-size: 14px}.pbf-sample-card em{padding:3px 5px;border-radius:999px;color:#2c78ab;background:#e9f4fb;font-size: 14px;font-style:normal;font-weight:700;white-space:nowrap}.pbf-sample-card>span{color:#68808b;font-size: 14px}.pbf-sample-card small{color:#526b77;font-size: 14px}.pbf-sample-card i{margin-top:auto;overflow:hidden;color:#75909b;font-size: 14px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.pbf-card--done{border-left-color:var(--pbf-green)}.pbf-card--done em{color:var(--pbf-green);background:#eaf7ef}.pbf-card--risk{border-left-color:var(--pbf-orange)}.pbf-card--risk em{color:#b86623;background:#fff2e5}.pbf-card--pending{border-left-color:#9a7a45}.pbf-card--pending em{color:#8a6d38;background:#fbf4e8}.pbf-card--prepare{border-left-color:#738f9d}.pbf-card--prepare em{color:#5f7b88;background:#eef3f5}.pbf-placeholder{display:grid;place-items:center;width:100%;min-height:92px;border:1px dashed #cbd8dd;border-radius:8px;color:#9aaab1;background:rgba(247,250,251,.74);font-size: 14px}.pbf-flow-empty{grid-column:1/-1;padding:70px 20px;color:#82939c;text-align:center}.pbf-detail-panel{display:flex;flex-direction:column;min-height:628px}.pbf-detail-heading{display:flex;align-items:center;justify-content:space-between;min-height:57px;padding:0 16px;border-bottom:1px solid #dbe5e9}.pbf-detail-heading h2{margin:0;color:#273f4d;font-size:16px}.pbf-detail-heading button,.pbf-mini-link,.pbf-side-section>div button{border:0;color:var(--pbf-blue);background:transparent;font-size: 14px;font-weight:700}.pbf-detail-scroll{flex:1;min-height:0;overflow:auto;padding:15px 16px}.pbf-detail-hero{display:flex;align-items:center;gap:13px;padding-bottom:13px;border-bottom:1px solid #e2eaed}.pbf-product-sketch{width:70px;height:61px;flex:0 0 auto;fill:none;stroke:#89a4b2;stroke-width:1.4}.pbf-detail-hero h3{margin:0 0 7px;color:#1f313c;font-size:19px}.pbf-status{display:inline-flex;align-items:center;padding:4px 7px;border:1px solid #aebec5;border-radius:999px;color:#5f7682;background:#f5f8f9;font-size: 14px;font-weight:700}.pbf-status--done{border-color:#9ac9b4;color:var(--pbf-green);background:#eff9f2}.pbf-status--risk{border-color:#e8b47f;color:#b46626;background:#fff6ec}.pbf-status--progress{border-color:#a7c5d8;color:#2b709f;background:#edf7fc}.pbf-status--pending{border-color:#d6c19c;color:#8e713d;background:#fcf7ed}.pbf-status--prepare{border-color:#bdcbd1;color:#6b818d;background:#f3f6f7}.pbf-detail-list{display:grid;grid-template-columns:78px minmax(0,1fr);gap:0 10px;margin:12px 0 9px;border-top:1px solid #e6edef}.pbf-detail-list dt,.pbf-detail-list dd{min-width:0;margin:0;padding:8px 0;border-bottom:1px solid #edf1f2;line-height:1.4}.pbf-detail-list dt{color:#83949c;font-size: 14px}.pbf-detail-list dd{overflow-wrap:anywhere;color:#425c69;font-size: 14px;font-weight:700}.pbf-mini-link{display:block;margin:5px 0 12px;padding:4px 0}.pbf-side-section{padding:13px 0;border-top:1px solid #dfe8eb}.pbf-side-section>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pbf-side-section h3{margin:0;color:#344e5b;font-size:14px}.pbf-side-section h3 i{padding:1px 5px;border-radius:999px;color:#b4493d;background:#fff0ed;font-size: 14px;font-style:normal}.pbf-loan-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.pbf-loan-list li{display:grid;grid-template-columns:1fr 46px auto;gap:6px;padding:8px 0;border-bottom:1px solid #edf2f3;color:#526b77;font-size: 14px}.pbf-loan-list b{font-weight:700}.pbf-loan-list span{color:#647c88}.pbf-loan-list em{color:var(--pbf-blue);font-style:normal}.pbf-side-empty{margin:0;padding:9px 0;color:#8c9ca3;font-size: 14px}.pbf-issue-card{display:grid;grid-template-columns:1fr auto;gap:5px;padding:10px;margin-bottom:8px;border:1px solid #e3d2ce;border-left:3px solid var(--pbf-red);border-radius:8px;color:#334b57;background:#fff;text-align:left}.pbf-issue-card:hover{border-color:var(--pbf-red)}.pbf-issue-card b{font-size: 14px}.pbf-issue-card em{padding:2px 5px;border-radius:999px;color:var(--pbf-red);background:#fff0ed;font-size: 14px;font-style:normal;font-weight:700}.pbf-issue-card span,.pbf-issue-card small{grid-column:1/-1;line-height:1.4}.pbf-issue-card span{font-size: 14px}.pbf-issue-card small{color:#82949c;font-size: 14px}.pbf-detail-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:12px 13px;border-top:1px solid #dfe8eb;background:#fbfcfd}.pbf-detail-actions .pbf-btn{min-width:0;padding:0 5px;font-size: 14px}.pbf-detail-expand{flex:1;border:0;color:var(--pbf-blue);background:#f8fbfc;font-weight:700}.pbf-empty-detail{padding:40px 16px;color:#84969e;font-size: 14px;text-align:center}.pbf-log-panel{margin-top:14px}.pbf-log-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:0 16px;border-bottom:1px solid #dce5e8}.pbf-log-heading>div{display:flex;align-items:center;gap:20px}.pbf-log-heading h2{margin:0;color:#273f4d;font-size:16px}.pbf-log-heading nav{display:flex;align-self:stretch;gap:7px}.pbf-log-heading nav button{position:relative;min-width:56px;border:0;color:#81919a;background:transparent;font-size: 14px;font-weight:700}.pbf-log-heading nav button.active{color:var(--pbf-blue)}.pbf-log-heading nav button.active::after{content:"";position:absolute;right:7px;bottom:0;left:7px;height:2px;border-radius:999px;background:var(--pbf-blue)}.pbf-log-heading>div:last-child{gap:11px}.pbf-log-heading>div:last-child button{border:0;color:#567381;background:transparent;font-size: 14px;font-weight:700}.pbf-log-heading>div:last-child button:hover{color:var(--pbf-blue)}.pbf-log-table-wrap{overflow:auto}.pbf-log-table-wrap table{width:100%;min-width:1170px;border-collapse:collapse;font-size: 14px}.pbf-log-table-wrap th,.pbf-log-table-wrap td{padding:10px 11px;border-bottom:1px solid #e2eaed;text-align:left;white-space:nowrap}.pbf-log-table-wrap th{border-top:2px solid #263238;border-bottom:1px solid var(--pbf-blue);color:#526d7a;background:#f4f7f8;font-weight:700}.pbf-log-table-wrap tbody tr{cursor:pointer}.pbf-log-table-wrap tbody tr:hover td{background:#eef6f9}.pbf-log-table-wrap tbody tr:nth-child(even) td{background:#fbfcfd}.pbf-log-type{display:inline-block;padding:3px 5px;border-radius:999px;color:#3d6984;background:#edf5f8;font-size: 14px;font-weight:700}.pbf-log-empty{padding:34px!important;color:#85969e;text-align:center!important}.pbf-log-density-紧凑 td,.pbf-log-density-紧凑 th{padding-block:7px}.pbf-page-footer{display:flex;justify-content:space-between;gap:16px;padding:10px 3px 0;color:#7d8e96;font-size: 14px}.pbf-modal-layer{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px;background:rgba(38,50,56,.38);font-family:"Microsoft YaHei","Noto Sans SC",sans-serif}.pbf-modal-layer *{box-sizing:border-box}.pbf-modal{width:min(680px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:hidden;border:1px solid #bfd0d7;border-radius:12px;background:#fff;box-shadow:0 22px 58px rgba(29,49,60,.28)}.pbf-modal>header{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 20px;border-bottom:1px solid #dce6e9;background:#f7fafb}.pbf-modal h2{margin:0;color:#283f4b;font-size:18px}.pbf-modal-close{width:31px;height:31px;border:0;border-radius:8px;color:#66808c;background:#edf3f5;font-size:22px;line-height:1}.pbf-modal-body{max-height:calc(100vh - 180px);overflow:auto;padding:20px;color:#506874;line-height:1.55}.pbf-modal>footer{display:flex;justify-content:flex-end;gap:9px;padding:12px 20px;border-top:1px solid #dce6e9;background:#fbfcfd}.pbf-form{display:grid;grid-template-columns:1fr 1fr;gap:13px 15px}.pbf-form label,.pbf-confirm-grid label,.pbf-log-filter label{display:grid;gap:6px;color:#5c7380;font-size: 14px;font-weight:700}.pbf-form input,.pbf-form select,.pbf-form textarea,.pbf-confirm-grid input,.pbf-confirm-grid select,.pbf-confirm-grid textarea,.pbf-log-filter select{width:100%;min-height:38px;padding:8px 10px;border:1px solid #c6d5db;border-radius:8px;outline:0;color:#29414e;background:#fff}.pbf-form textarea,.pbf-confirm-grid textarea{min-height:84px;resize:vertical}.pbf-form input:focus,.pbf-form select:focus,.pbf-form textarea:focus,.pbf-confirm-grid input:focus,.pbf-confirm-grid select:focus,.pbf-confirm-grid textarea:focus,.pbf-log-filter select:focus{border-color:var(--pbf-blue);box-shadow:0 0 0 2px rgba(47,93,124,.12)}.pbf-form small,.pbf-confirm-grid small{min-height:15px;color:var(--pbf-red);font-size: 14px}.pbf-form-full{grid-column:1/-1}.pbf-required{margin-left:3px;color:var(--pbf-red)}.pbf-confirm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.pbf-confirm-grid p{display:grid;grid-template-columns:80px 1fr;gap:8px;grid-column:1/-1;margin:0;padding:9px 10px;border-radius:8px;background:#f4f7f8}.pbf-confirm-grid p span{color:#7e9098;font-size: 14px}.pbf-confirm-grid p b{color:#334e5b;font-size: 14px}.pbf-confirm-grid label:last-child{grid-column:1/-1}.pbf-notice{padding:14px 15px;border-left:4px solid var(--pbf-blue);border-radius:8px;color:#486370;background:#eff7fa}.pbf-notice strong{color:#2c4653}.pbf-notice p{margin:7px 0 0;font-size: 14px}.pbf-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pbf-more-grid button{display:grid;gap:4px;min-height:76px;padding:12px;border:1px solid #d0dde2;border-radius:9px;color:#2d4856;background:#fff;text-align:left}.pbf-more-grid button:hover{border-color:var(--pbf-blue);background:#f5fafc}.pbf-more-grid b{font-size: 14px}.pbf-more-grid span{color:#728690;font-size: 14px}.pbf-modal-hero{display:flex;align-items:center;gap:15px;padding:4px 0 15px;border-bottom:1px solid #e2eaed}.pbf-modal-hero b,.pbf-modal-hero span{display:block}.pbf-modal-hero b{color:#273f4b;font-size:19px}.pbf-modal-hero span{margin-top:4px;color:#728792;font-size: 14px}.pbf-modal-list{display:grid;grid-template-columns:90px minmax(0,1fr);gap:0 12px;margin:15px 0;border-top:1px solid #e2eaed}.pbf-modal-list dt,.pbf-modal-list dd{margin:0;padding:8px 0;border-bottom:1px solid #edf1f2;font-size: 14px}.pbf-modal-list dt{color:#7b8e97}.pbf-modal-list dd{overflow-wrap:anywhere;color:#405b68;font-weight:700}.pbf-modal-detail h3{margin:17px 0 10px;color:#3a5562;font-size:14px}.pbf-modal-timeline{display:grid;gap:4px}.pbf-modal-timeline>div{display:flex;gap:9px;position:relative;min-height:46px}.pbf-modal-timeline i{z-index:1;width:10px;height:10px;flex:0 0 auto;margin-top:4px;border:2px solid #82a6b9;border-radius:50%;background:#fff}.pbf-modal-timeline>div:not(:last-child)::before{content:"";position:absolute;top:14px;bottom:-4px;left:4px;border-left:1px solid #c5d6de}.pbf-modal-timeline p{margin:0}.pbf-modal-timeline b,.pbf-modal-timeline span,.pbf-modal-timeline small{display:block}.pbf-modal-timeline b{color:#456271;font-size: 14px}.pbf-modal-timeline span{margin-top:2px;color:#81939c;font-size: 14px}.pbf-modal-timeline small{margin-top:2px;color:#617883;font-size: 14px}.pbf-record-list{display:grid;gap:8px}.pbf-record-list article{padding:11px 12px;border:1px solid #d7e3e7;border-radius:9px;background:#f9fbfc}.pbf-record-list b,.pbf-record-list span{display:block}.pbf-record-list b{color:#486573;font-size: 14px}.pbf-record-list span{margin-top:2px;color:var(--pbf-blue);font-size: 14px;font-weight:700}.pbf-record-list p{margin:5px 0 0;color:#71848d;font-size: 14px}.pbf-empty-modal{padding:30px 10px;color:#84959d;text-align:center}.pbf-log-filter{display:grid;gap:10px}.pbf-log-filter p{margin:0;padding:10px 12px;border-radius:8px;color:#6f838d;background:#f2f7f8;font-size: 14px}@media(max-width:1680px){.pbf-page-header{grid-template-columns:1fr auto}.pbf-filter-strip{grid-column:1/-1;grid-row:2}.pbf-workspace{grid-template-columns:minmax(0,1fr) 310px}.pbf-workspace--collapsed{grid-template-columns:minmax(0,1fr) 102px}}@media(max-width:1220px){.prototype-batch-flow-page{padding:12px}.pbf-workspace,.pbf-workspace--collapsed{grid-template-columns:1fr}.pbf-detail-panel{min-height:0}.pbf-detail-scroll{max-height:510px}.pbf-detail-actions{grid-template-columns:repeat(4,120px);justify-content:flex-end}.pbf-detail-expand{min-height:60px}.pbf-page-footer{flex-wrap:wrap}.pbf-filter-strip{grid-template-columns:repeat(2,minmax(200px,1fr))}}@media(max-width:720px){.prototype-batch-flow-page{padding:8px}.pbf-page-header{display:flex;align-items:flex-start;flex-direction:column;gap:11px}.pbf-filter-strip{width:100%;grid-template-columns:1fr}.pbf-header-actions{width:100%;justify-content:flex-end}.pbf-metrics{overflow:auto}.pbf-metrics div{min-width:105px;padding-inline:12px}.pbf-panel-heading,.pbf-log-heading{align-items:flex-start;flex-direction:column;padding-block:11px}.pbf-log-heading>div{flex-wrap:wrap;gap:8px}.pbf-log-heading nav{min-height:35px}.pbf-form,.pbf-confirm-grid,.pbf-more-grid{grid-template-columns:1fr}.pbf-form-full,.pbf-confirm-grid label:last-child{grid-column:auto}.pbf-detail-actions{grid-template-columns:repeat(2,1fr)}.pbf-page-footer{display:grid;grid-template-columns:1fr}.pbf-modal-layer{padding:10px}.pbf-modal{width:100%;max-height:calc(100vh - 20px)}}