.annual-car-usage-cost{border-radius:calc(16 * var(--unit));padding:calc(12 * var(--unit));padding-bottom:calc(32 * var(--unit));background:#fff}.annual-car-usage-cost .header{margin-bottom:calc(24 * var(--unit));justify-content:space-between;align-items:center;display:flex}.annual-car-usage-cost .title{color:#303741;font-family:PingFang SC;font-size:calc(18 * var(--unit));font-style:normal;font-weight:600;line-height:calc(18 * var(--unit));margin-top:calc(10 * var(--unit))}.annual-car-usage-cost .link{padding:calc(12 * var(--unit));border-radius:calc(8 * var(--unit));margin-top:calc(16 * var(--unit));background:#f5f7fa;justify-content:space-between;align-items:center;display:flex}.annual-car-usage-cost .link .question-wrapper{align-items:center;gap:calc(4 * var(--unit));display:flex}.annual-car-usage-cost .link .question-wrapper .question-icon{width:calc(20 * var(--unit));height:calc(20 * var(--unit))}.annual-car-usage-cost .link .question{font-family:PingFang SC,sans-serif;font-size:calc(13 * var(--unit));line-height:calc(13 * var(--unit));color:#303741}.annual-car-usage-cost .link .action{cursor:pointer;align-items:center;display:flex}.annual-car-usage-cost .link .action:hover{opacity:.8}.annual-car-usage-cost .link .action .action-text{font-family:PingFang SC,sans-serif;font-size:calc(13 * var(--unit));font-weight:600;line-height:calc(13 * var(--unit));color:#009b3f}.annual-car-usage-cost .link .action .arrow-icon{width:calc(14 * var(--unit));height:calc(20 * var(--unit))}.annual-car-usage-cost .content{display:flex;position:relative}.annual-car-usage-cost .content .table-wrapper{grid-template-columns:1fr calc(200 * var(--unit)) 1fr;justify-content:center;align-items:flex-end;width:100%;display:grid}.annual-car-usage-cost .content .table-wrapper .left-column,.annual-car-usage-cost .content .table-wrapper .right-column{border:calc(.6 * var(--unit)) solid #c5d1d8;border-radius:calc(8 * var(--unit)) 0 0 calc(8 * var(--unit));box-sizing:border-box;align-items:flex-end;width:100%;display:flex;overflow:hidden}.annual-car-usage-cost .content .table-wrapper .left-column table,.annual-car-usage-cost .content .table-wrapper .right-column table{border-collapse:collapse;width:100%}.annual-car-usage-cost .content .table-wrapper .left-column th,.annual-car-usage-cost .content .table-wrapper .left-column td,.annual-car-usage-cost .content .table-wrapper .right-column th,.annual-car-usage-cost .content .table-wrapper .right-column td{height:calc(52 * var(--unit));padding:0 calc(12 * var(--unit));text-align:left;font-family:PingFang SC,sans-serif}.annual-car-usage-cost .content .table-wrapper .left-column th.desc-cell,.annual-car-usage-cost .content .table-wrapper .left-column td.desc-cell,.annual-car-usage-cost .content .table-wrapper .right-column th.desc-cell,.annual-car-usage-cost .content .table-wrapper .right-column td.desc-cell{text-align:center;color:#8f96a0}.annual-car-usage-cost .content .table-wrapper .left-column th,.annual-car-usage-cost .content .table-wrapper .right-column th{text-align:center;color:#000;font-weight:600;font-size:calc(12 * var(--unit));font-style:normal;line-height:calc(18 * var(--unit));background:linear-gradient(#8297ad3d 0%,#ffffff3d 141.35%),#fff}.annual-car-usage-cost .content .table-wrapper .left-column td,.annual-car-usage-cost .content .table-wrapper .right-column td{font-weight:500;line-height:calc(20 * var(--unit));color:#8f96a0;font-size:calc(11 * var(--unit));font-style:normal;line-height:calc(18 * var(--unit));background:#fff}.annual-car-usage-cost .content .table-wrapper .left-column td:nth-child(odd),.annual-car-usage-cost .content .table-wrapper .right-column td:nth-child(odd),.annual-car-usage-cost .content .table-wrapper .left-column tbody tr:nth-child(2n) td,.annual-car-usage-cost .content .table-wrapper .right-column tbody tr:nth-child(2n) td{background:#fff}.annual-car-usage-cost .content .table-wrapper .left-column tbody tr:nth-child(odd) td,.annual-car-usage-cost .content .table-wrapper .right-column tbody tr:nth-child(odd) td{background:#e8fbf599}.annual-car-usage-cost .content .table-wrapper .left-column{border-right:0}.annual-car-usage-cost .content .table-wrapper .right-column{border-radius:0 calc(8 * var(--unit)) calc(8 * var(--unit)) 0;border-left:0}.annual-car-usage-cost .content .table-wrapper .right-column th,.annual-car-usage-cost .content .table-wrapper .right-column td{text-align:center}.annual-car-usage-cost .content .table-wrapper .right-column td{font-weight:500;line-height:calc(20 * var(--unit));color:#000;font-family:PingFang SC;font-size:calc(11 * var(--unit));font-style:normal;font-weight:500;line-height:calc(18 * var(--unit));background:#e8fbf599}.annual-car-usage-cost .content .table-wrapper .right-column td.desc-cell{text-align:center;color:#8f96a0}.annual-car-usage-cost .content .table-wrapper .center-column{padding-top:calc(16 * var(--unit));box-sizing:border-box;-webkit-backdrop-filter:blur(calc(10 * var(--unit)));backdrop-filter:blur(calc(10 * var(--unit)));border-radius:calc(14 * var(--unit));border:calc(.5 * var(--unit)) solid #00ca9f;box-shadow:calc(12 * var(--unit)) calc(0 * var(--unit)) calc(16 * var(--unit)) calc(0 * var(--unit)) #1a867f1f;z-index:2;margin-bottom:calc(-8 * var(--unit));background:linear-gradient(-.000001deg,#008c996b 0%,#00b99157 58%,#00dac457 100%),linear-gradient(90deg,#009b3f1a 0% 100%);position:relative}.annual-car-usage-cost .content .table-wrapper .center-column .car-image-wrapper{margin-top:calc(-44 * var(--unit));z-index:3;justify-content:center;padding-top:0;display:flex;position:relative}.annual-car-usage-cost .content .table-wrapper .center-column .car-image-wrapper .car-image{width:calc(132 * var(--unit));height:calc(56.198 * var(--unit));aspect-ratio:101/43;-o-object-fit:contain;object-fit:contain}.annual-car-usage-cost .content .table-wrapper .center-column .current-car-tag{margin-top:calc(10 * var(--unit));margin-bottom:calc(10 * var(--unit));justify-content:center;display:flex}.annual-car-usage-cost .content .table-wrapper .center-column .current-car-tag span{padding:calc(4 * var(--unit)) calc(8 * var(--unit));border-radius:calc(8 * var(--unit));color:#0c2337;font-family:PingFang SC,sans-serif;font-size:calc(12 * var(--unit));font-style:normal;font-weight:600;line-height:calc(18 * var(--unit));background:#fff}.annual-car-usage-cost .content .table-wrapper .center-column .car-name{color:#303741;text-align:left;padding:0 calc(20 * var(--unit));margin:0 0 calc(16 * var(--unit)) 0;font-family:PingFang SC,sans-serif;font-size:calc(11 * var(--unit));font-style:normal;font-weight:600;line-height:calc(18 * var(--unit));min-height:calc(36 * var(--unit));text-align:center}.annual-car-usage-cost .content .table-wrapper .center-column .info-table-wrapper{border:calc(1 * var(--unit)) solid #fff;border-radius:calc(10 * var(--unit));margin:0 calc(5 * var(--unit)) calc(5 * var(--unit)) calc(5 * var(--unit));background:linear-gradient(#ffffffa8 0%,#ffffffe6 13%,#fff 29% 100%);overflow:hidden}.annual-car-usage-cost .content .table-wrapper .center-column table{border-collapse:collapse;width:100%}.annual-car-usage-cost .content .table-wrapper .center-column th,.annual-car-usage-cost .content .table-wrapper .center-column td{height:calc(52 * var(--unit));padding:0 calc(16 * var(--unit));text-align:center}.annual-car-usage-cost .content .table-wrapper .center-column tbody tr:nth-child(2n) td{background:#e8fbf5}.annual-car-usage-cost .content .table-wrapper .center-column tbody tr:last-child td{border-radius:0 0 calc(7 * var(--unit)) calc(7 * var(--unit))}.annual-car-usage-cost .content .table-wrapper .center-column .price-cell{justify-content:center;align-items:center;gap:calc(4 * var(--unit));display:flex}.annual-car-usage-cost .content .table-wrapper .center-column .price-cell .price-value{color:#00998a;text-align:center;font-family:PingFang SC,sans-serif;font-size:calc(14 * var(--unit));font-style:normal;font-weight:600;line-height:calc(18 * var(--unit))}.annual-car-usage-cost .content .table-wrapper .center-column .price-cell .save-tag{padding:calc(2 * var(--unit)) calc(4 * var(--unit));border-radius:calc(4 * var(--unit));color:#fff;font-family:PingFang SC,sans-serif;font-size:calc(10 * var(--unit));font-style:normal;font-weight:500;line-height:calc(10 * var(--unit));justify-content:center;align-items:center;display:inline-flex}.annual-car-usage-cost .content .table-wrapper .center-column .price-cell .save-tag.primary{color:#fff;background:linear-gradient(90deg,#37e365 21%,#00c174 100%)}.annual-car-usage-cost .content .table-wrapper .center-column .price-cell .save-tag.secondary{border:calc(.5 * var(--unit)) solid #01bf62;color:#01bf62;background:0 0}
.car-ai-info{margin:calc(16 * var(--unit)) calc(8 * var(--unit)) 0;padding:calc(16 * var(--unit)) calc(12 * var(--unit));border-radius:calc(8 * var(--unit));background:linear-gradient(#ebf7f7 0%,#fff0 50%),linear-gradient(90deg,#fff 0% 100%)}.ai-header{align-items:center;gap:calc(3 * var(--unit));margin-bottom:calc(12 * var(--unit));display:flex}.ai-header__icon{width:calc(18 * var(--unit));height:calc(18 * var(--unit));flex-shrink:0;justify-content:center;align-items:center;display:flex}.ai-header__icon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.ai-header__title{font-size:calc(16 * var(--unit));font-weight:600;line-height:calc(16 * var(--unit));color:#303741}.ai-content{position:relative}.ai-content__quote{left:calc(0 * var(--unit));top:calc(0 * var(--unit));width:calc(18 * var(--unit));height:calc(20 * var(--unit));z-index:1;position:absolute}.ai-content__quote img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.ai-content__text{font-size:calc(14 * var(--unit));font-weight:400;line-height:calc(24 * var(--unit));color:#8f96a0;word-wrap:break-word;text-indent:calc(21 * var(--unit))}.ai-content__text p{margin:0}.ai-content__highlight{color:#0c2337;font-weight:500}.ai-content__footer{right:calc(-4 * var(--unit));bottom:calc(4 * var(--unit));position:absolute}.ai-content__tag{font-size:calc(14 * var(--unit));font-weight:400;line-height:calc(24 * var(--unit));color:#8f96a080}.ai-content__end-quote{width:calc(18 * var(--unit));height:calc(20 * var(--unit));flex-shrink:0}.ai-content__end-quote img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}
.car-summary{width:100%;padding:calc(16 * var(--unit)) calc(16 * var(--unit)) calc(12 * var(--unit));background:#fff}.car-summary .summary-title{line-clamp:2;-webkit-line-clamp:2;font-family:"Alibaba PuHuiTi 2";font-size:calc(18 * var(--unit));color:#303741;-webkit-box-orient:vertical;font-weight:600;line-height:140%;display:-webkit-box;overflow:hidden}.car-summary .summary-tags{align-items:center;gap:calc(4 * var(--unit));margin:calc(12 * var(--unit)) 0 0;display:flex}.car-summary .summary-tags .tag{height:calc(18 * var(--unit));border-radius:calc(2 * var(--unit));color:#303741;padding:0 calc(4 * var(--unit));border:calc(.5 * var(--unit)) solid #d8dde6;font-family:"Alibaba PuHuiTi 2.0";font-weight:400;line-height:140%;font-size:calc(11 * var(--unit));flex-direction:row;justify-content:center;align-items:center;display:flex}.car-summary .summary-tags .tag-icon{width:auto;height:calc(18 * var(--unit))}.car-summary .summary-pricing .price-current,.car-summary .summary-pricing .price-current .price-now{align-items:baseline;display:flex}.car-summary .summary-pricing .price-current .price-now .value{font-family:D-DIN;font-size:calc(34 * var(--unit));font-weight:800;line-height:calc(34 * var(--unit));color:#ff4d18}.car-summary .summary-pricing .price-current .price-now .unit{font-family:"Alibaba PuHuiTi 2";font-size:calc(14 * var(--unit));font-weight:400;line-height:calc(14 * var(--unit));letter-spacing:calc(0 * var(--unit));color:#ff4d18}.car-summary .summary-pricing .price-current .price-now .value-disabled,.car-summary .summary-pricing .price-current .price-now .unit-disabled{color:#979bac}.car-summary .summary-pricing .price-current .price-ref{margin-left:calc(12 * var(--unit));font-family:"Alibaba PuHuiTi 2";font-size:calc(12 * var(--unit));font-weight:400;line-height:calc(12 * var(--unit));letter-spacing:calc(0 * var(--unit));color:#8f96a0}.car-summary .summary-pricing .price-finance{height:calc(20 * var(--unit));margin-top:calc(10 * var(--unit));font-family:"Alibaba PuHuiTi 2";font-size:calc(12 * var(--unit));font-weight:400;line-height:calc(12 * var(--unit));color:#a64d00}.car-summary .summary-section{box-sizing:border-box;width:100%;padding:calc(16 * var(--unit)) 0;border-radius:calc(6 * var(--unit));background:linear-gradient(270deg,#fff 0%,#f6f8fc 48% 100%),linear-gradient(270deg,#fff 2%,#f6f8fc 48%,#eff4f6 100%)}.car-summary .summary-section .car-condition{padding:0 calc(12 * var(--unit)) calc(12 * var(--unit)) calc(12 * var(--unit));font-size:calc(12 * var(--unit));color:#303741;gap:calc(10 * var(--unit));border-bottom:calc(.5 * var(--unit)) dashed #bec5cf;flex-wrap:wrap;font-weight:400;line-height:140%;display:flex}.car-summary .summary-section .car-condition strong{margin-left:calc(2 * var(--unit));font-family:"Alibaba PuHuiTi 2";font-size:calc(14 * var(--unit));color:#303741;font-weight:600;line-height:140%}.car-summary .summary-section .car-condition .condition-icon{width:calc(67 * var(--unit));height:calc(22 * var(--unit))}.car-summary .summary-section .car-condition .condition-meta__item{align-items:center;gap:calc(8 * var(--unit));font-family:"Alibaba PuHuiTi 2";font-size:calc(13 * var(--unit));color:#303741;font-weight:400;line-height:140%;display:flex}.car-summary .summary-section .spec-list{padding:calc(12 * var(--unit)) calc(12 * var(--unit)) 0 calc(12 * var(--unit));align-items:center;gap:calc(12 * var(--unit)) calc(36 * var(--unit));flex-wrap:wrap;display:flex}.car-summary .summary-section .spec-list .spec-item__value{font-size:calc(14 * var(--unit));color:#303741;padding-bottom:calc(2 * var(--unit));font-weight:400;line-height:140%}.car-summary .summary-section .spec-list .spec-item__label{font-size:calc(12 * var(--unit));color:#8f96a0;font-weight:400;line-height:140%}.car-summary .highlights{box-sizing:border-box;border-radius:calc(6 * var(--unit));width:100%;margin-top:calc(12 * var(--unit));background:linear-gradient(270deg,#fff 0%,#f6f8fc 48% 100%)}.car-summary .highlights__title{box-sizing:border-box;height:calc(46 * var(--unit));padding:0 calc(12 * var(--unit));font-family:"Alibaba PuHuiTi 2";font-size:calc(14 * var(--unit));color:#303741;border-bottom:calc(.5 * var(--unit)) dashed #bec5cf;align-items:center;font-weight:700;display:flex}.car-summary .highlights__list{box-sizing:border-box;padding:calc(22 * var(--unit)) calc(12 * var(--unit)) calc(16 * var(--unit)) calc(12 * var(--unit));align-items:center;gap:calc(12 * var(--unit)) calc(12 * var(--unit));flex-wrap:wrap;display:flex}.car-summary .highlights__item{font-family:"Alibaba PuHuiTi 2";font-size:calc(14 * var(--unit));color:#303741;font-weight:400;line-height:140%}
.car-configuration{border-radius:calc(8 * var(--unit));background:#fff;width:100%;overflow:hidden}.car-configuration__content{padding:calc(16 * var(--unit)) calc(12 * var(--unit));gap:calc(16 * var(--unit));flex-direction:column;display:flex}.car-configuration__button{width:100%;padding:calc(12 * var(--unit)) calc(57 * var(--unit));border-radius:calc(4 * var(--unit));margin:0 calc(12 * var(--unit)) calc(12 * var(--unit)) calc(12 * var(--unit));width:calc(100% - calc(24 * var(--unit)));font-size:calc(15 * var(--unit));font-weight:600;line-height:calc(21 * var(--unit));text-align:center;color:#fff;cursor:pointer;background:linear-gradient(97.52deg,#46505e 0%,#303741 36.875% 97.115%);border:none;transition:opacity .2s}.car-configuration__button:active{opacity:.8}.config-section{gap:calc(10 * var(--unit));flex-direction:column;display:flex}.config-section__header{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.config-section__title{width:calc(28 * var(--unit));height:calc(18 * var(--unit));font-size:calc(13 * var(--unit));font-weight:400;line-height:calc(18 * var(--unit));color:#5f6670;overflow:hidden}.config-section__items{gap:calc(10 * var(--unit));width:calc(342 * var(--unit));flex-wrap:wrap;display:flex}.config-item{width:calc(78 * var(--unit));height:calc(36 * var(--unit));flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.config-item__value{font-size:calc(13 * var(--unit));font-weight:600;line-height:calc(18 * var(--unit));color:#252525;white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}.config-item__label{font-size:calc(11 * var(--unit));font-weight:400;line-height:calc(18 * var(--unit));color:#8f96a0;white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}.highlight-section{gap:calc(10 * var(--unit));flex-direction:column;display:flex}.highlight-section__header{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.highlight-section__title{width:calc(28 * var(--unit));height:calc(18 * var(--unit));font-size:calc(13 * var(--unit));font-weight:400;line-height:calc(18 * var(--unit));color:#5f6670;overflow:hidden}.highlight-section__content{gap:calc(10 * var(--unit));width:calc(342 * var(--unit));flex-wrap:wrap;display:flex}.highlight-item{width:calc(78 * var(--unit));min-height:calc(18 * var(--unit));font-size:calc(13 * var(--unit));font-weight:500;line-height:calc(18 * var(--unit));color:#36483d;word-wrap:break-word;word-break:break-all}.car-condition-info-wrapper{padding:calc(16 * var(--unit)) calc(12 * var(--unit)) 0;background:linear-gradient(#dffaec,#fff0) 50%}.car-condition-info{align-items:flex-start;gap:calc(10 * var(--unit));padding-bottom:calc(12 * var(--unit));border-bottom:calc(.5 * var(--unit)) dashed #bec5cf;display:flex}.car-condition-badge{height:calc(22 * var(--unit));width:calc(67 * var(--unit));border-radius:calc(4 * var(--unit));background-size:cover;flex-shrink:0;align-items:center;display:flex;position:relative;overflow:hidden}.car-condition-badge .badge-left{width:calc(36 * var(--unit));height:calc(22 * var(--unit));justify-content:center;align-items:center;display:flex;position:relative}.car-condition-badge .badge-left .badge-new{right:calc(6 * var(--unit));font-size:calc(10 * var(--unit));font-weight:600;line-height:calc(10 * var(--unit));color:#fff;position:absolute;top:50%;transform:translateY(-50%)}.car-condition-badge .badge-left .badge-score{font-family:DIN Alternate,Arial,sans-serif;font-size:calc(18 * var(--unit));font-weight:700;line-height:calc(18 * var(--unit));color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.car-condition-badge .badge-right{width:calc(31 * var(--unit));height:calc(22 * var(--unit));background:linear-gradient(#00998a99 0%,#4feadb99 100%);justify-content:center;align-items:center;display:flex;position:relative}.car-condition-badge .badge-right:before{content:"";background:linear-gradient(#fff3 0%,#fff0 100%);width:100%;height:100%;position:absolute;top:0;left:0}.car-condition-badge .badge-right .badge-level{font-family:DIN Alternate,Arial,sans-serif;font-size:calc(18 * var(--unit));font-weight:700;line-height:calc(18 * var(--unit));color:#fff;z-index:1;position:relative}.car-condition-details{gap:calc(4 * var(--unit));flex-direction:column;display:flex}.car-condition-details .condition-label{font-size:calc(14 * var(--unit));color:#303741;font-weight:400}.car-condition-details .condition-value{font-family:D-DIN;font-size:calc(16 * var(--unit));color:#303741;font-weight:400;line-height:calc(16 * var(--unit));margin-left:calc(2 * var(--unit))}.car-condition-details .condition-text{font-size:calc(14 * var(--unit));color:#303741;font-weight:400}.car-condition-details .condition-separator{color:#8f96a0;font-size:calc(12 * var(--unit))}