:root{--bg:#f4efeb;--card:#fffdfb;--text:#302a27;--muted:#8a7f78;--line:#e7ddd7;--accent:#8b645a;--accent-soft:#f2e7e2;--soft:#faf6f3;--danger:#b76f64;--shadow:0 10px 26px rgba(79,59,48,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.page{max-width:1100px;margin:0 auto;padding:28px 18px 44px}.back{display:inline-flex;margin-bottom:14px;color:#786b65;font-size:14px;font-weight:700}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:24px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.page-head h1{margin:0;font-size:26px}.page-head p{margin:6px 0 0;color:var(--muted);font-size:13px}.search{position:relative;margin-bottom:18px}.search input{width:100%;height:48px;padding:0 16px 0 44px;border:1px solid var(--line);border-radius:12px;background:#fff;outline:none}.search input:focus{border-color:#aa8178;box-shadow:0 0 0 3px rgba(139,100,90,.1)}.search-icon{position:absolute;left:16px;top:13px;color:var(--muted)}.customer-list{display:grid;gap:10px}.customer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:15px 16px;border:1px solid #eee4de;border-radius:14px;background:#fff;transition:.15s}.customer-row:hover{border-color:#cdb8af;background:#fdf9f7;transform:translateY(-1px)}.customer-name{font-weight:800;margin-bottom:5px}.customer-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px}.tag{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:var(--accent-soft);color:#724f46;font-size:11px;font-weight:800}.go{color:var(--accent);font-size:13px;font-weight:800}.state{text-align:center;padding:34px 12px;color:var(--muted);font-size:14px}.detail-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}.detail-title h1{margin:0;font-size:27px}.detail-title .sub{margin-top:6px;color:var(--muted);font-size:13px}.section{padding:20px 0;border-top:1px dashed var(--line)}.section:first-of-type{border-top:0;padding-top:0}.section h2{margin:0 0 14px;font-size:17px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.info{padding:12px 14px;border:1px solid #eee4de;border-radius:12px;background:#fff}.info-label{font-size:12px;color:var(--muted);margin-bottom:5px}.info-value{font-size:14px;font-weight:700;line-height:1.55;word-break:break-word}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:7px 11px;border-radius:999px;background:var(--soft);border:1px solid #eee3dd;font-size:13px}.signature-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,380px);gap:20px;align-items:start}.signature-box{min-height:160px;display:grid;place-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}.signature-box img{max-width:100%;max-height:220px;object-fit:contain}.signature-placeholder{color:var(--muted);font-size:13px}.notice{padding:12px 14px;border-radius:12px;background:var(--soft);color:var(--muted);font-size:13px;line-height:1.7}.error{color:var(--danger)}@media(max-width:700px){.page{padding:12px 10px 30px}.panel{padding:18px 14px;border-radius:14px}.page-head,.detail-title{display:block}.info-grid,.signature-wrap{grid-template-columns:1fr}.page-head h1,.detail-title h1{font-size:23px}.customer-row{padding:13px}.signature-box{min-height:130px}}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 15px;border:1px solid transparent;border-radius:11px;font-size:14px;font-weight:800;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(.96)}@media(max-width:700px){.page-head .btn{width:100%;margin-top:14px}}