.packages[data-v-a42ea3ea]{padding:80px 20px 40px;max-width:1600px;margin:0 auto;position:relative;padding-top:120px}.page-header[data-v-a42ea3ea]{text-align:center;margin-bottom:40px;margin-top:0}.page-header h1[data-v-a42ea3ea]{font-size:2em;color:#2c3e50;margin-bottom:10px}.subtitle[data-v-a42ea3ea]{color:#666;font-size:1.1em}.package-list[data-v-a42ea3ea]{background:#fff;border-radius:10px;padding:30px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.05);box-shadow:0 2px 12px rgba(0,0,0,.05)}.package-name[data-v-a42ea3ea]{color:#2c3e50}.pagination[data-v-a42ea3ea]{margin-top:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.back-home-btn[data-v-a42ea3ea]{position:absolute;left:20px;top:120px;font-size:14px;z-index:1}@media (max-width:768px){.packages[data-v-a42ea3ea]{padding:60px 10px 20px;padding-top:140px}.page-header[data-v-a42ea3ea]{margin-top:0}.page-header h1[data-v-a42ea3ea]{font-size:1.6em}.subtitle[data-v-a42ea3ea]{font-size:.9em}.package-list[data-v-a42ea3ea]{margin:0 -10px;padding:15px;border-radius:0}.pagination[data-v-a42ea3ea]{padding:15px}.back-home-btn[data-v-a42ea3ea]{position:absolute;top:60px;left:10px;margin:0}[data-v-a42ea3ea] .el-table .el-table__cell{padding:12px 6px}[data-v-a42ea3ea] .el-table .name-column{min-width:auto}[data-v-a42ea3ea] .el-table{width:100%!important;font-size:14px}}[data-v-a42ea3ea] .el-table{border-radius:8px;overflow:hidden}[data-v-a42ea3ea] .el-table th{padding:12px 0;font-weight:500}[data-v-a42ea3ea] .el-table td{padding:16px 0}[data-v-a42ea3ea] .el-button--mini{padding:7px 15px}.search-box[data-v-a42ea3ea]{margin-bottom:20px}.search-box[data-v-a42ea3ea] .el-input{width:250px}.search-box[data-v-a42ea3ea] .el-input__inner{border-radius:20px}@media (max-width:768px){.search-box[data-v-a42ea3ea]{margin-bottom:15px}.search-box[data-v-a42ea3ea] .el-input{width:100%}}[data-v-a42ea3ea] .el-table .el-table__cell{padding:16px 8px}[data-v-a42ea3ea] .el-table .name-column{min-width:600px}[data-v-a42ea3ea] .el-table .count-column,[data-v-a42ea3ea] .el-table .size-column{min-width:150px}[data-v-a42ea3ea] .el-table .el-table__cell.name-column{min-width:600px!important}[data-v-a42ea3ea] .el-table .el-table__cell.count-column,[data-v-a42ea3ea] .el-table .el-table__cell.size-column{min-width:150px!important;width:150px!important}@media (max-width:768px){[data-v-a42ea3ea] .el-table .el-table__cell.name-column{min-width:auto!important}}.packages-mobile[data-v-a42ea3ea]{padding:60px 0 20px;background:#f5f7fa;min-height:100vh;-webkit-animation:fadeIn-a42ea3ea .3s ease-out;animation:fadeIn-a42ea3ea .3s ease-out}.mobile-header[data-v-a42ea3ea]{background:#fff;padding:20px 15px;text-align:center;margin-bottom:10px}.mobile-header h1[data-v-a42ea3ea]{font-size:20px;margin:0 0 8px;color:#333}.mobile-header .subtitle[data-v-a42ea3ea]{font-size:14px;color:#666;margin:0}.mobile-search[data-v-a42ea3ea]{padding:10px 15px;background:#fff;margin-bottom:10px}.mobile-search[data-v-a42ea3ea] .el-input__inner{border-radius:20px;-webkit-transition:all .3s ease;transition:all .3s ease}.mobile-search[data-v-a42ea3ea] .el-input__inner:focus{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.mobile-package-list[data-v-a42ea3ea]{padding:0 10px}.package-item[data-v-a42ea3ea]{background:#fff;border-radius:8px;padding:15px;margin-bottom:10px;position:relative;-webkit-animation:scaleIn-a42ea3ea .3s ease-out;animation:scaleIn-a42ea3ea .3s ease-out;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}.package-item[data-v-a42ea3ea]:active{-webkit-transform:scale(.98);transform:scale(.98);background:#f9f9f9}.package-info[data-v-a42ea3ea]{padding-right:60px}.package-name[data-v-a42ea3ea]{font-size:15px;font-weight:500;color:#333;margin-bottom:8px;line-height:1.4}.package-meta[data-v-a42ea3ea]{gap:10px;margin-bottom:8px}.count-tag[data-v-a42ea3ea],.package-meta[data-v-a42ea3ea],.size-tag[data-v-a42ea3ea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.count-tag[data-v-a42ea3ea],.size-tag[data-v-a42ea3ea]{gap:4px;font-size:12px;color:#666;background:#f5f7fa;padding:2px 8px;border-radius:4px}.package-desc[data-v-a42ea3ea]{font-size:12px;color:#999;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.package-action[data-v-a42ea3ea]{position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2}@-webkit-keyframes fadeIn-a42ea3ea{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn-a42ea3ea{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes scaleIn-a42ea3ea{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scaleIn-a42ea3ea{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@media (max-width:375px){.mobile-header h1[data-v-a42ea3ea]{font-size:18px}.mobile-header .subtitle[data-v-a42ea3ea]{font-size:13px}.package-name[data-v-a42ea3ea]{font-size:14px}.package-item[data-v-a42ea3ea]{padding:12px}}@media (prefers-reduced-motion:reduce){[data-v-a42ea3ea]{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-transition-duration:.01ms!important;transition-duration:.01ms!important}}.mobile-pagination[data-v-a42ea3ea]{padding:15px;background:#fff;position:sticky;bottom:0;left:0;right:0;z-index:10;-webkit-box-shadow:0 -2px 10px rgba(0,0,0,.05);box-shadow:0 -2px 10px rgba(0,0,0,.05)}.mobile-pagination[data-v-a42ea3ea] .el-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.mobile-pagination[data-v-a42ea3ea] .el-pagination button{background:transparent}.mobile-pagination[data-v-a42ea3ea] .el-pager li{border:none;background:transparent}.mobile-pagination[data-v-a42ea3ea] .el-pager li.active{color:#409eff;font-weight:700}