.ai-planner-page{background:url('../images/pages/ai-guide/ai-planner/bg.webp') center/cover fixed no-repeat}
.planner-content{min-width:0}.planner-scroll{padding:34px 30px 36px}.planner-view{display:none}.planner-view.is-active{display:block}.planner-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.planner-header h1{font-size:28px;line-height:1.25;margin:0 0 22px;font-weight:800}.planner-header p{font-size:18px;line-height:1.65;margin:0}.planner-back{border:0;background:none;color:#333;font:inherit;padding:7px 0;cursor:pointer;opacity:.85}.planner-back[hidden]{display:none}.planner-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}.planner-progress:before,.planner-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}.planner-progress:before{right:calc(var(--edge) + var(--dot-size)/2);background:#fff}.planner-progress:after{width:calc((100% - (var(--edge)*2) - var(--dot-size)) * var(--ratio));background:#183264;transition:width .3s ease}.planner-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}.planner-progress span.is-active{background:#183264}.planner-panel{padding:26px;border-radius:20px;background:rgba(255,255,255,.58);margin-bottom:20px}.planner-panel h2{font-size:24px;margin:0 0 24px}.planner-panel h3{font-size:20px;margin:0 0 18px}.planner-family-grid{display:flex;gap:18px;flex-wrap:wrap}.planner-choice{border:0;border-radius:20px;background:#fff;color:#303030;min-height:76px;padding:18px 24px;font-size:17px;text-align:left;cursor:pointer;transition:.2s}.planner-choice:hover,.planner-choice.is-selected{background:#183264;color:#fff}.planner-family-grid .planner-choice{width:84px;text-align:center}.planner-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.planner-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}.planner-textarea{min-height:112px;resize:vertical}.planner-nav-actions{text-align:center;margin-top:26px}.planner-nav-actions .primary-action{display:inline-flex;align-items:center;justify-content:center}.planner-result__header{margin-bottom:18px}.planner-summary-card,.planner-result-card,.planner-next-card{border-radius:20px;background:rgba(255,255,255,.65);padding:24px 28px;margin-bottom:20px}.planner-summary-card h2,.planner-result-card h2,.planner-next-card h2{font-size:22px;margin:0 0 16px}.planner-summary-card li,.planner-result-card li,.planner-next-card li{margin:9px 0;line-height:1.65}.city-result{padding:0 0 22px;margin-bottom:24px;border-bottom:1px solid rgba(24,50,100,.28)}.city-result:last-child{border-bottom:0;margin-bottom:0}.city-result h3{font-size:18px;line-height:1.5}.city-result h4{font-size:17px;margin:16px 0 6px}.planner-result-note{line-height:1.7;margin:18px 4px}.planner-result-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.planner-result-actions button,.planner-result-actions a{min-height:68px;border:0;border-radius:16px;background:rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;color:#222;font-weight:700;text-decoration:none;font-size:17px;cursor:pointer}.planner-result-actions a{background:#183264;color:#fff}.planner-result-actions button:hover{background:#eaf0ff}.planner-result-actions a:hover{filter:brightness(1.08)}
@media(max-width:900px){.ai-planner-page{background-attachment:scroll}.planner-scroll{padding:20px}.planner-header{display:block}.planner-back{margin-top:12px}.planner-progress{--edge:18px;height:72px;padding:0 var(--edge)}.planner-option-grid{grid-template-columns:1fr}.planner-result-actions{grid-template-columns:1fr}.planner-panel,.planner-summary-card,.planner-result-card,.planner-next-card{padding:20px}.planner-header h1{font-size:24px}.planner-family-grid{gap:10px}.planner-family-grid .planner-choice{width:calc(33.333% - 7px);min-width:0}.planner-choice{font-size:17px;min-height:62px}.planner-scroll{overflow:visible}.planner-content{overflow:visible}}
@media(max-width:560px){.planner-scroll{padding:16px 0}.planner-header,.planner-progress,.planner-step,.planner-nav-actions,.planner-result{margin-left:0;margin-right:0}.planner-progress{border-radius:15px}.planner-panel{border-radius:15px;padding:18px}.planner-family-grid .planner-choice{width:calc(50% - 5px)}.planner-summary-card,.planner-result-card,.planner-next-card{border-radius:15px}.planner-result-actions button,.planner-result-actions a{min-height:58px}}

/* 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}
body .planner-choice{font-size:17px!important}
