@charset "UTF-8";body{margin:0}*{margin:0;padding:0;box-sizing:border-box;font-family:Noto Sans SC,PingFang SC,Helvetica Neue,Arial,sans-serif}:root{--primary: #3498db;--primary-dark: #2980b9;--secondary: #2ecc71;--secondary-dark: #27ae60;--danger: #e74c3c;--warning: #f39c12;--light: #ecf0f1;--dark: #2c3e50;--gray: #7f8c8d;--light-gray: #bdc3c7}.card{background:white;border-radius:15px;padding:20px;margin-bottom:20px;box-shadow:0 5px 15px #0000000d;border:none;transition:transform .3s,box-shadow .3s}.card:hover{box-shadow:0 8px 20px #00000014}.card-header{display:flex;align-items:center;margin-bottom:20px}.card-header .btn{flex:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s}.card-header .confirm-btn{background-color:#4361ee;color:#fff;border:none}.card-header .confirm-btn:hover{background-color:#3a57d5}.card-header .cancel-btn{background-color:#e9ecef;color:#495057;border:none}.card-header .cancel-btn:hover{background-color:#dee2e6}.card-header .del-btn{background-color:#f62727;color:#fff;border:none}.card-header .del-btn:hover{background-color:#cf2323}.card-title{font-size:18px;font-weight:600}h2{color:var(--dark);margin-bottom:15px;font-size:20px;display:flex;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--light)}h2 i{margin-right:10px;color:var(--primary);font-size:24px}.btn{flex:1;padding:15px;border:none;border-radius:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;font-size:16px}.btn i{margin-right:8px;font-size:18px}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.btn-secondary{background:linear-gradient(135deg,var(--secondary),var(--secondary-dark));color:#fff}.btn-light{background:var(--light);color:var(--dark)}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:700;color:var(--dark)}input,textarea{width:100%;padding:15px;border:1px solid var(--light-gray);border-radius:10px;font-size:16px;transition:border-color .3s}input:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3498db33}textarea{min-height:120px;resize:vertical}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:white;display:flex;box-shadow:0 -3px 15px #0000001a;z-index:1000;max-width:480px;height:70px;margin:0 auto;border-top-left-radius:15px;border-top-right-radius:15px}.nav-item{flex:1;text-align:center;padding:12px 0;cursor:pointer;font-size:14px;color:var(--gray);transition:all .3s;position:relative}.nav-item.active{color:var(--primary);font-weight:700}.nav-item.active:after{content:"";position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--primary);border-radius:50%}.nav-item i{display:block;font-size:22px;margin-bottom:5px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2000;align-items:center;justify-content:center;animation:fadeIn .3s ease}.modal-content{background:white;border-radius:20px;padding:25px;width:90%;max-width:400px;box-shadow:0 10px 30px #00000026;max-height:85vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--light)}.modal-header h2{margin-bottom:0;border-bottom:none}.modal-header h3{font-size:18px;font-weight:600}.modal-body{padding:20px}.modal-body .warning-text{color:#f8961e;margin-top:10px;font-size:14px}.modal-footer{padding:15px 20px;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:10px}.modal-footer .btn{padding:8px 16px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s}.modal-footer .cancel-btn{background-color:#e9ecef;color:#495057;border:none}.modal-footer .cancel-btn:hover{background-color:#dee2e6}.modal-footer .confirm-btn{background-color:#4361ee;color:#fff;border:none}.modal-footer .confirm-btn:hover{background-color:#3a57d5}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#6c757d}.close{font-size:24px;cursor:pointer;color:var(--gray);transition:color .3s}.close:hover{color:var(--dark)}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#495057}.form-group input{width:100%;padding:10px 15px;border:1px solid #ced4da;border-radius:5px;font-size:16px}.badge{display:inline-block;padding:3px 8px;border-radius:10px;font-size:12px;font-weight:700;margin-left:10px;height:24px}.badge-new{background:var(--secondary);color:#fff}.ordinary-vip{background:linear-gradient(135deg,#bdc3c7,#2c3e50);color:#fff}.gold-vip{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.platinum-vip{background:linear-gradient(135deg,#acc5e8,#c2bbf4);color:#fff}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.notification[data-v-c2c1156b]{position:fixed;padding:15px 20px;background:white;border-radius:10px;box-shadow:0 5px 15px #0000001a;display:flex;align-items:center;animation:slideIn-c2c1156b .3s ease-out forwards;max-width:350px}.notification i[data-v-c2c1156b]{margin-right:10px;font-size:20px}.notification .message[data-v-c2c1156b]{flex:1;word-break:break-word}.notification.success[data-v-c2c1156b]{border-left:4px solid #2ecc71}.notification.success i[data-v-c2c1156b]{color:#2ecc71}.notification.error[data-v-c2c1156b]{border-left:4px solid #e74c3c}.notification.error i[data-v-c2c1156b]{color:#e74c3c}.notification.warning[data-v-c2c1156b]{border-left:4px solid #f39c12}.notification.warning i[data-v-c2c1156b]{color:#f39c12}.notification.info[data-v-c2c1156b]{border-left:4px solid #3498db}.notification.info i[data-v-c2c1156b]{color:#3498db}@keyframes slideIn-c2c1156b{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}