.me-dashboard{min-height:100vh;padding:3rem 4rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:transparent!important;position:relative;overflow-x:hidden}.me-dashboard:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.15),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.1),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.1),transparent),radial-gradient(2px 2px at 160px 30px,rgba(255,255,255,.15),transparent);background-size:200px 100px;animation:particleFloat 20s linear infinite;pointer-events:none;z-index:-1}@keyframes particleFloat{0%{transform:translate(0) translateY(0)}25%{transform:translate(-50px) translateY(-25px)}50%{transform:translate(50px) translateY(-50px)}75%{transform:translate(-25px) translateY(-75px)}to{transform:translate(0) translateY(-100px)}}.dashboard-header{text-align:center;margin-bottom:4rem;animation:slideInFromTop .8s ease-out}.dashboard-header h1{font-size:3rem;font-weight:700;background:linear-gradient(45deg,#000,#333,#666,#999,#ccc,#fff,#e0e0e0);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;text-shadow:0 4px 15px rgba(0,0,0,.2);animation:textFloat 6s ease-in-out infinite;position:relative}.dashboard-header h1:after{content:"✨✨✨";position:absolute;top:-10px;right:-60px;font-size:1rem;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:.6;transform:rotate(0) scale(.8)}50%{opacity:1;transform:rotate(180deg) scale(1.2)}}.dashboard-header p{font-size:1.2rem;color:var(--text-secondary);font-weight:300}.vitals-status-bar{max-width:1000px;margin:0 auto 4rem;animation:slideInFromTop .8s ease-out;position:relative}.vitals-bar-container{background:linear-gradient(135deg,#cdcdcd66,#b9b9b952);border:2px solid rgba(160,160,160,.65);border-radius:20px;padding:2rem 2.5rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;box-shadow:0 8px 32px #00000008,inset 0 1px #ffffff0d,0 0 50px #4facfe08;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;animation:breathe 4s ease-in-out infinite;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);overflow:hidden}.vital-bar-item{display:flex;flex-direction:column;align-items:center;gap:.6rem;flex:1;transition:all .3s ease}.vital-bar-item:hover{transform:translateY(-2px)}.vital-bar-label{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.8rem;font-weight:500;color:var(--text-secondary);letter-spacing:.3px;text-align:center}.vital-bar-value{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;font-size:.8rem}.status-indicator{background:none;color:var(--text-primary);padding:.5rem 1.2rem;border-radius:25px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.8rem;font-weight:500;white-space:nowrap;box-shadow:none;border:2px solid var(--border-color);width:240px;text-align:center;display:block;flex-shrink:0}.timer-indicator{background:none;color:var(--text-primary);padding:.5rem 1.2rem;border-radius:25px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.8rem;font-weight:500;box-shadow:none;border:2px solid var(--border-color)}.focus-indicator{background:linear-gradient(135deg,#0d0d0d,#1a1a1a);color:#fff;padding:.5rem 1.2rem;border-radius:25px;font-size:.8rem;font-weight:900;box-shadow:0 4px 15px #00000080;border:2px solid #ffffff;text-shadow:0 0 10px rgba(255,255,255,.3)}.vital-bar-progress{position:relative;width:110px;height:24px;background:#c8c8c84d;border-radius:15px;overflow:hidden;border:1px solid var(--border-color);box-shadow:none}.vital-bar-fill{height:100%;border-radius:15px;background:linear-gradient(45deg,#000,#333,#666,#999,#ccc)!important;background-size:300% 300%;animation:grayscaleFlow 3s ease-in-out infinite,progressGlow 2s ease-in-out infinite;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff4d,0 0 20px #8080804d}.vital-bar-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progressShine 2s ease-in-out infinite}@keyframes progressShine{0%{left:-100%}to{left:100%}}.sanity-bar,.mission-bar,.caffeine-bar,.focus-bar{background:var(--progress-bar-light, #d0d0d0);box-shadow:0 0 20px #ffffff1a}.vital-bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:600;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.2)}.pulsing{animation:pulse 2s infinite}.rotating{animation:rotate 4s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-top-row{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1000px;margin:0 auto 4rem}.dashboard-bottom-section{max-width:1000px;margin:0 auto}.top-widget{min-height:450px}.horizontal-widget{width:100%}.horizontal-charts{display:flex;gap:1.5rem;align-items:flex-start;justify-content:center;width:100%;margin:0 auto 3rem;max-width:1200px}.horizontal-chart{flex:1;max-width:52%;min-width:380px;display:flex;flex-direction:column;padding:2rem;border-radius:15px;border:1px solid;border-image:linear-gradient(45deg,#8080801a,#a0a0a01a,#c8c8c81a) 1;background:linear-gradient(135deg,#6e6e6e52,#a0a0a040);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;animation:chartPulse 6s ease-in-out infinite;box-shadow:0 5px 25px #00000040}.horizontal-chart:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:15px;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);opacity:0;transition:opacity .3s}.horizontal-chart:hover{transform:translateY(-10px) scale(1.02) rotateX(5deg);border-image:linear-gradient(45deg,#333,#666,#999) 1;background:linear-gradient(135deg,#80808026,#c8c8c814);box-shadow:0 15px 40px #80808033,0 0 30px #a0a0a01a,inset 0 1px #fff3;animation-play-state:paused}.horizontal-chart:hover:after{opacity:1}@keyframes chartPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.01);opacity:.95}}.horizontal-chart-container{height:350px;width:100%;margin-top:1rem}.horizontal-chart h3{text-align:center;margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.horizontal-stats{width:100%;display:flex;gap:4rem;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:2px solid;border-image:linear-gradient(90deg,transparent,#333333,#666666,#333333,transparent) 1;position:relative}.horizontal-stats:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(128,128,128,.8),transparent);animation:borderFlow 3s linear infinite}.stat-item{position:relative;padding:1rem 1.5rem;border-radius:15px;background:linear-gradient(135deg,#69696959,#9b9b9b47);border:2px solid rgba(110,110,110,.5);transition:all .3s ease;animation:statBounce 4s ease-in-out infinite}.stat-value{font-weight:700;font-size:1.2rem;background:linear-gradient(45deg,#000,#333,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:numberGlow 2s ease-in-out infinite}.widget{background:linear-gradient(135deg,#d2d2d259,#bebebe4d);border:2px solid rgba(170,170,170,.55);border-radius:20px;padding:0;box-shadow:0 10px 40px #0000000d,inset 0 1px #ffffff0d;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);animation:slideInFromBottom .6s ease-out forwards,widgetFloat 8s ease-in-out infinite;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);position:relative}.widget: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}.widget:hover:before{left:100%}.enhanced-widget{background:#c8c8c852;border:2px solid rgba(170,170,170,.5);border-radius:20px;padding:0;box-shadow:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:580px;display:flex;flex-direction:column}.specs-container{flex:1;display:flex;flex-direction:column;align-items:center}.analytics-container{flex:1;display:flex;flex-direction:column;align-items:flex-start}.enhanced-widget:hover{animation-play-state:paused}.enhanced-widget:hover .widget-header h2{color:#333;text-shadow:0 0 20px rgba(128,128,128,.5)}.widget-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2.5rem;border-bottom:2px solid rgba(255,255,255,.15);background:#c3c3c347}.widget-header h2{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin:0}.widget-status{background:linear-gradient(45deg,#000,#333,#666);background-size:200% 200%;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);animation:statusGlow 2s ease-in-out infinite;box-shadow:0 4px 15px #8080804d}@keyframes statusGlow{0%,to{background-position:0% 50%;box-shadow:0 4px 15px #8080804d}50%{background-position:100% 50%;box-shadow:0 6px 20px #a0a0a066}}font-weight: 500; box-shadow: none; border: none; text-transform: none; letter-spacing: normal; } .chart-container{padding:2rem;height:350px;position:relative}.large-chart{height:400px;padding:1.5rem 0}.analytics-widget{grid-column:span 1}.analytics-container{padding:3rem 3.5rem;flex:1;display:flex;flex-direction:column;justify-content:space-between}.chart-section{margin-bottom:2rem}.chart-section:last-child{margin-bottom:0}.chart-section h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.chart-divider{border:none;height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-color) 50%,transparent 100%);margin:1rem 0}.large-chart{height:400px;padding:1rem 0}.balanced-charts{display:flex;flex-direction:column;height:100%;flex:1;justify-content:space-between}.medium-chart{height:220px;padding:.5rem 0}.expanded-chart{height:240px;padding:.3rem 0}.large-expanded-chart{height:300px;padding:.2rem 0}.xl-chart{height:340px;padding:.3rem 0}.compact-chart{flex:1;display:flex;flex-direction:column}.compact-chart h3{font-size:1.05rem;margin-bottom:.8rem;font-weight:600;letter-spacing:.3px;color:var(--text-primary)}.stats-summary{margin-top:1rem;display:flex;justify-content:space-around;gap:.5rem}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.6rem;border:2px solid var(--border-color);border-radius:12px;background:none;flex:1;transition:all .3s ease}.stat-label{font-size:.8em;color:var(--text-secondary);margin-bottom:.2rem;font-weight:500}.stat-value{font-size:1.2em;color:var(--text-primary);font-weight:700;font-family:SF Mono,Monaco,Inconsolata,Fira Code,Dank Mono,Operator Mono,Courier New,monospace}.stat-item:hover{border-color:var(--text-primary);transform:translateY(-1px);background:var(--bg-tertiary)}.specs-list dd:hover{border-image:linear-gradient(180deg,#000,#333,#666) 1;transform:translateY(-5px) translate(10px) scale(1.02);background:linear-gradient(135deg,#8080801a,#c8c8c80d);box-shadow:0 10px 30px #80808033}.specs-list dd:hover:before{left:100%}.specs-container{padding:2.5rem;flex:1;display:flex;flex-direction:column;justify-content:space-between}.specs-list{margin:0;flex:1;display:flex;flex-direction:column;justify-content:space-evenly}.specs-list dt{font-weight:600;color:var(--text-primary);margin-top:1rem;margin-bottom:.5rem;font-size:1em}.specs-list dt:first-child{margin-top:0}.specs-list dd{margin:0;color:var(--text-secondary);font-family:SF Mono,Monaco,Inconsolata,Fira Code,Dank Mono,Operator Mono,Courier New,monospace;background:none;padding:.9rem 1.1rem;border:2px solid var(--border-color);border-radius:12px;border-left:5px solid #4a5568;font-size:.9em;line-height:1.4;transition:all .3s ease}.compact-specs{font-size:1em}.compact-specs dt{margin-top:.5rem;margin-bottom:.3rem;font-size:1em;font-weight:700}.compact-specs dt:first-child{margin-top:0}.compact-specs dd{padding:.6rem 1rem;font-size:.95em;line-height:1.4;margin-bottom:.3rem}.compact-specs dd:last-child{margin-bottom:0}.personal-status-container{padding:2.5rem;flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.status-item{display:flex;flex-direction:column;gap:.5rem;padding:1.2rem;margin:.5rem 0;border-radius:12px;background:linear-gradient(135deg,#8080800d,#c8c8c805);border:1px solid rgba(128,128,128,.1);transition:all .3s ease;position:relative;overflow:hidden;width:100%;max-width:400px;box-sizing:border-box}.status-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,#000,#333,#666);animation:statusFlow 3s linear infinite}.status-item:hover{transform:translate(10px) scale(1.02);background:linear-gradient(135deg,#8080801a,#c8c8c80d);border-color:#333;box-shadow:0 5px 20px #80808033}@keyframes statusFlow{0%{left:-100%}to{left:100%}}border-bottom: 1px solid rgba(128,128,128,.2); flex: 1; justify-content: center; } .status-item:first-child{padding-top:0}.status-item:last-child{border-bottom:none;padding-bottom:0}.status-item dt{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:1rem;color:var(--text-primary);letter-spacing:.3px}.status-item dd{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.95rem;color:var(--text-secondary);line-height:1.5;background:none;padding:.8rem 1.2rem;border:2px solid var(--border-color);border-radius:12px;transition:all .4s cubic-bezier(.4,0,.2,1)}.status-item dd:hover{border-color:var(--text-primary);background:var(--bg-tertiary);transform:translateY(-1px)}.timer-indicator{background:none;color:var(--text-primary);padding:.5rem 1.2rem;border-radius:25px;font-size:.8rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;white-space:nowrap;box-shadow:none;border:1px solid var(--border-color);width:200px;text-align:center;display:block;flex-shrink:0;font-weight:400}.vitals-container{padding:2rem}.vital-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-color)}.vital-item:last-child{margin-bottom:0}.vital-label{font-weight:600;color:var(--text-primary);flex:1}.vital-value{font-family:SF Mono,Monaco,Inconsolata,Fira Code,Dank Mono,Operator Mono,Courier New,monospace;font-weight:700;color:#4a5568}.status-value{background:#2d3748;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.timer-value{background:#4a5568;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.progress-bar{position:relative;width:150px;height:24px;background:#c8c8c866;border-radius:15px;overflow:hidden}.vitals-container .vital-bar-progress{background:#c8c8c866!important;border:1px solid var(--border-color)!important}.vitals-container .vital-bar-text{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.7)!important}.progress-fill{height:100%;border-radius:15px;transition:width .5s ease;position:relative}.coffee-fill{background:#4a5568}.productivity-fill{background:#718096}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:600;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7);z-index:2}.software-container{padding:2rem}.software-list{display:flex;flex-direction:column;gap:1rem}.software-item{display:flex;align-items:center;padding:1rem 1.5rem;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-color);transition:all .2s ease}.software-item:hover{transform:translate(5px);box-shadow:0 5px 15px #0000001a}.software-icon{font-size:1.5rem;margin-right:1rem}.software-name{flex:1;font-weight:500;color:var(--text-primary)}.software-status{padding:.4rem 1rem;border-radius:15px;font-size:.8rem;font-weight:600}.software-status.installed{background:#2d3748;color:#fff}.software-status.running{background:#4a5568;color:#fff}.software-status.corrupted{background:#1a202c;color:#fff}.software-status.missing{background:#a0aec0;color:#fff}@media (max-width: 768px){.me-dashboard{padding:1rem}.dashboard-header h1{font-size:2rem}.vitals-bar-container{flex-direction:column;gap:1.5rem;padding:1.5rem}.vital-bar-item{flex-direction:row;justify-content:space-between;width:100%;align-items:center}.me-dashboard{padding:1rem 1.5rem}.dashboard-top-row{grid-template-columns:1fr;gap:2rem;margin-bottom:3rem;max-width:100%}.dashboard-bottom-section{margin-top:2rem;max-width:100%}.vitals-status-bar{max-width:100%}.horizontal-charts{flex-direction:column;gap:1.5rem}.horizontal-chart{min-width:unset;max-width:100%}.horizontal-chart-container{height:250px}.horizontal-stats{flex-direction:column;gap:1rem;text-align:center}.vital-bar-progress{width:120px}.vitals-bar-container{flex-direction:column;gap:1rem;padding:1.5rem}.vital-bar-item{width:100%;justify-content:space-between}.dashboard-grid{grid-template-columns:1fr;gap:1.5rem}.widget-header{padding:1rem 1.5rem}.widget-header h2{font-size:1.1rem}.chart-container{padding:1.5rem;height:300px}.progress-bar{width:120px}.analytics-container{gap:1rem;padding:2rem 1.5rem}.horizontal-chart{padding:1rem;margin-bottom:1rem;max-width:100%}.analytics-section .chart-container{height:250px;padding:.5rem}.analytics-section h3{font-size:1rem}.personal-status-container{padding:1rem}.status-item{padding:1rem 0}.status-item dt{font-size:.85rem}.status-item dd{font-size:.8rem;padding:.5rem .8rem}@keyframes lightSweep{0%{transform:translate(-100%)}50%{transform:translate(100%);opacity:.6}to{transform:translate(100%);opacity:0}}@keyframes magneticHover{0%{transform:translate(0) rotate(0)}25%{transform:translate(2px,-2px) rotate(.5deg)}50%{transform:translate(-1px,2px) rotate(-.3deg)}75%{transform:translate(-2px,-1px) rotate(.2deg)}to{transform:translate(0) rotate(0)}}h1,h2,h3,h4,h5,h6{position:relative;background:linear-gradient(45deg,#000,#333,#666);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:grayscaleShift 4s ease infinite,textGlow 3s ease-in-out infinite}h1:after,h2:after,h3:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:3px;background:linear-gradient(90deg,#000,#333,#666);transition:width .3s ease}h1:hover:after,h2:hover:after,h3:hover:after{width:100%}button,.clickable,.interactive{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}button:before,.clickable:before,.interactive:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transition:all .3s ease;transform:translate(-50%,-50%)}button:hover:before,.clickable:hover:before,.interactive:hover:before{width:300px;height:300px}button:hover,.clickable:hover,.interactive:hover{animation:magneticHover .6s ease}*{transition:all .2s ease}body:after{content:"";position:fixed;top:0;left:0;width:20px;height:20px;background:radial-gradient(circle,rgba(128,128,128,.4),transparent);border-radius:50%;pointer-events:none;z-index:9999;animation:cursorGlow 1s ease-in-out infinite}@keyframes cursorGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#000,#333,#666,#000);background-size:400% 400%;display:flex;justify-content:center;align-items:center;z-index:10000;animation:grayscaleShift 2s ease-in-out infinite,fadeOut 3s ease forwards 1s}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.ultimate-effect{position:relative;background:linear-gradient(135deg,#0000001a,#4040401a,#8080801a,#c0c0c01a,#ffffff1a);border:2px solid transparent;border-image:linear-gradient(45deg,#000,#333,#666,#999,#ccc) 1;animation:grayscaleShift 3s ease-in-out infinite,breathe 4s ease-in-out infinite,magneticHover 6s ease-in-out infinite}.ultimate-effect:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#000,#333,#666,#999,#ccc);z-index:-1;filter:blur(10px);opacity:.5;animation:grayscaleShift 3s ease-in-out infinite}.ultimate-effect:hover{transform:scale(1.05) rotateX(5deg) rotateY(5deg);box-shadow:0 20px 60px #8080804d,0 0 100px #a0a0a033,inset 0 1px #ffffff4d}.widget.ultimate-effect,.enhanced-widget.ultimate-effect,.vitals-bar-container.ultimate-effect{border-radius:25px!important}.experience-container{padding:2.5rem;display:flex;flex-direction:column;gap:3rem}.experience-timeline{display:flex;flex-direction:column;gap:2.5rem;position:relative}.experience-timeline:before{content:"";position:absolute;left:100px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#333,#666,#999);animation:borderFlow 4s linear infinite}.experience-item{display:flex;gap:2rem;position:relative;padding:1.5rem;border-radius:15px;background:linear-gradient(135deg,#8080800d,#c8c8c805);border:1px solid rgba(128,128,128,.1);transition:all .4s cubic-bezier(.4,0,.2,1);animation:statBounce 6s ease-in-out infinite}.experience-item:before{content:"";position:absolute;left:85px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:linear-gradient(45deg,#333,#666);border-radius:50%;border:2px solid #999999;z-index:2}.experience-item:hover{transform:translate(15px) scale(1.02);background:linear-gradient(135deg,#8080801a,#c8c8c80d);border-color:#333;box-shadow:0 10px 30px #80808033}.experience-period{min-width:120px;font-family:SF Mono,Monaco,monospace;font-weight:700;font-size:.9rem;color:var(--text-primary);background:linear-gradient(45deg,#000,#333,#666);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding:.5rem;border-radius:8px;border:1px solid rgba(128,128,128,.2);text-align:center;animation:numberGlow 3s ease-in-out infinite}.experience-content{flex:1;display:flex;flex-direction:column;gap:.8rem}.experience-content h3{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0;background:linear-gradient(45deg,#000,#333,#666);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.experience-content h4{font-size:1rem;font-weight:500;color:var(--text-secondary);margin:0;opacity:.8}.experience-content p{color:var(--text-secondary);line-height:1.6;margin:0;font-size:.95rem}.experience-skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.skill-tag{background:linear-gradient(135deg,#8080801a,#c8c8c80d);color:var(--text-primary);padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid rgba(128,128,128,.2);transition:all .3s ease}.skill-tag:hover{background:linear-gradient(135deg,#80808033,#c8c8c81a);transform:translateY(-2px);box-shadow:0 4px 12px #80808033}.experience-stats{display:flex;justify-content:space-around;gap:1rem;padding:2rem;border-top:2px solid;border-image:linear-gradient(90deg,transparent,#333333,#666666,#333333,transparent) 1;position:relative}.experience-stats:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(128,128,128,.8),transparent);animation:borderFlow 3s linear infinite}.experience-container{padding:1.5rem;gap:2rem}.experience-timeline:before{left:20px}.experience-item{flex-direction:column;gap:1rem;padding:1rem}.experience-item:before{left:5px}.experience-period{min-width:auto;text-align:left}.experience-stats{flex-direction:column;gap:1rem;text-align:center}.experience-skills{justify-content:center}.widget,.enhanced-widget,.chart-container{will-change:transform;backface-visibility:hidden;transform-style:preserve-3d}@keyframes grandFinale{0%{transform:scale(1) rotate(0);filter:grayscale(0%) brightness(1)}25%{transform:scale(1.02) rotate(1deg);filter:grayscale(30%) brightness(1.1)}50%{transform:scale(1.05) rotate(0);filter:grayscale(70%) brightness(1.2)}75%{transform:scale(1.02) rotate(-1deg);filter:grayscale(50%) brightness(1.1)}to{transform:scale(1) rotate(0);filter:grayscale(0%) brightness(1)}}.large-chart{height:300px}.chart-divider{margin:2rem 0}}@media (max-width: 480px){.vital-item{flex-direction:column;align-items:flex-start;gap:1rem}.progress-bar{width:100%}.software-item{flex-direction:column;align-items:flex-start;gap:.5rem}.software-status{align-self:flex-end}}.background-processes{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;overflow:hidden}.background-process{position:absolute;display:flex;align-items:center;gap:.5rem;padding:0;background:transparent;border:none;border-radius:0;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.7rem;color:#0f8;white-space:nowrap;opacity:.8}.background-process.from-left{left:var(--start-x);top:var(--start-y);animation:floatFromLeft 20s linear forwards}.process-emoji{font-size:2.5rem;filter:drop-shadow(0 0 8px rgba(255,255,255,.3));text-shadow:0 0 10px rgba(255,255,255,.5)}@keyframes floatFromTop{0%{left:var(--start-x);top:var(--start-y);opacity:0}10%{opacity:.7}90%{opacity:.7}to{left:var(--end-x);top:var(--end-y);opacity:0}}@keyframes floatFromRight{0%{left:var(--start-x);top:var(--start-y);opacity:0}10%{opacity:.7}90%{opacity:.7}to{left:var(--end-x);top:var(--end-y);opacity:0}}@keyframes floatFromBottom{0%{left:var(--start-x);top:var(--start-y);opacity:0}10%{opacity:.7}90%{opacity:.7}to{left:var(--end-x);top:var(--end-y);opacity:0}}@keyframes floatFromLeft{0%{left:var(--start-x);top:var(--start-y);opacity:0}5%{opacity:1}95%{opacity:1}to{left:var(--end-x);top:var(--end-y);opacity:0}}.background-process:hover{animation-play-state:paused;opacity:.9;transform:scale(1.1);transition:all .2s ease;z-index:0}@media (prefers-reduced-motion: reduce){.background-process{animation:none!important;opacity:0!important}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.moments-page{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;transition:all .3s ease;width:100%;margin:0;padding:0;position:relative}.moments-container{max-width:935px;margin:0 auto;padding:2rem 1rem}.profile-header{background:var(--card-bg, rgba(255, 255, 255, .95));border-radius:20px;padding:2.5rem;margin-bottom:2rem;border:3px solid var(--border-color, rgba(0, 0, 0, .1));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000001a}.profile-info{display:flex;align-items:flex-start;gap:2rem;margin-bottom:2rem}.profile-avatar{flex-shrink:0}.avatar-image{width:120px;height:120px;border-radius:50%;border:4px solid #666666;object-fit:cover;box-shadow:0 4px 20px #00000026}.profile-details{flex:1}.profile-name{font-size:2rem;font-weight:700;margin:0 0 1rem;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary) 0%,#666666 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-subtitle{font-size:.95rem;line-height:1.5;color:var(--text-secondary);margin:0 0 1.5rem;font-weight:500}.profile-bio{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin:0 0 1.5rem;font-weight:400}.profile-stats{display:flex;justify-content:flex-start;gap:2rem;flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:80px}.stat-number{font-size:1.3rem;font-weight:700;color:var(--text-primary);line-height:1;white-space:nowrap;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;background-clip:unset!important}.stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:400;margin-top:.2rem}.tab-navigation{display:flex;border-top:2px solid var(--border-color, rgba(0, 0, 0, .1));padding-top:1rem;gap:.5rem}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:none;border:none;border-radius:12px;font-size:.95rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;flex:1;justify-content:center}.tab-button:hover{background:var(--hover-bg, rgba(0, 0, 0, .05));color:var(--text-primary);transform:translateY(-2px)}.tab-button.active{background:#333;color:#fff;box-shadow:0 4px 15px #0003}.tab-icon{font-size:1.1rem}.moments-content{min-height:400px}.feed-view{display:flex;justify-content:center;width:100%}.moments-feed{width:100%;max-width:935px;display:flex;flex-direction:column;gap:2rem}.moment-post{background:var(--card-bg, rgba(255, 255, 255, .95));border-radius:20px;overflow:hidden;border:3px solid var(--border-color, rgba(0, 0, 0, .1));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.moment-post:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.post-interactions{padding:1rem 1.5rem;border-top:1px solid var(--border-color, rgba(0, 0, 0, .1))}.interaction-buttons{display:flex;gap:1rem;align-items:center}.interaction-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:.5rem 1rem;border-radius:10px;font-size:.9rem;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;font-weight:600}.interaction-btn:hover{background:var(--hover-bg, rgba(0, 0, 0, .05));color:var(--text-primary);transform:scale(1.05)}.like-btn:hover{background:#8080801a;color:#666}.comment-btn:hover{background:#6060601a;color:#555}.share-btn:hover{background:#4040401a;color:#444}.grid-view{width:100%}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;padding:1rem 0}.grid-item{position:relative;aspect-ratio:1;border-radius:15px;overflow:hidden;background:var(--card-bg, rgba(255, 255, 255, .95));border:2px solid var(--border-color, rgba(0, 0, 0, .1));cursor:pointer;transition:all .3s ease}.grid-item:hover{transform:scale(1.03);box-shadow:0 8px 25px #00000026}.multi-indicator{position:absolute;top:.5rem;right:.5rem;background:#000000b3;color:#fff;padding:.3rem .6rem;border-radius:8px;font-size:.8rem;font-weight:600}@media (max-width: 768px){.moments-container{padding:1rem}.profile-header{padding:1.5rem}.profile-info{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.avatar-image{width:100px;height:100px}.profile-name{font-size:1.8rem}.tab-navigation{flex-direction:column;gap:.5rem}.tab-button{padding:1rem}.photo-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.moments-feed{max-width:100%}.interaction-buttons{flex-wrap:wrap}.profile-stats{justify-content:center;gap:1.5rem}.stat{align-items:center;text-align:center}}@media (max-width: 480px){.avatar-image{width:80px;height:80px}.profile-name{font-size:1.5rem}.profile-stats{justify-content:center;gap:1rem}.stat{align-items:center;text-align:center;min-width:60px}.stat-number{font-size:1.1rem}.stat-number{font-size:1.3rem}}.moments-page.dark{color:var(--text-primary-dark, #ffffff)}.dark .profile-header,.dark .moment-post,.dark .grid-item{background:var(--card-bg-dark, rgba(255, 255, 255, .05));border-color:var(--border-dark, rgba(255, 255, 255, .1));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dark .profile-name{color:var(--text-primary-dark, #ffffff)}.dark .profile-subtitle,.dark .stat-label,.dark .moment-time,.dark .moment-location{color:var(--text-secondary-dark, rgba(255, 255, 255, .7))}.dark .stat-number{color:var(--text-primary-dark, #ffffff);background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;background-clip:unset!important}.dark .tab-navigation{border-color:var(--border-dark, rgba(255, 255, 255, .1))}.dark .tab-button{color:var(--text-secondary-dark, rgba(255, 255, 255, .7))}.dark .tab-button:hover{background:var(--hover-bg-dark, rgba(255, 255, 255, .1));color:var(--text-primary-dark, #ffffff)}.dark .tab-button.active{background:#666;color:#fff}.dark .interaction-btn{color:var(--text-secondary-dark, rgba(255, 255, 255, .7))}.dark .interaction-btn:hover{background:var(--hover-bg-dark, rgba(255, 255, 255, .1));color:var(--text-primary-dark, #ffffff)}.dark .post-interactions{border-color:var(--border-dark, rgba(255, 255, 255, .1))}.dark .moment-name,.dark .moment-text{color:var(--text-primary-dark, #ffffff)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.moment-post{animation:slideInUp .6s ease-out}.grid-item{animation:slideInUp .4s ease-out}.moments-page .moment-card{background:none;border:none;border-radius:0;box-shadow:none;padding:1rem;margin:0}.moments-page .moment-card:hover{transform:none;box-shadow:none}.moments-page .moment-header{margin-bottom:.5rem}.moments-page .moment-avatar{width:45px;height:45px;border-radius:50%;border:2px solid #666666}.moments-page .moment-meta{flex:1}.moments-page .moment-name{font-weight:700;font-size:1rem;color:var(--text-primary);margin-bottom:.2rem}.moments-page .moment-time{font-size:.85rem;color:var(--text-secondary);margin-bottom:.2rem}.moments-page .moment-location{font-size:.8rem;color:var(--text-secondary);opacity:.8}.moments-page .moment-text{font-size:1rem;line-height:1.5;color:var(--text-primary);margin:.25rem 0;font-weight:700;white-space:pre-line}.moments-page .moment-media{margin:.25rem 0;width:100%!important}.moments-page .moment-media .moment-image-grid{width:100%!important;max-width:none!important;margin:0!important}.moments-page .moment-image{border-radius:15px;width:100%;height:auto;object-fit:cover}.moments-page .moment-image-grid{border-radius:15px;overflow:hidden;width:100%!important;max-width:none!important;margin:0!important;display:grid!important}.moments-page .moment-media .moment-image-grid{margin:0!important;width:100%!important;max-width:none!important}.moments-page .moment-grid-image{width:100%;height:100%;object-fit:cover;border-radius:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 1.5s ease-in-out infinite}.lazy-image-container{position:relative;background:var(--card-bg, rgba(255, 255, 255, .95));border-radius:15px;overflow:hidden;min-height:200px;display:flex;align-items:center;justify-content:center}.image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px;background:var(--card-bg, rgba(255, 255, 255, .95))}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary)}.loading-container p{margin-top:1rem;font-size:1rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color, rgba(0, 0, 0, .1));border-top:3px solid #666666;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.large{width:60px;height:60px;border-width:4px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.moments-page img{image-rendering:optimizeQuality;max-width:100%;height:auto;will-change:auto}.moment-image,.grid-image{transition:transform .3s ease,opacity .3s ease;backface-visibility:hidden;transform:translateZ(0)}@media (prefers-reduced-motion: reduce){.moment-post,.grid-item,.loading-spinner{animation:none;transition:none}.moment-post:hover,.grid-item:hover{transform:none}}.moments-page .moment-image-grid{display:grid!important;gap:6px;border-radius:14px;overflow:hidden;margin:0 auto;background:none}.moments-page .moment-grid-single{grid-template-columns:1fr!important;grid-template-rows:1fr;aspect-ratio:4/3;width:100%!important;max-width:none!important;margin:0!important}.moments-page .moment-grid-quad{grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr;aspect-ratio:1;width:100%!important;max-width:none!important;margin:0!important}.moments-page .moment-grid-nine{grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(3,1fr);aspect-ratio:1;width:100%!important;max-width:none!important;margin:0}.moments-page .moment-grid-six{grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(2,1fr);aspect-ratio:3/2;width:100%!important;max-width:none!important;margin:0}.moments-page .moment-grid-item{position:relative;overflow:hidden;aspect-ratio:1!important;background:none;width:100%;height:100%;min-height:100px}.moments-page .moment-grid-image{width:100%!important;height:100%!important;object-fit:cover!important;transition:all .4s cubic-bezier(.4,0,.2,1);display:block;cursor:pointer;border:none;outline:none;border-radius:0!important}.moments-page .moment-grid-item:hover .moment-grid-image{transform:scale(1.05);filter:brightness(1.1)}.dark .lazy-image-container,.dark .image-placeholder{background:var(--card-bg-dark, rgba(255, 255, 255, .05))}.dark .loading-container{color:var(--text-secondary-dark, rgba(255, 255, 255, .7))}.dark .moment-image-grid,.dark .moment-grid-item{background:var(--card-bg-dark, rgba(255, 255, 255, .05))}.moments-page.moments-page .moment-image-grid.moment-grid-nine,.moments-page.moments-page .moment-image-grid.moment-grid-quad,.moments-page.moments-page .moment-image-grid.moment-grid-single,.moments-page.moments-page .moment-media .moment-image-grid{width:100%!important;max-width:none!important;margin:0!important;display:grid!important}.floating-heart{position:fixed;pointer-events:none;z-index:9999;font-size:1.5rem;color:#ff6b6b;animation:floatUp 2s ease-out forwards;transform:translate(-50%)}@keyframes floatUp{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}50%{opacity:.8;transform:translate(-50%) translateY(-50px) scale(1.2)}to{opacity:0;transform:translate(-50%) translateY(-100px) scale(.8)}}.burst-heart{position:fixed;pointer-events:none;z-index:9999;font-size:1.2rem;color:#ff6b6b;animation:burstOut 1.5s ease-out forwards;transform:translate(-50%) translateY(-50%)}@keyframes burstOut{0%{opacity:1;transform:translate(-50%) translateY(-50%) scale(.5)}20%{opacity:1;transform:translate(-50%) translateY(-50%) scale(1.2)}to{opacity:0;transform:translate(calc(-50% + var(--end-x))) translateY(calc(-50% + var(--end-y))) scale(.3) rotate(360deg)}}.like-btn.liked{background:#80808026;color:#666;transform:scale(1.05)}.like-btn.liked .icon{animation:likeAnimation .4s ease}.like-btn:active{transform:scale(.95)}@keyframes likeAnimation{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.interaction-buttons{justify-content:flex-start}.like-btn{min-width:60px;position:relative}.image-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:10000;display:flex;align-items:center;justify-content:center;cursor:pointer}.image-preview-container{position:relative;max-width:95vw;max-height:90vh;display:flex;align-items:center;justify-content:center}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.image-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;color:#fff;border:none;font-size:2rem;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10001}.image-nav-arrow:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.image-nav-prev{left:20px}.image-nav-next{right:20px}.scholar-button{background:#4285f4;color:#fff;border:2px solid #4285f4}.scholar-button:hover{background:#fff;color:#4285f4;border-color:#4285f4;transform:translateY(-2px);box-shadow:0 4px 12px #4285f426}.github-button{background:#f5f5f5;color:#181717;border:2px solid #e1e4e8}.github-button:hover{background:#181717;color:#fff;border-color:#181717;transform:translateY(-2px);box-shadow:0 4px 12px #18171726}.github-button .social-icon svg{display:block;fill:currentColor;transition:fill .3s}.github-button:hover .social-icon svg{fill:#fff}.home-container{display:flex;flex-direction:column;gap:120px}.hero-dark-animated{padding:140px 24px 120px;text-align:center}.hero-title{font-size:clamp(2.4rem,6vw,3.4rem);line-height:1.1;margin:0 0 20px;transition:color .3s ease;color:var(--text-primary);background:none;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:unset}.hero-tagline{font-size:1.2rem;font-weight:600;margin:0 0 12px;transition:color .3s ease}.hero-description{max-width:60ch;margin:0 auto 32px;line-height:1.55;font-size:1.05rem;transition:color .3s ease}.hero-cta{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.cta-button{padding:12px 24px;font-size:.95rem;border-radius:6px;text-decoration:none;border:1px solid currentColor}.home-section .section-container{max-width:1100px;margin:0 auto;padding:0 24px}.home-section h2{font-size:clamp(1.9rem,4.5vw,2.6rem);line-height:1.2;margin:0 0 40px;letter-spacing:-.5px;opacity:0;animation:fadeInSlow 1.2s ease-out .5s forwards;transition:color .3s ease}@keyframes fadeInSlow{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about-content{display:grid;gap:40px 48px;grid-template-columns:repeat(2,minmax(280px,1fr));align-items:start}@media (max-width: 860px){.about-content{grid-template-columns:1fr;gap:36px}}.about-block h3{font-size:1.25rem;margin:0 0 14px;line-height:1.35;animation:breathe 4s ease-in-out infinite;transition:color .3s ease}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.about-block p{margin:0 0 14px;line-height:1.6;font-size:1rem;max-width:60ch;opacity:0;animation:fadeInUp .8s ease-out forwards;transition:color .3s ease}.about-block:nth-child(1) p{animation-delay:.8s}.about-block:nth-child(2) p{animation-delay:1s}.about-block:nth-child(3) p{animation-delay:1.2s}.about-block:nth-child(4) p{animation-delay:1.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.plot-twist-note{margin-top:4px;font-style:italic;opacity:.85}.interests-list{margin:8px 0 0;padding-left:20px;list-style:disc;line-height:1.55;display:flex;flex-direction:column;gap:8px;max-width:60ch;transition:color .3s ease}.interests-list{animation:gentleFloat 6s ease-in-out infinite}.interests-list li{margin:0;opacity:0;animation:slideInLeft .6s ease-out forwards;transition:color .3s ease}.interests-list li:nth-child(1){animation-delay:1.6s}.interests-list li:nth-child(2){animation-delay:1.8s}.interests-list li:nth-child(3){animation-delay:2s}.interests-list li:nth-child(4){animation-delay:2.2s}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.gallery-spaced{margin-top:32px}.gallery{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.gallery-item{padding:0;border:none;background:none;cursor:pointer}.gallery-item img{width:100%;height:auto;display:block;border-radius:8px}.articles-spaced{margin-top:32px}.articles-list{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.article-card:nth-child(1){animation:slideInLeft .8s cubic-bezier(.4,0,.2,1) .1s both}.article-card:nth-child(2){animation:slideInRight .8s cubic-bezier(.4,0,.2,1) .3s both}.article-card:nth-child(3){animation:slideInLeft .8s cubic-bezier(.4,0,.2,1) .5s both}.article-card:nth-child(4){animation:slideInRight .8s cubic-bezier(.4,0,.2,1) .7s both}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px) translateY(20px)}to{opacity:1;transform:translate(0) translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px) translateY(20px)}to{opacity:1;transform:translate(0) translateY(0)}}.article-card{padding:24px;border:1px solid rgba(0,0,0,.15);border-radius:16px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(145deg,#fff,#f8f9fa);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 32px #0000001f;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.article-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%) translateY(-100%) rotate(45deg);transition:transform .6s ease}.article-card:hover{transform:translateY(-8px) rotateX(5deg);box-shadow:0 20px 40px #00000040;border-color:#0000004d}.article-card:hover:before{transform:translate(100%) translateY(100%) rotate(45deg)}.article-card h3{margin:0 0 8px;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#1f2937,#4b5563);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.article-card:hover h3{transform:translateY(-2px);background:linear-gradient(135deg,#111827,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.article-date{font-size:.75rem;letter-spacing:.5px;text-transform:uppercase;font-weight:600;color:#6b7280;margin:0;padding:6px 12px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;display:inline-block;transition:all .3s ease;width:fit-content}.article-card:hover .article-date{color:#374151;background:#e5e7eb;border-color:#d1d5db;transform:translateY(-1px)}.article-journal{font-size:.9rem;font-weight:600;color:#4b5563;margin:8px 0;font-style:italic;transition:all .3s ease}.article-card:hover .article-journal{color:#1f2937;transform:translate(4px)}.article-card p{margin:0 0 12px;line-height:1.6;transition:all .3s ease}.article-card:hover p{color:#374151;transform:translateY(-1px)}.article-card a{font-size:.9rem;font-weight:600;text-decoration:none;color:#374151;padding:10px 18px;border-radius:8px;background:#f9fafb;border:1px solid #d1d5db;display:inline-block;transition:all .3s ease;margin-top:auto}.article-card a:hover{background:#1f2937;color:#fff;border-color:#1f2937;transform:translateY(-2px);box-shadow:0 4px 12px #1f29374d}.contact-block{margin-top:32px;max-width:none;text-align:center}.contact-info{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;align-items:center}.contact-item{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.contact-label{font-weight:600;min-width:100px;align-self:flex-start;margin-top:8px;transition:color .3s ease}.contact-link{color:#333;text-decoration:none;transition:all .3s ease}.contact-link:hover{color:#000;text-decoration:underline}.contact-value{font-family:SF Mono,Monaco,Inconsolata,Fira Code,Dank Mono,Operator Mono,Courier New,monospace;background:#f8f9fa;border:1px solid #e9ecef;padding:8px 12px;border-radius:6px;font-size:.9rem;display:inline-block;margin-top:0;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.social-links h3{font-size:1.1rem;margin:0 0 16px;color:#333;transition:color .3s ease}.social-buttons{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.social-button{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;border:2px solid transparent}.bilibili-button{background:#fb7299;color:#fff}.bilibili-button:hover{background:#e85d7a;transform:translateY(-2px);box-shadow:0 4px 12px #fb72994d}.steam-button{background:#171a21;color:#fff}.steam-button:hover{background:#2a475e;transform:translateY(-2px);box-shadow:0 4px 12px #171a214d}.social-icon{font-size:1.2rem}.email-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.email-list li{margin:0}.email-list .contact-link{display:inline-block;padding:8px 12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;font-size:.9rem;transition:all .2s ease}.email-list .contact-link:hover{background:#e9ecef;border-color:#dee2e6;transform:translateY(-1px)}.section-link{display:inline-block;margin-top:28px;font-size:.9rem;transition:all .3s ease}:target{scroll-margin-top:90px}body{-webkit-font-smoothing:antialiased}@keyframes floatEmoji{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(2deg)}75%{transform:translateY(5px) rotate(-2deg)}}.about-block p::selection{background:#0000001a}.plot-twist-note{animation:subtlePulse 3s ease-in-out infinite}@keyframes subtlePulse{0%,to{opacity:.85}50%{opacity:1}}.moment-card{background:#fff;border-radius:22px;border:1px solid rgba(0,0,0,.06);box-shadow:0 12px 35px #00000024;padding:42px;display:flex;flex-direction:column;gap:28px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.moment-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026;border-color:#0000001f}.moment-header{display:flex;align-items:center;gap:12px}.moment-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid rgba(0,0,0,.08)}.moment-meta{display:flex;flex-direction:column}.moment-name{font-weight:700;font-size:.98rem;line-height:1.2;transition:color .3s ease}.moment-time{font-size:.8rem;opacity:.65;transition:color .3s ease}.moment-location{font-size:.75rem;opacity:.7;margin-top:2px;transition:color .3s ease}.moment-text{margin:2px 2px 6px;line-height:1.55;font-weight:700;white-space:pre-line}.moment-media{overflow:hidden;border-radius:12px}.moment-image{display:block;width:100%;height:auto;transition:transform .4s cubic-bezier(.4,0,.2,1)}.moment-card:hover .moment-image{transform:scale(1.05)}.moment-image-grid{display:grid;gap:6px;border-radius:14px;overflow:hidden;margin:0 auto}.moment-grid-single{grid-template-columns:1fr}.moment-grid-quad{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1;width:100%}.moment-grid-nine{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);aspect-ratio:1;width:100%}.moment-grid-six{grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(2,1fr);aspect-ratio:3/2;width:100%!important;max-width:none!important;margin:0!important}.moment-grid-item{position:relative;overflow:hidden;aspect-ratio:1}.moment-grid-image{width:100%;height:100%;object-fit:cover;transition:all .4s cubic-bezier(.4,0,.2,1);display:block;cursor:pointer}.moment-image-grid{position:relative}.moment-grid-item:hover .moment-grid-image{transform:scale(1.05);cursor:pointer}.moment-image{cursor:pointer}.image-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.image-preview-container{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.image-preview{max-width:90vw;max-height:85vh;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 25px 50px #00000080;animation:zoomIn .3s cubic-bezier(.4,0,.2,1)}.image-preview-close{position:absolute;top:-40px;right:-10px;background:#ffffffe6;color:#333;border:none;width:36px;height:36px;border-radius:50%;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-preview-close:hover{background:#fff;transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}[data-theme=dark] .image-preview-close{background:#1e1e1ee6;color:#fff}[data-theme=dark] .image-preview-close:hover{background:#1e1e1e}.image-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;color:#333;border:none;width:48px;height:48px;border-radius:50%;font-size:28px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1001}.image-nav-prev{left:-70px}.image-nav-next{right:-70px}.image-nav-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.image-nav-arrow:active{transform:translateY(-50%) scale(.95)}.image-counter{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);background:#ffffffe6;color:#333;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-theme=dark] .image-nav-arrow{background:#1e1e1ee6;color:#fff}[data-theme=dark] .image-nav-arrow:hover{background:#1e1e1e}[data-theme=dark] .image-counter{background:#1e1e1ee6;color:#fff}@media (max-width: 768px){.image-nav-arrow{width:40px;height:40px;font-size:24px}.image-nav-prev{left:-60px}.image-nav-next{right:-60px}}@media (max-width: 480px){.image-nav-prev{left:10px}.image-nav-next{right:10px}}@media (max-width: 768px){.moments-feed-container{max-width:750px;padding:0 26px}.moment-card{padding:34px}}@media (max-width: 480px){.moments-feed-container{max-width:100%;padding:0 22px}.moment-card{padding:28px}.moment-image-grid{gap:4px}}.moment-footer{margin-top:2px;display:flex;gap:8px;flex-wrap:wrap}.moment-tag{display:inline-block;background:#f2f3f5;color:#111;border:1px solid rgba(0,0,0,.06);padding:6px 10px;border-radius:999px;font-size:.82rem;transition:all .2s ease;cursor:pointer}.moment-tag:hover{background:#e8e9eb;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.moments-feed-section{padding:0}.moments-feed-container{max-width:980px;margin:0 auto;padding:0 32px;box-sizing:border-box}.moments-list{display:grid;gap:18px}.moment-card:nth-child(1){animation:slideInUp .6s cubic-bezier(.4,0,.2,1) .1s both}.moment-card:nth-child(2){animation:slideInUp .6s cubic-bezier(.4,0,.2,1) .2s both}.moment-card:nth-child(3){animation:slideInUp .6s cubic-bezier(.4,0,.2,1) .3s both}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: dark){.home-section h2{color:#f9fafb}.section-subtitle{color:#d1d5db}.about-block h3{color:#f1f3f4}.about-block p{color:#e5e7eb}.moment-card{background:#1f2937;border-color:#ffffff1a;box-shadow:0 6px 20px #0000004d}.moment-card:hover{border-color:#fff3;box-shadow:0 20px 40px #0006}.moment-name{color:#f9fafb}.moment-text{color:#e5e7eb}.moment-tag{background:#374151;color:#f3f4f6;border-color:#ffffff1a}.moment-tag:hover{background:#4b5563}.article-card{background:#0f1115;border-color:#ffffff14;box-shadow:0 8px 24px #00000073}.article-card h3{color:#f1f3f4}.article-card p{color:#d1d5db}.article-date{color:#9ca3af}.article-journal{color:#e5e7eb}.article-card a{color:#93c5fd}.article-card a:hover{color:#bfdbfe}.contact-label{color:#f1f3f4}.contact-link{color:#e5e7eb}.contact-link:hover{color:#f9fafb}.contact-value,.email-list .contact-link{background:#111827;border-color:#ffffff14;color:#e5e7eb}.email-list .contact-link:hover{background:#1f2937;border-color:#ffffff26}.social-links h3{color:#f1f3f4}.section-link{color:#93c5fd}.section-link:hover{color:#bfdbfe}.moment-card{background:#0f1115;border-color:#ffffff14;box-shadow:0 8px 24px #00000073}.moment-avatar{border-color:#ffffff1f}.moment-text{color:#e8e8e8}.moment-tag{background:#1a1d24;color:#e5e7eb;border-color:#ffffff14}}[data-theme=dark] .home-section h2{color:#f9fafb}[data-theme=dark] .section-subtitle{color:#d1d5db}[data-theme=dark] .about-block h3{color:#f1f3f4}[data-theme=dark] .about-block p{color:#e5e7eb}[data-theme=dark] .article-card{background:linear-gradient(145deg,#0f1419,#0a0e13);border-color:#ffffff14;box-shadow:0 8px 32px #000c}[data-theme=dark] .article-card:before{background:linear-gradient(45deg,transparent,rgba(255,255,255,.05),transparent)}[data-theme=dark] .article-card:hover{border-color:#ffffff4d;box-shadow:0 20px 40px #000000b3}[data-theme=dark] .article-card h3{background:linear-gradient(135deg,#f9fafb,#d1d5db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .article-card:hover h3{background:linear-gradient(135deg,#fff,#e5e7eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .article-card p{color:#d1d5db}[data-theme=dark] .article-card:hover p{color:#f3f4f6}[data-theme=dark] .article-date{color:#9ca3af;background:#374151;border-color:#4b5563}[data-theme=dark] .article-card:hover .article-date{background:#4b5563;color:#e5e7eb;border-color:#6b7280}[data-theme=dark] .article-journal{color:#d1d5db}[data-theme=dark] .article-card:hover .article-journal{color:#f9fafb}[data-theme=dark] .article-card a{color:#e5e7eb;background:#374151;border-color:#4b5563}[data-theme=dark] .article-card a:hover{color:#1f2937;background:#f9fafb;border-color:#f9fafb;box-shadow:0 4px 12px #f9fafb4d}[data-theme=dark] .contact-label{color:#f1f3f4}[data-theme=dark] .contact-link{color:#e5e7eb}[data-theme=dark] .contact-link:hover{color:#f9fafb}[data-theme=dark] .contact-value,[data-theme=dark] .email-list .contact-link{background:#111827;border-color:#ffffff14;color:#e5e7eb}[data-theme=dark] .email-list .contact-link:hover{background:#1f2937;border-color:#ffffff26}[data-theme=dark] .social-links h3{color:#f1f3f4}[data-theme=dark] .section-link{color:#93c5fd}[data-theme=dark] .section-link:hover{color:#bfdbfe}[data-theme=dark] .moment-card{background:#0f1115;border-color:#ffffff14;box-shadow:0 8px 24px #00000073}[data-theme=dark] .moment-avatar{border-color:#ffffff1f}[data-theme=dark] .moment-text{color:#e8e8e8}[data-theme=dark] .moment-tag{background:#1a1d24;color:#e5e7eb;border-color:#ffffff14}[data-theme=dark] .moment-name{color:#f9fafb}[data-theme=dark] .moment-tag:hover{background:#4b5563}.academic-page{min-height:100vh;width:100%;padding:4rem 2rem 6rem;max-width:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:transparent!important;position:relative;overflow-x:hidden;line-height:1.7;display:flex;flex-direction:column;gap:120px}.publications-section,.awards-section,.experience-section,.education-section{margin-bottom:6rem}.section-header{margin-bottom:3rem}.section-header h2{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.01em}.publication-status{display:flex;justify-content:flex-end;margin-bottom:8px}.status-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:4px}.status-badge.accepted{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border:1px solid #86efac}.status-badge.published{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #93c5fd}.status-badge.in-review{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fcd34d}.awards-list{display:flex;flex-direction:column;gap:2rem}.award-item{display:flex;gap:2.5rem;padding:2rem;background:#ffffff05;border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.award-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:#6464644d}.award-year{font-size:1rem;font-weight:700;color:var(--text-primary);min-width:100px;padding:.5rem 1rem;background:transparent;border-radius:8px;text-align:center;border:none}.award-content h4{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.award-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.4;margin-bottom:.8rem}.award-category{display:inline-block;padding:.3rem .8rem;background:linear-gradient(135deg,#0000001a,#6464641a);border:1px solid var(--border-color);border-radius:20px;font-size:.8rem;font-weight:500;color:var(--text-secondary)}.award-category:contains("Provincial Scholarship"){background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#fcd34d}.award-category:contains("Highest Honor"){background:linear-gradient(135deg,#fde68a,#f59e0b);color:#78350f;border-color:#d97706}.award-category:contains("International Competition"){background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3;border-color:#8b5cf6}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:2rem}.timeline{display:flex;flex-direction:column;gap:2.5rem}.timeline-item{display:flex;gap:2rem;padding:2rem;background:#ffffff05;border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.timeline-item:hover{transform:translateY(-2px);border-color:#ffffff1a;background:#ffffff0a}.education-container{padding:1.5rem}.education-timeline{display:flex;flex-direction:column;gap:2rem}.education-item{display:flex;gap:2rem;padding:1.5rem;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease;position:relative}.education-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.education-period{font-size:1rem;font-weight:700;color:var(--text-primary);min-width:120px;padding:.5rem 1rem;background:linear-gradient(135deg,#0000001a,#3232321a);border-radius:8px;text-align:center;border:1px solid var(--border-color);height:fit-content}.education-content{flex:1}.education-content h3{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:.3rem;display:flex;align-items:center;gap:.5rem}.education-content h4{font-size:1.1rem;color:var(--accent-color);margin-bottom:.8rem;font-weight:500}.education-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:.8rem}.education-details{margin:1rem 0;padding:1rem;background:#6464640d;border-radius:8px;border:1px solid var(--border-color)}.education-details p{margin-bottom:.5rem;font-size:.9rem}.education-skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}@media (max-width: 1024px){.academic-page{padding:3rem 4rem}.content-grid{grid-template-columns:1fr;gap:3rem}.timeline-item{flex-direction:column;gap:1.5rem}.timeline-period{align-self:flex-start;min-width:100px}}@media (max-width: 768px){.academic-page{padding:2rem}.academic-title{font-size:2.5rem}.section-header h2{font-size:1.8rem}.publications-section,.awards-section,.experience-section,.education-section{margin-bottom:4rem}}.hero-title-section{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;margin-bottom:2rem}.hero-title-container{max-width:800px;padding:0 2rem;animation:slideInFromTop 1.2s ease-out}.hero-title-section .hero-title{font-size:clamp(3.5rem,8vw,5.5rem);line-height:1.1;margin:0 0 2rem;font-weight:700;color:var(--text-primary);text-shadow:0 4px 20px rgba(0,0,0,.1);letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary),#666);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textFloat 6s ease-in-out infinite}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.4rem);line-height:1.6;color:var(--text-secondary);font-weight:400;margin:0;opacity:.8;animation:slideInFromBottom 1.2s ease-out .3s both}.academic-header{padding:140px 24px 120px;text-align:center}.academic-title{font-size:clamp(2.4rem,6vw,3.4rem);line-height:1.1;margin:0 0 20px;transition:color .3s ease;font-weight:600;color:var(--text-primary)}.academic-subtitle{max-width:60ch;margin:0 auto 32px;line-height:1.55;font-size:1.05rem;transition:color .3s ease;color:var(--text-secondary);font-weight:400}.academic-widget{background:linear-gradient(135deg,#ffffff14,#ffffff05);border:3px solid var(--border-color);border-radius:20px;padding:0;box-shadow:0 10px 40px #0000001a,inset 0 1px #ffffff1a;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);animation:slideInFromBottom .6s ease-out forwards,widgetFloat 8s ease-in-out infinite;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;min-height:500px}.academic-widget:hover{transform:translateY(-8px) rotateX(5deg) rotateY(2deg);border-color:#333;box-shadow:0 20px 60px #80808033,0 10px 30px #00000026;background:linear-gradient(135deg,#8080801a,#c8c8c80d)}.experience-container{padding:2.5rem;display:flex;flex-direction:column;gap:2rem;flex:1}.experience-timeline{display:flex;flex-direction:column;gap:2rem;position:relative}.experience-timeline:before{content:"";position:absolute;left:100px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#333,#666,#999);animation:borderFlow 4s linear infinite}.experience-item{display:flex;gap:2rem;position:relative;padding:1.5rem;border-radius:15px;background:linear-gradient(135deg,#8080800d,#c8c8c805);border:1px solid rgba(128,128,128,.1);transition:all .4s cubic-bezier(.4,0,.2,1)}.experience-item:before{content:"";position:absolute;left:85px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:linear-gradient(45deg,#333,#666);border-radius:50%;border:2px solid #999999;z-index:2}.experience-item:hover{transform:translate(15px) scale(1.02);background:linear-gradient(135deg,#8080801a,#c8c8c80d);border-color:#333;box-shadow:0 10px 30px #80808033}.experience-period{min-width:120px;font-family:SF Mono,Monaco,monospace;font-weight:700;font-size:.9rem;color:var(--text-primary);background:linear-gradient(45deg,#000,#333,#666);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding:.5rem;border-radius:8px;border:1px solid rgba(128,128,128,.2);text-align:center}.experience-content{flex:1;display:flex;flex-direction:column;gap:.8rem}.experience-content h3{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0}.experience-content h4{font-size:1rem;font-weight:500;color:var(--text-secondary);margin:0;opacity:.8}.experience-content p{color:var(--text-secondary);line-height:1.6;margin:0;font-size:.9rem}.experience-skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.skill-tag{background:linear-gradient(135deg,#8080801a,#c8c8c80d);color:var(--text-primary);padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid rgba(128,128,128,.2);transition:all .3s ease}.skill-tag:hover{background:linear-gradient(135deg,#80808033,#c8c8c81a);transform:translateY(-2px);box-shadow:0 4px 12px #80808033}.publications-section{max-width:1200px;margin:0 auto 4rem}.stats-section{display:flex;justify-content:center;gap:2rem;max-width:1200px;margin:0 auto;flex-wrap:wrap}.stat-card{background:linear-gradient(135deg,#8080801a,#c8c8c80d);border:2px solid rgba(128,128,128,.2);border-radius:20px;padding:2rem;text-align:center;min-width:150px;transition:all .4s cubic-bezier(.4,0,.2,1);animation:statBounce 4s ease-in-out infinite}.stat-card:hover{transform:translateY(-10px) scale(1.05);background:linear-gradient(135deg,#80808033,#c8c8c81a);border-color:#333;box-shadow:0 15px 35px #8080804d}.stat-icon{font-size:2.5rem;margin-bottom:1rem}.stat-number{font-size:2.5rem;font-weight:700;background:linear-gradient(45deg,#000,#333,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{font-size:.9rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.section-animate{opacity:0;transform:translateY(30px);animation:slideInFromBottom .8s ease-out forwards}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes widgetFloat{0%,to{transform:translateY(0) rotateX(0)}25%{transform:translateY(-5px) rotateX(1deg)}50%{transform:translateY(0) rotateX(0)}75%{transform:translateY(-3px) rotateX(-.5deg)}}@keyframes breathe{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.02) rotate(.5deg);opacity:.95}}@keyframes textFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes grayscaleShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes grayscaleFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes progressGlow{0%,to{box-shadow:inset 0 1px #ffffff4d,0 0 20px #8080804d}50%{box-shadow:inset 0 1px #ffffff80,0 0 30px #c8c8c880}}@keyframes numberGlow{0%,to{text-shadow:0 0 10px rgba(128,128,128,.5)}50%{text-shadow:0 0 20px rgba(200,200,200,.8),0 0 30px rgba(128,128,128,.5)}}@keyframes borderFlow{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes statBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width: 768px){.academic-dashboard{padding:1rem 1.5rem}.academic-title{font-size:2.5rem}.experience-education-grid{grid-template-columns:1fr}.experience-timeline:before{left:20px}.experience-item,.education-item{flex-direction:column;gap:1rem;padding:1rem}.experience-item:before{left:5px}.experience-period{min-width:auto;text-align:left}.publication-item{flex-direction:column;gap:1rem}.pub-year{min-width:auto;text-align:left}.stats-section{flex-direction:column;align-items:center}}.academic-page .self-study-list{margin:.75rem 0 0;padding-left:1.25rem;list-style-type:disc}.academic-page .self-study-list li{margin-bottom:.85rem}.academic-page .self-study-list li:last-child{margin-bottom:0}.academic-page .self-study-item-title{display:block;font-weight:600;color:var(--text-primary)}.academic-page .self-study-item-meta,.academic-page .self-study-item-author{display:block;font-size:.9rem;color:var(--text-secondary);margin-top:.15rem}.academic-page .self-study-item-note{margin:.35rem 0 0;font-size:.875rem;line-height:1.5;color:var(--text-secondary)}.github-contact-line .code-text{justify-content:center;display:flex!important;align-items:center;gap:6px}.contact-page{min-height:100vh;padding:0;color:var(--text-primary);overflow-x:hidden}.page-header{padding:3rem 2rem 2rem;text-align:center;max-width:800px;margin:0 auto}.contact-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.hero-container{max-width:1200px;width:100%;text-align:center}.code-window{max-width:800px;margin:0 auto 3rem;background:#000000e6;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0006;animation:slideInFromTop 1.2s ease-out}.terminal-window{max-width:600px;margin:0 auto 3rem;background:#000000e6;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0006;animation:slideInFromTop 1.2s ease-out}.window-header,.terminal-header{background:#282828f2;padding:.8rem 1rem;display:flex;align-items:center;gap:1rem}.window-dots,.terminal-dots{display:flex;gap:.5rem}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f57}.dot.yellow{background:#ffbd2e}.dot.green{background:#28ca42}.window-title,.terminal-title{color:#ccc;font-family:Monaco,Courier New,monospace;font-size:.9rem}.code-content{padding:1.5rem;font-family:Monaco,Courier New,monospace;font-size:.9rem;line-height:1.8;background:#1e1e1e}.code-line{display:flex;align-items:center;min-height:1.4rem;transition:all .3s ease;border-radius:4px;margin:1px 0}.code-line.clickable{cursor:pointer;padding:2px 6px}.code-line.clickable:hover{background:#ffffff1a;transform:translate(5px)}.code-line.selected{background:#007acc33;border-left:3px solid #007acc;padding-left:8px}.line-number{color:#858585;width:30px;text-align:right;margin-right:1rem;font-size:.8rem;-webkit-user-select:none;user-select:none}.code-text{flex:1}.keyword{color:#569cd6;font-weight:500}.variable{color:#9cdcfe}.operator{color:#d4d4d4}.bracket{color:gold}.property{color:#9cdcfe}.string{color:#ce9178}.punctuation{color:#d4d4d4}.comment{color:#6a9955;font-style:italic}.function{color:#dcdcaa}.terminal-line{margin-bottom:1rem}.prompt{color:#28ca42;margin-right:.5rem}.command{color:#ffbd2e}.terminal-output{color:#ccc}.loading-animation{margin-bottom:1rem}.dots{animation:pulse 1.5s infinite}.typed-text{color:#fff}.cursor{color:#28ca42;animation:blink 1s infinite}.contact-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;margin:0 0 1rem;color:var(--text-primary)}.typewriter-title{overflow:hidden;border-right:3px solid var(--text-primary);white-space:nowrap;animation:slideInFromBottom .8s ease-out .1s both,typewriter .7s steps(18,end) .7s both,blink-caret .5s step-end 1.5s infinite}@keyframes typewriter{0%{width:0;border-right-color:var(--text-primary)}to{width:100%;border-right-color:var(--text-primary)}}@keyframes blink-caret{0%,to{border-right-color:transparent}50%{border-right-color:var(--text-primary)}}.contact-subtitle{font-size:clamp(1rem,2.5vw,1.3rem);color:var(--text-secondary);margin:0;animation:slideInFromBottom 1.2s ease-out .6s both}.highlight-text{color:gold;font-weight:500}.portals-section{padding:4rem 2rem;max-width:1400px;margin:0 auto}.portals-container{width:100%}.portals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.contact-method{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:280px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInFromBottom .8s ease-out forwards}.portal-card:nth-child(1){animation-delay:.1s}.portal-card:nth-child(2){animation-delay:.2s}.portal-card:nth-child(3){animation-delay:.3s}.portal-card:nth-child(4){animation-delay:.4s}.portal-card:hover{transform:translateY(-10px) scale(1.02);border-color:#ffffff4d;box-shadow:0 25px 50px #0000004d}.portal-card.active{transform:scale(1.05);border-color:#fff6}.method-header h3{font-size:1.5rem;margin:0 0 .5rem;color:var(--text-primary)}.method-subtitle{color:var(--text-secondary);margin:0 0 1rem;font-style:italic}.method-description{margin-bottom:1.5rem;color:var(--text-secondary)}.method-content{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);animation:fadeInUp .4s ease-out}.email-item{margin-bottom:1.5rem;padding:1.5rem;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.email-item:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px)}.email-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#666,#999,#ccc)}.email-label{display:inline-block;font-weight:700;font-size:.85rem;color:#fff;background:#646464cc;padding:.4rem .8rem;border-radius:20px;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(200,200,200,.3)}.email-link{color:#ccc;text-decoration:none;font-family:monospace;font-size:1.1rem;display:block;margin-bottom:.3rem;transition:color .3s ease}.email-link:hover{color:#fff;text-decoration:underline}.email-org{color:#aaa;font-size:.9rem;font-weight:500;margin-top:.5rem;padding:.3rem .6rem;background:#32323299;border-radius:15px;display:inline-block;border:1px solid rgba(150,150,150,.2)}.social-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:10px;margin-bottom:1rem;text-decoration:none;color:inherit;transition:all .3s ease}.social-item:hover{background:#ffffff1a;transform:translate(10px)}.social-icon{font-size:1.5rem}.social-name{font-weight:600;color:var(--text-primary)}.social-desc{color:var(--text-secondary);font-size:.9rem}.wechat-info{text-align:center;padding:1.5rem;background:#ffffff0d;border-radius:15px}.wechat-label{color:var(--text-secondary);margin-bottom:.5rem}.wechat-id{font-size:1.3rem;font-weight:600;color:var(--text-primary);font-family:monospace;margin-bottom:.5rem}.wechat-hint{color:var(--text-secondary);font-size:.9rem}.portal-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.portal-card:hover .portal-glow{opacity:1}.footer-message{padding:4rem 2rem;text-align:center}.ascii-art{color:var(--text-secondary);font-family:Monaco,Courier New,monospace;font-size:.8rem;line-height:1.2}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width: 768px){.contact-hero{padding:1rem}.portals-grid{grid-template-columns:1fr}.portal-card{padding:1.5rem}.games-grid{grid-template-columns:1fr}}:root{--text-primary: #ffffff;--text-secondary: #cccccc}:root{--primary: #000000;--muted: #ddd;--bg: #fff;--dark-gray: #1a1a1a;--medium-gray: #2d2d2d;--light-gray: #4a4a4a;--navbar-height: 52px;--apple-font-stack: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--apple-mono-stack: "SF Mono", "Monaco", "Inconsolata", "Fira Code", "Dank Mono", "Operator Mono", "Courier New", monospace}html[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #f9f9f9;--text-primary: #1a1a1a;--text-secondary: #555;--text-tertiary: #999;--navbar-bg: linear-gradient(90deg, #f0f0f0 0%, #e5e5e5 50%, #f0f0f0 100%);--navbar-glass-bg: linear-gradient( 180deg, rgba(232, 234, 238, .52) 0%, rgba(220, 222, 228, .4) 100% );--navbar-glass-border: rgba(0, 0, 0, .06);--navbar-glass-shadow: 0 2px 20px rgba(0, 0, 0, .05);--navbar-text: #333;--navbar-link: #666;--border-color: #e0e0e0;--hero-bg: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);--grid-color: rgba(128, 128, 128, .15);--progress-bar-light: #d0d0d0;--progress-bar-dark: #b0b0b0}html[data-theme=dark],html:not([data-theme]){--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--text-primary: #ffffff;--text-secondary: #d0d0d0;--text-tertiary: #a0a0a0;--navbar-bg: linear-gradient(90deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);--navbar-glass-bg: linear-gradient( 180deg, rgba(20, 20, 24, .62) 0%, rgba(10, 10, 12, .55) 100% );--navbar-glass-border: rgba(255, 255, 255, .06);--navbar-glass-shadow: 0 2px 24px rgba(0, 0, 0, .38);--navbar-text: #ffffff;--navbar-link: #d0d0d0;--border-color: #404040;--hero-bg: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 50%, #0f0f0f 100%);--grid-color: rgba(128, 128, 128, .1);--progress-bar-light: #555555;--progress-bar-dark: #444444}html,body,#root{height:100%}*{font-family:var(--apple-font-stack)}code,pre,kbd,samp{font-family:var(--apple-mono-stack)}body{margin:0;font-family:var(--apple-font-stack);background:var(--bg-primary);color:var(--text-primary);transition:background .3s ease,color .3s ease}h1,h2,h3{margin:0 0 12px}main{width:100%;padding:0;margin:0;padding-top:var(--navbar-height)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.navbar{background:var(--navbar-glass-bg);position:fixed;top:0;left:0;right:0;height:var(--navbar-height);padding:0 16px;z-index:1000;border-bottom:1px solid var(--navbar-glass-border);box-shadow:var(--navbar-glass-shadow);-webkit-backdrop-filter:blur(22px) saturate(1.05);backdrop-filter:blur(22px) saturate(1.05);transition:background .3s ease,box-shadow .3s ease}.navbar-inner{max-width:960px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px;height:100%}.navbar-left{display:flex;align-items:center;gap:12px}.navbar-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color);background:var(--bg-secondary)}.navbar-avatar-link{text-decoration:none;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:transform .2s ease,box-shadow .2s ease}.navbar-avatar-link:hover{transform:scale(1.1);box-shadow:0 0 8px #0000004d}.navbar-avatar img{width:100%;height:100%;object-fit:cover;display:block}.navbar-logo{color:var(--navbar-text);text-decoration:none;font-weight:600;font-size:20px;transition:color .2s ease,transform .15s ease}.navbar-logo:hover{color:var(--text-primary)}.navbar-menu{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;align-items:center}.navbar-link{color:var(--navbar-link);text-decoration:none;font-size:14px;font-weight:500;position:relative;transition:color .3s ease}.navbar-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#000,#333);transition:width .3s ease}.navbar-link:hover{color:var(--text-primary)}.navbar-link:hover:after{width:100%}.theme-toggle{background:transparent;border:2px solid var(--navbar-link);border-radius:50%;width:36px;height:36px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0}.theme-toggle:hover{border-color:var(--text-primary);transform:scale(1.1) rotate(20deg)}.hero-dark-animated{position:relative;color:var(--text-primary);padding:120px 16px;text-align:center;overflow:hidden;min-height:100vh;display:flex;align-items:center;justify-content:center}.animated-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.floating-shape{position:absolute;border-radius:50%;filter:blur(60px);opacity:.15}.shape-1{width:400px;height:400px;background:#000;top:-100px;right:-100px;animation:float1 20s infinite ease-in-out}.shape-2{width:300px;height:300px;background:#333;bottom:-50px;left:10%;animation:float2 25s infinite ease-in-out}.shape-3{width:350px;height:350px;background:#000;top:50%;right:5%;animation:float3 22s infinite ease-in-out}@keyframes float1{0%,to{transform:translate(0)}33%{transform:translate(30px,-50px)}66%{transform:translate(-30px,50px)}}@keyframes float2{0%,to{transform:translate(0)}33%{transform:translate(-40px,30px)}66%{transform:translate(40px,-30px)}}@keyframes float3{0%,to{transform:translate(0)}33%{transform:translate(50px,20px)}66%{transform:translate(-50px,-20px)}}@keyframes moveGridDown{0%{background-position:0 0}to{background-position:0 50px}}@keyframes moveGridUp{0%{background-position:0 0}to{background-position:0 -50px}}@keyframes moveGridRight{0%{background-position:0 0}to{background-position:50px 0}}.hero-inner{max-width:960px;margin:0 auto;padding:0 16px;position:relative;z-index:1}.hero-title{font-size:128px;font-weight:700;margin-bottom:8px;letter-spacing:-1px}.avatar{width:180px;height:180px;border-radius:50%;object-fit:cover;margin:24px 0;border:4px solid #000000;box-shadow:0 10px 40px #0000004d;transition:transform .3s ease}.avatar:hover{transform:scale(1.05)}.hero-tagline{font-size:24px;color:var(--text-tertiary);margin:0 0 24px;font-weight:300}.hero-description{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto 32px;line-height:1.6;opacity:.95}.hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta-button{padding:12px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease;border:2px solid transparent;cursor:pointer;display:inline-block}.cta-primary{background:#000;color:#fff}.cta-primary:hover{background:#333;transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.cta-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--text-primary)}.cta-secondary:hover{background:var(--text-primary);color:var(--bg-primary);transform:translateY(-2px)}.features{background:transparent;padding:60px 16px}.feature-grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px}.feature-card{background:var(--bg-secondary);padding:32px;border-radius:12px;text-align:center;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;animation:slideUp .6s ease-out}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0003}.feature-icon{font-size:48px;margin-bottom:16px}.feature-card h3{font-size:20px;margin-bottom:12px;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);line-height:1.6}.animated-grid-background{background-color:var(--bg-primary);background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:50px 50px;background-attachment:fixed;animation:moveGridDown 10s linear infinite,moveGridRight 15s linear infinite}.home-container{width:100%;margin:0;padding:0;position:relative}.home-section{padding:120px 16px;width:100%}.section-container{max-width:960px;margin:0 auto;position:relative;z-index:1}.home-section h2{font-size:52px;margin-bottom:16px;color:var(--text-primary);text-align:center}.section-subtitle{text-align:center;color:var(--text-secondary);font-size:18px;margin-bottom:32px}.about-section{background:transparent}.about-section .section-container>h2{margin-bottom:56px}.about-content{display:grid;grid-template-columns:repeat(2,1fr);gap:60px;margin-bottom:48px}.about-content h3{font-size:24px;color:#000;margin-bottom:16px}.about-content p{color:var(--text-secondary);line-height:1.8;font-size:16px}.interests-list{list-style:none;padding:0;margin:0}.interests-list li{padding:12px 0;color:var(--text-secondary);font-size:16px}.interests-list li:before{content:"✓ ";color:#000;font-weight:700;margin-right:8px}.moments-section,.publications-section{background:transparent}.articles-list{display:grid;gap:32px}.article-card h3{margin-top:0;font-size:22px;color:var(--text-primary)}.contact-section{background:transparent;color:var(--text-primary);text-align:center}.contact-section h2{color:var(--text-primary)}.contact-section .section-subtitle,.contact-section p{color:var(--text-secondary)}.section-link{display:inline-block;margin-top:24px;color:#000;text-decoration:none;font-weight:600;transition:all .3s ease;padding:8px 0;border-bottom:2px solid transparent}.section-link:hover{border-bottom-color:#000;transform:translate(4px)}.footer{background:var(--navbar-bg);padding:32px 16px;margin-top:60px;border-top:1px solid var(--border-color);transition:background .3s ease}.footer-content{max-width:960px;margin:0 auto;text-align:center;color:var(--navbar-link);font-size:14px}.footer-content p{margin:0;color:var(--navbar-link)}@media (max-width: 600px){.home-section{padding:60px 16px}.home-section h2{font-size:32px}.about-content{grid-template-columns:1fr;gap:24px}.navbar-menu{gap:12px}.navbar-link{font-size:12px}.hero-cta{flex-direction:column}.cta-button{width:100%}}.hero{background:linear-gradient(180deg,#4a7cff,#000);color:#fff;padding:64px 0;text-align:center}.hero-inner{max-width:960px;margin:0 auto;padding:0 16px}.hero h1{font-size:48px;margin-bottom:8px}.subtitle{opacity:.95}.container{max-width:960px;margin:24px auto;padding:0 16px}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:12px}.gallery-item{background:#fff;border:0;padding:0;border-radius:8px;overflow:hidden;cursor:pointer}.gallery-item img{display:block;width:100%;height:100%;object-fit:cover}button{font:inherit}.article-card{padding:16px;border-left:4px solid #000000;background:#f9f9f9;border-radius:4px;margin-bottom:16px}.article-card h2{margin-top:0}.article-date{color:#666;font-size:12px}.article-card a{color:#000;text-decoration:none;font-weight:500}.article-card a:hover{text-decoration:underline}.achievement-card{padding:16px;border:1px solid #e0e0e0;border-radius:8px;background:#f5f5f5}.achievement-card h3{margin-top:0;color:#000}input:focus,textarea:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a}ul,ol{line-height:1.8}li{margin-bottom:8px}