@charset "UTF-8";*{padding:0;margin:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;background-image:url(../images/Tingyun.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;position:relative;color:#fff}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:-1;pointer-events:none}main{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;top:21vw;font-family:Times New Roman,Times,serif}main h1{font-size:48px;margin-bottom:40px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}main p{font-size:24px;margin-bottom:100px;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.5)}header{padding:0 20px;background:transparent;position:fixed;top:0%;right:0;z-index:1000;transition:all .3s ease}header nav ul{list-style:none;display:flex}header nav li{margin:30px;display:inline}header nav a{text-decoration:none;color:#fff;font-weight:700;font-size:20px;padding:8px 16px;position:relative;transition:color .3s;font-family:Times New Roman,Times,serif}header nav a:hover{color:#ffd587}header nav a:before,header nav a:after{content:"";position:absolute;width:10px;height:10px;opacity:0;transition:opacity .3s}header nav a:before{top:0;left:0;border-top:2px solid #ffd587;border-left:2px solid #ffd587}header nav a:after{bottom:0;right:0;border-bottom:2px solid #ffd587;border-right:2px solid #ffd587}header nav a:hover:before,header nav a:hover:after{opacity:1}footer{height:60px;display:flex;justify-content:center;align-items:center;background-color:#232739;-webkit-text-fill-color:#fff1d1;width:100%;margin-top:auto}footer p{margin:0;font-family:Times New Roman,Times,serif}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #ffd58780}50%{box-shadow:0 0 20px #ffd587cc}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.fade-in-up{animation:fadeInUp .8s ease-out forwards}.fade-in{animation:fadeIn .6s ease-out forwards}.slide-in-left{animation:slideInLeft .8s ease-out forwards}.slide-in-right{animation:slideInRight .8s ease-out forwards}.custom-cursor{position:fixed;width:40px;height:40px;border:2px solid rgba(255,255,255,.5);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .2s ease,border-color .2s ease}.cursor-dot{position:fixed;width:8px;height:8px;background-color:#ffd587;border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%)}@media(max-width:768px){.custom-cursor,.cursor-dot{display:none}}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,#ffd587,#ffb347);color:#232739;border:none;border-radius:50%;font-size:24px;font-weight:700;cursor:pointer;z-index:1000;transition:all .3s ease;box-shadow:0 4px 15px #ffd58766}.back-to-top:hover{transform:translateY(-5px);box-shadow:0 6px 20px #ffd58799}.back-to-top:active{transform:translateY(-2px)}.paper-card,.container blockquote{position:relative;overflow:hidden}.paper-card:before,.container blockquote:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.paper-card:hover:before,.container blockquote:hover:before{left:100%}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#ffd587;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gradient-text{background:linear-gradient(135deg,#ffd587,#ffb347,#ff8c42);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite;background-size:200% auto}.glow-on-hover{transition:all .3s ease}.glow-on-hover:hover{animation:glow 1.5s ease-in-out infinite}img{transition:transform .3s ease,filter .3s ease}img:hover{transform:scale(1.05);filter:brightness(1.1)}.animated-link{position:relative;text-decoration:none}.animated-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#ffd587;transition:width .3s ease}.animated-link:hover:after{width:100%}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple:active:after{width:300px;height:300px}.menu-toggle{display:none;background:transparent;border:2px solid #ffd587;color:#ffd587;font-size:24px;padding:10px 15px;cursor:pointer;border-radius:5px;transition:all .3s ease}.menu-toggle:hover{background:#ffd58733;transform:rotate(90deg)}@media(max-width:768px){.menu-toggle{display:block;position:fixed;top:20px;right:20px;z-index:1001}header nav ul{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:#232739fa;flex-direction:column;justify-content:center;align-items:center;transition:right .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}header nav ul.show{right:0}header nav li{margin:20px 0;opacity:0;transform:translate(50px)}header nav ul.show li{animation:slideInRight .5s ease forwards}header nav ul.show li:nth-child(1){animation-delay:.1s}header nav ul.show li:nth-child(2){animation-delay:.2s}header nav ul.show li:nth-child(3){animation-delay:.3s}header nav ul.show li:nth-child(4){animation-delay:.4s}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#23273980}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffd587,#ffb347);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffb347,#ff8c42)}body{transition:opacity .3s ease}input,textarea,select{transition:all .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:#ffd587;box-shadow:0 0 10px #ffd5874d}.tooltip{position:relative}.tooltip:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-10px);padding:8px 12px;background:#232739f2;color:#ffd587;border-radius:5px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;font-size:14px}.tooltip:hover:before{opacity:1;transform:translate(-50%) translateY(-5px)}.progress-bar{width:100%;height:4px;background:#ffffff1a;position:fixed;top:0;left:0;z-index:9999}.progress-bar:before{content:"";position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#ffd587,#ffb347);width:0;transition:width .3s ease}.flip-card{perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden}.flip-card-back{transform:rotateY(180deg)}.typing-cursor:after{content:"|";animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.float-animation{animation:float 3s ease-in-out infinite}.pulse-animation{animation:pulse 2s ease-in-out infinite}.container{background-color:#c1c1c180;color:#fff;border-radius:8px;padding:20px;width:70%;margin:70px auto 80px;font-family:Times New Roman,Times,serif}.container h1{padding:0;margin:10px auto;font-size:30px}.container hr{border:1px solid white;background:transparent;height:1px;margin:15px 0}.column-list{display:flex;justify-content:space-between;align-items:flex-start}.column{padding:5px;margin:0 0 5px;font-size:16px;border-bottom:1px solid white}#profile-pic img{max-width:100%;height:auto}#profile-info{display:flex;flex-direction:column;justify-content:center;align-items:center}.profile-info p{margin:0;line-height:1;text-align:center;font-weight:700;font-size:30px}.container blockquote{margin:10px 0;padding:10px 15px;border-left:3px solid #ffd587;background-color:#ffffff1a}.contact-container{margin-top:210px;margin-bottom:80px}.contact-container hr{margin:30px 0}.contact-container .column{margin-bottom:10px;font-size:20px;padding:15px 20px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.3)}.contact-container .column:last-child{border-bottom:none}.contact-container .column a{color:#fff;text-decoration:none;transition:color .3s ease}.contact-container .column a:hover{color:#ffd587}.icon{width:30px;height:30px;margin-right:10px;filter:brightness(0) invert(1)}.paper-container{margin-top:120px;margin-bottom:80px;min-height:60vh}.paper-card{background-color:#ffffff1a;border-radius:8px;padding:20px;margin-bottom:20px;border-left:4px solid #ffd587;transition:transform .3s ease,box-shadow .3s ease}.paper-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #ffd5874d}.paper-card h3{color:#ffd587;margin-bottom:10px;font-size:22px}.paper-card .paper-meta{color:#ccc;font-size:14px;margin-bottom:10px}.paper-card .paper-description{line-height:1.6;margin-bottom:10px}.paper-card .paper-links a{display:inline-block;margin-right:15px;color:#ffd587;text-decoration:none;font-weight:700;transition:color .3s ease}.paper-card .paper-links a:hover{color:#fff}.empty-state{text-align:center;padding:60px 20px;color:#ccc}.empty-state h2{font-size:28px;margin-bottom:15px;color:#ffd587}.empty-state p{font-size:18px}@media(max-width:768px){.container{width:90%;margin-top:100px;padding:15px}.column-list{flex-direction:column}#profile-pic,#profile-info{width:100%!important;margin-bottom:20px}.contact-container .column{font-size:18px;padding:15px}.paper-card h3{font-size:18px}header nav ul{flex-direction:column;align-items:center}header nav li{margin:10px}}@media(max-width:480px){.container h1,.profile-info p{font-size:24px}.contact-container .column{font-size:16px}}