| 1 |
- .body[data-v-012dcc08]{padding:10px 20px 0;width:100%;height:100%;display:flex}.left[data-v-012dcc08]{width:50%;margin-right:10px;padding:30px;border-radius:20px;background-color:#f8f8f8;display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden}.left-content[data-v-012dcc08]{flex:1;display:flex;flex-direction:column;justify-content:space-between;width:100%;overflow-x:hidden}.left-top[data-v-012dcc08]{background:#ffffff;padding:20px;border-radius:14px}.left-bottom[data-v-012dcc08]{background:#ffffff;padding:20px;border-radius:14px;display:flex;justify-content:flex-end}.right[data-v-012dcc08]{width:50%;margin-left:10px;padding:30px;border-radius:20px;background-color:#f8f8f8;display:flex;flex-direction:column;justify-content:space-between;min-width:0;overflow:hidden}.right-top[data-v-012dcc08]{height:160px;background:#eff4ff;border-radius:14px;display:flex;align-items:center;padding:0 40px 0 25px}.right-top>img[data-v-012dcc08]{width:86px;height:86px;border-radius:86px;object-fit:cover;margin-right:30px}.right-content[data-v-012dcc08]{margin-top:20px;overflow-x:hidden;max-height:320px;overflow-y:auto;border-radius:8px}.right-content[data-v-012dcc08]::-webkit-scrollbar{width:6px}.right-content[data-v-012dcc08]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.right-content[data-v-012dcc08]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.right-content[data-v-012dcc08]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.right-content .el-table[data-v-012dcc08]{max-height:100%}.user-info[data-v-012dcc08]{height:110px;display:flex;flex-direction:column;justify-content:space-between;font-size:18px}.user-info>div[data-v-012dcc08]:first-child{font-size:22px;font-weight:500}.guest-text[data-v-012dcc08]{font-size:24px;font-weight:500}.billing-btn[data-v-012dcc08]{display:flex;flex-direction:column;margin-left:auto;gap:16px}.billing-btn>div[data-v-012dcc08]{cursor:pointer;width:140px;height:48px;border-radius:12px;background-color:#418aff;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Source Han Sans CN,Source Han Sans CN;font-weight:400;font-size:18px;color:#fff;transition:all .3s ease;box-sizing:border-box;position:relative;overflow:hidden}.billing-btn>div[data-v-012dcc08]:hover{background-color:#3278e6;box-shadow:0 4px 8px #418aff4d}.billing-btn>div[data-v-012dcc08]:active{background-color:#2a6fd9;box-shadow:0 2px 4px #418aff4d;transform:translateY(0)}.billing-btn>div img[data-v-012dcc08]{width:22px;height:22px;object-fit:contain;color:#fff}.billing-btn>div svg[data-v-012dcc08]{width:22px;height:22px}.billing-btn>div svg path[data-v-012dcc08]{fill:#fff}.billing-btn>div[style*="background-color: #eff4ff"][data-v-012dcc08]{background-color:#1291ff!important;color:#fff}.tags[data-v-012dcc08]{padding:3px;min-width:90px;height:30px;background:#ffffff;border-radius:4px;line-height:30px;font-weight:400;font-size:18px;color:#666;text-align:center}.tags-premium[data-v-012dcc08]{background:#ffd700;color:#6f5f00}.right-bottom[data-v-012dcc08]{background:#ffffff;padding:20px;border-radius:14px;display:flex;justify-content:space-between;align-items:center}.summary-info[data-v-012dcc08]{display:flex;flex-direction:column;gap:12px}.item-count[data-v-012dcc08]{color:gray;display:flex;align-items:center;font-size:18px}.count-number[data-v-012dcc08]{color:#000;font-weight:500;margin:0 4px;font-size:22px}.total-amount[data-v-012dcc08]{display:flex;align-items:center}.label[data-v-012dcc08]{color:gray;font-size:22px;margin-right:8px}.amount[data-v-012dcc08]{font-size:48px;font-weight:500;color:#418aff}.buttons[data-v-012dcc08]{display:flex;flex-direction:column;margin-bottom:60px}.buttons .row[data-v-012dcc08]{display:flex;justify-content:space-between;width:100%;margin-bottom:15px}.buttons .row button[data-v-012dcc08]{flex:1;height:90px;margin-right:10px;background:#F0F0F0;border:none;font-size:24px;font-weight:700;transition:background-color .3s ease;border-radius:12px}.buttons .row button[data-v-012dcc08]:last-child{margin-right:0}.buttons .row button[data-v-012dcc08]:hover{background-color:#e0e0e0}.buttons>div[data-v-012dcc08]:last-child{display:flex;width:100%}.buttons .confirm-left[data-v-012dcc08]{flex:3.2;margin-right:10px}.buttons .confirm-left .row[data-v-012dcc08]{margin-bottom:15px}.buttons .confirm-left .row[data-v-012dcc08]:last-child{margin-bottom:0}.buttons .confirm[data-v-012dcc08]{flex:1;background-color:#1291ff;color:#fff;display:flex;align-items:center;justify-content:center;height:195px;border:none;transition:background-color .3s ease;font-size:24px;font-weight:700;border-radius:12px}.buttons .confirm[data-v-012dcc08]:hover{background-color:#0b7ffa}.collection-button[data-v-012dcc08]{width:160px;height:144px;font-size:26px;font-weight:500;background-color:#1291ff;border-radius:12px;border:none;transition:all .3s ease}.collection-button[data-v-012dcc08]:hover{background-color:#0b7ffa;transform:translateY(-2px);box-shadow:0 4px 12px #1291ff4d}input[type=text][data-v-012dcc08]{width:300px;max-width:100%}
|
