.odd-row{background-color:#f1f2f4!important}.even-row{background-color:#fff!important}.ticketName{width:100px}.cell-item{width:80%}.cell-item,.item_car_no{display:flex;align-items:center}.item_car_no{width:80px}.containerTag{margin-left:-20px;margin-right:30px;width:82px;transform:translateX(28px);background-color:#1e68bb}.containerTag,.containerTagTime{margin-bottom:10px;font-size:14px;height:30px;line-height:30px;text-align:center;color:#fff;border:none;border-radius:5px}.containerTagTime{margin-right:10px;width:290px;display:flex;transform:translateX(8px);background-color:#16d016}.sycButton{background:#626aef;color:#fff;border:none;font-size:12px;margin:0;float:none}.containerTagTimeErr{margin-right:10px;margin-bottom:10px;font-size:14px;width:290px;height:30px;display:flex;transform:translateX(8px);line-height:30px;text-align:center;color:#fff;border:none;border-radius:5px;background-color:red}.ownerName{width:120px}.containerEnergy{margin-left:-20px;margin-right:30px;margin-bottom:10px;font-size:14px;width:90px;height:30px;transform:translateX(28px);line-height:30px;text-align:center;color:#000;border:none;border-radius:5px;background-image:linear-gradient(180deg,#c0edc8,#4fcc67)}.form-container{display:flex;flex-wrap:wrap;gap:1px}.input-container{width:25%}.button-group,.input-container{display:flex;align-items:center}.button-group{gap:10px;margin-left:auto;flex-wrap:wrap}.onsetButton,.searchButton{font-size:14px;margin:0;float:none}.button-remark{border:none;text-align:left}.button-remark:hover{background-color:initial}.container{display:flex;flex-direction:column;border:none;width:100%;height:auto;min-height:400px;overflow:hidden;padding:0 20px;box-sizing:border-box}.parkName{width:120px}.tagCss{flex:0 0 25%;margin-bottom:10px;width:80px;margin-right:10px;text-align:center}.pagination{margin-top:20px;width:100%}.icon-ole{margin-top:-200px;margin-left:1150px;color:#409eff;font-size:15px}.no-arrow-collapse::part(header){--el-arrow-size:0}.el-collapse{border-bottom:none}.el-collapse-item__arrow{font-size:0!important;color:transparent!important}.el-collapse-item__header{background:transparent;border-bottom:none}.toggleClass{font-size:16px;margin:0;float:none}.responsive-table{width:100%!important;overflow-x:auto}.expanded-form,.search-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px}@media(max-width:1500px){.container{padding:0 20px}}@media(max-width:1200px){.container{padding:0 10px}}@media(max-width:768px){.container{padding:0 5px}.button-group{flex-direction:column;align-items:stretch;margin-left:0;margin-top:10px}.onsetButton,.searchButton,.sycButton,.toggleClass{width:100%;margin:2px 0}.expanded-form,.search-form{flex-direction:column;align-items:stretch}.expanded-form .el-form-item,.search-form .el-form-item{margin-left:0!important;margin-right:0!important;width:100%}}.month-ticket-management{padding:0;background-color:#f5f7fa;min-height:calc(100vh - 60px)}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:20px;margin-bottom:0;box-shadow:0 8px 32px rgba(102,126,234,.3);position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);border-radius:50%;transform:translate(50%,-50%)}.page-header .page-header-content{display:flex;justify-content:space-between;align-items:center;max-width:1500px;margin:0 auto;position:relative;z-index:1}.page-header .page-title{display:flex;align-items:center;gap:12px}.page-header .page-title .title-icon .header-icon{width:24px;height:24px;filter:brightness(0) invert(1)}.page-header .page-title .title-text{color:#fff}.page-header .page-title .title-text h1{font-size:16px;font-weight:600;margin:0 0 4px 0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.page-header .page-title .title-text .title-desc{font-size:12px;opacity:.9;margin:0;font-weight:400}.page-header .page-actions{display:flex;gap:12px}.page-header .page-actions .action-btn{height:40px;padding:0 20px;border-radius:8px;font-weight:500;transition:all .3s ease}.page-header .page-actions .action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.container{max-width:1500px;margin:0 auto;padding:0 32px}.search-panel{background:#fff;border-radius:12px;padding:12px 20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid #e8eaed}.search-panel .search-panel-header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.search-panel .search-panel-header .search-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#303133}.search-panel .search-panel-header .search-title .el-icon{color:#409eff}.search-panel .search-panel-header .search-title .toggle-icon{margin-left:auto;transition:transform .3s ease;font-size:14px}.search-panel .search-panel-header .search-title .toggle-icon.expanded{transform:rotate(180deg)}.search-panel .search-panel-header:hover .search-title{color:#409eff}.search-panel .search-panel-body{padding-top:16px}.search-panel .search-panel-body .search-form .search-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.search-panel .search-panel-body .search-form .search-row .search-item{margin-bottom:0;flex:0 0 auto;min-width:140px}.search-panel .search-panel-body .search-form .search-row .search-item :deep(.el-form-item__label){font-weight:500;color:#606266;white-space:nowrap;margin-bottom:0}.search-panel .search-panel-body .search-form .search-row .search-item .search-input,.search-panel .search-panel-body .search-form .search-row .search-item .search-select{width:140px}.search-panel .search-panel-body .search-form .search-row .search-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex:0 0 auto;white-space:nowrap}.search-panel .search-panel-body .search-form .search-row .search-actions .reset-btn,.search-panel .search-panel-body .search-form .search-row .search-actions .search-btn{height:28px;padding:0 14px;border-radius:6px;font-weight:500;font-size:12px}.search-panel .search-panel-body .search-form .search-row .search-actions .search-btn{background:linear-gradient(45deg,#409eff,#6b9eff);border:none}.search-panel .search-panel-body .search-form .search-row .search-actions .search-btn:hover{background:linear-gradient(45deg,#337ecc,#5a8dff);transform:translateY(-1px);box-shadow:0 4px 12px rgba(64,158,255,.3)}.search-panel .search-panel-body .search-form .expanded-search-row{margin-bottom:16px;padding-top:16px;border-top:1px solid #e8eaed}.search-panel .search-panel-body .search-form .expanded-search-row .search-row-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 16px}@media(min-width:768px){.search-panel .search-panel-body .search-form .expanded-search-row .search-row-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.search-panel .search-panel-body .search-form .expanded-search-row .search-row-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1400px){.search-panel .search-panel-body .search-form .expanded-search-row .search-row-grid{grid-template-columns:repeat(4,1fr)}}.search-panel .search-panel-body .search-form .expanded-search-row .search-item{margin-bottom:0}.search-panel .search-panel-body .search-form .expanded-search-row .search-item :deep(.el-form-item__label){font-weight:500;color:#606266;margin-bottom:6px;font-size:13px}.search-panel .search-panel-body .search-form .expanded-search-row .search-item .search-input,.search-panel .search-panel-body .search-form .expanded-search-row .search-item .search-select{width:100%}.search-panel .search-panel-body .search-form .toggle-section{text-align:center;padding-top:8px;border-top:1px solid #f0f0f0}.search-panel .search-panel-body .search-form .toggle-section .toggle-btn{color:#409eff;font-size:13px;font-weight:500}.search-panel .search-panel-body .search-form .toggle-section .toggle-btn .toggle-icon{margin-left:4px;transition:transform .3s ease;font-size:12px}.search-panel .search-panel-body .search-form .toggle-section .toggle-btn .toggle-icon.expanded{transform:rotate(180deg)}.search-panel .search-panel-body .search-form .toggle-section .toggle-btn:hover{color:#337ecc}.table-panel{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid #e8eaed;margin-bottom:24px}.table-panel .table-panel-header{padding:20px 24px;background:#fafbfc;border-bottom:1px solid #e8eaed}.table-panel .table-panel-header .table-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#303133}.table-panel .table-panel-header .table-title .el-icon{color:#409eff;font-size:18px}.table-panel .table-panel-body{padding:0}.table-panel .table-panel-body .modern-table :deep(.el-table__header){background-color:#f8f9fa}.table-panel .table-panel-body .modern-table :deep(.el-table__header) th{background-color:#f8f9fa!important;color:#606266;font-weight:600;font-size:15px;border-bottom:2px solid #e8eaed}.table-panel .table-panel-body .modern-table :deep(.el-table__row){transition:all .3s ease}.table-panel .table-panel-body .modern-table :deep(.el-table__row):hover{background-color:#f5f7fa!important}.table-panel .table-panel-body .modern-table :deep(.el-table__row).el-table__row--striped{background-color:#fafbfc}.table-panel .table-panel-body .modern-table :deep(.el-table__body){font-size:14px}.ticket-info-cell{display:flex;align-items:center;gap:12px;padding:8px 0}.ticket-info-cell .ticket-avatar{width:42px;height:42px;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0}.ticket-info-cell .ticket-details{min-width:0;flex:1}.ticket-info-cell .ticket-details .ticket-name{font-weight:600;color:#303133;font-size:15px;line-height:1.4;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-info-cell .ticket-details .car-number{color:#409eff;font-size:13px;font-weight:500;line-height:1.4;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-info-cell .ticket-details .park-name{color:#909399;font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.owner-info-cell{display:flex;align-items:center;gap:12px;padding:8px 0}.owner-info-cell .owner-avatar{width:38px;height:38px;background:linear-gradient(45deg,#409eff,#6b9eff);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.owner-info-cell .owner-details{min-width:0;flex:1}.owner-info-cell .owner-details .owner-name{font-weight:600;color:#303133;font-size:14px;line-height:1.4;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.owner-info-cell .owner-details .owner-phone{color:#909399;font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.validity-info-cell{padding:8px 4px}.validity-info-cell .validity-periods{margin-bottom:8px}.validity-info-cell .validity-periods .validity-period-item{margin-bottom:4px;padding:6px 8px;border-radius:6px;background:linear-gradient(45deg,#f0f9ff,#e0f2fe);border:1px solid #b3e5fc;transition:all .3s ease;position:relative}.validity-info-cell .validity-periods .validity-period-item .period-date{font-size:12px;font-weight:500;color:#0369a1;line-height:1.3;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.validity-info-cell .validity-periods .validity-period-item .period-status{font-size:10px;font-weight:600;text-align:center;padding:1px 4px;border-radius:3px}.validity-info-cell .validity-periods .validity-period-item .period-status.expired-tag{background:#fecaca;color:#dc2626}.validity-info-cell .validity-periods .validity-period-item .period-status.active-tag{background:#bbf7d0;color:#16a34a}.validity-info-cell .validity-periods .validity-period-item .period-status.future-tag{background:#fde68a;color:#d97706}.validity-info-cell .validity-periods .validity-period-item.expired{background:linear-gradient(45deg,#fef2f2,#fee2e2);border-color:#fca5a5}.validity-info-cell .validity-periods .validity-period-item.expired .period-date{color:#dc2626}.validity-info-cell .validity-periods .validity-period-item.active{background:linear-gradient(45deg,#f0fdf4,#dcfce7);border-color:#86efac}.validity-info-cell .validity-periods .validity-period-item.active .period-date{color:#16a34a}.validity-info-cell .validity-periods .validity-period-item:not(.expired):not(.active){background:linear-gradient(45deg,#fffbeb,#fef3c7);border-color:#fbbf24}.validity-info-cell .validity-periods .validity-period-item:not(.expired):not(.active) .period-date{color:#d97706}.validity-info-cell .validity-periods .validity-period-item:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.validity-info-cell .validity-periods .no-valid-period{padding:8px 12px;border-radius:6px;background:linear-gradient(45deg,#f9fafb,#f3f4f6);border:1px solid #d1d5db;color:#6b7280;font-size:12px;font-style:italic;text-align:center}.validity-info-cell .status-tag{border-radius:12px;font-size:11px;font-weight:500;display:block;margin:0 auto;width:-moz-fit-content;width:fit-content}.remark-info-cell .remark-item{margin-bottom:4px;font-size:13px;line-height:1.4}.remark-info-cell .remark-item .remark-label{color:#909399;font-size:12px}.remark-info-cell .remark-item .remark-content{color:#303133;font-weight:500}.remark-info-cell .no-remark{color:#c0c4cc;font-size:12px;font-style:italic;text-align:center}.action-buttons{display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap;padding:0 4px}.action-buttons .action-btn-blacklist,.action-buttons .action-btn-more,.action-buttons .action-btn-view{padding:5px 10px;border-radius:6px;font-size:12px;font-weight:500;min-width:60px;height:30px;line-height:20px;transition:all .3s ease;border:1px solid transparent;white-space:nowrap}.action-buttons .action-btn-blacklist:hover,.action-buttons .action-btn-more:hover,.action-buttons .action-btn-view:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.action-buttons .action-btn-view{background:linear-gradient(45deg,#409eff,#6b9eff);color:#fff;border:none}.action-buttons .action-btn-view:hover{background:linear-gradient(45deg,#337ecc,#5a8dff)}.action-buttons .action-btn-blacklist{background:linear-gradient(45deg,#f56565,#fc8181);color:#fff;border:none;min-width:70px}.action-buttons .action-btn-blacklist:hover{background:linear-gradient(45deg,#e53e3e,#f56565)}.action-buttons .action-btn-more{background:linear-gradient(45deg,#718096,#a0aec0);color:#fff;border:none}.action-buttons .action-btn-more:hover{background:linear-gradient(45deg,#4a5568,#718096)}.action-buttons .action-dropdown :deep(.el-dropdown-menu){border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);border:1px solid #e8eaed}.action-buttons .action-dropdown :deep(.el-dropdown-menu) .el-dropdown-menu__item{padding:8px 16px;font-size:13px}.action-buttons .action-dropdown :deep(.el-dropdown-menu) .el-dropdown-menu__item:hover{background-color:#f5f7fa;color:#409eff}.pagination{display:flex;justify-content:center;padding:24px 0}.pagination :deep(.el-pagination){font-size:14px}.pagination :deep(.el-pagination) .el-pager li{border-radius:6px;margin:0 2px;font-size:14px}.pagination :deep(.el-pagination) .el-pager li.is-active{background:linear-gradient(45deg,#409eff,#6b9eff);border:none}.pagination :deep(.el-pagination) .btn-next,.pagination :deep(.el-pagination) .btn-prev{border-radius:6px;font-size:14px}.pagination :deep(.el-pagination) .el-pagination__jump,.pagination :deep(.el-pagination) .el-pagination__sizes,.pagination :deep(.el-pagination) .el-pagination__total{font-size:14px}@media(max-width:1024px){.container{padding:0 16px}.page-header{padding:20px 16px}.page-header .page-header-content{flex-direction:column;gap:16px;align-items:flex-start}.page-header .page-actions{width:100%;justify-content:flex-end}}@media(max-width:768px){.search-panel{padding:12px 16px}.search-panel .search-form .search-row{flex-direction:column;align-items:stretch;gap:8px}.search-panel .search-form .search-row .search-item{min-width:auto}.search-panel .search-form .search-row .search-item .search-input,.search-panel .search-form .search-row .search-item .search-select{width:100%}.search-panel .search-form .search-row .search-actions{margin-left:0;justify-content:center;margin-top:8px}.search-panel .expanded-search-row .search-row-grid{grid-template-columns:1fr;gap:6px}.table-panel .table-panel-header{padding:16px}.page-header .page-title{flex-direction:column;align-items:flex-start;gap:12px}.page-header .page-actions{justify-content:flex-start}.action-buttons{gap:4px}.action-buttons .action-btn-blacklist,.action-buttons .action-btn-more,.action-buttons .action-btn-view{padding:4px 6px;font-size:11px;min-width:45px;height:26px}.action-buttons .action-btn-blacklist{min-width:55px}}