|
:root{--ink:#111417;--paper:#f5f1e7;--panel:#fffaf0;--line:#20242a;--red:#b83b32;--green:#187354;--blue:#245f8d;--gold:#b67916;--muted:#676b70}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:linear-gradient(90deg,rgba(36,95,141,.08) 1px,transparent 1px)0 0/42px 42px,linear-gradient(rgba(17,20,23,.05) 1px,transparent 1px)0 0/42px 42px,var(--paper);font-family:ui-serif,Georgia,"Times New Roman",serif}header{min-height:86vh;display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:end;padding:56px clamp(20px,5vw,84px) 42px;border-bottom:3px solid var(--line)}h1{font-size:clamp(46px,8vw,112px);line-height:.88;margin:18px 0 22px}.tag{display:inline-block;background:var(--ink);color:var(--paper);border:2px solid var(--line);padding:8px 12px;font:800 13px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.lead{font-size:clamp(18px,2vw,27px);line-height:1.38;max-width:820px;color:#30343a}.board{border:3px solid var(--line);background:var(--panel);box-shadow:12px 12px 0 var(--line);padding:20px;display:grid;gap:14px}.stat{border:2px solid var(--line);background:#fff;padding:15px}.stat b{display:block;font:900 46px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.stat span{font:800 12px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);text-transform:uppercase}main{padding:32px clamp(18px,4vw,64px) 78px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}section{border:2px solid var(--line);background:rgba(255,250,240,.94);padding:20px}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 4}h2{margin:0 0 14px;font-size:29px}p,li{line-height:1.55}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.step,.action{border:2px solid var(--line);background:#fff;padding:14px;min-height:142px}.step b{display:block;font:900 18px ui-monospace,SFMono-Regular,Menlo,monospace;margin-bottom:8px}table{width:100%;border-collapse:collapse;background:#fff}th,td{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}th{background:#e4edf3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.badge{display:inline-block;border:2px solid var(--line);padding:5px 9px;background:#fff;font:800 12px ui-monospace,SFMono-Regular,Menlo,monospace}.green{background:var(--green);color:#fff}.gold{background:var(--gold);color:#fff}.blue{background:var(--blue);color:#fff}.red{background:var(--red);color:#fff}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:900px){header,.flow,.actions{grid-template-columns:1fr}.span-4,.span-6,.span-8,.span-12{grid-column:span 12}h1{font-size:52px}} |
|
<section class="span-6"><h2>Production Path</h2><table><tr><th>層</th><th>規格</th></tr><tr><td>Data</td><td>projects, action_items, deliverables, adoption_evidence, d30_decisions</td></tr><tr><td>API</td><td>GET health, POST evidence, PATCH milestone, POST d30 decision</td></tr><tr><td>Permission</td><td>worker 建議、owner 回填、supervisor 決策</td></tr><tr><td>Audit</td><td>每次指標改動與 D30 決策留 before/after</td></tr></table></section> |