:root{font-size:16px;--nav:#112b45;--blue:#2469df;--ink:#22364d;--muted:#738297;--border:#e1e8f0;--bg:#f3f6fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.65 'Microsoft YaHei','PingFang SC',sans-serif}button,input,select{font:inherit}button,a{outline-offset:4px}button{cursor:pointer}a{color:var(--blue);text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:var(--nav);color:#c4d6e8;padding:23px 14px;overflow-y:auto;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:15px;font-weight:700;padding:0 5px 21px}.brand small{display:block;color:#9db4ce;font-size:12px;font-weight:400;margin-top:3px}.brandmark{flex-shrink:0;width:37px;height:41px;background:#2870e8;display:grid;place-items:center;border-radius:8px;font-size:22px}.nav-label{font-size:12px;letter-spacing:1px;color:#90aac5;margin:20px 14px 7px}nav button{display:flex;align-items:center;gap:11px;width:100%;border:0;background:none;color:#c2d4e8;text-align:left;font-size:14px;padding:9px 14px;border-radius:6px;margin:3px 0}nav button span{color:#86a7cb;width:20px;text-align:center}nav button:hover{background:#1b3a57}nav button.active{background:#2469df;color:white}nav button.active span{color:white}.sidebar-bottom{padding:26px 12px 0;font-size:12px;color:#a5bdd6;margin-top:auto}.sidebar-bottom p{color:#7e9ab7;margin:3px 0 8px}.sidebar-bottom a{color:#b7d6ff}main{margin-left:252px;min-width:0}header{height:76px;background:white;border-bottom:1px solid var(--border);padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb{font-size:14px;color:var(--muted)}.breadcrumb span{margin:0 12px;color:#b5c3d2}.breadcrumb b{font-weight:500;color:var(--ink)}.header-right{display:flex;align-items:center;gap:18px;font-size:14px}.demo-strip{background:#eaf1ff;color:#597498;padding:9px 30px;font-size:12px}#content{padding:27px 30px;max-width:1660px;margin:auto}h1{font-size:26px;line-height:1.4;margin:0 0 7px}h2{font-size:17px;margin:0}h3{font-size:16px;margin:0 0 8px}p{color:var(--muted);margin:6px 0;font-size:14px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:23px}.page-head p{max-width:820px}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid #d5e0ee;border-radius:6px;padding:8px 14px;font-size:14px;background:#fff;color:#4e657f;white-space:nowrap}.btn:hover{border-color:#6f9ee5;color:var(--blue)}.btn.primary{background:var(--blue);border-color:var(--blue);color:white}.btn.small{padding:5px 10px;font-size:13px}.link{background:none;border:0;color:var(--blue);padding:0;font-size:14px;text-align:left}.panel{border:1px solid var(--border);background:#fff;border-radius:9px;margin-bottom:20px;overflow:hidden}.panel-head{padding:17px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head small{font-size:12px;color:var(--muted)}.pad{padding:20px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.metric{border:1px solid var(--border);background:#fff;border-radius:8px;padding:17px 20px}.metric label{display:block;font-size:14px;color:var(--muted)}.metric b{font-family:'Segoe UI',sans-serif;font-size:29px;display:block;line-height:1.6;color:#24486e;font-weight:600}.metric b small{font-size:13px;font-weight:400;margin-left:5px;color:var(--muted)}.metric p{font-size:12px;margin:0}.columns{display:grid;grid-template-columns:1.7fr 1fr;gap:20px;align-items:start}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.module{border-top:3px solid var(--blue)}.module:nth-child(2){border-top-color:#148e8c}.module:nth-child(3){border-top-color:#778bbb}.module-title{display:flex;align-items:center;gap:12px;margin-bottom:9px}.module-title span{display:grid;place-items:center;background:#edf4ff;color:var(--blue);width:39px;height:39px;border-radius:8px}.module p{font-size:13px;min-height:42px}.module-links{border-top:1px solid var(--border);margin-top:16px;padding-top:8px}.module-links button{width:100%;border:0;background:none;text-align:left;color:#45627f;padding:8px 0;display:flex;align-items:center;justify-content:space-between;font-size:14px}.module-links button:hover{color:var(--blue)}.module-links button span{color:#9cb0c5}.journey{display:flex;align-items:stretch;gap:7px;padding:20px;flex-wrap:wrap}.journey button{flex:1;min-width:99px;border:1px solid #dce7f4;background:#f6f9fd;color:#47637f;padding:11px 8px;border-radius:6px;text-align:left;font-size:13px}.journey button small{display:block;font-size:12px;color:#8297ae;margin-bottom:4px}.journey i{font-style:normal;color:#a5b6c8;align-self:center}.journey button:hover{border-color:#709df0;color:var(--blue)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:14px}th{background:#f7f9fc;color:#7d8da0;font-weight:400;padding:12px 17px;text-align:left;font-size:13px}td{padding:15px 17px;border-top:1px solid #eaf0f6;vertical-align:middle}td strong{font-weight:500}td small{display:block;color:#8392a5;font-size:12px;margin-top:3px}.badge{display:inline-block;font-size:12px;padding:3px 8px;border-radius:5px;background:#eef2f6;color:#718195}.badge.blue{background:#ecf3ff;color:#2a67c7}.badge.green{background:#e9f7f1;color:#168267}.badge.amber{background:#fff5e4;color:#aa751d}.badge.red{background:#fdefef;color:#ba5153}.note{background:#edf3fd;color:#587397;padding:12px 16px;font-size:14px;border-radius:6px;margin-bottom:19px}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--border);margin-bottom:20px;overflow:auto}.tabs button{white-space:nowrap;border:0;background:none;color:#778ba2;padding:10px 2px 13px;font-size:14px;border-bottom:3px solid transparent}.tabs button.active{border-bottom-color:var(--blue);color:var(--blue);font-weight:600}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.field{padding:12px 14px;background:#f7f9fc;border:1px solid #e6edf5;border-radius:6px}.field label{display:block;font-size:12px;color:#8191a5;margin-bottom:5px}.field b{font-size:14px;font-weight:500}.list-item{padding:13px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px}.list-item:first-child{padding-top:0}.list-item:last-child{border-bottom:0;padding-bottom:0}.list-item p{font-size:12px}.step{display:flex;gap:13px;margin-bottom:17px}.step:last-child{margin-bottom:0}.step>span{width:27px;height:27px;border-radius:50%;background:#ecf3ff;color:#2c6dce;display:grid;place-items:center;font-size:12px;flex-shrink:0}.step b{font-size:14px;font-weight:500}.step p{font-size:12px}.accept-grid{display:grid;grid-template-columns:220px minmax(370px,1fr) 250px;gap:17px;align-items:start}.task{padding:13px;margin-bottom:10px;border:1px solid var(--border);border-radius:6px;background:#fff;width:100%;text-align:left;color:var(--ink)}.task.active{background:#edf4ff;border-color:#8fb7ed}.task b{font-size:14px}.task small{display:block;color:var(--muted);font-size:12px;margin:5px 0}.capture-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.capture{padding:15px 10px;background:#f9fbfe;border:1px dashed #adc3df;color:#536e8b;border-radius:6px;font-size:14px;min-height:94px}.capture span{display:block;font-size:22px;color:#7ea1cb}.capture small{display:block;font-size:12px;color:#8a9eb5;margin-top:5px}.check{padding:12px;border-radius:5px;background:#f8fafc;margin-bottom:10px;font-size:14px}.check p{font-size:12px}.check.warn{background:#fff6e7}.check.danger{background:#fff0f0}.task-status{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-gap{margin-top:19px}.inline-actions{display:flex;gap:12px;flex-wrap:wrap}.info-lines{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.info-line{border-bottom:1px solid var(--border);padding:13px 0;font-size:14px}.info-line span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.connection{padding:20px;background:white;border:1px solid var(--border);border-radius:8px;margin-bottom:15px}.connection .badge{float:right}.connection h3{padding-right:70px}.connection p{font-size:14px}.summary-strip{border-left:3px solid var(--blue);padding:0 0 0 17px;margin:16px 0 23px}.summary-strip p{margin:4px 0}.empty-placeholder{padding:20px;border:1px dashed #c5d4e5;color:#7f94ad;border-radius:6px;font-size:14px;text-align:center}.wide{grid-column:1/-1}footer{display:flex;justify-content:space-between;gap:18px;padding:0 30px 25px;font-size:12px;color:#8b9caf}dialog{padding:0;border:0;border-radius:10px;width:760px;max-width:calc(100vw - 28px);color:var(--ink);box-shadow:0 30px 90px #0c294444}dialog::backdrop{background:#10294277}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid var(--border)}.dialog-head small{font-size:12px;color:var(--muted)}.dialog-head button{border:0;background:none;font-size:27px;color:#8697a8}.dialog-foot{padding:16px 25px;border-top:1px solid var(--border);text-align:right}#detailBody{padding:23px 25px;max-height:66vh;overflow:auto}#detailBody .field{min-height:78px}#detailBody .note{margin-bottom:20px}.section-caption{font-size:12px;color:var(--muted);margin-top:15px}.wrap{white-space:normal;min-width:170px}.menu-outline{font-size:14px;line-height:2;margin:0;padding-left:20px}
@media(max-width:1300px){.accept-grid{grid-template-columns:200px 1fr}.accept-grid>.panel:last-child{grid-column:1/-1}.three{gap:12px}.sidebar{width:235px}main{margin-left:235px}.columns{grid-template-columns:1fr}#content{padding:23px}.panel-head{padding:15px 17px}}
@media(max-width:980px){.three{grid-template-columns:1fr}.module p{min-height:0}.module-links{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.metrics{grid-template-columns:1fr 1fr}.project{display:none}.fields{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.sidebar{position:static;width:100%;padding:15px}.brand{padding-bottom:8px}nav{display:flex;gap:4px;overflow-x:auto;align-items:center}nav button{width:auto;white-space:nowrap;margin:0;padding:9px}.nav-label,.sidebar-bottom{display:none}main{margin-left:0}header{height:auto;min-height:65px;padding:12px 16px}.breadcrumb{font-size:13px}.demo-strip{padding:10px 16px}#content{padding:20px 16px}.page-head{align-items:flex-start;flex-direction:column}h1{font-size:24px}.fields,.accept-grid,.info-lines{grid-template-columns:1fr}.accept-grid>.panel:last-child{grid-column:auto}.metrics{gap:10px}.metric{padding:13px}.module-links{grid-template-columns:1fr}.journey{padding:15px}.journey i{display:none}footer{padding:0 16px 20px;flex-direction:column;gap:5px}.header-right .btn{font-size:12px}.three{gap:0}}
