:root{font-family:Inter,"PingFang TC","Noto Sans TC",system-ui,sans-serif;color:#1d2939;background:#f4f6f8;font-synthesis:none;--line:#e4e8ee;--muted:#667085}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#f4f6f8}
.topbar{height:72px;padding:0 max(22px,calc((100vw - 1260px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#1d2939}.brand>span:last-child{display:flex;flex-direction:column}.brand b{font-size:.95rem}.brand small{font-size:.65rem;color:#98a2b3;letter-spacing:.05em}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#1f2937;color:#fff;font-weight:850}.mark.small{width:26px;height:26px;border-radius:8px;font-size:.75rem}.top-actions{display:flex;align-items:center;gap:22px}.sync{font-size:.76rem;color:#344054;display:flex;align-items:center;gap:7px}.sync i,.legend i{width:8px;height:8px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 4px #ecfdf3}.updated{font-size:.76rem;color:#98a2b3}
main{max-width:1260px;margin:auto;padding:42px 24px 72px}.dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{font-size:.68rem;letter-spacing:.16em;font-weight:800;color:#98a2b3;margin:0 0 7px}.dashboard-head h1{font-size:2rem;letter-spacing:-.035em;margin:0}.dashboard-head h1 span{font-size:1.45rem}.dashboard-head p:last-child{color:var(--muted);margin:8px 0 0;font-size:.9rem}.primary-action{background:#1f2937;color:#fff;text-decoration:none;padding:11px 15px;border-radius:10px;font-size:.82rem;font-weight:700;display:flex;gap:25px;align-items:center}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:38px}.stats article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;display:flex;gap:13px;align-items:center;box-shadow:0 2px 8px #10182808}.stat-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:1.1rem;font-weight:800}.projects-icon{color:#475467;background:#f2f4f7}.live-icon{color:#067647;background:#ecfdf3}.progress-icon{color:#175cd3;background:#eff8ff}.check-icon{color:#b54708;background:#fff6ed}.stats article>div:last-child{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:6px}.stats small{grid-column:1/-1;color:#667085;font-size:.7rem;margin-bottom:2px}.stats strong{font-size:1.45rem;line-height:1}.stats strong.word{font-size:1rem}.stats span{color:#98a2b3;font-size:.67rem}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}.section-head h2,.attention h2{font-size:1.2rem;margin:0}.legend{font-size:.7rem;color:#98a2b3;display:flex;align-items:center;gap:8px}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card{--accent:#475467;--soft:#f2f4f7;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;min-width:0;box-shadow:0 3px 12px #10182808;transition:.2s}.project-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #10182812}.project-card.orange{--accent:#e04f16;--soft:#fff3ed}.project-card.blue{--accent:#175cd3;--soft:#eff8ff}.project-card.green{--accent:#078a55;--soft:#ecfdf3}.card-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.project-identity{display:flex;align-items:center;gap:11px;min-width:0}.project-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--soft);color:var(--accent);font-size:1.15rem;font-weight:900}.project-identity small{font-size:.65rem;color:#98a2b3}.project-identity h3{font-size:1rem;margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{font-size:.68rem;color:var(--accent);background:var(--soft);padding:6px 8px;border-radius:999px;display:flex;align-items:center;gap:5px;white-space:nowrap}.status i{width:6px;height:6px;border-radius:50%;background:var(--accent)}
.description{color:#667085;line-height:1.55;font-size:.8rem;margin:15px 0;min-height:60px}.metrics{display:flex;gap:5px;flex-wrap:wrap;margin:-4px 0 13px}.metrics span{font-size:.62rem;color:#667085;background:#f8fafc;border:1px solid #eaecf0;border-radius:999px;padding:4px 7px}.card-progress{display:flex;gap:15px;align-items:center;border-block:1px solid #f0f2f5;padding:16px 0}.ring{--progress:0deg;width:76px;height:76px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) var(--progress),#edf0f3 0);position:relative}.ring:before{content:"";position:absolute;inset:7px;background:#fff;border-radius:50%}.ring span{position:relative;display:flex;align-items:baseline}.ring strong{font-size:1.25rem}.ring small{font-size:.65rem;color:#98a2b3}.card-progress>div:last-child{display:flex;flex-direction:column;min-width:0}.card-progress>div:last-child small,.completed>small,.next small{font-size:.65rem;color:#98a2b3}.card-progress b{font-size:.78rem;margin:4px 0;line-height:1.35}.card-progress>div:last-child span{font-size:.62rem;color:var(--accent)}.completed{padding:14px 0}.completed ul{margin:7px 0 0;padding:0;list-style:none}.completed li{font-size:.72rem;color:#475467;margin:7px 0;padding-left:13px;position:relative;line-height:1.4}.completed li:before{content:"✓";position:absolute;left:0;color:#12b76a;font-weight:800}.next{display:flex;gap:10px;padding:12px;background:#f8fafc;border-radius:11px;margin-bottom:15px}.next-icon{width:25px;height:25px;border-radius:7px;background:#fff;display:grid;place-items:center;color:var(--accent);box-shadow:0 1px 3px #10182812}.next p{font-size:.74rem;line-height:1.4;margin:3px 0 5px}.next em{font-style:normal;font-size:.62rem;color:#b54708}.open{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f2f5;padding-top:14px;color:#344054;text-decoration:none;font-size:.75rem;font-weight:750}.open b{color:var(--accent);font-size:1rem}
.management-board{margin-top:38px;padding:24px;background:#101828;color:#fff;border-radius:18px;box-shadow:0 12px 32px #10182820}.management-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.management-heading .eyebrow{color:#98a2b3}.management-heading h2{font-size:1.35rem;margin:0}.management-heading p:last-child{color:#cbd2dc;font-size:.78rem;line-height:1.55;max-width:760px;margin:7px 0 0}.contract-version{font-size:.62rem;color:#b9c0cc;background:#ffffff12;border:1px solid #ffffff1c;padding:6px 8px;border-radius:999px;white-space:nowrap}.management-flow{display:grid;grid-template-columns:repeat(11,auto);align-items:center;justify-content:space-between;gap:8px;margin:20px 0;padding:12px 14px;background:#ffffff0b;border:1px solid #ffffff12;border-radius:12px;overflow-x:auto}.management-flow span{font-size:.62rem;font-weight:750;white-space:nowrap}.management-flow i{font-style:normal;color:#667085}.audience-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.audience-card{background:#fff;color:#1d2939;border-radius:14px;padding:16px;min-width:0}.audience-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.audience-head>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#ecfdf3;color:#067647;font-weight:850}.audience-card.career .audience-head>span{background:#eff8ff;color:#175cd3}.audience-head small{font-size:.58rem;color:#98a2b3}.audience-head h3{font-size:.9rem;margin:1px 0}.audience-head em{font-style:normal;font-size:.6rem;color:#067647;background:#ecfdf3;border-radius:999px;padding:5px 7px}.audience-card.career .audience-head em{color:#175cd3;background:#eff8ff}.audience-card>p{font-size:.66rem;line-height:1.5;color:#667085;margin:12px 0}.contract-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px}.contract-metrics div{padding:9px;background:#f8fafc;border-radius:9px}.contract-metrics small{display:block;color:#98a2b3;font-size:.55rem}.contract-metrics b{display:block;font-size:.68rem;margin-top:3px}.breadth-bar{height:7px;background:#edf0f3;border-radius:999px;overflow:hidden;margin:12px 0}.breadth-bar i{display:block;height:100%;background:#12b76a;border-radius:inherit}.audience-card.career .breadth-bar i{background:#2e90fa}.freshness{display:flex;justify-content:space-between;gap:10px;font-size:.58rem;color:#667085}.freshness b{color:#344054}.contract-note{display:flex;gap:12px;margin-top:14px;padding:11px 13px;border-left:3px solid #84adff;background:#ffffff0b;border-radius:0 9px 9px 0;font-size:.65rem;color:#cbd2dc}.contract-note b{color:#fff;white-space:nowrap}
.knowledge-board{margin-top:38px;padding:26px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 3px 12px #10182808}.knowledge-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.knowledge-heading h2{margin:0;font-size:1.35rem}.knowledge-heading p:last-child{margin:7px 0 0;color:var(--muted);font-size:.8rem}.knowledge-heading>a{color:#344054;text-decoration:none;font-size:.75rem;font-weight:750;border:1px solid var(--line);padding:9px 11px;border-radius:9px}.knowledge-heading>a b{color:#078a55;margin-left:8px}.knowledge-definitions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.knowledge-definitions article{display:flex;gap:11px;align-items:flex-start;background:#f8fafc;border-radius:12px;padding:13px}.knowledge-definitions article>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#1f2937;color:#fff;font-size:.7rem;font-weight:800;flex:0 0 auto}.knowledge-definitions b{font-size:.75rem}.knowledge-definitions p{font-size:.69rem;line-height:1.55;color:#667085;margin:4px 0 0}
.coverage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 28px}.coverage-grid article{display:flex;gap:11px;border:1px solid #eaecf0;border-radius:12px;padding:14px}.coverage-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#ecfdf3;color:#067647;font-size:.8rem;font-weight:850;flex:0 0 auto}.coverage-grid small{display:block;color:#667085;font-size:.64rem}.coverage-grid p{margin:3px 0 1px;font-size:.7rem}.coverage-grid strong{font-size:1.2rem;color:#101828}.coverage-grid em{font-style:normal;font-size:.6rem;color:#98a2b3}.knowledge-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;border-top:1px solid #f0f2f5;padding-top:22px}.knowledge-toolbar h3,.panel-title h3,.depth-legend h3{font-size:.95rem;margin:0}.learner-tabs{display:flex;gap:5px;background:#f2f4f7;border-radius:10px;padding:4px}.learner-tabs button{border:0;background:transparent;color:#667085;padding:7px 11px;border-radius:7px;font:inherit;font-size:.68rem;cursor:pointer}.learner-tabs button.active{background:#fff;color:#101828;font-weight:750;box-shadow:0 1px 4px #10182812}
.learner-view{margin-top:12px;background:#f8fafc;border:1px solid #eaecf0;border-radius:14px;padding:16px}.learner-summary{display:flex;gap:11px;align-items:center}.avatar{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#1f2937;color:#fff;font-weight:850}.learner-summary small{font-size:.62rem;color:#98a2b3}.learner-summary h4{font-size:.9rem;margin:1px 0}.learner-summary p{font-size:.7rem;color:#667085;margin:2px 0}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.route-grid article{background:#fff;border:1px solid #eaecf0;border-radius:11px;padding:12px}.route-grid article>div{display:flex;align-items:center;gap:7px}.route-grid article>div>span{width:25px;height:25px;border-radius:7px;background:#eff8ff;color:#175cd3;display:grid;place-items:center;font-weight:800}.route-grid small{font-size:.62rem;color:#667085}.route-grid b{display:block;font-size:.72rem;margin:9px 0 5px}.route-grid p,.route-grid em{font-size:.63rem;line-height:1.45;margin:2px 0;color:#667085}.route-grid em{font-style:normal;color:#175cd3}.evidence-callout{display:flex;gap:10px;align-items:flex-start;margin-top:10px;padding:11px 12px;background:#fffaeb;border:1px solid #fedf89;border-radius:10px}.evidence-callout>span{color:#b54708}.evidence-callout small{display:block;font-size:.6rem;color:#b54708}.evidence-callout b{font-size:.68rem}.evidence-callout p{font-size:.64rem;color:#7a2e0e;margin:4px 0 0}
.portfolio-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;margin-top:22px}.domain-panel,.queue-panel{border:1px solid #eaecf0;border-radius:14px;padding:16px}.panel-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px}.panel-title>span{font-size:.6rem;color:#667085;background:#f2f4f7;border-radius:999px;padding:5px 7px}.domain-list{display:grid;gap:7px}.domain-list details{border:1px solid #eaecf0;border-radius:10px;background:#fff}.domain-list summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px;cursor:pointer;list-style:none}.domain-list summary::-webkit-details-marker{display:none}.domain-icon{width:29px;height:29px;border-radius:8px;background:#ecfdf3;color:#067647;display:grid;place-items:center;font-size:.68rem;font-weight:850}.domain-list summary b{display:block;font-size:.7rem}.domain-list summary small{display:block;font-size:.59rem;color:#667085;margin-top:2px;line-height:1.35}.domain-list summary em{font-style:normal;font-size:.58rem;color:#067647;background:#ecfdf3;padding:4px 6px;border-radius:999px}.domain-detail{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid #eaecf0;padding:10px}.domain-detail small{font-size:.58rem;color:#98a2b3}.domain-detail p{display:flex;flex-wrap:wrap;gap:4px;margin:5px 0 0}.domain-detail span{font-size:.56rem;color:#067647;background:#ecfdf3;padding:4px 5px;border-radius:6px}.domain-detail span.gap{color:#b54708;background:#fff6ed}
.queue-panel ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}.queue-panel li{display:flex;gap:9px}.queue-panel li>span{width:23px;height:23px;border-radius:7px;background:#1f2937;color:#fff;display:grid;place-items:center;font-size:.6rem;font-weight:800;flex:0 0 auto}.queue-panel b{display:block;font-size:.68rem}.queue-panel p{font-size:.61rem;color:#667085;line-height:1.4;margin:3px 0}.queue-panel em{font-style:normal;font-size:.58rem;color:#175cd3}.depth-legend{margin-top:16px;padding:16px;border-radius:14px;background:#101828;color:#fff}.depth-legend .eyebrow{color:#98a2b3}.depth-legend ol{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.depth-legend li{position:relative;padding:9px 8px 8px;border-radius:9px;background:#ffffff10;min-width:0}.depth-legend li:after{content:"";position:absolute;left:100%;top:18px;width:6px;height:1px;background:#667085}.depth-legend li:last-child:after{display:none}.depth-legend i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#12b76a;font-style:normal;font-size:.55rem}.depth-legend b{display:block;font-size:.65rem;margin:7px 0 3px}.depth-legend small{display:block;color:#b9c0cc;font-size:.54rem;line-height:1.35}.data-principles{margin-top:12px;border:1px solid #eaecf0;border-radius:10px;padding:10px 12px}.data-principles summary{font-size:.68rem;font-weight:750;cursor:pointer}.data-principles ul{margin:9px 0 2px;padding-left:18px}.data-principles li{font-size:.62rem;color:#667085;margin:5px 0}
.attention{margin-top:32px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.attention-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.attention-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#fffaeb;color:#b54708;font-weight:900}.attention-items{display:grid;grid-template-columns:1fr 1fr;gap:12px}.attention-items article{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;border:1px solid #eaecf0;border-radius:12px;padding:13px}.mini-icon{width:32px;height:32px;border-radius:9px;background:#f2f4f7;display:grid;place-items:center}.attention-items b{font-size:.78rem}.attention-items p{font-size:.7rem;color:#667085;margin:3px 0 0}.attention-items em{font-style:normal;font-size:.62rem;color:#b54708;background:#fff6ed;padding:5px 7px;border-radius:999px}.attention-items em.ok{color:#067647;background:#ecfdf3}footer{padding:24px;display:flex;align-items:center;justify-content:center;gap:10px;color:#98a2b3;font-size:.7rem;border-top:1px solid var(--line);background:#fff}footer p{color:#475467;font-weight:700}
.career-board{border-top:4px solid #175cd3}.career-board .coverage-icon{background:#eff8ff;color:#175cd3}.career-inventory{display:flex;gap:8px;flex-wrap:wrap;margin:-14px 0 26px}.career-inventory span{display:flex;gap:5px;align-items:baseline;border-radius:999px;background:#f2f4f7;color:#667085;padding:6px 9px;font-size:.62rem}.career-inventory b{color:#101828;font-size:.72rem}.career-grid{grid-template-columns:1.4fr .6fr}.career-domains{display:grid;grid-template-columns:1fr 1fr;gap:7px}.career-domains details{border:1px solid #eaecf0;border-radius:10px;background:#fff}.career-domains details.gap{border-color:#fedf89;background:#fffcf5}.career-domains summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;cursor:pointer;list-style:none}.career-domains summary::-webkit-details-marker{display:none}.career-domains b{display:block;font-size:.68rem}.career-domains small{display:block;color:#98a2b3;font-size:.57rem;margin-top:2px}.career-domains em{font-style:normal;font-size:.56rem;color:#067647;background:#ecfdf3;border-radius:999px;padding:4px 6px;white-space:nowrap}.career-domains .gap em{color:#b54708;background:#fff6ed}.career-domains details>p{margin:0;padding:0 10px 10px;color:#667085;font-size:.6rem;line-height:1.45}.career-maturity{display:grid;gap:10px}.career-maturity>div>span{display:flex;justify-content:space-between;font-size:.62rem}.career-maturity em{font-style:normal;color:#667085}.career-maturity i{display:block;height:7px;background:#edf0f3;border-radius:999px;overflow:hidden;margin-top:5px}.career-maturity u{display:block;height:100%;background:#175cd3;border-radius:999px;text-decoration:none}.evidence-zero{margin-top:16px;padding:12px;background:#fff6ed;border:1px solid #fedf89;border-radius:10px}.evidence-zero b{font-size:.7rem;color:#b54708}.evidence-zero p{margin:4px 0 0;font-size:.6rem;line-height:1.45;color:#7a2e0e}.career-lower{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.career-lower>article{border:1px solid #eaecf0;border-radius:14px;padding:16px}.probe-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}.probe-list li{display:flex;gap:9px}.probe-list li>span{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#175cd3;color:#fff;font-size:.6rem;font-weight:800;flex:0 0 auto}.probe-list small{display:block;font-size:.55rem;color:#175cd3}.probe-list b{display:block;font-size:.68rem;margin:2px 0}.probe-list p{font-size:.6rem;line-height:1.4;color:#667085;margin:2px 0}.probe-list em{font-style:normal;font-size:.56rem;color:#475467}.gap-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.gap-list article{border-left:3px solid #f79009;background:#fffcf5;border-radius:7px;padding:9px}.gap-list article.medium{border-color:#84adff;background:#f5f8ff}.gap-list small{display:block;font-size:.53rem;color:#b54708}.gap-list b{display:block;font-size:.66rem;margin-top:2px}.gap-list p{font-size:.57rem;line-height:1.4;color:#667085;margin:5px 0 0}.career-depth{background:#102a56}.career-depth i{background:#2e90fa}
@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr}.description{min-height:0}.coverage-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid,.career-lower{grid-template-columns:1fr}.route-grid{grid-template-columns:1fr}.depth-legend ol{grid-template-columns:repeat(3,1fr)}.audience-compare{grid-template-columns:1fr}}
@media(max-width:680px){.topbar{padding:0 16px}.sync{display:none}main{padding:30px 16px 52px}.primary-action{display:none}.dashboard-head h1{font-size:1.7rem}.stats{grid-template-columns:1fr 1fr;gap:9px}.stats article{padding:13px}.stat-icon{width:34px;height:34px}.attention-items{grid-template-columns:1fr}.legend{display:none}footer{flex-wrap:wrap}footer>span:last-child{width:100%;text-align:center}.knowledge-board,.management-board{padding:17px}.management-heading{display:block}.contract-version{display:inline-block;margin-top:12px}.management-flow{justify-content:start}.audience-head{grid-template-columns:auto 1fr}.audience-head em{grid-column:2;justify-self:start}.contract-metrics{grid-template-columns:1fr}.freshness,.contract-note{align-items:flex-start;flex-direction:column}.knowledge-heading{align-items:flex-start}.knowledge-heading>a{display:none}.knowledge-definitions{grid-template-columns:1fr}.coverage-grid{grid-template-columns:1fr 1fr}.knowledge-toolbar{align-items:flex-start;flex-direction:column}.domain-detail{grid-template-columns:1fr}.depth-legend ol{grid-template-columns:repeat(2,1fr)}.career-domains,.gap-list{grid-template-columns:1fr}}