.result-content{padding:70px 0 100px;display:flex;justify-content:space-between;column-gap:48px;min-height:60vh}.personality-column{height:100px;background-color:#c2a26c}.personality-column-content{height:100px;display:flex;justify-content:space-between;align-items:center;position:relative}.column-decoration{position:absolute;bottom:25px;left:50%;transform:translateY(-50%);width:130px;height:2px;background-color:#fff}.column-text{flex:1;font-weight:700;font-size:18px;color:#fff}.column-btn{width:192px;height:56px;border-radius:4px;border:2px solid #FFFFFF;font-weight:700;font-size:18px;color:#fff;line-height:54px;text-align:center;cursor:pointer;transition:all .3s}.column-btn:hover{background-color:#fff;color:#c2a26c}.result-userInfo{width:217px;position:sticky;top:50px}.userInfo-box{width:217px;height:375px;background:#f2efe9;border-radius:4px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.user-img{width:119px;height:119px}.user-img img{width:100%;height:100%}.userInfo-title{width:100%;padding-left:8px;font-weight:500;color:#333}.userInfo-list{width:100%;padding:0 8px}.userInfo-item{display:flex;align-items:center;font-size:14px;color:#4b5563;text-wrap:nowrap;overflow:hidden}.userInfo-item .ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:200px}.userInfo-item img{margin-right:12px}.userInfo-edit-btn{width:169px;height:46px;background:#c2a26c;border-radius:4px;border:1px solid #C2A26C;font-weight:700;font-size:14px;color:#fff;cursor:pointer}.userInfo-edit-btn img{width:14px;height:14px;margin-right:6px}.result-content .result-nav-list-container{width:165px;padding:15px 0;border-left:1px solid #dfdbd5;position:sticky;top:50px}.nav-active-box{position:absolute;width:4px;height:16px;background-color:#c2a26c;top:15px;left:0;transform:translate(-50%);transition:top .3s}.result-content .nav-list{max-width:155px;display:flex;flex-direction:column;margin-left:20px}.result-content .nav-item{color:#333;line-height:16px;margin-bottom:18px;cursor:pointer;white-space:nowrap;word-spacing:-1px}.result-content .nav-item-active,.result-content .nav-item:hover{font-weight:700}.result-content .result-list{flex:1}.result-content h2{font-weight:700;font-size:42px;color:#101827;margin-bottom:42px}.result-content .astrology-item{width:100%;position:relative;padding:40px 32px}.result-content .astrology-item .astrology-bg{width:100%;height:auto;position:absolute;top:0;left:0;z-index:-1}.result-content .astrology-item .astrology-bg img{width:100%;height:auto}.result-content .astrology-item .astrology-text h3{margin-bottom:22px;font-weight:700;font-size:22px;color:#101827;line-height:32px}.result-content .astrology-item .astrology-text div{font-weight:500;font-size:16px;color:#4b5563;line-height:24px;margin-bottom:16px}.user-info-popup{display:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden;z-index:98}.user-info-popup .mask{width:100%;height:100%;position:absolute;z-index:98;background-color:#0000004d}.edit-user-info{position:absolute;z-index:99;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;width:650px;padding:50px;border-radius:15px}.close-button{width:30px;height:30px;position:absolute;top:20px;right:20px;cursor:pointer;transition:all .3s}.close-button:hover{transform:rotate(90deg)}.close-button img{width:100%;height:100%}@media (min-width: 769px)and (max-width: 1100px){.result-content{flex-direction:column;padding:40px 0 60px;display:grid;align-items:center;column-gap:0;grid-template-columns:3fr 1fr;grid-template-rows:auto auto;grid-template-areas:"t1 t2" "t3 t3"}.result-userInfo-hbs{grid-area:t1}.result-nav-list{grid-area:t2}.result-list{grid-area:t3}.result-userInfo{width:100%}.userInfo-box{width:90%;height:auto;padding:24px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;grid-template-areas:"col1 col2 col4" "col1 col3 col4"}.user-img{grid-area:col1;width:120px}.userInfo-title{grid-area:col2}.userInfo-list{grid-area:col3}.userInfo-edit-btn{grid-area:col4;width:120px}.result-content h2{margin:42px 0;font-size:36px}.column-decoration{display:none}}@media (max-width: 769px){.result-nav-list{display:none}.result-content{flex-direction:column;padding:40px 0 60px}.result-userInfo{width:100%}.userInfo-box{width:100%;height:auto;padding:24px 10px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;grid-template-areas:"col1 col2 col4" "col1 col3 col4"}.user-img{grid-area:col1;width:80px}.userInfo-title{grid-area:col2}.userInfo-list{grid-area:col3}.userInfo-edit-btn{grid-area:col4;width:70px}.result-content h2{margin:30px 0;font-size:28px}.result-content .astrology-item{padding:40px 16px}.result-content .astrology-item .astrology-text div{font-size:18px;line-height:26px}.column-decoration{display:none}.personality-column{height:auto}.personality-column-content{height:auto;flex-direction:column;padding:20px 0}.column-text{font-weight:400;margin-bottom:10px}.column-btn{width:auto;height:auto;line-height:40px;padding:0 15px}}