.margin-top[data-v-0dd37aa1]{margin-top:10px}[data-v-0dd37aa1]{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;font-family:Microsoft YaHei,sans-serif}body[data-v-0dd37aa1]{color:#333;background-color:#f5f7fa;padding:20px;line-height:1.6}.container[data-v-0dd37aa1]{max-width:1200px;margin:0 auto;background:#fff;-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1);border-radius:8px;overflow:hidden}.header[data-v-0dd37aa1]{background:#2c3e50;color:#fff;padding:20px;text-align:center;position:relative}.order-no[data-v-0dd37aa1]{position:absolute;top:10px;left:20px;font-size:14px;background:hsla(0,0%,100%,.2);padding:5px 10px;border-radius:4px}.header h1[data-v-0dd37aa1]{font-size:28px;margin:10px 0}.client-info[data-v-0dd37aa1]{padding:20px;border-bottom:1px solid #eee}.info-row[data-v-0dd37aa1]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:10px}.info-item[data-v-0dd37aa1]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:300px;margin-right:20px;margin-bottom:10px}.info-item strong[data-v-0dd37aa1]{color:#2c3e50;margin-right:8px}.table-container[data-v-0dd37aa1]{overflow-x:auto;padding:0 20px}table[data-v-0dd37aa1]{width:100%;border-collapse:collapse;margin:20px 0;border:1px solid #ddd}td[data-v-0dd37aa1],th[data-v-0dd37aa1]{border:1px solid #ddd;padding:12px 15px;text-align:left}th[data-v-0dd37aa1]{background-color:#f8f9fa;font-weight:600;color:#2c3e50}.section-header[data-v-0dd37aa1]{background-color:#3498db;color:#fff;text-align:center;font-size:18px;font-weight:600}.subtotal[data-v-0dd37aa1]{background-color:#e3f2fd;font-weight:600;text-align:center}.summary[data-v-0dd37aa1]{background-color:#fff3e0;font-weight:600;text-align:center}.remarks[data-v-0dd37aa1]{padding:20px;background:#f8f9fa;border-top:1px solid #eee}.remarks-header[data-v-0dd37aa1]{background-color:#95a5a6;color:#fff;text-align:center;padding:12px;margin:0 -20px 15px;font-size:18px;font-weight:600}.remark-item[data-v-0dd37aa1]{margin-bottom:10px;padding-left:20px;position:relative}.remark-item[data-v-0dd37aa1]:before{content:attr(data-number);position:absolute;left:0;font-weight:700;color:#e74c3c}.signature[data-v-0dd37aa1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:20px;padding-top:20px;border-top:1px dashed #ccc}.mobile-section[data-v-0dd37aa1]{display:none;padding:15px;border-bottom:1px solid #eee}.mobile-section-header[data-v-0dd37aa1]{background:#3498db;color:#fff;padding:12px;margin:-15px -15px 15px;text-align:center;font-weight:600;font-size:18px}.mobile-item[data-v-0dd37aa1]{padding:12px 0;border-bottom:1px solid #eee}.mobile-item[data-v-0dd37aa1]:last-child{border-bottom:none}.mobile-item-row[data-v-0dd37aa1]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px}.mobile-item-label[data-v-0dd37aa1]{-webkit-box-flex:0;-ms-flex:0 0 100px;flex:0 0 100px;font-weight:600;color:#2c3e50}.mobile-item-value[data-v-0dd37aa1]{-webkit-box-flex:1;-ms-flex:1;flex:1}@media (max-width:768px){.table-container[data-v-0dd37aa1]{display:none}.mobile-section[data-v-0dd37aa1]{display:block}.info-row[data-v-0dd37aa1]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.info-item[data-v-0dd37aa1]{min-width:100%;margin-right:0}.header h1[data-v-0dd37aa1]{font-size:24px}.signature[data-v-0dd37aa1]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}}@media print{body[data-v-0dd37aa1]{padding:0;background:none}.container[data-v-0dd37aa1]{-webkit-box-shadow:none;box-shadow:none;border-radius:0}.table-container[data-v-0dd37aa1]{display:block}.mobile-section[data-v-0dd37aa1]{display:none}}