html,body{background:#e9f5ff;height:100%}body{margin:0}.homepage{background-color:#86ccff;border:1px solid #00000014;border-radius:18px;gap:15px;width:1400px;height:650px;margin:0 auto;padding:22px;display:flex;box-shadow:0 18px 45px #0000001f}.SideBar{background:#fff6;border-radius:16px;flex-direction:column;align-items:center;gap:14px;width:350px;padding:14px;font-size:14px;display:flex}.SideBar>.Header{background:#fff;border-radius:10px;width:260px;height:60px}.SideBar>.ProfileOutline{box-sizing:border-box;background:#d9d9d9;border:1px solid #0000001f;border-radius:10px;width:300px;height:550px;padding:15px;box-shadow:0 8px 18px #00000014}.SideBar>.ProfileOutline>.ProfileInline{box-sizing:border-box;background:#fff;border-radius:10px;flex-direction:column;align-items:center;gap:10px;width:100%;height:100%;margin:0 auto;padding-top:15px;display:flex}.ImageBox{background:#d9d9d9;border-radius:8px;width:220px;height:180px}.ImageBox img{object-fit:cover;border-radius:8px;width:100%;height:100%}.Divider{background:#0000001a;width:80%;height:1px}.Introduce{color:#333;padding:0 20px;font-weight:600;line-height:1.6}.SkillTitle{color:#555;margin:0 auto;font-size:16px;font-weight:700}.SkillList{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.Skill{color:#222;cursor:default;background:#0000000a;border:1px solid #0000001a;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-weight:700;display:inline-flex}.Icon{width:14px;height:14px}#CplusplusIcon{fill:#00599c}#PythonIcon{fill:#3776ab}#JavaScriptIcon{fill:#f7df1e}#ReactIcon{fill:#61dafb}.Info{color:#555;line-height:1.6}.Info a{color:#555;text-decoration-line:none}.Info a:hover{color:#d3d3d3}.SideBar>a{color:#000;text-decoration-line:none}.WorldLogo{width:50px;height:50px}.Main{background:#fff6;border-radius:16px;flex-direction:column;align-items:center;gap:14px;width:1000px;padding:14px;display:flex}.Main>.Header{background:#fff;border-radius:10px;justify-content:center;align-items:center;width:260px;height:60px;margin:0;font-size:1.5em;font-weight:700;line-height:normal;display:flex}.MainOutline{box-sizing:border-box;background:#fff;border:1px solid #0000001f;border-radius:10px;justify-content:center;align-items:flex-start;width:100%;height:550px;padding:15px;display:flex;position:relative;box-shadow:0 8px 18px #00000014}.MainImageBox{background:#d9d9d9;border-radius:8px;justify-content:center;align-items:center;width:950px;height:520px;margin:0;display:flex}.MainImageBox img{object-fit:cover;border-radius:8px;width:100%;height:100%}.NavBar button{all:unset;text-align:center;cursor:pointer;color:#fff;background:#2f6fdc;border-left:3px solid #ffffff59;border-radius:0 10px 10px 0;width:92px;padding:10px 0;font-size:14px;font-weight:700;position:relative;box-shadow:0 6px 14px #00000026}.NavBar button.active:before{content:"●";color:#fff;opacity:.9;font-size:10px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.Home{background:#fff6;border-radius:16px;flex-direction:column;align-items:center;gap:14px;width:1000px;padding:14px;display:flex}.Home a{color:#000;text-decoration-line:none}.Header{background:#fff;border-radius:10px;justify-content:center;align-items:center;width:260px;height:60px;margin:0;font-size:1.5em;font-weight:700;line-height:normal;display:flex}.HomeOutline{box-sizing:border-box;background:#fff;border:1px solid #0000001f;border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;width:100%;height:550px;padding:15px;display:flex;position:relative;box-shadow:0 8px 18px #00000014}.HomeMain{background:#d9d9d9;border:1px solid #0000001a;border-radius:8px;width:908px;height:70%;margin:0;padding:20px;box-shadow:0 6px 14px #00000014}.Music{box-sizing:border-box;background:#d9d9d9;border:1px solid #0000001f;border-radius:10px;width:370px;padding:10px 12px;transition:all .2s;display:inline-block;box-shadow:0 6px 14px #00000014}.Music:hover{transform:translateY(-3px);box-shadow:0 10px 22px #0000001f}.MusicName{background:#fff;border:1px solid #0000001a;border-radius:16px;align-items:center;gap:10px;height:30px;padding:6px 12px;display:flex;box-shadow:inset 0 0 4px #0000001a}.MusicName span{background-color:#0000;outline:none;margin-left:5px}.Music button{cursor:pointer;background:#fff;border:1px solid #00000026;border-radius:50%;width:26px;height:26px;margin-right:3px;font-size:10px;line-height:1}.Music button:hover{background:#efefef}.cd{display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:1.5s linear infinite spin}.top{gap:5px;width:952px;height:95px;display:flex}.github,.boj{box-sizing:border-box;cursor:pointer;background:#d9d9d9;border:1px solid #0000001f;border-radius:12px;align-items:center;gap:12px;width:285px;padding:14px;transition:all .2s;display:flex;box-shadow:0 6px 14px #00000014}.github:hover,.boj:hover{transform:translateY(-3px);box-shadow:0 10px 22px #0000001f}.github img,.boj img{object-fit:contain;background:#fff;border-radius:50%;width:42px;height:42px;padding:6px;box-shadow:inset 0 0 4px #0000001a}.github .info,.boj .info{flex-direction:column;display:flex}.github .name,.boj .name{font-size:15px;font-weight:700}.github .handle,.boj .handle{color:#555;font-size:13px}.handle a{color:#555;text-decoration-line:none}.boj{width:285px}.boj .badge{background:#ffe08a;border:1px solid #00000026;border-radius:999px;margin-left:auto;padding:6px 10px;font-size:13px;font-weight:800;line-height:1}.boj img{background:#f4f8ff}.Inline{background-color:#fff;border-radius:8px;flex-direction:column;align-items:center;height:95%;padding:10px;display:flex}.bottom{gap:50px;display:flex}.csImage,.fsImage{width:300px;height:200px}.computerScience,.fullstack{width:350px}.Top h3{color:#2f6fdc;margin-top:0}.computerScience p,.fullstack p{color:#555;margin:0;font-size:14px}.NavBar{flex-direction:column;gap:4px;display:flex;position:absolute;top:0;right:-90px}.NavBar button{all:unset;text-align:center;color:#fff;cursor:pointer;background:#2f6fdc;border-left:3px solid #ffffff59;border-radius:0 10px 10px 0;width:92px;padding:10px 0;font-size:14px;font-weight:700;position:relative;box-shadow:0 6px 14px #00000026}.NavBar button:hover{transform:translate(2px)}.NavBar button.active:before{content:"●";color:#fff;opacity:.9;font-size:10px;left:5px}.Profile{background:#fff6;border-radius:16px;flex-direction:column;align-items:center;gap:14px;width:1000px;padding:14px;display:flex}.Profile>.Header{background:#fff;border-radius:10px;justify-content:center;align-items:center;width:260px;height:60px;margin:0;font-size:1.5em;font-weight:700;line-height:normal;display:flex}.ProfileOutline{box-sizing:border-box;background:#fff;border:1px solid #0000001f;border-radius:10px;align-items:flex-start;width:100%;height:550px;padding:15px;display:flex;position:relative;box-shadow:0 8px 18px #00000014}.Profile a{color:#000;text-decoration-line:none}.ProfileInfo{background:#fff;border-radius:18px;column-gap:40px;max-width:900px;margin:0 auto;padding:32px 40px;box-shadow:0 12px 30px #00000014}.ProfileInfo h2{margin-top:0;margin-bottom:24px;font-size:32px;font-weight:800}.topic{color:#2f7cf6;border-left:4px solid #2f7cf6;margin-top:24px;margin-bottom:0;padding-left:12px;font-size:26px;font-weight:700}.detail,.prizeDetail,.paperDetail{color:#333;background:#f7faff;border-radius:10px;margin-top:8px;padding:10px 14px;font-size:20px;line-height:1.6}.undergraduate{color:#555;margin:0 0 0 24px;font-size:18px;display:block}#history1,.prizeDetail,.paperDetail{margin-bottom:0}.ProfileList{background-color:#d9d9d9;border:1px solid #0000001f;border-radius:10px;height:90%;padding:20px;overflow-y:auto;box-shadow:0 8px 18px #00000014}.Project{background:#fff6;border-radius:16px;flex-direction:column;align-items:center;gap:14px;width:1000px;padding:14px;display:flex}.Project>.Header{background:#fff;border-radius:10px;justify-content:center;align-items:center;width:260px;height:60px;margin:0;font-size:1.5em;font-weight:700;line-height:normal;display:flex}.ProjectOutline{box-sizing:border-box;background:#fff;border:1px solid #0000001f;border-radius:10px;width:100%;height:550px;padding:15px;display:flex;position:relative;box-shadow:0 8px 18px #00000014}.ProjectList{flex-direction:column;flex:1;gap:15px;min-height:0;padding:16px;display:flex;overflow-y:auto}.Project a{color:#000;text-decoration-line:none}.outline{box-sizing:border-box;background:#d9d9d9;border:1px solid #0000001f;border-radius:12px;padding:14px;transition:all .2s;box-shadow:0 6px 14px #00000014}.outline:hover{transform:translateY(-3px);box-shadow:0 10px 22px #0000001f}.project{background-color:#fff;border-radius:8px;padding:40px}.projectMeta{flex-wrap:wrap;gap:8px;display:flex}.projectMeta span{color:#1e5ac8eb;background:#468cff1f;border:1px solid #468cff33;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.projectResults{gap:10px;margin-top:14px;display:flex}.btn{color:#000000bf;background:#0000000a;border:1px solid #0000001a;border-radius:12px;justify-content:center;align-items:center;height:36px;padding:0 14px;font-size:13px;font-weight:900;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 18px #0000001a}