:root{--navy:#0c3041;--gold:#b89550;--paper:#f8f8f3;--line:#dce3df;--muted:#607781}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--navy);font:16px/1.65 system-ui,-apple-system,"Microsoft JhengHei",sans-serif}header{background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding:22px max(5vw,calc((100vw - 1140px)/2));gap:24px}a{color:inherit}header a{text-decoration:none}.brand{font-size:23px;color:#d6b268;font-weight:750;white-space:nowrap}.brand span{display:block;color:white;font-size:12px;letter-spacing:.16em}nav{display:flex;gap:24px;font-size:14px}main{max-width:1140px;padding:38px 24px 60px;margin:auto}h1{font-size:clamp(25px,4vw,34px);margin:0 0 12px;letter-spacing:.02em}h2{font-size:22px;margin:0 0 14px}.lead{color:var(--muted);margin:0 0 25px}.panel{padding:28px;background:white;border:1px solid var(--line);border-radius:18px;margin:18px 0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.wide{grid-column:1/-1}label{display:block;font-weight:600;font-size:15px}input,textarea,select{display:block;width:100%;margin-top:7px;min-height:46px;border:1px solid #bdcbc7;border-radius:9px;background:white;padding:10px 12px;font:inherit;color:var(--navy);min-width:0}textarea{min-height:94px;resize:vertical}input[type=file]{font-size:14px}input[type=checkbox]{display:inline-block;width:19px;min-height:19px;margin:0 10px 0 0;vertical-align:middle}.check{font-weight:400;align-self:center}.required{color:#ac8540}small{display:block;color:var(--muted);font-size:13px;font-weight:400}.tabs{display:flex;gap:10px;border-bottom:1px solid var(--line);margin-bottom:24px;flex-wrap:wrap}.tabs a{text-decoration:none;padding:12px 16px;color:var(--muted)}.tabs a.active{color:var(--navy);font-weight:700;border-bottom:3px solid var(--gold)}.primary,.button,button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:46px;border:1px solid var(--line);border-radius:9px;padding:10px 18px;cursor:pointer;background:white;color:var(--navy);font:inherit;text-decoration:none}.primary{background:var(--navy);color:white;border-color:var(--navy)}button:disabled{opacity:.55;cursor:wait}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #b8955070;outline-offset:2px}.muted,.privacy{color:var(--muted);font-size:14px}.privacy{font-size:12px}.error{background:#fff0e8;color:#913d24;border:1px solid #efc5b4;padding:15px 20px;border-radius:10px;margin:20px 0}.notice{background:#eaf4ee;padding:15px 20px;border-radius:10px}.test{background:#a83b26;color:white;text-align:center;font-size:13px;padding:4px}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}footer{text-align:center;color:var(--muted);padding:25px;font-size:12px}.success{max-width:680px}.tick{font-size:42px;color:#2c7862}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border-bottom:1px solid var(--line);padding:14px 12px;text-align:left;vertical-align:top}th{color:var(--muted);font-weight:500}td small{max-width:250px;overflow-wrap:anywhere}.badge{display:inline-block;border-radius:20px;padding:3px 12px;background:#edf2ef;white-space:nowrap;font-size:13px}.stats{display:flex;gap:14px;flex-wrap:wrap}.stat{background:white;border:1px solid var(--line);border-radius:14px;padding:16px 22px;min-width:135px}.stat strong{display:block;font-size:28px}.search{display:flex;gap:10px;max-width:560px;margin:20px 0}.search input{margin:0}dl{display:grid;grid-template-columns:160px 1fr;gap:12px 18px}dt{color:var(--muted)}dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 monospace}details summary{cursor:pointer;padding:10px 0}.catalog{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}.product{padding:14px;background:white;border:1px solid var(--line);border-radius:15px}.product img{width:100%;height:165px;object-fit:contain}.product strong{display:block;margin-top:12px;font-size:15px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.hero h1{font-size:42px}.hero .panel{background:#eef2e8}.hidden,[hidden]{display:none!important}@media(max-width:760px){header{padding:16px 20px;gap:12px}nav{gap:12px;font-size:13px}.brand{font-size:19px}main{padding:25px 16px}.panel{padding:22px 18px}.fields,.hero{grid-template-columns:1fr}.fields>*,.wide{grid-column:1}.tabs a{padding:10px}.catalog{grid-template-columns:repeat(2,1fr);gap:12px}.product img{height:140px}dl{grid-template-columns:1fr;gap:3px}dd{margin-bottom:12px}.hero h1{font-size:31px}.actions .primary{width:100%}}@media(prefers-reduced-motion:no-preference){button,a.button{transition:background .15s,box-shadow .15s}button:hover,.button:hover{box-shadow:0 3px 12px #0c304113}}

main{max-width:1100px}h3{font-size:18px;margin:0 0 12px}.apply-page{max-width:760px;margin:auto}.compact-page{max-width:600px;margin:24px auto}.company-card{text-align:center;margin:24px 0}.company-card h2{margin:8px 0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;color:#94712f}.step{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:#eff3ef;font-size:14px;margin-right:12px}.application-form h2{font-size:18px;margin-bottom:24px}.application-form .panel>label,.application-form details>label{margin-top:22px}.application-form .check{margin:22px 0 0}.application-form .fields+.fields,.application-form [data-same]+div{margin-top:18px}.application-form textarea{min-height:72px}.application-form details>summary{font-weight:600;font-size:15px}.full{width:100%;margin-top:20px}.toolbar{display:flex;align-items:center;gap:12px;margin:22px 0}.toolbar input{flex:1;margin:0}.toolbar select{width:auto;max-width:210px;margin:0}.tablewrap.panel{padding:6px 10px}.customer-code{font:600 15px/1.5 ui-monospace,monospace;letter-spacing:.08em}.pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;color:var(--muted);font-size:14px}.pager span{margin-right:auto}.small{padding:7px 14px;min-height:40px;font-size:14px}.detail-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0}.detail-head h2{margin:0}.detail-head p{margin:4px 0;color:var(--muted);font-size:14px}.inline-edit{display:flex;align-items:flex-end;gap:14px}.inline-edit label{max-width:350px;flex:1}.panel form>button{margin-top:20px}.panel form .inline-edit>button{margin-top:0}.account-form .fields{grid-template-columns:1fr}.password-fields{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.login-hint{background:#f3f6f3;padding:12px;border-radius:9px;overflow-wrap:anywhere}.back{text-decoration:none;color:var(--muted);font-size:14px}textarea[readonly]{background:#f7f8f5;font-size:14px}.compact-page .muted{line-height:1.8}.tabs{gap:0}.tabs a{font-size:15px}td:first-child{min-width:180px}td .badge{font-size:12px}.panel .check{margin:15px 0}header img{max-width:38vw}.notice:empty{display:none}body:has(.apply-page) main>h1{text-align:center}body:has(.apply-page) .apply-intro{text-align:center}
@media(max-width:760px){main{padding:24px 16px 40px}.compact-page{margin:18px auto}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.toolbar input{grid-column:1/-1}.toolbar select{width:100%;max-width:none}.tabs{flex-wrap:nowrap;overflow:auto;white-space:nowrap;gap:0}.tabs a{padding:12px 10px;font-size:14px}.inline-edit{align-items:stretch;flex-direction:column}.inline-edit label{max-width:none}.detail-head{align-items:flex-start}.detail-head .badge{flex-shrink:0}.tablewrap.panel{padding:0}.application-form h2{margin-bottom:20px}.fields{gap:18px}header{padding:14px 16px}nav{gap:12px}.pager{gap:8px}.pager span{font-size:12px}.panel{border-radius:14px}button,.button,.primary{min-height:46px}.password-fields{margin-top:20px}.company-card{text-align:left}}