*{box-sizing:border-box}body{margin:0;background:#f7f1ea;color:#3d2b1f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button{cursor:pointer;font-size:14px;border:none;border-radius:8px;padding:8px 14px}.btn.primary{background:#8b5e3c;color:#fff}.btn.ghost{background:#fff;color:#8b5e3c;border:1px solid #8b5e3c}.btn.danger{background:#fff;color:#c0392b;border:1px solid #c0392b}.btn.small{padding:4px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.topbar{position:sticky;top:0;background:#8b5e3c;color:#fff;display:flex;align-items:center;gap:16px;padding:10px 16px;flex-wrap:wrap;z-index:10}.brand{font-weight:700;font-size:16px}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{background:transparent;color:#fff;border-radius:999px;padding:6px 14px}.tab-active{background:#ffffff38}.logout{margin-left:auto;border-color:#fff;color:#fff;background:transparent}.content{max-width:900px;margin:0 auto;padding:16px}.section-title{font-size:18px;margin:20px 0 12px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 4px #0000000f}.card-label{color:#8a7361;font-size:13px}.card-num{font-size:26px;font-weight:700;margin:6px 0}.card-sub{color:#8a7361;font-size:12px}.row-card{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.row-name{font-weight:600}.row-sub{color:#8a7361;font-size:13px;margin-top:4px}.table-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.batch-card{background:#fff;border-radius:12px;padding:14px 16px;margin-bottom:12px;box-shadow:0 1px 4px #0000000f}.batch-head,.batch-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.batch-name{font-weight:600}.batch-time{color:#8a7361;font-size:12px}.chip{display:inline-block;border-radius:999px;font-size:12px;padding:2px 10px;margin-left:8px}.chip-pending{background:#fdf3e7;color:#b7791f}.chip-paid{background:#e8f5e9;color:#2e7d32}.chip-serving{background:#e3f2fd;color:#1565c0}.chip-done{background:#eceff1;color:#546e7a}.chip-refunding{background:#f3e5f5;color:#7b1fa2}.chip-refunded{background:#fbe9e7;color:#c62828}.chip-off{background:#eceff1;color:#78909c}.batch-items{border-top:1px solid #f0e6da;margin-top:10px;padding-top:8px}.batch-item{display:flex;justify-content:space-between;padding:4px 0;font-size:14px}.item-name{font-weight:500}.item-spec{color:#8a7361;font-size:12px}.item-amount{font-weight:600}.batch-actions{border-top:1px solid #f0e6da;margin-top:10px;padding-top:10px}.batch-total{font-size:18px;font-weight:700;color:#c0392b}.btn-group{display:flex;gap:8px;flex-wrap:wrap}.empty{color:#8a7361;text-align:center;padding:40px 0}.list{display:flex;flex-direction:column;gap:10px}.list-row{background:#fff;border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.add-row{display:flex;gap:10px;margin-bottom:12px}.field{width:100%;padding:10px 12px;border:1px solid #d8c3a8;border-radius:8px;font-size:14px;background:#fff}.add-row .field{flex:1;max-width:320px}.form{display:flex;flex-direction:column;gap:8px}.form-label{font-size:13px;color:#8a7361;margin-top:6px}.check{display:flex;align-items:center;gap:8px;font-size:14px;margin-top:4px}.form-error{color:#c0392b;font-size:13px}.textarea{min-height:80px;resize:vertical}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-box{background:#fff;border-radius:14px;width:100%;max-width:560px;max-height:86vh;overflow-y:auto;padding:16px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modal-title{font-size:17px;font-weight:700}.modal-close{background:transparent;font-size:22px;color:#8a7361}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.spec-editor{border:1px solid #e5d9cb;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px}.spec-editor-row,.option-row{display:flex;gap:8px;align-items:center}.small-field{max-width:110px}.toast{position:fixed;top:60px;left:50%;transform:translate(-50%);background:#2e7d32;color:#fff;padding:10px 20px;border-radius:999px;z-index:200;box-shadow:0 4px 12px #0003}.tip{color:#8a7361;font-size:13px;margin-top:12px}.form-card{max-width:560px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f7f1ea;padding:16px}.login-card{background:#fff;border-radius:16px;padding:32px 24px;width:100%;max-width:360px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;gap:12px}.login-logo{text-align:center;font-size:48px}.login-title{text-align:center;font-size:18px;margin:0 0 8px}.login-hint{text-align:center;color:#b7a693;font-size:12px}code{background:#f0e6da;padding:2px 6px;border-radius:4px}.phone-wrap{display:flex;justify-content:center;margin-top:16px}.phone{width:100%;max-width:390px;background:#fff8f2;border:8px solid #3d2b1f;border-radius:32px;padding:12px;min-height:620px;display:flex;flex-direction:column;gap:10px}.phone-head{background:#8b5e3c;color:#fff;border-radius:12px;padding:10px 14px;display:flex;justify-content:space-between;font-weight:600}.phone-table{font-weight:400;opacity:.9}.phone-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.phone-tab{background:#f0e6da;color:#6d5541;white-space:nowrap;border-radius:999px}.phone-tab-active{background:#8b5e3c;color:#fff}.phone-body{flex:1;overflow-y:auto;max-height:260px;display:flex;flex-direction:column;gap:8px}.phone-product{background:#fff;border-radius:10px;padding:10px 12px;display:flex;justify-content:space-between;gap:10px;cursor:pointer;box-shadow:0 1px 3px #0000000d}.phone-price{color:#c0392b;font-weight:700;white-space:nowrap}.phone-spec-tip{display:inline-block;margin-top:4px;font-size:11px;color:#a08462;border:1px solid #d8c3a8;border-radius:999px;padding:1px 8px}.phone-cart-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border-radius:12px;padding:8px 10px;box-shadow:0 -2px 8px #0000000d}.phone-total{flex:1;text-align:right;font-weight:700;color:#c0392b;font-size:18px}.phone-order{border-top:1px dashed #d8c3a8;padding-top:10px;max-height:220px;overflow-y:auto}.phone-batch{border-bottom:1px solid #f0e6da;padding:8px 0}.phone-closed{text-align:center;padding:60px 0}.thumb{width:56px;height:56px;border-radius:10px;object-fit:cover;flex:0 0 auto;background:#f0e6da}.thumb-empty{display:flex;align-items:center;justify-content:center;font-size:22px;color:#b7a693}.thumb-lg{width:120px;height:120px;border-radius:12px;object-fit:cover;background:#f0e6da;display:flex;align-items:center;justify-content:center;font-size:12px;color:#b7a693;margin-bottom:10px}.image-field{display:flex;align-items:center;gap:12px}.phone-thumb{width:52px;height:52px;border-radius:8px;object-fit:cover;flex:0 0 auto;background:#f0e6da}.phone-thumb-empty{display:flex;align-items:center;justify-content:center;font-size:20px}.site-footer{padding:14px 16px 22px;text-align:center;font-size:12px;color:#a2937f}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{text-decoration:underline}