.period-options select{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid #e0e0e0;border-radius:var(--border-radius-md);font-size:var(--font-size-md);color:#000000b3;background:#fafafa;cursor:pointer;font-family:var(--font-family-primary);transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right var(--spacing-lg) center;background-size:16px}.period-options select{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid #e0e0e0;border-radius:var(--border-radius-md);font-size:var(--font-size-md);color:#000000b3;background:#fafafa;cursor:pointer;font-family:var(--font-family-primary);transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right var(--spacing-lg) center;background-size:16px}:root{--font-family-primary: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "SimHei", "黑体", sans-serif;--font-family-banner: "DingTalk JinBuTi", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "SimHei", "黑体", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-xxl: 32px;--border-radius-sm: 8px;--border-radius-md: 16px;--border-radius-lg: 24px;--border-radius-xl: 40px;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 29px;--line-height-sm: 20px;--line-height-md: 24px;--line-height-lg: 26px;--container-width: 100%;--max-width: 393px;--content-width: 361px}@media screen and (max-width: 360px){:root{--spacing-xs: 3px;--spacing-sm: 6px;--spacing-md: 10px;--spacing-lg: 14px;--spacing-xl: 20px;--spacing-xxl: 28px;--font-size-xs: 9px;--font-size-sm: 11px;--font-size-base: 13px;--font-size-md: 15px;--font-size-lg: 17px;--font-size-xl: 26px;--max-width: 360px;--content-width: 330px}}@media screen and (min-width: 361px) and (max-width: 390px){:root{--max-width: 375px;--content-width: 345px}}@media screen and (min-width: 391px) and (max-width: 414px){:root{--max-width: 414px;--content-width: 380px}}@media screen and (min-width: 415px){:root{--max-width: 430px;--content-width: 398px}}@media screen and (min-width: 768px) and (max-width: 1024px){:root{--spacing-xs: 6px;--spacing-sm: 12px;--spacing-md: 18px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 40px;--border-radius-sm: 12px;--border-radius-md: 20px;--border-radius-lg: 28px;--border-radius-xl: 48px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-md: 18px;--font-size-lg: 20px;--font-size-xl: 32px;--line-height-sm: 24px;--line-height-md: 28px;--line-height-lg: 30px;--max-width: 768px;--content-width: 700px}}@media screen and (min-width: 1025px) and (max-width: 1366px){:root{--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 20px;--spacing-lg: 28px;--spacing-xl: 36px;--spacing-xxl: 48px;--border-radius-sm: 14px;--border-radius-md: 24px;--border-radius-lg: 32px;--border-radius-xl: 56px;--font-size-xs: 14px;--font-size-sm: 16px;--font-size-base: 18px;--font-size-md: 20px;--font-size-lg: 22px;--font-size-xl: 36px;--line-height-sm: 28px;--line-height-md: 32px;--line-height-lg: 34px;--max-width: 1024px;--content-width: 940px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;font-family:var(--font-family-primary)}.loading-spinner{width:2.5rem;height:2.5rem;border:.25rem solid rgba(0,0,0,.1);border-left-color:#37abff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-lg)}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:var(--font-size-sm);color:#0009}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;font-family:var(--font-family-primary);padding:var(--spacing-lg)}.error-message{font-size:var(--font-size-sm);color:#f24237;margin-bottom:var(--spacing-lg);text-align:center}.retry-btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-sm);background-color:#37abff;color:#fff;font-size:var(--font-size-sm);cursor:pointer;font-family:var(--font-family-primary)}.retry-btn:hover{background-color:#1a8fff}.container{width:var(--container-width);max-width:var(--max-width);min-height:120rem;position:relative;background:linear-gradient(170.01deg,#f4ffdc,#edf8ff 52.4%,#d6ffff);overflow:hidden;text-align:center;font-size:var(--font-size-xl);color:#000000e6;font-family:var(--font-family-primary);margin:0 auto;padding-top:0}.banner{position:relative;margin:0 auto;border-radius:0 0 var(--border-radius-xl) var(--border-radius-xl);width:100%;max-width:var(--max-width);height:10rem;overflow:hidden;color:#3a88bc;font-family:var(--font-family-banner);z-index:1;margin-top:-1rem}.banner-image{position:absolute;top:-.125rem;left:0;width:100%;height:10.3125rem;object-fit:cover;flex-shrink:0}.banner-text{position:absolute;top:1.6875rem;left:2.25rem;text-shadow:.1875rem 0 0 #fff,0 .1875rem 0 #fff,-.1875rem 0 0 #fff,0 -.1875rem 0 #fff;flex-shrink:0}.navbar{position:relative;margin:0 auto;background-color:#fff;width:100%;max-width:var(--max-width);height:3rem;overflow:visible;font-size:var(--font-size-lg);z-index:100;box-shadow:0 2px 8px #0000001a}.navbar-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:var(--line-height-lg);font-weight:600;width:min(18rem,calc(100% - 3rem))}.calculator-select{overflow:visible}.calculator-select-trigger{width:100%;height:2.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:0 1rem 0 1.25rem;border:1px solid rgba(55,171,255,.38);border-radius:1.25rem;outline:none;color:#25364a;background:linear-gradient(180deg,#fff,#f4f9ff);font-size:var(--font-size-md);font-weight:600;font-family:inherit;cursor:pointer;box-shadow:0 .1875rem .75rem #2a7ec01f;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.calculator-select-trigger:hover,.calculator-select-trigger:focus-visible,.calculator-select-trigger.is-open{border-color:#37abff;box-shadow:0 0 0 .1875rem #37abff1f,0 .375rem 1rem #2a7ec029}.calculator-select-trigger:active{transform:translateY(1px)}.calculator-select-trigger:disabled{color:#999;cursor:not-allowed;box-shadow:none}.calculator-select-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calculator-select-arrow{width:.5rem;height:.5rem;flex:0 0 auto;border-right:.125rem solid #5d7185;border-bottom:.125rem solid #5d7185;transform:rotate(45deg) translateY(-.125rem);transition:transform .18s ease}.calculator-select-trigger.is-open .calculator-select-arrow{transform:rotate(225deg) translate(-.125rem,-.125rem)}.calculator-select-menu{position:absolute;top:calc(100% + .5rem);left:0;right:0;padding:.375rem;border:1px solid rgba(55,171,255,.2);border-radius:.875rem;background:#fffffffa;box-shadow:0 .75rem 2rem #204a7033;overflow:hidden;z-index:1000}.calculator-select-option{width:100%;min-height:2.75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .875rem;border:0;border-radius:.625rem;color:#34495e;background:transparent;font-size:var(--font-size-md);font-family:inherit;text-align:left;cursor:pointer;transition:color .15s ease,background-color .15s ease}.calculator-select-option:hover,.calculator-select-option:focus-visible{outline:none;color:#1677c8;background:#eef7ff}.calculator-select-option.is-selected{color:#1677c8;font-weight:600;background:linear-gradient(90deg,#e8f5ff,#f4faff)}.calculator-select-check{width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;color:#fff;background:#37abff;font-size:.75rem}.calculator-dropdown-enter-active,.calculator-dropdown-leave-active{transition:opacity .15s ease,transform .15s ease;transform-origin:top center}.calculator-dropdown-enter-from,.calculator-dropdown-leave-to{opacity:0;transform:translateY(-.375rem) scale(.98)}.back-icon{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);width:1.5rem;height:1.5rem}.input-container{position:relative;margin:0 auto;box-shadow:0 135px 38px #4da44c00,0 86px 35px #4da44c03,0 49px 29px #4da44c05,0 22px 22px #4da44c0a,0 5px 12px #4da44c0d;border-radius:var(--border-radius-lg);background-color:#fff;width:var(--content-width);max-width:calc(100% - 2rem);display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-xl);box-sizing:border-box;gap:var(--spacing-xl);text-align:left;font-size:var(--font-size-base);z-index:10;margin-top:-2.2rem}.input-group{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-lg)}.input-wrapper{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start}.input-label{width:100%;display:flex;align-items:center;padding:0 0 var(--spacing-sm) .25rem;box-sizing:border-box;flex-shrink:0}.label-text{position:relative;line-height:var(--line-height-sm);font-size:var(--font-size-md)}.input-box{align-self:stretch;border-radius:var(--border-radius-md);background-color:#f4f4f5;border:1px solid #dcdcdc;overflow:hidden;display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-sm);flex-shrink:0;font-size:var(--font-size-md);color:#0006}.input-box input{border:none;outline:none;flex:1;background:transparent;font-size:var(--font-size-md);font-family:var(--font-family-primary);color:#000000b3}.input-box input::placeholder{color:#0006}.input-box input:focus{color:#000000e6}.clear-icon{height:1.5rem;width:1.5rem;position:relative;cursor:pointer}.arrow-icon{height:1.5rem;width:1.5rem;position:relative}.input-hint{width:100%;display:flex;align-items:center;padding:var(--spacing-sm) 0 0 .25rem;box-sizing:border-box;flex-shrink:0;font-size:var(--font-size-sm);color:#366ef4}.hint-text{position:relative;line-height:var(--line-height-sm)}.confirm-button{align-self:stretch;border-radius:var(--border-radius-md);background-color:#37abff;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md) 1.25rem;text-align:center;font-size:var(--font-size-md);color:#fff;z-index:11;cursor:pointer}.confirm-button:hover{background-color:#1a8fff}.confirm-button-text{position:relative;line-height:var(--line-height-md);font-weight:600;cursor:pointer}.period-options{width:100%;display:flex;align-items:center}.period-options select{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid #e0e0e0;border-radius:var(--border-radius-md);font-size:var(--font-size-md);color:#000000b3;background:#fafafa;cursor:pointer;font-family:var(--font-family-primary);transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right var(--spacing-lg) center;background-size:16px}.period-options select:focus{outline:none;border-color:#37abff;background-color:#fff}.period-options select.has-error{border-color:#f24237!important;background-color:#fff1f0!important}.payment-schedule-wrapper{position:relative;margin-top:1.5rem;width:100%;display:flex;justify-content:center}.payment-schedule{position:relative;top:auto;left:auto;transform:none;box-shadow:0 135px 38px #4da44c00,0 86px 35px #4da44c03,0 49px 29px #4da44c05,0 22px 22px #4da44c0a,0 5px 12px #4da44c0d;border-radius:var(--border-radius-lg);background-color:#fff;width:var(--content-width);max-width:calc(100% - 2rem);display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-xl);box-sizing:border-box;gap:var(--spacing-xl);font-size:var(--font-size-lg);z-index:12}.schedule-title{align-self:stretch;position:relative;line-height:var(--line-height-lg);font-weight:500}.schedule-table{align-self:stretch;border-radius:var(--border-radius-md);display:flex;flex-direction:column;align-items:flex-start;font-size:var(--font-size-md)}.table-header{align-self:stretch;height:3.5rem;display:flex;align-items:flex-start;font-size:var(--font-size-md)}.header-cell{align-self:stretch;flex:1;background-color:#f8f8f8;border:.5px solid #e7e7e7;display:flex;align-items:center;justify-content:center}.cell-text{position:relative;line-height:var(--line-height-md)}.header-cell.period-cell,.cell.period-cell,.cell-alt.period-cell{flex:.8}.header-cell.date-cell,.cell.date-cell,.cell-alt.date-cell{flex:1.2}.header-cell.amount-cell,.cell.amount-cell,.cell-alt.amount-cell,.cell-discount.amount-cell,.cell-alt-discount.amount-cell{flex:1}.table-row{align-self:stretch;display:flex;align-items:flex-start}.cell{height:2.5rem;flex:1;background-color:#fff;border:.5px solid #e7e7e7;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.cell-alt{height:2.5rem;flex:1;background-color:#f8f8f8;border:.5px solid #e7e7e7;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.cell-discount{height:2.5rem;flex:1;background-color:#fff;border:.5px solid #e7e7e7;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.cell-alt-discount{height:2.5rem;flex:1;background-color:#f8f8f8;border:.5px solid #e7e7e7;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.discount-icon{height:1rem;width:1rem;position:relative;font-size:var(--font-size-xs);color:#fff}.discount-image{position:absolute;top:0;left:0;width:1rem;height:1rem;object-fit:cover}.discount-badge{position:absolute;top:.1875rem;left:.198125rem;background-color:#f24237;width:.625rem;height:.625rem}.discount-text{position:absolute;top:.0625rem;left:.198125rem}.table-footer{align-self:stretch;background-color:#37abff;display:flex;align-items:flex-start;font-size:var(--font-size-md);color:#fff}.footer-label{height:2.5rem;flex:1;background-color:#37abff;border-top:.5px solid #e7e7e7;border-bottom:.5px solid #e7e7e7;border-left:.5px solid #e7e7e7;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.footer-text{flex:1;position:relative;line-height:var(--line-height-md);font-weight:500}.footer-value{height:2.5rem;flex:2;background-color:#37abff;border-top:.5px solid #e7e7e7;border-right:.5px solid #e7e7e7;border-bottom:.5px solid #e7e7e7;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.footer-discount{height:1rem;width:1rem;position:relative;font-size:var(--font-size-xs)}.footer-slogan{align-self:stretch;position:relative;line-height:var(--line-height-md);font-weight:600;color:#0090f9}.input-box.has-error{border-color:#f24237!important}@media screen and (max-width: 360px){.container{min-height:100rem}.banner{height:8.75rem}.banner-image{height:9rem}.banner-text{top:1.5rem;left:1.75rem}.input-container{margin-top:-2.2rem}.payment-schedule-wrapper{margin-top:1.25rem}}@media screen and (min-width: 361px) and (max-width: 390px){.container{min-height:105rem}.input-container{margin-top:-2.2rem}.payment-schedule-wrapper{margin-top:1.375rem}}@media screen and (min-width: 391px) and (max-width: 414px){.container{min-height:110rem}.input-container{margin-top:-2.2rem}.payment-schedule-wrapper{margin-top:1.5rem}}@media screen and (min-width: 415px){.container{min-height:115rem}.input-container{margin-top:-2.2rem}.payment-schedule-wrapper{margin-top:1.5rem}}@media screen and (min-width: 768px) and (max-width: 1024px){.container{min-height:90rem}.banner{height:12rem}.banner-image{height:12.5rem}.banner-text{top:2rem;left:3rem;font-size:2rem}.input-container{margin-top:-2.2rem}.payment-schedule-wrapper{margin-top:1.75rem}}@media screen and (min-width: 1025px) and (max-width: 1366px){.container{min-height:85rem}.banner{height:14rem}.banner-image{height:14.5rem}.banner-text{top:2.5rem;left:4rem;font-size:2.25rem}.input-container{margin-top:-2.2rem}.payment-schedule-wrapper{margin-top:2rem}}