:root{font-family:system-ui,"PingFang TC",sans-serif;color:#232328;background:#f5f5f7;line-height:1.65}*{box-sizing:border-box}body{margin:0}header{background:white;border-bottom:1px solid #ddd;position:sticky;top:0;z-index:2;padding:14px max(20px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:15px}header strong{font-size:24px;color:#f94f1f}a{color:#bd3915}nav{display:flex;gap:18px}main{max-width:1120px;margin:auto;padding:36px 20px}h1{font-size:clamp(30px,5vw,52px);line-height:1.2}h2{font-size:23px;margin-top:0}.lead{max-width:700px;font-size:18px;color:#62626b}.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.card{padding:24px;border-radius:16px;background:#fff;border:1px solid #e2e2e6;margin-bottom:20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-size:14px;font-weight:600;margin-bottom:12px}input,select,textarea,button{font:inherit}input:not([type=checkbox]),select,textarea{display:block;width:100%;border:1px solid #c9c9cf;border-radius:8px;padding:10px;background:#fff}input[type=checkbox]{margin-right:8px}textarea{min-height:90px}button,.button{display:inline-block;border:0;border-radius:8px;padding:11px 18px;background:#f94f1f;color:white;font-weight:650;cursor:pointer;text-decoration:none;margin:4px 8px 4px 0}button:disabled{opacity:.5;cursor:wait}.secondary{background:#eee;color:#333}.sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.estimate{font-size:30px;font-weight:750;color:#d53d13}.muted,small{color:#696975}#message,.message{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;border-radius:8px;background:#fff0e9;margin:12px 0}.hidden{display:none!important}pre{white-space:pre-wrap;word-break:break-word;font-size:12px;max-height:500px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px;border-bottom:1px solid #eee;font-size:13px}.scroll{overflow:auto}footer{padding:30px;text-align:center;color:#666}details{margin:10px 0}summary{cursor:pointer}img.proof{max-width:100%;max-height:500px}#orders button{background:#f5f5f7;color:#333;width:100%;text-align:left;font-weight:400}#orders button.selected{background:#ffede7}dialog{max-width:800px;width:90%;max-height:85vh;border:1px solid #ccc;border-radius:14px}dialog pre{max-height:65vh}@media(max-width:760px){.grid,.fields{grid-template-columns:1fr}nav{gap:10px;font-size:13px}main{padding:24px 15px}.card{padding:18px}header{padding:12px 15px}h1{font-size:34px}}
@font-face{font-family:Noto Sans TC;src:url('/assets/fonts/NotoSansTC-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{font-family:'Noto Sans TC',system-ui,sans-serif}header{backdrop-filter:blur(18px);background:#fffffff2}header strong small{font-size:12px;color:#6e6e73;display:inline-block;font-weight:500;margin-left:10px}button,.button{border-radius:25px;font-size:14px;padding:12px 22px}.card{border:0;padding:30px;border-radius:24px}input:not([type=checkbox]),textarea,select{background:#fafafa;border-radius:10px;padding:12px}.page-intro{margin:15px 0 40px}.page-intro h1{font-size:38px}#loginCard{max-width:480px;margin:70px auto;padding:40px}.order-details{display:grid;grid-template-columns:110px 1fr;gap:12px 16px;font-size:14px}.order-details dt{color:#6e6e73}.order-details dd{margin:0;overflow-wrap:anywhere;white-space:pre-line}.reference-links{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0}#detail{max-height:650px;overflow:auto}#orders{max-height:650px;overflow:auto}#orders button{border-radius:14px;margin-bottom:10px;padding:16px;font-size:13px}#actions details{padding:14px 0;border-bottom:1px solid #e8e8eb}summary{font-weight:650;font-size:15px}summary:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ba3610;outline-offset:3px}.workflow-badges{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.workflow-badges span{padding:6px 13px;background:#f5f5f7;border-radius:20px;font-size:12px}#exports>p,#fittings>div{padding:18px;border:1px solid #e5e5ea;border-radius:14px;overflow-wrap:anywhere}.user-row{padding:15px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.user-row select{width:auto}.user-row label{margin:0}#message{position:sticky;top:80px;z-index:5;box-shadow:0 6px 18px #0001}img.proof{border-radius:12px}button:disabled{cursor:default}#logout.hidden{display:none}details>form{margin-top:20px}@media(max-width:760px){.order-details{grid-template-columns:90px 1fr;font-size:13px;gap:10px}.card{padding:22px}.page-intro h1{font-size:30px}header strong{font-size:20px}header strong small{display:block;margin:0}.grid{gap:0}#loginCard{margin:30px auto;padding:25px}#message{top:80px}}