.interview-select-form{box-sizing:border-box;width:100%;max-width:560px;padding:12px;padding-bottom:0;background:hsla(0,0%,100%,.92);border:1px solid #bfbfbf;border-radius:12px}.feature-item{min-height:217px}.avatar-top{position:absolute;top:0;right:0;left:0;z-index:-1;height:1024px;background-image:url("/interview_ai/interview_background.png");background-position:center;background-size:cover}.title{max-width:560px;text-align:center}.title-text{color:#f8f9fa;text-shadow:0 2px 8px rgba(0,0,0,.2)}.left-panel{align-items:center;min-width:0}.es-col{min-width:0}.result-image-wrap{position:relative;display:flex;align-items:flex-end;justify-content:center;max-width:100%;margin:0 auto;transform:translateX(-24px);animation:es-fade-in .8s ease-out forwards}.result-image{width:100%;max-width:450px;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 20px 45px rgba(15,23,42,.06),0 8px 20px rgba(15,23,42,.05);opacity:0;animation:es-image-in .3s ease-out .1s forwards}.result-avatar{position:absolute;right:-40px;bottom:32px;z-index:3;width:320px;height:auto;background:hsla(0,0%,100%,.88);border:1px solid hsla(0,0%,100%,.7);border-radius:16px;box-shadow:0 22px 50px rgba(15,23,42,.18),0 10px 24px rgba(15,23,42,.1);opacity:0;backdrop-filter:blur(8px);animation:avatar-image-in .3s ease-out .35s forwards}@media(width > 991px){.title{text-align:left}.left-panel{align-items:flex-start}}@media(width > 991px)and (width < 1200px){.es-grid{align-items:end}.es-col-left,.es-col-right{display:flex;align-items:flex-end}.interview-select-form{max-width:420px;padding:10px}.title{max-width:420px}.result-image-wrap{transform:translateX(0)}.result-image{max-width:400px}.result-avatar{right:-24px;bottom:20px;width:220px}.title-text:first-child{font-size:1.8rem;line-height:1.1;white-space:nowrap}.title-text{font-size:1.05rem}}@media(width >= 1200px)and (width < 1400px){.result-avatar{right:-30px}.title-text:first-child{font-size:2rem;line-height:1.2;white-space:nowrap}}@media(width <= 991px){.result-image-wrap{display:none}}@keyframes es-fade-in{from{opacity:0}to{opacity:1}}@keyframes es-image-in{from{opacity:0;transform:translateY(24px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes avatar-image-in{from{opacity:0;transform:translateX(32px) translateY(16px) scale(0.92)}to{opacity:1;transform:translateX(0) translateY(0) scale(1)}}
