:root{--hb-primary: #1e3a8a;--hb-primary-light: #3b82f6;--hb-accent: #0ea5e9;--hb-ink: #1a1f2e;--hb-ink-muted: #6b7280;--hb-ink-faint: #9ca3af;--hb-border: #e5e7eb;--hb-bg: #f8fafc;--hb-card: #ffffff;--hb-success: #059669;--hb-danger: #dc2626}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;color:var(--hb-ink);background:var(--hb-bg);line-height:1.5;-webkit-font-smoothing:antialiased}.quote-shell{max-width:900px;margin:0 auto;padding:32px 20px}.quote-actions{display:flex;gap:10px;justify-content:flex-end;margin-bottom:16px;flex-wrap:wrap}.quote-actions button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--hb-border);background:var(--hb-card);color:var(--hb-ink);transition:all .2s}.quote-actions button:hover{background:var(--hb-bg);border-color:var(--hb-primary)}.quote-actions button.primary{background:var(--hb-primary);color:#fff;border-color:var(--hb-primary)}.quote-actions button.primary:hover{background:var(--hb-primary-light)}.quote-paper{background:#fff;padding:40px 44px;border-radius:12px;box-shadow:0 4px 24px #0000000f;border:1px solid var(--hb-border)}.q-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:3px solid var(--hb-primary);margin-bottom:24px}.q-brand{display:flex;align-items:center;gap:14px}.q-brand img{height:72px;width:auto}.q-brand .brand-text{display:flex;flex-direction:column;gap:2px}.q-brand .brand-name{font-family:Outfit,sans-serif;font-size:22px;font-weight:700;color:var(--hb-primary);letter-spacing:.5px}.q-brand .brand-subname{font-size:15px;color:var(--hb-ink);font-weight:500}.q-brand .brand-tagline{font-size:11px;color:var(--hb-ink-muted)}.q-title-block{text-align:right}.q-title-block .title{font-size:32px;font-weight:700;color:var(--hb-primary);letter-spacing:6px;margin-bottom:8px}.q-meta{display:grid;grid-template-columns:auto auto;gap:2px 10px;font-size:12px}.q-meta dt{color:var(--hb-ink-muted);text-align:right}.q-meta dd{color:var(--hb-ink);font-weight:500}.q-company-info{display:grid;grid-template-columns:repeat(3,1fr);gap:0 16px;padding:10px 0 18px;font-size:12px;color:var(--hb-ink)}.q-company-info .row{display:flex;gap:6px}.q-company-info .label{color:var(--hb-primary);font-weight:600;min-width:36px}.q-project-bar{display:grid;grid-template-columns:2fr 1fr;gap:16px;background:linear-gradient(to right,#1e3a8a14,#0ea5e90a);padding:10px 14px;border-left:4px solid var(--hb-primary);border-radius:4px;margin-bottom:16px;font-size:13px}.q-project-bar .label{color:var(--hb-primary);font-weight:600;margin-right:8px}.q-party-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.q-party-card{border:1px solid var(--hb-border);border-radius:8px;padding:12px 14px;font-size:12.5px}.q-party-card .card-title{font-size:11px;font-weight:700;color:var(--hb-primary);letter-spacing:1px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px dashed var(--hb-border)}.q-party-card .row{display:grid;grid-template-columns:60px 1fr;gap:8px;padding:2px 0}.q-party-card .label{color:var(--hb-ink-muted)}.q-party-card .value{color:var(--hb-ink);font-weight:500}.q-category-bar{display:grid;grid-template-columns:2fr 1fr;gap:16px;padding:8px 14px;background:var(--hb-bg);border-radius:6px;margin-bottom:12px;font-size:12.5px}.q-checks{display:flex;gap:12px;flex-wrap:wrap}.q-check{display:inline-flex;align-items:center;gap:5px}.q-check .box{display:inline-flex;width:14px;height:14px;border:1.5px solid var(--hb-ink-muted);border-radius:3px;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}.q-check.checked .box{background:var(--hb-primary);border-color:var(--hb-primary)}.q-notes{font-size:12px;padding:8px 14px;background:#fffbeb;border-left:3px solid #f59e0b;border-radius:4px;margin-bottom:18px;color:#78350f}.q-items{width:100%;border-collapse:collapse;margin-bottom:6px;font-size:12.5px}.q-items thead th{background:var(--hb-primary);color:#fff;padding:8px 10px;font-weight:600;font-size:12px;text-align:center;border:1px solid var(--hb-primary)}.q-items tbody td{border:1px solid var(--hb-border);padding:10px;vertical-align:top}.q-items .cat{background:var(--hb-bg);font-weight:600;text-align:center;vertical-align:middle;color:var(--hb-primary)}.q-items .desc{font-size:12px;line-height:1.6}.q-items .desc .sub{font-size:11px;color:var(--hb-ink-muted);display:block;margin-top:3px}.q-items .num{text-align:center}.q-items .price{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.q-totals{display:flex;justify-content:flex-end;margin-top:10px;margin-bottom:18px}.q-totals-box{min-width:320px;border:1px solid var(--hb-border);border-radius:6px;overflow:hidden}.q-totals .row{display:grid;grid-template-columns:1fr auto;padding:8px 14px;font-size:13px}.q-totals .row .label{color:var(--hb-ink-muted)}.q-totals .row .value{font-weight:600;font-variant-numeric:tabular-nums}.q-totals .row.grand{background:var(--hb-primary);color:#fff;font-size:16px;padding:12px 14px}.q-totals .row.grand .label{color:#fff}.q-totals .row.grand .value{font-weight:700}.q-alt-proposals{border:1px dashed var(--hb-border);border-radius:8px;padding:12px 14px;margin-bottom:18px;font-size:12px;background:var(--hb-bg)}.q-alt-proposals .title{font-weight:700;color:var(--hb-primary);margin-bottom:6px;font-size:12px}.q-alt-proposals ul{padding-left:20px;color:var(--hb-ink-muted)}.q-alt-proposals li{margin-bottom:3px}.q-footer{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.q-footer-box{border:1px solid var(--hb-border);border-radius:8px;padding:12px 14px;font-size:12px}.q-footer-box .title{font-size:11px;font-weight:700;color:var(--hb-primary);letter-spacing:1px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px dashed var(--hb-border);text-align:center}.q-footer-box .row{display:grid;grid-template-columns:70px 1fr;gap:6px;padding:2px 0;color:var(--hb-ink)}.q-footer-box .row .label{color:var(--hb-ink-muted)}.q-signature-zone{min-height:80px;display:flex;align-items:center;justify-content:center;color:var(--hb-ink-faint);text-align:center;font-size:11px;padding:16px}.q-disclaimer{margin-top:20px;padding-top:14px;border-top:1px dashed var(--hb-border);font-size:11px;color:var(--hb-ink-faint);text-align:center;line-height:1.8}.q-state{max-width:500px;margin:80px auto;text-align:center;padding:40px 20px}.q-state h2{margin-bottom:12px;color:var(--hb-primary)}.q-state p{color:var(--hb-ink-muted);font-size:14px}.q-spinner{width:36px;height:36px;border:3px solid var(--hb-border);border-top-color:var(--hb-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}@media print{body{background:#fff}.quote-shell{padding:0;max-width:none}.quote-actions{display:none!important}.quote-paper{box-shadow:none;border:none;padding:0;border-radius:0}.q-header,.q-items,.q-footer{break-inside:avoid}@page{size:A4;margin:1.2cm}}