.team-container{background:linear-gradient(135deg,#e0e3ff,#b8b5ff);color:#2a2d43;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:40px 20px 0;position:relative}.team-container:after,.team-container:before{background-image:url(https://cdn.wming.space/background.jpg);background-position:50%;background-size:cover;content:"";filter:hue-rotate(45deg);height:100vh;opacity:.15;pointer-events:none;position:fixed;width:110%;z-index:0}.team-container:before{left:0;top:0;transform:scaleX(-1)}.team-container:after{right:0;top:0}.contact-section,.team-content,.team-intro-section,.team-members-section{position:relative;z-index:1}.team-intro-section,.team-members-section{margin-left:auto;margin-right:auto;max-width:1000px}.team-intro-section{background:#ffffffe6;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:0 auto 60px;max-width:1200px;padding:40px}.team-intro-content{text-align:center}.team-intro-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#2a2d43,#6b66ff);-webkit-background-clip:text;font-size:2.5rem;margin-bottom:30px;padding:0 20px}.team-description{color:#4a4b6d;font-size:1.2rem;line-height:1.8;margin:0 auto;max-width:900px;padding:0 20px;text-align:left;white-space:pre-line}.divider{background:linear-gradient(90deg,#0000,#b8b5ff,#0000);height:2px;margin:40px 0}.team-members-section{margin:0 auto 60px;max-width:1200px}.team-members-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#2a2d43,#6b66ff);-webkit-background-clip:text;font-size:2.5rem;margin-bottom:40px;padding-bottom:15px;position:relative;text-align:center}.team-members-section h2:after{background:linear-gradient(90deg,#6b66ff,#4a4b6d);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.members-grid{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:1200px;padding:20px}.member-card{align-items:flex-start;background:#ffffffe6;border-radius:15px;box-shadow:0 5px 15px #0000001a;display:flex;gap:25px;overflow:hidden;padding:20px;transition:all .3s ease}.member-card:hover{box-shadow:0 8px 25px #00000026;transform:translateX(10px)}.member-image{align-items:center;background:#fff;border-radius:15px;box-shadow:0 3px 10px #0000001a;display:flex;height:180px;justify-content:center;min-width:180px;overflow:hidden;width:180px}.member-image img{height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.member-card:hover .member-image img{transform:scale(1.05)}.member-info{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:15px}.member-info h3{color:#2a2d43;font-size:2.2rem;margin:0;text-align:center}.member-grade{color:#6b66ff;font-size:1.2rem;margin:0;text-align:center}.member-intro{align-self:flex-start;color:#4a4b6d;font-size:1.3rem;line-height:1.8;margin:10px auto 0;max-width:40em;padding:0 20px;text-align:left;white-space:pre-line}.contact-section{background:linear-gradient(135deg,#6b66ff,#4a4b6d);left:50%;margin:30px -50vw 0;min-height:20vh;padding:40px 20px;position:relative;right:50%;width:100vw}.contact-section h2{color:#fff;font-size:2rem;margin-bottom:40px;text-align:center}.contact-info{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1000px;padding:0 20px}.contact-item{align-items:center;background:#ffffff1a;border-radius:15px;display:flex;flex-direction:column;padding:20px;text-align:center;text-decoration:none;transition:all .3s ease}.contact-item:hover{background:#fff3;transform:translateY(-5px)}.contact-item i{background:#ffffff26;border-radius:50%;color:#fff;font-size:2rem;margin-bottom:15px;padding:15px}.contact-item p{color:#fff;margin:0}.contact-item p:first-of-type{font-size:1.2rem;font-weight:500;margin-bottom:5px;opacity:.9}.contact-item p:last-of-type{font-size:1rem;opacity:.8}.team-content{flex:1 1;margin-bottom:60px}@media (max-width:768px){.team-intro-content h1{font-size:2rem}.team-description{font-size:1.1rem}.members-grid{grid-template-columns:1fr}.contact-section{padding:20px}.member-card{align-items:center;flex-direction:column;gap:15px;padding:15px}.member-image{height:150px;width:150px}.member-info{width:100%}.member-info h3{font-size:1.8rem}.member-grade{font-size:.9rem}.member-intro{max-width:100%;padding:0 10px}.contact-info{gap:20px;grid-template-columns:1fr}.contact-item{padding:15px}.contact-icon,.contact-item i{font-size:1.8rem;padding:12px}.team-members-section h2{font-size:2rem}.team-members-section h2:after{width:80px}}.contact-icon{background:#ffffff26;border-radius:50%;color:#fff;font-size:4rem;margin-bottom:15px;padding:15px}.intro-image{margin:30px auto;max-width:500px;text-align:center;width:70%}.intro-image img{border-radius:10px;box-shadow:0 5px 15px #0000001a;height:auto;max-height:600px;object-fit:contain;width:100%}@media (max-width:768px){.intro-image{margin:20px auto;max-width:300px}.intro-image img{max-height:200px}}:root{--main-font:"Times New Roman",Times,serif;--background-color:#ada6b9;--text-color:#333;--link-color:#6a5acd;--button-bg-color:#6200ea;--button-hover-bg-color:#4b00b7;--border-color:#ccc;--scrollbar-bg-color:#f1f1f1;--scrollbar-thumb-color:silver;--scrollbar-thumb-hover-color:#a0a0a0;--container-bg-color:#f9f9f9;--container-shadow:0 0.5vw 1vw #0000001a}*{box-sizing:border-box}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ada6b9;background-color:var(--background-color);color:#333;color:var(--text-color);height:100%;line-height:1.6;margin:0;padding:0;text-align:center}.chat-box,.chat-input,.chat-message,.chat-message-ai,.chat-message-user,.chat-send-button,.list,.list-item,.remove-button,.shop-item,.shop-list,a,body,button,h1,h2,h3,h4,h5,h6,html,p{font-family:Times New Roman,Times,serif;font-family:var(--main-font)}h1,h2,h3,h4,h5,h6{color:#000;font-weight:700;margin:0;padding:0}p{margin:0 0 1.5vh;padding:0}a{color:#6a5acd;color:var(--link-color);text-decoration:none}a:hover{text-decoration:underline}.chat-send-button,.remove-button,button{font-family:Times New Roman,Times,serif;font-family:var(--main-font)}code{background-color:#f3f3f3;border-radius:.5vw;color:#d6336c;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;padding:.5vw 1vw}.back-container,.back-container_mc,.backcontainer,.roulette-container,.shop-back-container{font-family:Times New Roman,Times,serif;font-family:var(--main-font)}.user-info{align-items:center;background-color:#f9f9f9;background-color:var(--container-bg-color);border-radius:1vw;box-shadow:0 .5vw 1vw #0000001a;box-shadow:var(--container-shadow);display:flex;gap:1vw;margin-bottom:2vh;padding:1vh 1vw;width:90%}.user-avatar{height:10vw;margin-right:2vw;width:10vw}.user-details h2{font-size:1.8rem;margin:0 0 .5vh}.user-details p{color:#555;margin:0}.history-records{background-color:#f9f9f9;background-color:var(--container-bg-color);border-radius:1vw;box-shadow:0 .5vw 1vw #0000001a;box-shadow:var(--container-shadow);height:40vh;overflow-y:auto;padding:2vh 2vw;width:90%}.record-item{border-bottom:1px solid #ddd;padding:1vh 0}.record-title{font-weight:700;margin:0}.record-description{color:#555;margin:0}.backcontainer{align-items:center;background-color:#ca96b3;border:.2vw solid #ccc;border:.2vw solid var(--border-color);display:flex;flex-direction:column;gap:1vw;height:auto;justify-content:flex-start;min-height:95vh;padding:2vw}.ai-title{font-size:3vw;font-weight:700;margin:0;padding-top:2vh}.chat-box{background-color:#f9f9f9;background-color:var(--container-bg-color);border:.2vw solid #ccc;border:.2vw solid var(--border-color);border-radius:1vw;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;height:auto;max-width:90vw;overflow-y:auto;padding:1vw;width:80%}.chat-box::-webkit-scrollbar,.history-records::-webkit-scrollbar{width:1vw}.chat-box::-webkit-scrollbar-track,.history-records::-webkit-scrollbar-track{background-color:#f1f1f1;background-color:var(--scrollbar-bg-color);border-radius:1vw}.chat-box::-webkit-scrollbar-thumb,.history-records::-webkit-scrollbar-thumb{background-color:silver;background-color:var(--scrollbar-thumb-color);border:.2vw solid #f1f1f1;border:.2vw solid var(--scrollbar-bg-color);border-radius:1vw}.chat-box::-webkit-scrollbar-thumb:hover,.history-records::-webkit-scrollbar-thumb:hover{background-color:#a0a0a0;background-color:var(--scrollbar-thumb-hover-color)}.chat-message{word-wrap:break-word;border-radius:1vw;margin:1vh 0;max-width:55%;padding:1vw;text-align:left;word-break:break-word}.chat-message-user{align-self:flex-end;background-color:#d1e7dd}.chat-message-ai{align-self:flex-start;background-color:#e2e3e5}.chat-input-container{align-items:center;display:flex;justify-content:center;margin-top:2vh;max-width:90vw;width:80%}.chat-input{border:.2vw solid #ccc;border:.2vw solid var(--border-color);border-radius:1vw;flex:1 1;font-size:1vw;margin-right:1vw;padding:1.5vh}.chat-send-button{background-color:#6200ea;background-color:var(--button-bg-color);border:none;border-radius:1vw;color:#fff;cursor:pointer;font-size:1.2vw;padding:1vh 3vw}.chat-send-button:hover{background-color:#4b00b7;background-color:var(--button-hover-bg-color)}.back-container{height:95vh;padding:2vh 2vh 2vw 2vw}.back-container,.back-container_mc{align-items:center;align-items:flex-start;background-color:#ca96b3;border:.2vw solid #ccc;border:.2vw solid var(--border-color);display:flex;flex-direction:row;font-family:Arial,sans-serif;gap:2vw;justify-content:space-between;overflow:hidden;text-align:center}.back-container_mc{margin:2vh;max-height:96vh}.left-section{flex:2 1;text-align:center}.button{margin-left:7.5px!important;margin-right:7.5px!important;margin-top:2vh!important;padding:10px 20px}.roulette-container{height:350px;margin:0 auto;position:relative;width:300px}.arrow{border-left:15px solid #0000;border-right:15px solid #0000;border-top:20px solid red;height:0;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:0;z-index:1}.roulette{border:5px solid #ccc;border-radius:50%;height:300px;margin-top:40px;position:relative;width:300px}.result{font-size:32px;font-weight:700;margin-top:20px}.right-section{border-left:2px solid #ccc;flex:1.5 1;height:100%;padding-left:20px;text-align:center}.list{background-color:#f9f9f9;background-color:var(--container-bg-color);border:2px solid #ddd;border-radius:1vw;box-sizing:border-box;list-style:none;max-height:80vh;overflow-y:scroll;padding:.7vw}.list-item{align-items:center;border:1px solid #ccc;border-radius:5px;box-shadow:2px 2px 4px #0000001a;color:#fff;display:flex;font-weight:700;justify-content:space-between;margin-bottom:10px;padding:10px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.remove-button{background:red;border:1px solid #000;border-radius:1px;color:#fff;cursor:pointer;font-size:1.2vw;padding:5px 10px}.shop-back-container{align-items:center;background-color:#ca96b3;border:.2vw solid #ccc;border:.2vw solid var(--border-color);font-family:Arial,sans-serif;gap:2vw;height:95vh;overflow:auto;padding:20px;text-align:center}.shop-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.shop-item{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;padding:10px;transition:transform .2s;width:150px}.shop-item:hover{transform:translateY(-5px)}.shop-item img{margin-bottom:10px}.shop-image-menu{height:auto;margin-bottom:20px;max-height:95vh;max-width:95vh;object-fit:cover;width:auto}.modal-overlay{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:1000}.modal-content{background-color:#fff0;border-radius:10px;box-shadow:0 4px 10px #00000080;max-height:90%;max-width:90%;overflow:auto;position:relative}.modal-image{display:block;margin:0 auto;max-height:100%;max-width:100%;object-fit:contain}.backcontainer_error{align-items:center;background-color:#ca96b3;border:.2vw solid #ccc;border:.2vw solid var(--border-color);display:flex;flex-direction:column;gap:1vw;height:auto;justify-content:flex-start;max-height:95vh;overflow:hidden;padding:2vw}.title-container{align-items:center;display:flex;justify-content:flex-end;margin-bottom:1vh}.title-container button{margin-left:10px}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#09f;border-radius:50%;height:24px;width:24px}.modal{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000004d;height:400px;padding:20px;position:relative;text-align:center;width:400px}.close-button{background:none;border:none;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px}.close-button:hover{color:red}@keyframes slowGif{0%{visibility:visible}to{visibility:hidden}}@keyframes slow-play{0%{background-position:0}to{background-position:-200%}}.gif-container img{animation:slow-play 6s steps(15) forwards}.main-container{background-image:url(https://example.com/background.jpg);background-position:50%;background-size:cover;background:radial-gradient(ellipse at bottom,#1b2735 0,#090a0f 100%);color:#fff;font-family:Arial,sans-serif;height:100vh;justify-content:flex-start;text-shadow:2px 2px 4px #00000080}.stars{background:#0000;pointer-events:none}@keyframes twinkling{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.star{animation:twinkling 2s infinite alternate;opacity:.3}.star:first-child{animation-duration:2.5s;left:20%;top:10%}.star:nth-child(2){animation-duration:3s;left:50%;top:30%}.star:nth-child(3){animation-duration:2s;left:80%;top:70%}.star:nth-child(4){animation-duration:2.8s;left:10%;top:40%}.star:nth-child(5){animation-duration:3.2s;left:60%;top:90%}.star:nth-child(6){animation-duration:2.4s;left:70%;top:20%}.star:nth-child(7){animation-duration:2.9s;left:30%;top:85%}.star:nth-child(8){animation-duration:3.5s;left:15%;top:60%}.main-header{padding-top:10vh;width:100%}.main-title{animation:fadeIn 1.5s ease-in-out;font-weight:700;margin-bottom:40px}.main-button-container{align-items:center;flex-direction:row;gap:30px;margin-top:20px}.main-box{background:linear-gradient(135deg,#007bffcc,#00c1ffcc);border-radius:15px;box-shadow:0 4px 10px #0000004d;color:#fff;cursor:pointer;padding:20px 50px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.main-box:hover{box-shadow:0 6px 15px #0006;transform:scale(1.05)}.main-link{font-size:20px;font-weight:700}@media (max-width:768px){.main-button-container{flex-direction:column;gap:15px}.main-box{padding:15px 40px}}.about-container{background:linear-gradient(180deg,#1e3c72,#2a5298);padding:40px;text-align:center}.about-card{height:150px;justify-content:center;padding:15px;transition:transform .3s ease}.about-card-icon{font-size:3rem;margin-bottom:10px}.about-card-content h2{font-size:1.2rem;font-weight:700;margin:0}.about-avatar-circle{align-items:center;background-color:#fff3;border-radius:50%;box-shadow:0 4px 8px #0003;display:flex;height:120px;justify-content:center;margin-bottom:15px;width:120px}.about-avatar-icon{color:#fff;font-size:3rem}.about-section{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px}.about-card{background:#ffffff26;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease;width:220px}.about-card:hover{box-shadow:0 6px 15px #ffffff4d;transform:scale(1.05)}.about-card-img{border-radius:10px 10px 0 0;height:150px;object-fit:cover;width:100%}.about-card-content{padding:10px}.detail-header-wrapper{margin:0 auto 50px;max-width:1200px;padding:0 20px;width:100%}.detail-header{background:#ffffff1a;border-radius:15px;margin-top:40px;padding:40px 20px;position:relative;text-align:center}.detail-header h1{color:#fff;font-size:2.5rem;margin:15px 0}.detail-header p{color:#ffffffe6;font-size:1.2rem}.detail-icon{color:#ffffffe6;font-size:3.5rem;margin-bottom:15px}.detail-content-wrapper{margin:0 auto;max-width:1200px;padding:0 20px}@media (max-width:768px){.detail-header{margin-top:20px;padding:30px 15px}.detail-header h1{font-size:2rem}.detail-header p{font-size:1rem}.detail-icon{font-size:3rem}}.education-content{flex-direction:column;gap:30px}.education-item{animation:fadeIn .6s ease-out forwards;background:#ffffff1a;border-radius:15px;box-shadow:0 4px 15px #0000001a;opacity:0;padding:30px;transition:all .3s ease}.education-item:hover{box-shadow:0 8px 25px #0003;transform:translateY(-5px)}.education-item:first-child{animation-delay:.1s}.education-item:nth-child(2){animation-delay:.3s}.education-item:nth-child(3){animation-delay:.5s}.education-item-inner{opacity:1}.school-info{color:#fff}.school-name{margin-bottom:10px}.school-degree{margin-bottom:15px}.period-location span{gap:8px}.description{margin-bottom:20px}.achievements{list-style-type:none;padding:0}.achievements li{margin-bottom:8px;padding-left:20px;position:relative}.achievements li:before{color:#fffc;content:"•";left:0;position:absolute}.skills-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}.skill-category{border-radius:15px;padding:30px}.skill-bar,.skill-category{background:#ffffff1a;width:100%}.skill-bar{border-radius:5px;height:10px;margin:10px 0;overflow:hidden}.skill-progress{background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:5px;height:100%;transition:width 1s ease-out}.work-content{grid-gap:30px;display:grid;gap:30px;width:100%}.work-year{background:#ffffff1a;border-radius:15px;padding:30px;width:100%}.work-event{background:#ffffff0d;border-radius:10px;margin:20px 0;padding:20px}.projects-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);width:100%}.project-item{background:#ffffff1a;border-radius:15px;height:100%;padding:30px}.tech-tag{padding:5px 15px}.description{color:#ffffffe6;line-height:1.6;margin:15px 0}.project-links{align-items:center;display:flex;gap:20px;justify-content:center;margin:25px 0}.project-link{align-items:center;background:#ffffff26;border-radius:50px;color:#fff;display:inline-flex;font-weight:500;gap:8px;padding:10px 25px;text-decoration:none;transition:all .3s ease}.project-link:hover{background:#ffffff40;box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.project-link svg{font-size:1.1rem}@media (max-width:768px){.project-links{flex-direction:column;gap:15px}.project-link{justify-content:center;padding:8px 20px;width:80%}}.education-item,.project-item,.skill-category,.work-year{will-change:opacity,transform}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#fff3;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.main-container{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.stars{height:100%;left:0;top:0;width:100%}.star,.stars{position:absolute}.star{animation:twinkle 3s infinite;background:#fff;border-radius:50%;box-shadow:0 0 4px #fffc;height:2px;width:2px}@keyframes twinkle{0%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}to{opacity:.3;transform:scale(1)}}.main-header{margin-bottom:50px;text-align:center;z-index:1}.main-title{animation:fadeIn 1s ease-out;color:#fff;font-size:3.5rem;margin-bottom:1rem;text-shadow:0 0 15px #ffffff80}.main-subtitle{animation:fadeIn 1s ease-out .5s both;color:#a0a0a0;font-size:1.4rem}.main-button-container{display:flex;gap:40px;justify-content:center;max-width:900px;width:100%;z-index:1}.main-box{flex:1 1;max-width:300px;width:100%}.main-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:20px;color:#fff;display:flex;flex-direction:column;padding:30px 25px;text-decoration:none;transition:all .3s ease}.main-link:hover{background:#fff3;box-shadow:0 8px 32px #1f26875e;transform:translateY(-5px)}.icon{font-size:2.5rem;margin-bottom:15px}.text{font-size:1.3rem;font-weight:700;margin-bottom:8px}.description{color:#fffc;font-size:.9rem;text-align:center}.about-container{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;min-height:100vh;padding:60px 20px}.about-header{animation:fadeIn 1s ease-out;margin-bottom:50px;text-align:center}.about-avatar-wrapper{align-items:center;background:#ffffff1a;border:2px solid #ffffff2e;border-radius:50%;box-shadow:0 8px 32px #1f26874d;display:flex;height:120px;justify-content:center;margin:0 auto 20px;transition:all .3s ease;width:120px}.about-avatar{color:#fff;font-size:3.5rem!important}.about-intro{color:#ffffffe6;line-height:1.6;margin:20px auto;max-width:600px}.about-section{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;padding:20px}.about-card{align-items:center;background:#ffffff1a;border-radius:20px;color:#fff;display:flex;flex-direction:column;padding:30px;text-align:center;text-decoration:none;transition:all .3s ease}.about-card:hover{background:#fff3;box-shadow:0 8px 32px #1f26875e;transform:translateY(-10px)}.about-card-icon{color:#fff;font-size:2.5rem!important;margin-bottom:20px}.about-card-content h2{font-size:1.5rem;margin-bottom:10px}.about-card-description{color:#fffc;font-size:.9rem;margin-top:10px}@media (max-width:768px){.main-button-container{align-items:center;flex-direction:column;gap:20px}.main-box{max-width:280px}.main-title{font-size:2.5rem}.about-section{grid-template-columns:1fr;padding:10px}.about-card{padding:20px}}@media (max-width:480px){.main-title{font-size:2rem}.main-subtitle{font-size:1rem}}.education-timeline{margin:0 auto;max-width:1200px;padding:40px 20px;position:relative}.education-timeline:before{background:#fff3;border-radius:3px;bottom:0;content:"";left:50%;margin-left:-3px;position:absolute;top:0;width:6px}.education-card{animation:fadeInSlide .6s ease-out forwards;margin-bottom:60px;position:relative;width:100%}.education-card.left{padding-right:50%}.education-card.right{padding-left:50%}.education-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;display:flex;gap:20px;padding:20px;position:relative;transition:transform .3s ease}.education-content:hover{background:#ffffff26;transform:translateY(-5px)}.school-image{border-radius:10px;flex:0 0 150px;height:150px;overflow:hidden}.school-image img{height:100%;object-fit:cover;width:100%}.school-info{flex:1 1;text-align:left}.level-badge{background:linear-gradient(135deg,#00b4db,#0083b0);border-radius:20px;display:inline-block;font-size:.9rem;margin-bottom:10px;padding:5px 15px}.school-name{color:#fff;font-size:1.8rem;margin-bottom:5px}.school-degree{color:#ffffffe6;font-size:1.2rem;margin-bottom:10px}.period-location{color:#fffc;display:flex;gap:20px;margin-bottom:15px}.period-location span{align-items:center;display:flex;gap:5px}.timeline-arrow{background:#fff3;bottom:-45px;height:30px;left:50%;margin-left:-15px;position:absolute;transform:rotate(45deg);width:30px;z-index:1}.timeline-arrow:after{background:#ffffff4d;border-radius:2px;content:"";height:20px;left:5px;position:absolute;top:5px;width:20px}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.education-timeline:before{left:30px}.education-card.left,.education-card.right{padding:0 0 0 80px}.education-content{flex-direction:column}.school-image{height:200px;width:100%}.timeline-arrow{left:30px;margin-left:0}}.about-detail-container{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;min-height:100vh;overflow-x:hidden;padding:40px 20px;width:100%}.detail-header{animation:fadeIn .8s ease-out forwards;opacity:0}.education-card{animation:fadeIn .6s ease-out forwards}.education-card:first-child{animation-delay:.2s}.education-card:nth-child(2){animation-delay:.4s}.education-card:nth-child(3){animation-delay:.6s}.skill-category{animation:fadeIn .6s ease-out forwards}.skill-category:first-child{animation-delay:.2s}.skill-category:nth-child(2){animation-delay:.4s}.skill-category:nth-child(3){animation-delay:.6s}.skill-item{animation:fadeIn .4s ease-out forwards}.skill-item:first-child{animation-delay:.3s}.skill-item:nth-child(2){animation-delay:.4s}.skill-item:nth-child(3){animation-delay:.5s}.skill-item:nth-child(4){animation-delay:.6s}.work-year{animation:fadeIn .6s ease-out forwards;opacity:0}.work-year:first-child{animation-delay:.2s}.work-year:nth-child(2){animation-delay:.4s}.work-event{animation:fadeIn .6s ease-out forwards;opacity:0}.work-event:first-child{animation-delay:.3s}.work-event:nth-child(2){animation-delay:.5s}.project-item{animation:fadeIn .6s ease-out forwards;opacity:0}.project-item:first-child{animation-delay:.2s}.project-item:nth-child(2){animation-delay:.3s}.project-item:nth-child(3){animation-delay:.4s}.project-item:nth-child(4){animation-delay:.5s}.project-item:nth-child(5){animation-delay:.6s}.project-item:nth-child(6){animation-delay:.7s}.project-header{animation:fadeIn .4s ease-out forwards;animation-delay:.1s;opacity:0}.project-details{animation:fadeIn .4s ease-out forwards;animation-delay:.2s;opacity:0}.features{animation:fadeIn .4s ease-out forwards;animation-delay:.3s;opacity:0}.technologies{margin:20px 0;text-align:center}.technologies h3,.technologies h4{color:#ffffffe6;margin-bottom:15px}.tech-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:15px 0}.tech-tag{background:#ffffff26;border-radius:20px;color:#fff;font-size:.9rem;padding:6px 15px;transition:all .3s ease}.tech-tag:hover{background:#ffffff40;transform:translateY(-2px)}@media (max-width:768px){.tech-tags{gap:8px}.tech-tag{font-size:.85rem;padding:5px 12px}}.project-links{animation:fadeIn .4s ease-out forwards;animation-delay:.5s;opacity:0}.project-metrics{animation:fadeIn .4s ease-out forwards;animation-delay:.6s;opacity:0}.back-button{background:#6200ea;left:2vw}.back-button,.home-button-fixed{align-items:center;border-radius:30px;bottom:2vh;color:#fff;display:flex;gap:10px;padding:12px 24px;position:fixed;text-decoration:none;transition:all .3s ease;z-index:1500}.home-button-fixed{background:#4a154b;right:2vw}.back-button:hover,.home-button-fixed:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.back-button:hover{background:#4b00b7}.home-button-fixed:hover{background:#3a1139}@media (max-width:768px){.back-button,.home-button-fixed{font-size:.9rem;padding:10px 20px}.back-button{bottom:20px;left:20px}.home-button-fixed{bottom:20px;right:20px}}.diary-container{background:linear-gradient(135deg,#e9c5d9,#d4a5c7);min-height:100vh;padding:40px 20px}.diary-header{justify-content:space-between;margin:0 auto 40px;max-width:1200px;padding:0 20px}.diary-header h1{color:#4a154b;font-size:2.5rem;text-shadow:2px 2px 4px #0000001a}.new-diary-button{background:linear-gradient(135deg,#9c27b0,#7b1fa2);border-radius:50px;box-shadow:0 4px 15px #0000001a;display:inline-flex;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.new-diary-button:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.diary-list{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1200px;padding:0 20px}.diary-card{animation:fadeIn .6s ease-out;background:#ffffffe6;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;overflow:hidden}.diary-preview{flex-shrink:0;height:200px;width:200px}.diary-preview img{height:100%;object-fit:cover;width:100%}.diary-content{display:flex;flex:1 1;flex-direction:column;padding:20px}.diary-header-content{margin-bottom:15px}.diary-header-content h2{color:#4a154b;font-size:1.5rem;margin-bottom:8px}.diary-date{align-items:center;color:#666;display:flex;font-size:.9rem;gap:8px}.diary-excerpt{color:#444;flex:1 1;line-height:1.6}.diary-footer{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.image-count{color:#666;font-size:.9rem}.diary-actions{display:flex;gap:15px}.delete-button,.edit-button{align-items:center;border:none;border-radius:20px;cursor:pointer;display:inline-flex;font-size:.9rem;gap:6px;padding:8px 16px;transition:all .3s ease}.edit-button{background:#7e57c2;color:#fff;text-decoration:none}.delete-button{background:#ef5350;color:#fff}.delete-button:hover,.edit-button:hover{filter:brightness(110%);transform:translateY(-2px)}.no-diary{animation:fadeIn .6s ease-out;animation-fill-mode:forwards;background:#ffffffe6;border-radius:15px;color:#666;opacity:0}@media (max-width:768px){.diary-card{flex-direction:column}.diary-preview{height:200px;width:100%}.diary-header{flex-direction:column;gap:20px;text-align:center}.diary-actions{flex-direction:column;gap:10px}}.diary-editor{background:linear-gradient(135deg,#e9c5d9,#d4a5c7);min-height:100vh;padding:40px 20px}.diary-editor-content{background:#fffffff2;border-radius:20px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:1000px;padding:30px}.diary-title{background:#0000;border:none;border-bottom:2px solid #9c27b0;color:#4a154b;font-size:1.8rem;margin-bottom:20px;padding:15px;transition:border-color .3s ease}.diary-title:focus{border-bottom-color:#7b1fa2}.diary-date{color:#4a154b;padding:10px;width:200px}.diary-content,.diary-date{border:1px solid #d4a5c7;border-radius:8px;margin-bottom:20px}.diary-content{color:#333;font-size:1.1rem;line-height:1.6;min-height:300px;padding:15px;resize:vertical;width:100%}.diary-content:focus{border-color:#9c27b0;outline:none}.image-upload-section{margin:20px 0}.image-upload-button{align-items:center;background:linear-gradient(135deg,#9c27b0,#7b1fa2);border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.image-upload-button:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.image-preview-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:20px}.image-preview{aspect-ratio:1;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden;position:relative}.image-preview img{height:100%;object-fit:cover;width:100%}.remove-image{align-items:center;background:#ef5350e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:5px;top:5px;transition:all .3s ease;width:30px}.remove-image:hover{background:#ef5350;transform:scale(1.1)}.save-button{align-items:center;background:linear-gradient(135deg,#9c27b0,#7b1fa2);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;gap:8px;margin:30px auto 0;padding:15px 30px;transition:all .3s ease}.save-button:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}@media (max-width:768px){.diary-editor-content{padding:20px}.diary-title{font-size:1.5rem}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.login-container{align-items:center;background:linear-gradient(135deg,#e9c5d9,#d4a5c7);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fffffff2;border-radius:20px;box-shadow:0 4px 20px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.login-box h1{color:#4a154b;margin-bottom:20px}.login-box p{color:#666;margin-bottom:30px}.google-login-button{display:flex;justify-content:center;margin-top:20px}.login-buttons{display:flex;flex-direction:column;gap:20px;margin-top:20px}.anonymous-login-button{background:linear-gradient(135deg,#9c27b0,#7b1fa2);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .3s ease}.anonymous-login-button:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.login-note{color:#666;font-size:.9rem;font-style:italic;margin-top:20px}.login-area{position:fixed;right:2vw;top:2vh;z-index:1000}.user-avatar{height:3vw;width:3vw}.logout-button{background:#f44;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:.5vh 1vw;transition:all .3s ease}.logout-button:hover{background:#c00}.home-button{border-radius:20px;gap:.5vw;padding:1vh 1vw;transition:all .3s ease}.home-button-corner{align-items:center;background:#6200ea;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;position:fixed;right:2vw;text-decoration:none;top:2vh;transition:all .3s ease;width:40px;z-index:1500}.home-button-corner:hover{background:#4b00b7;box-shadow:0 2px 8px #0003;transform:translateY(-2px)}.home-button-corner svg{font-size:1.2rem}@media (max-width:768px){.back-button{bottom:20px;font-size:.9rem;padding:10px 20px;right:20px}}.education-card,.features,.project-details,.project-header,.project-item,.project-links,.project-metrics,.skill-category,.skill-item,.technologies,.work-event,.work-year{backface-visibility:hidden;will-change:transform,opacity}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.diary-card{animation:fadeInUp .6s ease-out;transition:all .3s ease}.diary-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.diary-list>.diary-card:first-child{animation-delay:.1s}.diary-list>.diary-card:nth-child(2){animation-delay:.2s}.diary-list>.diary-card:nth-child(3){animation-delay:.3s}.diary-list>.diary-card:nth-child(4){animation-delay:.4s}.diary-list>.diary-card:nth-child(5){animation-delay:.5s}.diary-list>.diary-card:nth-child(6){animation-delay:.6s}.diary-list>.diary-card:nth-child(7){animation-delay:.7s}.diary-list>.diary-card:nth-child(8){animation-delay:.8s}.diary-list>.diary-card:nth-child(9){animation-delay:.9s}.diary-list>.diary-card:nth-child(10){animation-delay:1s}.diary-list>.diary-card{animation-fill-mode:forwards;opacity:0}.diary-preview img{transition:transform .3s ease}.diary-card:hover .diary-preview img{transform:scale(1.05)}.diary-actions a,.diary-actions button{transition:all .2s ease}.diary-actions a:hover,.diary-actions button:hover{transform:translateY(-2px)}.diary-header-content h2{transition:color .3s ease}.diary-card:hover .diary-header-content h2{color:#6200ea}.image-count{transition:all .3s ease}.diary-card:hover .image-count{color:#6200ea;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.detail-container{animation:fadeIn .6s ease-out}.detail-section{animation:slideInFromRight .6s ease-out}.detail-content{animation:fadeIn .8s ease-out forwards;animation-delay:.2s;opacity:0}.education-card{animation:slideInFromRight .6s ease-out forwards;opacity:0}.education-card:first-child{animation-delay:.1s}.education-card:nth-child(2){animation-delay:.2s}.education-card:nth-child(3){animation-delay:.3s}.skill-category{animation:slideInFromRight .6s ease-out forwards;opacity:0}.skill-category:first-child{animation-delay:.1s}.skill-category:nth-child(2){animation-delay:.2s}.skill-category:nth-child(3){animation-delay:.3s}.skill-item{animation:fadeIn .6s ease-out forwards;opacity:0}.work-experience{animation:slideInFromRight .6s ease-out forwards;opacity:0}.work-item{animation:fadeIn .6s ease-out forwards;opacity:0}.work-item:first-child{animation-delay:.1s}.work-item:nth-child(2){animation-delay:.2s}.work-item:nth-child(3){animation-delay:.3s}.project-card{animation:slideInFromRight .6s ease-out forwards;opacity:0}.project-card:first-child{animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}.login-container{animation:fadeIn .8s ease-out}.login-box{animation:slideInFromRight .6s ease-out forwards;animation-delay:.2s;opacity:0}.login-buttons>*{animation:fadeIn .6s ease-out forwards;opacity:0}.login-buttons>:first-child{animation-delay:.4s}.login-buttons>:nth-child(2){animation-delay:.5s}.login-note{animation:fadeIn .6s ease-out forwards;animation-delay:.6s;opacity:0}.education-card,.project-card,.skill-category,.work-experience{transition:all .3s ease}.education-card:hover,.project-card:hover,.skill-category:hover,.work-experience:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.login-box .google-login-button,.login-box button{transition:all .3s ease}.login-box .google-login-button:hover,.login-box button:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.detail-container,.education-card,.login-container,.project-card,.skill-category,.work-experience{backface-visibility:hidden;will-change:transform,opacity}.back-button-editor{align-items:center;background:#6200ea;border-radius:30px;color:#fff;display:flex;gap:10px;left:2vw;padding:12px 24px;position:fixed;text-decoration:none;top:2vh;transition:all .3s ease;z-index:1500}.back-button-editor:hover{background:#4b00b7;box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.error-message,.loading{color:#fff;font-size:1.2rem;padding:20px;text-align:center}.error-message{color:#f44}.no-diary{color:#fff;padding:40px;text-align:center}.no-diary p{font-size:1.2rem;margin-bottom:20px}.add-diary-button{align-items:center;background:#6200ea;border-radius:30px;color:#fff;display:inline-flex;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.add-diary-button:hover{background:#4b00b7;box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.title-input-container{margin-bottom:20px;position:relative}.title-label{color:#4a154b;font-size:1.1rem;margin-bottom:8px}.required-star{color:#f44;margin-left:4px}.diary-title{background-color:#ffffffe6;border:2px solid #0000001a;border-radius:8px;font-size:1.2rem;padding:12px 15px;transition:all .3s ease;width:100%}.diary-title:focus{border-color:#6200ea;box-shadow:0 0 0 2px #6200ea33;outline:none}.diary-title.error{background-color:#ff44441a;border-color:#f44}.title-input-container .error-message{bottom:-20px;color:#f44;font-size:.9rem;left:0;margin-top:5px;position:absolute}.diary-title::placeholder{color:#4a154b80}.login-header{background:#fffc;border-radius:10px;box-shadow:0 4px 10px #0000001a;left:1vw;padding:10px 15px;position:fixed;top:1vh;transition:all .3s ease-in-out;z-index:1000}.login-header:hover{background:#fff;box-shadow:0 6px 15px #0003}.home-button:hover{background:#4b00b7;box-shadow:0 3px 10px #0003;transform:translateY(-2px)}.home-button{background:#6200ea;border-radius:15%;color:#fff;left:10px;padding:10px;position:fixed;text-decoration:none;top:10px}.diary-header,.home-button{align-items:center;display:flex;justify-content:center}.diary-header{margin-top:20px;position:relative}.diary-header h1{margin-right:15px}.user-avatar{border-radius:50%;height:40px;width:40px}.new-diary-button{align-items:center;background:#6200ea;border-radius:50%;bottom:20px;box-shadow:0 4px 10px #0003;color:#fff;display:flex;justify-content:center;padding:15px;position:fixed;right:20px;text-decoration:none}.new-diary-button:hover{background:#4b00b7}
/*# sourceMappingURL=main.cca987b0.css.map*/