@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Roboto&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,Noto Sans Traditional Chinese,sans-serif}a{text-decoration:none;color:#1c1e53;transition:color .3s ease}a:hover{color:#5e3bee}h5{font-size:20px}li{list-style:none}i{margin:0 8px}.logo[data-v-afce28c7]{display:flex;align-items:center}.logo p[data-v-afce28c7]{margin-left:8px;font-weight:700;font-size:20px;color:#1c1e53}.logo img[data-v-afce28c7]{width:40px;height:40px}.logo i[data-v-afce28c7]{font-size:40px}ul[data-v-afce28c7]{display:flex;gap:40px}button[data-v-afce28c7]{color:#1c1e53;background-color:transparent;padding:12px 16px;border-radius:5px;border:1px solid #1c1e53;cursor:pointer;transition:all .3s ease}button[data-v-afce28c7]:hover{background-color:#5e3bee;border-color:#5e3bee;color:#fff}button#menuButton[data-v-afce28c7]{display:none;align-items:center;justify-content:center;font-size:24px;padding:7px}@media screen and (max-width: 992px){button[data-v-afce28c7]{display:none}ul[data-v-afce28c7]{gap:20px}ul li a[data-v-afce28c7]{font-size:15px}}@media screen and (max-width: 768px){ul[data-v-afce28c7],.open[data-v-afce28c7]{display:none}.open+ul[data-v-afce28c7]{display:flex}button#menuButton[data-v-afce28c7]{display:flex}}@media screen and (max-width: 576px){ul li a[data-v-afce28c7]{font-size:13px}.logo a[data-v-afce28c7]{font-size:18px}}.left[data-v-575015a2]{display:flex;flex-direction:column;align-items:center}.left h3[data-v-575015a2]{margin-bottom:10px;font-weight:700;font-size:46px}.left h5 span[data-v-575015a2]{color:#5e3bee}.left p[data-v-575015a2]{color:#1c1e53;font-size:22px;margin-top:30px;line-height:30px}.left button[data-v-575015a2]{margin-top:40px;color:#fff;cursor:pointer;background-color:#5e3bee;padding:14px;border:1px solid transparent;border-radius:5px}.right img[data-v-575015a2]{width:500px;border-radius:20px}@media screen and (max-width: 1200px){.left h5[data-v-575015a2]{font-size:18px}.left h3[data-v-575015a2]{font-size:36px}.left p[data-v-575015a2]{font-size:18px}.right img[data-v-575015a2]{width:380px}}@media screen and (max-width: 576px){.left h3[data-v-575015a2]{font-size:32px}.left p[data-v-575015a2]{font-size:16px}.left button[data-v-575015a2]{width:100%}}h3[data-v-1756ced4]{font-size:48px;margin-top:20px}.skill-items[data-v-1756ced4]{display:flex;margin-top:70px;gap:30px}.skill-items .item[data-v-1756ced4]{background-color:#deebee;width:25%;border-radius:10px;padding:32px;border-bottom:4px solid transparent;cursor:pointer;transition:all .3s ease}.skill-items .item[data-v-1756ced4]:hover{border-color:#5e3bee}.skill-items .item .icon[data-v-1756ced4]{display:flex;align-items:center;justify-content:center;background-color:#fff;width:46px;height:46px;border-radius:10px;margin-bottom:22px;box-shadow:0 0 16px #0000001a}.skill-items .item .icon i[data-v-1756ced4]{font-size:26px;color:#006b6a}.skill-items .item h4[data-v-1756ced4]{font-size:18px}skill-items .item ul li[data-v-1756ced4]{display:flex;align-items:center;margin-top:20px;font-size:14px;line-height:3px;color:#1c1e53}.skill-items .item ul li i[data-v-1756ced4]{font-size:20px}@media screen and (max-width: 1200px){h3[data-v-1756ced4]{font-size:32px}.skill-items[data-v-1756ced4]{gap:10px;justify-content:space-between;flex-wrap:wrap}.skill-items .item[data-v-1756ced4]{width:49%}}@media screen and (max-width: 768px){.skill-items[data-v-1756ced4]{gap:8px}}@media screen and (max-width: 576px){.skill-items .item[data-v-1756ced4]{width:100%}}.header[data-v-c000846d]{display:flex;align-items:center;justify-content:space-between;margin-bottom:60px}.portfolio .header h3[data-v-c000846d]{font-size:48px;margin-top:20px}.header button i[data-v-c000846d]{font-size:26px}.portfo-items[data-v-c000846d]{display:flex;align-items:center;justify-content:space-between}.portfo-items .item[data-v-c000846d]{width:30%;background-color:#fff;border-radius:10px;border-bottom:4px solid transparent;cursor:pointer;box-shadow:0 5px 32px #00000026;transition:all .3s ease}.portfo-items .item[data-v-c000846d]:hover{border-color:#5e3bee}.portfo-items .item img[data-v-c000846d]{width:100%;height:240px;object-fit:cover;object-position:top;border-radius:10px 10px 20px 20px}.portfo-items .item .info[data-v-c000846d]{display:flex;flex-direction:column;gap:14px;padding:20px 32px 42px}.portfo-items .item .info h4[data-v-c000846d]{font-size:18px}.portfo-items .item .info p[data-v-c000846d]{font-size:13px}.portfo-items .item .info button[data-v-c000846d]{background-color:transparent;border:none;cursor:pointer;color:#777676;text-align:end}.portfo-items .item .info a[data-v-c000846d]{text-decoration:underline;text-underline-offset:10px;text-decoration-color:#5e3bee}.portfo-items .item .info a i[data-v-c000846d]{margin-left:2px;font-size:16px}@media screen and (max-width: 1200px){.header h3[data-v-c000846d]{font-size:32px}}@media screen and (max-width: 992px){.portfo-items[data-v-c000846d]{gap:22px;flex-wrap:wrap;justify-content:center}.portfo-items .item[data-v-c000846d]{width:48%}}@media screen and (max-width: 768px){.portfo-items[data-v-c000846d]{gap:18px}}@media screen and (max-width: 576px){.header button[data-v-c000846d]{font-size:12px;padding:8px 14px}.portfo-items .item[data-v-c000846d]{width:80%}}.left[data-v-619f5173]{border-radius:10px 10px 0 0}.left img[data-v-619f5173]{width:440px;border-radius:15px}.right h3[data-v-619f5173]{font-size:48px;margin-top:20px}.right .title[data-v-619f5173]{display:flex;align-items:center;margin-top:10px}.right .title .title-logo[data-v-619f5173]{width:100px;height:100%;margin-right:10px}.right ul li[data-v-619f5173]{font-size:16px;margin-top:15px}@media screen and (max-width: 1200px){.left img[data-v-619f5173]{width:370px}.right h3[data-v-619f5173]{font-size:32px}}.title[data-v-41b92f28]{display:flex;align-items:center;justify-content:space-between}h3[data-v-41b92f28]{font-size:48px;margin-top:20px}a button[data-v-41b92f28]{height:30px;background-color:transparent;padding:20px 10px 20px 2px;color:#02066a;display:flex;align-items:center;cursor:pointer;border:2px solid #02066a;border-radius:10px;font-size:15px}a button[data-v-41b92f28]:hover{background-color:#02066a;color:#fff}.topic[data-v-41b92f28]{margin-top:50px;display:flex;gap:40px}.topic .item[data-v-41b92f28]{display:flex;flex-direction:column;gap:20px;border:2px solid #006b6a;border-radius:10px;padding:30px;transition:all .3s ease}.topic .item .title[data-v-41b92f28]{color:#006b6a;font-size:22px}.topic .item[data-v-41b92f28]:hover{border-color:#5e3bee}.topic .item p[data-v-41b92f28]{line-height:22px;font-size:14px}.topic .item .info[data-v-41b92f28]{display:flex;justify-content:end}.topic .item .info a button[data-v-41b92f28]{margin-top:40px;cursor:pointer;background-color:#fff;color:#006b6a;padding:5px;border:1px solid #006b6a;border-radius:5px;transition:all .3s ease}.topic .item .info a button[data-v-41b92f28]:hover{background-color:#006b6a;color:#fff}@media screen and (max-width: 1200px){h3[data-v-41b92f28]{font-size:32px}.topic .item .title[data-v-41b92f28]{font-size:20px}.topic .item p[data-v-41b92f28]{font-size:13px}}@media screen and (max-width: 992px){.topic[data-v-41b92f28]{gap:14px;flex-wrap:wrap;justify-content:center}.topic .item[data-v-41b92f28]{width:48%}}@media screen and (max-width: 576px){.topic .item[data-v-41b92f28]{width:100%}}.top[data-v-8a1f2213],.bottom[data-v-8a1f2213]{display:flex;align-items:center;justify-content:center}.top .social-links[data-v-8a1f2213]{display:flex;align-items:center;gap:10px;font-size:22px}.separator[data-v-8a1f2213]{width:100%;height:1px;background-color:#282938;margin:30px 0 20px}.bottom p[data-v-8a1f2213]{font-size:12px}.bottom .links a[data-v-8a1f2213]{font-size:12px;margin-left:14px}@media screen and (max-width: 768px){.bottom[data-v-8a1f2213]{flex-direction:column-reverse;gap:14px}}nav{background-color:#fff;position:sticky;top:0;padding:0 85px;display:flex;align-items:center;justify-content:space-between;height:80px;box-shadow:0 5px 80px #0000001a}main{background-color:#deebee;padding:90px 85px;display:flex;align-items:center;justify-content:space-between;gap:40px}.skills{padding:110px 85px 0}.portfolio{padding:110px 85px}.experience{background-color:#deebee;padding:110px;display:flex;align-items:center;gap:60px}.feedback{padding:110px 85px}footer{background-color:#deebee;padding:85px;display:flex;flex-direction:column}@media screen and (max-width: 992px){main{flex-direction:column}.experience{flex-direction:column;justify-content:center}}@media screen and (max-width: 768px){nav{justify-content:space-between;padding:0 42px}main{padding:42px}.skills{padding:85px 42px 0}.portfolio{padding:60px 42px}.experience,.feedback{padding:85px 42px}footer{padding:85px 42px}}