:root{--navy:#0d1b2a;--yellow:#ffc107;--pink:#ec407a;--red:#e53935;--ink:#111d2c;--muted:#667080;--line:#d7dbe0;--paper:#f5f6f8;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans TC",sans-serif}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(18px,4vw,60px);background:#fff;border-bottom:1px solid var(--line)}.brand{font-size:30px;font-weight:900;font-style:italic;text-decoration:none;color:var(--navy);letter-spacing:-2px}.brand b{color:var(--pink)}.top-actions{display:flex;align-items:center;gap:12px;font-size:14px;min-width:0}.top-actions span{max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button,.file-button{border:1px solid var(--navy);background:#fff;color:var(--navy);padding:12px 16px;font-weight:800;cursor:pointer}button.primary{background:var(--navy);color:#fff;border-bottom:4px solid var(--pink)}main{width:min(1500px,calc(100% - 32px));margin:0 auto;padding:40px 0 80px}.hero{background:var(--navy);color:#fff;padding:clamp(28px,5vw,64px);border-bottom:8px solid var(--yellow)}.hero h1{font-size:clamp(38px,6vw,76px);line-height:.95;margin:14px 0}.hero>p:last-child{color:#d7dde5;max-width:720px;font-size:18px}.eyebrow{font-family:monospace;letter-spacing:.18em;font-weight:800;color:var(--yellow)}.notice{background:#fff;border:1px solid var(--line);padding:32px;margin-top:24px}.toolbar{display:grid;grid-template-columns:minmax(230px,2fr) repeat(2,minmax(150px,1fr)) auto auto auto;gap:12px;align-items:end;margin:24px 0 12px}.toolbar label{display:grid;gap:7px;font-size:13px;font-weight:800}.toolbar input,.toolbar select,.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-height:46px;border:1px solid #bfc5cc;background:#fff;padding:10px 12px;font:inherit}.file-button{position:relative;text-align:center}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.status{min-height:24px;font-weight:700}.status.error{color:#b42318}.status.success{color:#157f3e}.summary{display:flex;justify-content:space-between;gap:20px;margin:18px 0;color:var(--muted)}.summary strong{color:var(--navy)}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line)}table{width:100%;min-width:1000px;border-collapse:collapse}th,td{padding:14px 12px;border-bottom:1px solid #e7e9ec;text-align:left;vertical-align:top}th{position:sticky;top:0;background:#edf0f3;font-size:12px;letter-spacing:.08em;text-transform:uppercase}td small{display:block;color:var(--muted);margin-top:4px}td button{padding:8px 12px}dialog{width:min(980px,calc(100% - 24px));max-height:92vh;border:0;padding:0;box-shadow:0 24px 80px #0005}dialog::backdrop{background:#07111fcc}dialog form>header,dialog form>footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;background:#fff;border-bottom:1px solid var(--line)}dialog form>footer{justify-content:flex-end;border:0;border-top:1px solid var(--line)}dialog h2{margin:4px 0 0;font-size:32px}.icon{font-size:28px;border:0;padding:8px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:26px;max-height:62vh;overflow:auto}.form-grid label{display:grid;gap:8px;font-weight:800;font-size:14px}.form-grid .wide{grid-column:1/-1}.form-grid textarea{min-height:88px;resize:vertical}@media(max-width:900px){.toolbar{grid-template-columns:1fr 1fr}.toolbar label:first-child{grid-column:1/-1}.top-actions span{display:none}}@media(max-width:620px){.topbar{align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.toolbar,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.summary{display:block}.summary span{display:block;margin-top:8px}.hero h1{font-size:42px}}