:root{--navy:#173b70;--blue:#1b4a8b;--ink:#18283c;--muted:#627287;--line:#dce5ef;--pale:#f4f7fb;--white:#fff;--teal:#0e7468;--amber:#9a681a;--red:#aa3d32}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);background:var(--pale)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #78aee8;outline-offset:2px}[hidden]{display:none!important}
.login-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 18% 10%,#285d9a 0,transparent 35%),linear-gradient(135deg,#112e58,#1b4a8b)}
.login-brand{display:flex;align-items:center;gap:12px;color:#fff;line-height:1.25;font-size:20px;font-weight:700;margin-bottom:24px}.login-brand small{font-size:13px;font-weight:400;opacity:.8}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:#e8f1fb;color:var(--navy);border-radius:9px;font-size:21px;font-weight:800;flex:none}
.login-card{width:min(100%,410px);background:#fff;border-radius:14px;padding:36px;box-shadow:0 25px 70px #0b224b55}.eyebrow{font-size:12px;color:var(--blue);font-weight:700;letter-spacing:.06em;margin:0 0 10px}.login-card h1{font-size:25px;margin:0 0 8px}.login-card>p:not(.eyebrow){color:var(--muted);font-size:14px;margin:0 0 26px}.login-card form{display:grid;gap:8px}.login-card label{font-size:13px;font-weight:600;margin-top:8px}.login-card input{width:100%;border:1px solid #bccbdc;padding:11px 12px;border-radius:8px;background:#fff}.primary{background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:8px;padding:10px 16px;font-weight:600}.primary:hover{background:#113f7b}.full{width:100%;margin-top:16px}.form-error{font-size:13px;color:var(--red);min-height:18px;margin:3px 0 0}.login-foot{color:#cbdcf0;font-size:12px;margin:24px 0 0}
.app-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{background:var(--navy);color:#f5f8fe;display:flex;flex-direction:column;min-height:100vh;padding:22px 14px;position:sticky;top:0;height:100vh}.identity{display:flex;gap:10px;align-items:center;padding:4px 8px 26px}.identity strong{font-size:17px;letter-spacing:.02em}.identity small{display:block;color:#adcaea;font-size:12px;margin-top:3px}.sidebar-caption{font-size:11px;color:#96b6dc;padding:8px 12px;margin-bottom:5px}.sidebar-caption.second{margin-top:27px}.side-nav{display:grid;gap:5px}.side-nav a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;padding:11px 12px;border-radius:8px;font-size:14px;color:#e4eefb}.side-nav a span{font-size:10px;color:#adc4de}.side-nav a:hover,.side-nav a.active{background:#ffffff20;color:#fff}.side-nav a.active{box-shadow:inset 3px 0 #83b9ef}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff24;padding:17px 9px 1px;font-size:11px;line-height:1.7;color:#b8cee7}
.workspace{min-width:0}.topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px}.topbar>div{display:flex;align-items:center;gap:12px}.topbar #breadcrumb{font-weight:700;font-size:14px}.top-actions{color:var(--muted);font-size:12px}.quiet{border:0;background:none;color:var(--blue);padding:8px;border-radius:6px}.quiet:hover{background:#eef4fb}.mobile-menu{display:none;border:0;background:none;color:var(--navy);font-size:21px;padding:3px 8px}.view{max-width:1320px;margin:auto;padding:34px 38px 80px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.page-heading h1{font-size:28px;line-height:1.25;margin:0 0 9px;letter-spacing:-.02em}.page-heading p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.date-label{color:var(--muted);font-size:13px;white-space:nowrap}.section-title{font-size:16px;margin:30px 0 14px;display:flex;align-items:center;gap:9px}.section-title:before{content:"";height:17px;width:3px;background:var(--blue);border-radius:2px}
.attention{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;background:var(--navy);color:#fff;padding:25px 28px;border-radius:11px;align-items:center}.attention h2{font-size:19px;margin:0 0 7px}.attention p{font-size:13px;color:#d5e4f5;margin:0;line-height:1.7}.attention .count{font-size:36px;font-weight:750;line-height:1}.attention .count small{display:block;font-size:11px;color:#c7d9ed;font-weight:400;margin-top:6px;text-align:right}.link-light{color:#fff;text-decoration:underline;text-underline-offset:3px}
.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.module-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:21px;display:flex;flex-direction:column;min-height:190px}.module-card .module-top{display:flex;justify-content:space-between;gap:6px;align-items:center}.module-card h3{margin:0;font-size:17px}.status{border:1px solid #c8d7e8;background:#f2f6fb;color:#496785;font-size:11px;padding:4px 7px;border-radius:99px;white-space:nowrap}.module-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:13px 0 auto}.module-card a{font-size:13px;text-decoration:none;color:var(--blue);font-weight:700;margin-top:18px}.module-card a:hover{text-decoration:underline}.detail-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:21px}.panel h2{font-size:16px;margin:0 0 15px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head a{color:var(--blue);font-size:12px;text-decoration:none}.panel p{font-size:13px;line-height:1.7;color:var(--muted)}.empty{border:1px dashed #c9d7e7;border-radius:8px;padding:20px;color:var(--muted);font-size:13px;line-height:1.7;background:#fbfdff}.small-list{list-style:none;margin:0;padding:0}.small-list li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #ebf0f6;font-size:13px}.small-list li:first-child{border-top:0}.small-list small{color:var(--muted)}
.task-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.task-toolbar .summary{font-size:13px;color:var(--muted)}.task-list{display:grid;gap:10px}.task-row{background:#fff;border:1px solid var(--line);border-radius:9px;padding:15px 17px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}.task-row h3{font-size:14px;margin:0 0 5px}.task-row p{font-size:12px;color:var(--muted);margin:0 0 6px;white-space:pre-wrap}.task-meta{display:flex;gap:13px;flex-wrap:wrap;color:var(--muted);font-size:11px}.task-row select{border:1px solid var(--line);border-radius:7px;padding:7px;background:#fff;color:var(--ink);font-size:12px}.task-row.done{opacity:.68}.task-form{display:grid;gap:12px;max-width:640px}.task-form label{font-size:12px;font-weight:700;display:block;margin-bottom:5px}.task-form input,.task-form textarea{width:100%;padding:10px;border:1px solid #c5d2e1;border-radius:7px}.task-form textarea{min-height:80px;resize:vertical}.task-form .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.task-form button{justify-self:start}.task-creator{margin-bottom:18px}
.knowledge-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}.doc-list{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;max-height:calc(100vh - 180px);overflow:auto}.doc-list button{display:block;width:100%;text-align:left;border:0;background:none;color:var(--ink);border-radius:7px;padding:9px 10px;font-size:12px;line-height:1.5}.doc-list button:hover,.doc-list button.active{background:#eaf2fb;color:var(--navy)}.doc-list small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.doc-reader{background:#fff;border:1px solid var(--line);border-radius:10px;padding:28px 35px;min-height:460px;overflow-wrap:anywhere}.doc-reader h1{font-size:23px;margin:0 0 18px}.markdown{font-size:13px;line-height:1.85}.markdown h1,.markdown h2,.markdown h3{line-height:1.4;color:var(--navy);margin-top:25px}.markdown h1{font-size:20px}.markdown h2{font-size:17px}.markdown h3{font-size:15px}.markdown p{color:var(--ink)}.markdown table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.markdown th,.markdown td{border:1px solid var(--line);padding:7px 9px;text-align:left;min-width:90px}.markdown th{background:#f0f5fb}.markdown blockquote{border-left:3px solid var(--blue);margin:14px 0;padding:1px 14px;background:#f5f8fc}.markdown code{background:#f0f3f8;padding:2px 4px;border-radius:3px}.markdown pre{overflow:auto;background:#f1f5f9;padding:13px}.markdown pre code{background:none}.markdown a{color:var(--blue)}
.module-detail{background:#fff;border:1px solid var(--line);border-radius:10px;padding:25px;max-width:820px}.module-detail h2{font-size:17px;margin:0 0 12px}.module-detail p,.module-detail li{font-size:13px;line-height:1.8;color:var(--muted)}.module-detail ul{padding-left:19px}.notice{padding:10px 13px;border-left:3px solid var(--amber);background:#fff9ed;color:#795419!important}.toast{position:fixed;bottom:20px;right:20px;background:#193c6b;color:#fff;padding:10px 15px;border-radius:8px;box-shadow:0 10px 30px #153b6a33;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}
@media(max-width:1000px){.module-grid{grid-template-columns:1fr}.module-card{min-height:150px}.detail-grid{grid-template-columns:1fr}.knowledge-layout{grid-template-columns:1fr}.doc-list{max-height:210px}.view{padding:27px 22px 60px}}
@media(max-width:720px){.app-shell{display:block}.sidebar{display:none;position:fixed;z-index:20;width:250px;box-shadow:10px 0 30px #12305255}.sidebar.open{display:flex}.topbar{height:58px;padding:0 15px}.mobile-menu{display:inline-block}.top-actions #account{display:none}.view{padding:22px 15px 55px}.page-heading{display:block}.date-label{display:block;margin-top:10px}.attention{padding:20px}.task-row{grid-template-columns:1fr}.task-form .two{grid-template-columns:1fr}.doc-reader{padding:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.official-brand{background:#fff;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--navy);padding:12px;margin-bottom:20px}.official-brand img{display:block;max-width:100%;height:auto;object-fit:contain}.official-brand small{display:block;font-size:12px;color:var(--muted);margin:0}.login-brand.official-brand{width:240px}.identity.official-brand{padding:13px 10px}.identity.official-brand small{color:var(--muted)}
.wf-metrics{display:flex;flex-wrap:wrap;border-block:1px solid var(--line);padding:18px 0;margin:22px 0;gap:20px 36px}.wf-metrics>div{flex:1;min-width:120px}.wf-metrics strong{display:block;font-size:24px;line-height:1.4;font-weight:700;color:var(--navy)}.wf-metrics small{display:block;font-size:12px;color:var(--muted);line-height:1.8}.wf-tabs{display:flex;gap:3px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:0 0 22px}.wf-tabs button{border:0;border-bottom:3px solid transparent;background:none;border-radius:0;padding:12px 14px;color:var(--muted);font-weight:600}.wf-tabs button.active{border-bottom-color:var(--blue);color:var(--blue);background:#eaf2fb}.wf-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.wf-table .wf-controls{margin:0;min-width:115px}.wf-button{border:1px solid #c6d3e2;background:#fff;color:var(--blue);border-radius:6px;padding:7px 12px;font-size:13px;min-height:34px}.wf-button:hover{background:#edf4fc}button:disabled{opacity:.5;cursor:default}.wf-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:15px 0}.wf-filters input{flex:2;min-width:220px}.wf-filters select{flex:1;min-width:130px}.wf-filters input,.wf-filters select,.wf-table select{border:1px solid #c5d2e1;border-radius:6px;padding:9px;background:#fff;color:var(--ink);font-size:13px}.wf-table-wrap{width:100%;overflow:auto;border:1px solid var(--line);border-radius:8px;margin:15px 0;background:#fff}.wf-table{width:100%;min-width:720px;border-collapse:collapse;text-align:left;font-size:12px;line-height:1.6}.wf-table th{padding:11px 13px;background:#edf3fa;color:#385372;font-weight:700;white-space:nowrap}.wf-table td{padding:13px;border-top:1px solid #e5ecf4;vertical-align:top;max-width:370px;overflow-wrap:anywhere;white-space:pre-wrap}.wf-table td:first-child{min-width:130px}.wf-table tbody tr:hover{background:#f9fbfe}.wf-link{font-weight:600;color:var(--blue);text-underline-offset:3px}.wf-hint{font-size:12px;line-height:1.7;color:var(--muted)}.block{display:block}.wf-section{margin-top:20px}.wf-section .panel-head{margin-bottom:8px}.wf-section h3{font-size:16px}.wf-details{display:grid;grid-template-columns:150px minmax(0,1fr);font-size:13px;line-height:1.8;margin:0}.wf-details dt,.wf-details dd{padding:10px 0;border-bottom:1px solid #e8edf4;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.wf-details dt{color:var(--muted);padding-right:15px}.wf-dialog{width:min(800px,calc(100% - 28px));max-height:88vh;border:1px solid var(--line);border-radius:12px;padding:0;color:var(--ink);box-shadow:0 20px 80px #0b224b40}.wf-dialog::backdrop{background:#10253f80}.wf-form{padding:25px}.wf-form h2{font-size:20px;margin:0 0 22px}.wf-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.wf-field{min-width:0}.wf-field.wide{grid-column:1/-1}.wf-field label{display:block;font-size:12px;font-weight:600;line-height:1.6;margin:0 0 5px}.wf-field input:not([type=checkbox]),.wf-field select,.wf-field textarea{width:100%;border:1px solid #bfcfe0;border-radius:6px;padding:9px;background:#fff;color:var(--ink)}.wf-field textarea{resize:vertical;min-height:90px}.wf-check{display:flex;gap:10px;align-items:flex-start;padding:10px;background:#f0f5fb;border-radius:6px}.wf-check input{width:18px;height:18px;flex:none}.wf-check label{margin:0;line-height:1.8}.wf-stage-trail{display:flex;list-style:none;gap:3px;padding:0;overflow:auto;margin:0 0 22px}.wf-stage-trail li{font-size:11px;min-width:92px;flex:1;padding:10px;background:#f0f3f8;color:var(--muted);border-top:3px solid #c9d5e3}.wf-stage-trail li.current{background:#e3effc;color:var(--navy);border-color:var(--blue);font-weight:700}.wf-stage-trail li.passed{background:#e7f3ee;color:var(--teal);border-color:var(--teal)}.wf-download{display:block;margin:5px 0;padding:9px 10px;font-size:12px;color:var(--blue);line-height:1.6;text-decoration:none;overflow-wrap:anywhere}.wf-download:hover{background:#eaf2fb}
@media(max-width:720px){.wf-fields{grid-template-columns:1fr}.wf-details{grid-template-columns:1fr}.wf-details dt{border:0;padding-bottom:0}.wf-details dd{padding-top:3px}.wf-form{padding:18px}.wf-tabs button{font-size:12px;padding:10px}.wf-metrics{gap:15px}.wf-metrics>div{min-width:40%}.wf-metrics strong{font-size:21px}.wf-filters input{min-width:100%}.wf-controls .primary{font-size:13px}}