.page-container[data-v-8b9409de]{background:linear-gradient(to bottom,#fff,#e8f4f8 30%,#b8d4e3);height:100%;width:100%}.svg-container[data-v-8b9409de]{width:100%;height:calc(100vh - 4rem);margin-top:4rem}@media (max-width:960px){.svg-container[data-v-8b9409de]{height:calc(40vh - 3rem)}}@media (max-width:600px){.svg-container[data-v-8b9409de]{height:calc(30vh - 3rem);margin-top:3rem}}.svg-image[data-v-8b9409de]{height:100%;width:100%;object-fit:cover;object-position:center}.svg-container[data-v-8b9409de]{position:relative}.content-wrapper[data-v-8b9409de]{position:absolute;right:6%;top:50%;transform:translateY(-50%);color:#000;text-align:right}.title[data-v-8b9409de]{font-size:42px;margin-bottom:10px;font-family:Microsoft YaHei,serif;font-weight:700}.text-body1[data-v-8b9409de]{font-size:22px;margin-bottom:12px;line-height:1.6;max-width:60ch;opacity:.8;white-space:normal}.action-button[data-v-8b9409de]{background:#4a90e2;color:#fff;padding:12px 36px;border:none;border-radius:5px;font-size:18px;cursor:pointer;transition:all .3s;box-shadow:0 4px 6px #0000001a}.action-button[data-v-8b9409de]:hover{transform:translateY(-2px);box-shadow:0 6px 8px #0003}.action-button[data-v-8b9409de]:active{transform:translateY(0)}@media (max-width: 960px){.content-wrapper[data-v-8b9409de]{right:6%}.title[data-v-8b9409de]{font-size:24px}.text-body1[data-v-8b9409de]{font-size:16px}.action-button[data-v-8b9409de]{font-size:14px;padding:8px 24px}}@media (max-width: 600px){.content-wrapper[data-v-8b9409de]{right:6%}.title[data-v-8b9409de]{font-size:16px}.text-body1[data-v-8b9409de]{font-size:8px;margin-bottom:6px}.action-button[data-v-8b9409de]{font-size:6px;padding:4px 12px}}.trait-show-container[data-v-8b9409de]{margin-bottom:80px}@media (max-width: 960px){.trait-show-container[data-v-8b9409de]{margin-bottom:60px}}@media (max-width: 600px){.trait-show-container[data-v-8b9409de]{margin-bottom:40px}}