*{box-sizing:border-box}
:root{
  --paper:#f4f0e8;
  --paper2:#ebe5db;
  --ink:#182126;
  --muted:#697175;
  --line:#cfc7ba;
  --diagnosis:#9a4c3f;
  --diagnosisBg:#f2e5df;
  --result:#1f655f;
  --resultBg:#e2eee9;
  --accent:#d89b43;
  --navy:#1f3138;
}
html,body{margin:0;width:100%;height:100%;font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;background:#171d20;color:var(--ink)}
body{overflow:hidden}
a{color:inherit}
.page{height:100dvh;min-height:700px;padding:12px 16px;display:grid;grid-template-rows:42px 142px minmax(0,1fr) 122px 28px;gap:9px;background:linear-gradient(180deg,#161d21 0 16%,#22292c 100%)}
.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#e4e7e8;font-size:12px;letter-spacing:.04em}.back{text-decoration:none;font-weight:800}.crumb{color:#a9b0b4}.page-no{text-align:right;color:#a9b0b4}
.intro{background:var(--paper);border-radius:18px;padding:18px 22px;display:grid;grid-template-columns:minmax(340px,1.05fr) minmax(420px,1.1fr) minmax(440px,1.25fr);gap:24px;align-items:center;position:relative;overflow:hidden}
.intro:before{content:"TRANSFORMATION";position:absolute;right:18px;top:-16px;font-size:74px;line-height:1;font-weight:900;letter-spacing:-.06em;color:#17202a06;pointer-events:none}.kicker{display:block;font-size:12px;font-weight:900;letter-spacing:.08em;color:var(--diagnosis);margin-bottom:6px}.intro h1{margin:0;font-size:32px;line-height:1.16;letter-spacing:-.035em}.summary{margin:0;font-size:14px;line-height:1.72;color:#4e595e}.metrics{display:grid;grid-template-columns:.82fr 1.35fr 1.05fr;border-left:1px solid #c9c1b4}.metric{padding:7px 14px}.metric+.metric{border-left:1px solid #d6cec2}.metric b{display:block;font-size:18px;line-height:1.2}.metric.focus b{font-size:21px;color:var(--navy)}.metric span{display:block;margin-top:6px;font-size:10.5px;line-height:1.45;color:#70777a}
.transform-board{min-height:0;background:#f7f3ec;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 118px minmax(0,1fr);grid-template-rows:66px repeat(4,minmax(0,1fr));box-shadow:0 24px 55px #0004;border:1px solid #ffffff14}
.board-head{display:flex;align-items:center;gap:13px;padding:12px 22px}.diagnosis-head{grid-column:1;background:linear-gradient(90deg,#eadbd4,#f5ede8);border-bottom:1px solid #d8c8c0}.result-head{grid-column:3;background:linear-gradient(90deg,#edf5f1,#dbeae5);border-bottom:1px solid #bfd2cb}.board-head .number{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:900}.diagnosis-head .number{background:var(--diagnosis);color:#fff}.result-head .number{background:var(--result);color:#fff}.label{font-size:10px;font-weight:900;letter-spacing:.08em;color:#7c6f66}.board-head h2{margin:2px 0 0;font-size:17px;line-height:1.25;letter-spacing:-.02em}.diagnosis-head h2{color:#713a31}.result-head h2{color:#164f4a}
.row{display:contents}.cell{min-width:0;padding:10px 18px;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;border-bottom:1px solid #ded8ce}.cell.diagnosis{grid-column:1;background:linear-gradient(90deg,var(--diagnosisBg),#faf7f2)}.cell.result{grid-column:3;background:linear-gradient(90deg,#fafbf8,var(--resultBg))}.icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:13px;font-weight:900}.diagnosis .icon{background:#9a4c3f;color:#fff}.result .icon{background:#1f655f;color:#fff}.copy h3{margin:0;font-size:15px;line-height:1.25}.copy p{margin:4px 0 0;font-size:11px;line-height:1.48;color:#5d666a}.bridge{grid-column:2;display:grid;place-items:center;align-content:center;gap:4px;border-bottom:1px solid #3f4649;background:#20272b;color:#f3d8a7;position:relative}.bridge:before,.bridge:after{content:"";position:absolute;top:50%;width:24px;height:1px;background:#d89b43}.bridge:before{left:0}.bridge:after{right:0}.bridge span{font-size:9px;font-weight:900;letter-spacing:.07em;white-space:nowrap}.bridge i{font-style:normal;font-size:23px;line-height:1;color:#efb65e}
.execution{background:var(--paper2);border-radius:17px;padding:13px 18px;display:grid;grid-template-columns:minmax(300px,.9fr) 1.9fr;gap:20px;align-items:center}.role-block{padding-right:20px;border-right:1px solid #c6bfb3}.role-block .label,.timeline-block .label{display:block;color:#8b4c3f}.role-block h2{margin:4px 0 0;font-size:16px}.role-block p{margin:6px 0 0;font-size:11px;line-height:1.5;color:#646b6d}.timeline-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.timeline-top strong{font-size:12px;color:#374247}.timeline-block ol{list-style:none;margin:9px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);position:relative}.timeline-block ol:before{content:"";position:absolute;left:4%;right:4%;top:14px;height:2px;background:linear-gradient(90deg,var(--diagnosis),var(--accent),var(--result))}.timeline-block li{position:relative;text-align:center;z-index:1}.timeline-block li span{display:grid;place-items:center;width:29px;height:29px;margin:auto;border-radius:50%;background:#1f2c31;color:#fff;font-size:9px;font-weight:900;border:3px solid var(--paper2)}.timeline-block li b{display:block;margin-top:5px;font-size:10.5px;white-space:nowrap}
.bottom{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;color:#c8cdcf;font-size:10px}.bottom a{text-decoration:none;font-weight:800}.bottom span{text-align:center;color:#8f989d}.bottom a:last-child{text-align:right}
@media(max-height:780px) and (min-width:1001px){.page{min-height:620px;grid-template-rows:36px 124px minmax(0,1fr) 103px 24px;gap:6px;padding-top:8px;padding-bottom:8px}.intro{padding:13px 18px;gap:18px}.intro h1{font-size:27px}.summary{font-size:12px;line-height:1.55}.metric{padding:4px 10px}.metric b{font-size:15px}.metric.focus b{font-size:18px}.transform-board{grid-template-rows:56px repeat(4,minmax(0,1fr))}.board-head{padding:9px 16px}.board-head h2{font-size:14px}.cell{padding:6px 13px;grid-template-columns:34px 1fr;gap:9px}.icon{width:31px;height:31px}.copy h3{font-size:13px}.copy p{font-size:9.5px;line-height:1.35}.execution{padding:9px 14px}.role-block p{font-size:9.5px}.timeline-block li b{font-size:9px}}
@media(max-width:1000px){body{overflow:auto}.page{height:auto;min-height:100vh;display:block;padding:10px}.topbar{height:42px}.intro{grid-template-columns:1fr;padding:20px;margin-bottom:10px}.metrics{border-left:0;border-top:1px solid #c9c1b4;padding-top:10px}.transform-board{display:block}.board-head{min-height:68px}.row{display:grid;grid-template-columns:1fr}.cell{min-height:110px}.bridge{min-height:56px;grid-column:auto}.bridge:before,.bridge:after{width:34%;}.execution{grid-template-columns:1fr;margin-top:10px}.role-block{border-right:0;border-bottom:1px solid #c6bfb3;padding:0 0 10px}.bottom{height:40px;margin-top:6px}.bottom span{display:none}}
@media(max-width:650px){.crumb{display:none}.intro h1{font-size:27px}.metrics{grid-template-columns:1fr}.metric+.metric{border-left:0;border-top:1px solid #d6cec2}.timeline-top{display:block}.timeline-top strong{display:block;margin-top:4px}.timeline-block ol{grid-template-columns:repeat(3,1fr);row-gap:12px}.timeline-block ol:before{display:none}.bottom{grid-template-columns:1fr 1fr}.bottom a:last-child{text-align:right}}