.ai-cost-simulator-page{background:url('../images/pages/ai-guide/ai-simulator/bg.webp') center/cover fixed no-repeat}
.cost-content{min-width:0}.cost-scroll{padding:34px 30px 36px}.cost-view{display:none}.cost-view.is-active{display:block}.cost-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.cost-header h1{font-size:28px;line-height:1.25;margin:0 0 22px;font-weight:800}.cost-header p{font-size:18px;line-height:1.65;margin:0}.cost-back,.cost-reload{border:0;background:none;color:#333;font:inherit;padding:7px 0;cursor:pointer;opacity:.88}.cost-back[hidden]{display:none}.cost-reload{display:flex;align-items:center;gap:8px}.cost-reload img{width:20px;height:20px;object-fit:contain}
.cost-progress{--ratio:0;--dot-size:16px;--edge:28px;position:relative;display:flex;align-items:center;justify-content:space-between;height:88px;padding:0 var(--edge);border-radius:20px;background:rgba(255,255,255,.62);margin-bottom:28px;box-sizing:border-box}.cost-progress:before,.cost-progress:after{content:"";position:absolute;left:calc(var(--edge) + var(--dot-size)/2);top:50%;height:5px;transform:translateY(-50%);border-radius:999px;pointer-events:none}.cost-progress:before{right:calc(var(--edge) + var(--dot-size)/2);background:#fff}.cost-progress:after{width:calc((100% - (var(--edge)*2) - var(--dot-size)) * var(--ratio));background:#183264;transition:width .3s ease}.cost-progress span{position:relative;z-index:1;flex:0 0 var(--dot-size);width:var(--dot-size);height:var(--dot-size);border-radius:50%;background:#fff}.cost-progress span.is-active{background:#183264}
.cost-panel{padding:26px;border-radius:20px;background:rgba(255,255,255,.58);margin-bottom:20px}.cost-panel h2{font-size:24px;margin:0 0 10px}.cost-panel>p{margin:0 0 22px}.cost-city-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cost-choice{border:0;border-radius:20px;background:#fff;color:#303030;min-height:84px;padding:18px 22px;font-size:17px;text-align:left;cursor:pointer;transition:.2s}.cost-choice small{display:block;font-size:17px;margin-top:5px}.cost-choice:hover,.cost-choice.is-selected{background:#183264;color:#fff}.cost-family-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cost-subgroup h3{font-size:17px;margin:0 0 12px}.cost-number-row{display:flex;gap:10px;flex-wrap:wrap}.cost-number{width:54px;height:54px;border:0;border-radius:16px;background:#fff;font-size:18px;cursor:pointer}.cost-number:hover,.cost-number.is-selected{background:#183264;color:#fff}.cost-input{width:100%;min-height:64px;border:0;border-radius:18px;background:#fff;padding:18px 20px;font:inherit;font-size:17px;box-sizing:border-box}.cost-house-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cost-house-grid .cost-choice{min-height:76px}.cost-textarea{min-height:104px;resize:vertical}.cost-actions{text-align:center;margin-top:26px}
.cost-loading__panel{min-height:520px;border-radius:20px;background:rgba(255,255,255,.58);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px}.cost-pulse{display:flex;align-items:center;gap:6px;height:50px;margin-bottom:22px}.cost-pulse i{display:block;width:10px;border-radius:6px;background:#183264;animation:costPulse 1s ease-in-out infinite}.cost-pulse i:nth-child(1){height:22px}.cost-pulse i:nth-child(2){height:34px;animation-delay:.12s}.cost-pulse i:nth-child(3){height:46px;animation-delay:.24s}.cost-pulse i:nth-child(4){height:24px;animation-delay:.36s}@keyframes costPulse{0%,100%{transform:scaleY(.72);opacity:.65}50%{transform:scaleY(1.15);opacity:1}}.cost-loading__panel h2{font-size:21px;margin:0 0 10px}.cost-loading__panel p{margin:0;font-size:18px}
.cost-summary,.cost-city-card,.cost-analysis-grid article,.cost-final{border-radius:20px;background:rgba(255,255,255,.66);padding:22px 24px;margin-bottom:20px}.cost-summary h2,.cost-final h3,.cost-analysis-grid h3{font-size:18px;margin:0 0 10px}.cost-summary p,.cost-final p,.cost-analysis-grid p{line-height:1.65;margin:0}.cost-city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.cost-city-card{margin:0;padding:22px 20px}.cost-city-card h3{font-size:22px;margin:0 0 14px}.cost-city-card h4{font-size:17px;margin:16px 0 8px}.cost-city-card dl{margin:0}.cost-city-card dl div{display:flex;justify-content:space-between;gap:14px;padding:4px 0}.cost-city-card dt,.cost-city-card dd{margin:0}.cost-city-card .total{border-top:1px solid rgba(24,50,100,.25);margin-top:8px;padding-top:10px;color:#183264;font-weight:700}.five-year{margin:16px 0;padding:16px;border-radius:16px;background:rgba(255,255,255,.72)}.five-year span,.five-year strong{display:block}.five-year strong{font-size:20px;margin-top:6px}.pros,.cons{border-radius:16px;padding:14px 16px;margin-top:14px}.pros{background:linear-gradient(90deg,rgba(255,255,255,.50) 0%,rgba(205,216,255,.50) 45%,rgba(79,119,246,.50) 100%)}.cons{background:linear-gradient(90deg,rgba(255,255,255,.50) 0%,rgba(255,215,229,.50) 45%,rgba(250,108,157,.50) 100%)}.pros ul,.cons ul{margin:0;padding-left:18px}.pros li,.cons li{margin:5px 0;line-height:1.45}.cost-analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.cost-analysis-grid article{margin:0}.cost-final{background:rgba(205,225,255,.8)}.cost-result-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cost-result-actions button,.cost-result-actions a{min-height:68px;border:0;border-radius:16px;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;color:#222;font-weight:700;text-decoration:none;font-size:17px;cursor:pointer}.cost-result-actions a{background:#183264;color:#fff}
@media(max-width:1100px){.cost-city-grid{grid-template-columns:1fr}.cost-city-options{grid-template-columns:repeat(2,minmax(0,1fr))}.cost-analysis-grid{margin-bottom: 20px;}}
@media(max-width:900px){.ai-cost-simulator-page{background-attachment:scroll}.cost-scroll{padding:20px}.cost-header{display:block}.cost-back,.cost-reload{margin-top:12px}.cost-progress{--edge:18px;height:72px}.cost-city-options,.cost-house-grid,.cost-family-grid,.cost-analysis-grid{grid-template-columns:1fr;}.cost-loading__panel{min-height:400px}.cost-scroll{overflow:visible}.cost-content{overflow:visible}.cost-analysis-grid{margin-bottom: 20px;}}
@media(max-width:560px){.cost-scroll{padding:16px 0}.cost-progress{border-radius:15px}.cost-panel,.cost-summary,.cost-city-card,.cost-analysis-grid article,.cost-final,.cost-loading__panel{border-radius:15px;padding:18px}.cost-choice{font-size:17px;min-height:66px}.cost-result-actions{grid-template-columns:1fr}.cost-result-actions button,.cost-result-actions a{min-height:58px}.cost-city-card h3{font-size:20px}.cost-analysis-grid{margin-bottom: 18px;}}

/* AI detail typography normalization */
body h1{font-size:28px!important}
body h2{font-size:21px!important}
body h3{font-size:18px!important}
body input::placeholder,body textarea::placeholder{font-size:17px!important}
body h2 + p,body h3 + p{font-size:17px!important}
body h1 + p{font-size:18px!important}