:root{--bg:#f6f7f4;--surface:#ffffff;--text:#16201d;--muted:#65736f;--line:#dce2dc;--primary:#1f6f5b;--primary-dark:#174f43;--accent:#b76e2b;--danger:#b42318;--success:#1f7a4f;--focus:#0b84ff;--shadow:0 16px 40px rgba(22,32,29,0.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Noto Sans TC,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{width:min(960px,calc(100vw - 32px));margin:0 auto;padding:32px 0}.shell.narrow{width:min(440px,calc(100vw - 32px))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}h1,h2{margin:0;letter-spacing:0}h1{font-size:clamp(28px,4vw,40px);line-height:1.1}h2{font-size:22px;line-height:1.25}p{line-height:1.7}.eyebrow{margin:0 0 6px;color:var(--accent);font-size:13px;font-weight:700}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:22px}.compact-panel{max-width:620px}.work-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:16px}.inline-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.status-pill{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;color:var(--primary-dark);font-size:13px;padding:6px 10px}.form-stack{display:grid;gap:14px;margin-top:18px}label{display:grid;gap:7px;color:var(--muted);font-size:14px;font-weight:700}input,select{width:100%;border:1px solid var(--line);border-radius:8px;background:#ffffff;color:var(--text);padding:12px 13px}input:focus,select:focus{border-color:var(--primary);outline:3px solid rgba(31,111,91,.14)}.actions-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.ghost-button,.primary-button,.punch-button,.secondary-link{align-items:center;border-radius:8px;border:1px solid transparent;cursor:pointer;display:inline-flex;font-weight:800;gap:9px;justify-content:center;min-height:44px;padding:11px 16px;position:relative;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,transform .1s ease;white-space:nowrap}.primary-button{background:var(--primary);color:#ffffff}.primary-button:hover,.punch-button:hover{background:var(--primary-dark)}.ghost-button:active,.primary-button:active,.punch-button:active,.secondary-link:active{transform:translateY(1px)}.ghost-button:focus-visible,.primary-button:focus-visible,.punch-button:focus-visible,.secondary-link:focus-visible{outline:3px solid rgba(11,132,255,.72);outline-offset:2px}.ghost-button:disabled,.primary-button:disabled,.punch-button:disabled,.secondary-link:disabled{cursor:not-allowed;opacity:.58}.full-width-button{width:100%}.ghost-button,.secondary-link{background:#ffffff;border-color:var(--line);color:var(--text)}.punch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.punch-button{background:var(--primary);color:#ffffff;min-height:96px;width:100%}.punch-button-placeholder{background:#ffffff;border-color:var(--line);color:var(--muted);grid-column:1/-1}.primary-button.is-busy,.punch-button.is-active{background:var(--primary-dark);box-shadow:0 0 0 4px rgba(31,111,91,.16),inset 0 -3px 0 rgba(0,0,0,.18);opacity:1}.punch-button.is-active{border-color:rgba(255,255,255,.38)}.button-spinner{animation:spin .75s linear infinite;border-radius:999px;border:2px solid rgba(255,255,255,.42);border-top-color:#ffffff;flex:0 0 auto;height:16px;width:16px}.field-tools{border-top:1px solid var(--line);display:grid;gap:14px;margin-top:20px;padding-top:18px}.field-tools-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.location-summary{border:1px solid var(--line);border-radius:8px;display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:0;overflow:hidden}.location-summary div{display:grid;gap:4px;padding:12px}.location-summary div+div{border-left:1px solid var(--line)}.calibration-summary{margin-top:18px}.field-warning{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:var(--danger);display:grid;gap:6px;padding:12px}.field-warning p{margin:0}.field-actions{display:flex;flex-wrap:wrap;gap:10px}.login-status{border:1px solid var(--line);border-radius:8px;display:grid;gap:2px;padding:11px 12px}.login-status-body,.login-status-title{margin:0}.login-status-title{font-size:14px;font-weight:800}.login-status-body{color:var(--muted);font-size:13px;line-height:1.5}.login-status-active{background:#eff6ff;border-color:#bfdbfe}.login-status-success{background:#ecfdf3;border-color:#bbf7d0}.login-status-success .login-status-title{color:var(--success)}.login-status-danger{background:#fff7ed;border-color:#fed7aa}.login-status-danger .login-status-body,.login-status-danger .login-status-title{color:var(--danger)}.result-list{display:grid;gap:12px;margin:18px 0 0}.result-list div{border-top:1px solid var(--line);display:grid;gap:4px;padding-top:12px}dt{color:var(--muted);font-size:13px;font-weight:700}dd{margin:0;overflow-wrap:anywhere}.sample-list{display:grid;gap:10px;list-style:none;margin:18px 0 0;padding:0}.sample-list li{border:1px solid var(--line);border-radius:8px;display:grid;gap:6px;padding:12px}.sample-list p{margin:0;overflow-wrap:anywhere}.sample-list-header{align-items:center;color:var(--primary-dark);display:flex;font-size:13px;font-weight:800;justify-content:space-between}.muted-text{color:var(--muted);font-size:14px;margin:12px 0 0}.error-text{color:var(--danger);font-weight:700;margin:0}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:720px){.inline-header,.topbar{align-items:stretch;flex-direction:column}.location-summary,.punch-grid,.work-grid{grid-template-columns:1fr}.field-tools-header{align-items:stretch;flex-direction:column}.location-summary div+div{border-left:0;border-top:1px solid var(--line)}.shell{padding-top:20px}}