:root{--navy:#112635;--blue:#1955a0;--lime:#d7fa50;--line:#ced9e1;--muted:#536575;--paper:#edf2f6}*{box-sizing:border-box}body{margin:0;color:var(--navy);background:#f4f7f9;font:16px/1.65 Arial,"Noto Sans TC",sans-serif}h1,h2,h3,p{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #327fd5;outline-offset:3px}button{border-radius:5px;border:1px solid var(--navy);background:var(--navy);color:white;padding:11px 15px}button:hover{filter:brightness(1.15)}button.secondary{background:white;color:var(--navy);border-color:var(--line)}button.text-button{border:0;background:transparent;color:var(--blue);padding:3px}.skip{position:absolute;top:-100px;background:white;padding:15px;z-index:2}.skip:focus{top:0}header{display:flex;gap:25px;align-items:center;padding:20px 3%;background:white;border-bottom:1px solid var(--line)}header nav{display:flex;gap:25px;margin-left:auto;font-size:14px}.brand{font-size:26px;font-weight:900;text-decoration:none}.brand small{font-size:12px;letter-spacing:2px;margin-left:14px}.badge{display:inline-block;padding:5px 10px;background:var(--lime);color:var(--navy);font-size:13px;font-weight:700;letter-spacing:.03em}main{max-width:1600px;padding:28px 3%;margin:auto}.top{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:20px}h1{font-size:clamp(25px,2.5vw,38px);line-height:1.3;margin-bottom:8px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:bold;margin-bottom:8px}.top p:last-child{color:var(--muted)}.setup{display:flex;gap:10px;align-items:end;flex-shrink:0}label{font-size:14px;display:flex;flex-direction:column;gap:5px}select,input{background:white;border:1px solid #91a4b2;color:var(--navy);padding:10px;border-radius:4px;max-width:100%}.disclosure{background:#e5edf4;padding:10px 15px;font-size:14px;border-left:3px solid var(--blue)}.disclosure b{margin-right:10px}.custom{font-size:14px;margin:14px 0}summary{cursor:pointer}.custom form{display:flex;gap:15px;align-items:end;padding:16px;background:white;flex-wrap:wrap}.custom span{max-width:420px;color:var(--muted)}.orderbar{background:var(--navy);color:white;display:grid;grid-template-columns:2.3fr repeat(4,1fr);gap:20px;padding:20px 25px;border-radius:6px 6px 0 0}.orderbar h2{font-size:17px}.orderbar span{color:#c6d3df;font-size:14px}.orderbar small{display:block;color:#c6d3df;font-size:13px}.orderbar b{display:block;margin-top:5px;font-size:18px}.orderbar>div{min-width:0;overflow-wrap:anywhere}.workbench{display:grid;grid-template-columns:240px minmax(0,1fr) 290px;border:1px solid var(--line);background:white;min-height:670px}.journey{padding:25px 20px;background:#edf2f6;border-right:1px solid var(--line)}.journey ol{padding:0;list-style:none;margin:20px 0}.journey li{display:flex;align-items:center;gap:10px;padding:12px 7px;font-size:14px;border-bottom:1px solid #d6e0e7}.journey li span{display:flex;justify-content:center;align-items:center;width:26px;height:26px;flex-shrink:0;border:1px solid #9cacb9;border-radius:50%;font-size:12px}.journey li.current{background:var(--navy);color:white;border-radius:4px}.journey li.done span{background:#c9e1d4;border:0;color:#175238}.journey>p:last-child{font-size:14px;color:var(--muted)}.desk{padding:25px;min-width:0}.desk-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.desk-heading>span:last-child{font-size:13px;color:var(--muted)}.desk h2{font-size:26px;line-height:1.3;margin-bottom:14px}#task{min-height:54px}.document{border:1px solid var(--line);border-left:4px solid var(--blue);padding:15px;margin:20px 0;background:#f7f9fb}.document span{font-size:12px;color:var(--muted);display:block}.document b{display:block;margin:7px 0;font-size:15px}.document p{font-size:14px}#actions{display:flex;gap:10px;flex-wrap:wrap}#actions button{flex:1;min-width:160px}#feedback{padding:14px;background:#eef5ef;margin-top:18px;font-size:14px;min-height:54px}#feedback.warning{background:#fff0d1;color:#704400}.view-tabs{display:flex;gap:0;margin-top:25px;border-bottom:1px solid var(--line)}.view-tabs button{background:white;color:var(--muted);border:0;border-radius:0;font-size:14px;padding:12px}.view-tabs button[aria-pressed=true]{color:var(--blue);box-shadow:inset 0 -3px var(--blue);font-weight:700}#floor,#buyer{padding-top:18px}#floor h3,#buyer h3{font-size:16px;margin-bottom:12px}#floor p,#buyer p{font-size:14px;color:var(--muted)}.machine-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;margin:15px 0}.machine{font-size:11px;line-height:1.5;text-align:center;padding:6px 0;background:#e5ebf0;border-bottom:3px solid #9aaebb}.machine.running{background:#d6eee3;border-color:#2c7859}.machine.hold{background:#ffe3b4;border-color:#a16409}.machine.done{background:#dce9fc;border-color:#34679d}.stock-board,.doc-board{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:15px 0}.stock-board>div,.doc-board>div{padding:15px;background:var(--paper);font-size:14px}.stock-board b,.doc-board b{display:block;font-size:22px}.activity{border-left:1px solid var(--line);padding:25px 18px;background:#fafcfd}.activity-head{display:flex;align-items:center;justify-content:space-between}.activity h2{font-size:17px}.hint{font-size:13px;color:var(--muted);margin:8px 0 20px}#log{max-height:570px;overflow:auto}#log button{display:block;width:100%;text-align:left;background:white;color:var(--navy);border:1px solid var(--line);padding:12px;margin-bottom:10px;font-size:14px}#log button.active{border:2px solid var(--blue)}#log time{display:block;color:var(--blue);font-size:12px}#log small{display:block;font-size:12px;color:var(--muted)}.results-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:0;background:white}.results-strip>div{padding:18px 25px;border-right:1px solid var(--line)}.results-strip small{display:block;color:var(--muted);font-size:13px}.results-strip strong{display:block;font-size:24px;margin-top:6px}.footnote{font-size:13px;color:var(--muted);margin-top:14px}#replay-banner{padding:12px;background:#fff0d1;font-size:14px}#replay-banner button{margin-left:12px;padding:5px 10px;font-size:14px}footer{padding:25px 3%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}[hidden]{display:none!important}@media(min-width:1550px){.workbench{grid-template-columns:260px minmax(0,1fr) 320px}}@media(max-width:1150px){.top{align-items:start;flex-direction:column;gap:15px}.workbench{grid-template-columns:200px minmax(0,1fr)}.activity{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}#log{display:flex;gap:10px;max-height:none;overflow:auto}#log button{min-width:210px;width:210px;margin-bottom:0}.machine-grid{grid-template-columns:repeat(10,minmax(0,1fr))}}@media(max-width:720px){header{flex-wrap:wrap;gap:12px}header nav{order:3;width:100%;margin:0}.brand small{display:none}header>.badge{margin-left:auto}main{padding:20px 4%}.setup{flex-wrap:wrap;width:100%;flex-shrink:1}.setup label{flex:1;min-width:200px}.orderbar{grid-template-columns:1fr 1fr;padding:18px;gap:14px}.orderbar>div:first-child{grid-column:1/-1}.workbench{grid-template-columns:1fr}.journey{border-right:0;border-bottom:1px solid var(--line);padding:15px}.journey ol{display:flex;overflow:auto;margin:10px 0;gap:5px}.journey li{min-width:140px;border:0}.journey>p:last-child{display:none}.desk{padding:20px 16px}.desk h2{font-size:24px}#actions{flex-direction:column}.machine-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.machine{font-size:12px}.results-strip{grid-template-columns:1fr 1fr}.results-strip>div{padding:15px;border-bottom:1px solid var(--line)}.results-strip strong{font-size:21px}footer{flex-direction:column}.custom input{width:100%}.custom form label{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}