.wrapper[data-v-c88ee576]{width:100%;background:linear-gradient(180deg,#f0f2f5,#fafbfc 50%,#fff);padding:20px;min-height:calc(100vh - 84px);position:relative}.wrapper[data-v-c88ee576]:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(135deg,rgba(64,158,255,.05),rgba(102,177,255,.02));pointer-events:none;z-index:0}.page-header[data-v-c88ee576]{margin-bottom:20px;position:relative;z-index:1}.page-header .header-content[data-v-c88ee576]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.06);border:1px solid hsla(0,0%,100%,.8);backdrop-filter:blur(10px)}.page-header .page-title[data-v-c88ee576]{margin:0;font-size:24px;font-weight:700;color:#1a1e25;display:flex;align-items:center;gap:12px;letter-spacing:-.5px}.page-header .page-title .title-icon[data-v-c88ee576]{font-size:28px;background:linear-gradient(135deg,#409eff,#66b1ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-header-title[data-v-c88ee576]{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#303133;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f0f2f5}.card-header-title i[data-v-c88ee576]{font-size:18px;color:#409eff}.form-card[data-v-c88ee576]{margin-bottom:20px;border-radius:16px;border:none;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;overflow:hidden;max-width:800px}.form-card[data-v-c88ee576]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#409eff,#66b1ff 50%,#85c1ff)}.form-card[data-v-c88ee576]:hover{box-shadow:0 8px 28px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.06);transform:translateY(-2px)}.form-card[data-v-c88ee576] .el-card__body{padding:24px 28px}.form-card .calculate-form .el-form-item[data-v-c88ee576]{margin-bottom:24px}.form-card .calculate-form .el-form-item .el-form-item__label[data-v-c88ee576]{color:#303133;font-weight:600;letter-spacing:.3px;font-size:14px;position:relative}.form-card .calculate-form .el-form-item .el-form-item__label[data-v-c88ee576]:after{content:":";margin-left:2px;color:#909399}.form-card .calculate-form .el-form-item .form-input-number[data-v-c88ee576]{width:300px}.form-card .calculate-form .el-form-item .form-input-number[data-v-c88ee576] .el-input__inner{border-radius:10px;height:42px;line-height:42px;border:1.5px solid #e4e7ed;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fafbfc;font-size:14px;text-align:left;padding-left:15px}.form-card .calculate-form .el-form-item .form-input-number[data-v-c88ee576] .el-input__inner:hover{border-color:#c0c4cc;background:#fff}.form-card .calculate-form .el-form-item .form-input-number[data-v-c88ee576] .el-input__inner:focus{border-color:#409eff;box-shadow:0 0 0 3px rgba(64,158,255,.15);background:#fff}.form-card .calculate-form .el-form-item .form-select[data-v-c88ee576]{width:300px}.form-card .calculate-form .el-form-item .form-select[data-v-c88ee576] .el-input__inner{border-radius:10px;height:42px;line-height:42px;border:1.5px solid #e4e7ed;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fafbfc;font-size:14px}.form-card .calculate-form .el-form-item .form-select[data-v-c88ee576] .el-input__inner:hover{border-color:#c0c4cc;background:#fff}.form-card .calculate-form .el-form-item .form-select[data-v-c88ee576] .el-input__inner:focus{border-color:#409eff;box-shadow:0 0 0 3px rgba(64,158,255,.15);background:#fff}.form-card .calculate-form .el-form-item .form-tip[data-v-c88ee576]{margin-left:12px;font-size:12px;color:#909399}.form-card .calculate-form .el-form-item .submit-btn[data-v-c88ee576]{border-radius:10px;padding:12px 32px;font-weight:600;font-size:14px;background:linear-gradient(135deg,#66b1ff,#409eff);border:none;box-shadow:0 4px 14px rgba(64,158,255,.35),0 2px 6px rgba(64,158,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.3px}.form-card .calculate-form .el-form-item .submit-btn[data-v-c88ee576]:hover:not(.is-loading){background:linear-gradient(135deg,#409eff,#337ecc);box-shadow:0 6px 20px rgba(64,158,255,.45),0 3px 8px rgba(64,158,255,.25);transform:translateY(-2px)}.form-card .calculate-form .el-form-item .submit-btn[data-v-c88ee576]:active:not(.is-loading){transform:translateY(0);box-shadow:0 2px 8px rgba(64,158,255,.3)}.result-card[data-v-c88ee576]{border-radius:16px;border:none;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;overflow:hidden;max-width:800px;animation:fadeInUp-c88ee576 .5s ease-out}.result-card[data-v-c88ee576]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#67c23a,#85ce61 50%,#95d475)}.result-card[data-v-c88ee576]:hover{box-shadow:0 8px 28px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.06);transform:translateY(-2px)}.result-card[data-v-c88ee576] .el-card__body{padding:24px 28px}.result-card .result-section[data-v-c88ee576]{margin-bottom:32px}.result-card .result-section[data-v-c88ee576]:last-child{margin-bottom:0}.result-card .result-section .section-title[data-v-c88ee576]{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#303133;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f0f2f5}.result-card .result-section .section-title i[data-v-c88ee576]{font-size:18px;color:#409eff}.result-card .result-section .overview-content[data-v-c88ee576]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.result-card .result-section .overview-content .overview-item[data-v-c88ee576]{padding:20px;background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border-radius:12px;border:1px solid #e4e7ed;transition:all .3s ease}.result-card .result-section .overview-content .overview-item[data-v-c88ee576]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:#409eff}.result-card .result-section .overview-content .overview-item .item-label[data-v-c88ee576]{font-size:13px;color:#909399;margin-bottom:8px;font-weight:500}.result-card .result-section .overview-content .overview-item .item-value[data-v-c88ee576]{font-size:20px;font-weight:700;color:#303133}.result-card .result-section .overview-content .overview-item .item-value.highlight[data-v-c88ee576]{color:#409eff;font-size:24px}.result-card .result-section .overview-content .overview-item .item-value.rate-value[data-v-c88ee576]{color:#67c23a}.result-card .result-section .bill-content[data-v-c88ee576]{background:linear-gradient(135deg,#fafbfc,#f5f7fa);border-radius:12px;padding:16px;border:1px solid #e4e7ed}.result-card .result-section .bill-content .bill-item[data-v-c88ee576]{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;margin-bottom:8px;background:#fff;border-radius:8px;border:1px solid #e4e7ed;transition:all .3s ease}.result-card .result-section .bill-content .bill-item[data-v-c88ee576]:last-child{margin-bottom:0}.result-card .result-section .bill-content .bill-item[data-v-c88ee576]:hover{border-color:#409eff;box-shadow:0 2px 8px rgba(64,158,255,.1);transform:translateX(4px)}.result-card .result-section .bill-content .bill-item.pre-pay[data-v-c88ee576]{opacity:.7;background:linear-gradient(135deg,#f5f7fa,#f0f2f5)}.result-card .result-section .bill-content .bill-item.pre-pay .bill-value[data-v-c88ee576]{text-decoration:line-through;color:#909399}.result-card .result-section .bill-content .bill-item .bill-label[data-v-c88ee576]{display:flex;align-items:center;gap:8px;font-size:14px;color:#606266;font-weight:500}.result-card .result-section .bill-content .bill-item .bill-label .prepay-tag[data-v-c88ee576]{margin:0;border-radius:4px;background:linear-gradient(135deg,#909399,#82848a);border:none;color:#fff;font-size:11px;padding:2px 6px}.result-card .result-section .bill-content .bill-item .bill-value[data-v-c88ee576]{font-size:16px;font-weight:600;color:#303133}.result-card .result-section .bill-content .bill-item .bill-value.prepay-value[data-v-c88ee576]{color:#909399}@keyframes fadeInUp-c88ee576{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1400px){.form-card[data-v-c88ee576],.result-card[data-v-c88ee576]{max-width:100%}}@media (max-width:768px){.wrapper[data-v-c88ee576]{padding:12px}.page-header .header-content[data-v-c88ee576]{padding:16px}.page-header .header-content .page-title[data-v-c88ee576]{font-size:20px}.form-card[data-v-c88ee576],.result-card[data-v-c88ee576]{border-radius:12px}.form-card[data-v-c88ee576] .el-card__body,.result-card[data-v-c88ee576] .el-card__body{padding:16px}.calculate-form .el-form-item .form-input-number[data-v-c88ee576],.calculate-form .el-form-item .form-select[data-v-c88ee576]{width:100%!important}.result-section .overview-content[data-v-c88ee576]{grid-template-columns:1fr}}