:root{--font-sans: "Plus Jakarta Sans", "Noto Sans SC", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--font-serif: "Fraunces", "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, serif;--font-display: "DM Serif Display", "Fraunces", "Noto Serif SC", Georgia, serif;--bg-primary: #f5f1ea;--bg-secondary: #ffffff;--bg-tertiary: #ede7da;--bg-ink: #0c111d;--surface: rgba(255, 255, 255, .72);--surface-strong: #ffffff;--text-strong: #0c111d;--color-primary: #1c2841;--color-primary-hover: #0c111d;--color-primary-light: #d3dae8;--color-primary-subtle: #ecf0f7;--color-sky: #2f6b8f;--color-cyan: #4a9bb8;--color-sky-light: #e2eef4;--color-indigo: #4f46e5;--color-indigo-light: #eef2ff;--color-amber: #c2822a;--color-amber-light: #f5e8c8;--color-vermilion: #b53a2a;--color-vermilion-light: #f7e3df;--color-navy: #0c111d;--color-navy-light: #1e293b;--color-text-main: #0c111d;--color-text-muted: #4f5b6b;--color-text-light: #8995a6;--rule: rgba(12, 17, 29, .12);--rule-strong: rgba(12, 17, 29, .4);--shadow-sm: 0 1px 0 var(--rule);--shadow-md: 0 12px 40px -16px rgba(12, 17, 29, .22);--shadow-lg: 0 24px 60px -20px rgba(12, 17, 29, .28);--radius-sm: 4px;--radius-md: 10px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .35s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--color-text-main);line-height:1.6}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}body{overflow-x:hidden;background:radial-gradient(circle at 15% 15%,rgba(219,234,254,.5) 0%,transparent 45%),radial-gradient(circle at 85% 75%,rgba(224,242,254,.5) 0%,transparent 45%),var(--bg-primary);min-height:100vh}#bg-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;opacity:.65}.section-inner{max-width:1140px;margin:0 auto;padding:5.5rem 1.5rem}.section-label{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);background:var(--color-primary-subtle);padding:.4rem 1rem;border-radius:var(--radius-full);border:1px solid var(--border-color);margin-bottom:.85rem;box-shadow:var(--shadow-sm)}.section-title{font-size:2.35rem;font-weight:900;color:var(--color-navy);letter-spacing:-.02em;margin-bottom:.65rem}.section-desc{font-size:1.08rem;color:var(--color-text-muted);margin-bottom:2.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.6rem;font-weight:700;font-size:.95rem;border-radius:var(--radius-full);text-decoration:none;cursor:pointer;transition:all var(--transition-normal);border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,#1d4ed8,#2563eb,#0284c7);color:#fff;box-shadow:0 6px 20px #2563eb59}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 28px #2563eb7a;background:linear-gradient(135deg,#1e40af,#1d4ed8,#0284c7)}.btn-outline{background:#ffffffeb;color:var(--color-navy);border-color:var(--border-color);box-shadow:var(--shadow-sm)}.btn-outline:hover{transform:translateY(-2px);border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-md)}.navbar{position:fixed;top:2.5rem;left:50%;transform:translate(-50%);width:calc(100% - 2rem);max-width:1100px;z-index:100;background:#ffffffe0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:.65rem 1.6rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.navbar.scrolled{top:2rem;box-shadow:var(--shadow-lg);background:#fffffff5}.nav-brand{font-size:1.3rem;font-weight:900;color:var(--color-navy);text-decoration:none;display:flex;align-items:center;gap:.5rem}.nav-links{display:flex;align-items:center;gap:.4rem;list-style:none}.nav-link{padding:.45rem .9rem;font-size:.9rem;font-weight:600;color:var(--color-text-muted);text-decoration:none;border-radius:var(--radius-full);transition:all var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--color-primary);background:var(--color-primary-subtle)}.nav-mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:.4rem;color:var(--color-navy)}.mobile-drawer{position:fixed;top:6.5rem;left:1rem;right:1rem;background:#fffffffa;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-lg);z-index:99;display:flex;flex-direction:column;gap:.5rem;animation:fadeInDown .3s ease-out}.mobile-drawer-link{padding:.8rem 1rem;font-size:1.05rem;font-weight:700;color:var(--color-navy);text-decoration:none;border-radius:var(--radius-md);transition:background var(--transition-fast)}.mobile-drawer-link:hover{background:var(--color-primary-subtle);color:var(--color-primary)}.hero-section{padding-top:7rem;padding-bottom:5rem;text-align:center;display:flex;flex-direction:column;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:.65rem;padding:.45rem 1.2rem;background:#fffffff2;border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:.9rem;font-weight:600;color:var(--color-navy);box-shadow:var(--shadow-sm);margin-bottom:2rem}.pulse-dot{width:9px;height:9px;background:#10b981;border-radius:50%;position:relative}.pulse-dot:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid #10b981;border-radius:50%;animation:ping 1.8s infinite;opacity:.75}.hero-avatar-wrapper{position:relative;margin-bottom:1.75rem}.hero-avatar-glow{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;background:linear-gradient(135deg,#1d4ed8,#0284c7,#3b82f6);border-radius:50%;filter:blur(16px);opacity:.55;animation:avatarGlow 3.5s ease-in-out infinite alternate}.hero-avatar-img{position:relative;width:148px;height:148px;border-radius:50%;object-fit:cover;border:4px solid #ffffff;box-shadow:var(--shadow-md)}.hero-name-gradient{font-size:3.5rem;font-weight:900;letter-spacing:-.04em;background:linear-gradient(135deg,#09152e,#1d4ed8,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.4rem;display:flex;flex-direction:column;align-items:center;gap:.2rem}.hero-english-sub{font-size:1rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary);-webkit-text-fill-color:var(--color-primary)}.hero-typing-box{min-height:2.2rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:var(--color-primary);font-family:var(--font-mono);margin-bottom:1rem;background:#2563eb0f;padding:.4rem 1.2rem;border-radius:var(--radius-full);border:1px dashed var(--border-color)}.tagline-prefix{color:var(--color-sky);margin-right:.4rem}.typing-cursor{display:inline-block;width:3px;height:1.2em;background-color:var(--color-primary);margin-left:4px;animation:blink .9s infinite}.hero-sub{font-size:1.05rem;color:var(--color-text-muted);margin-bottom:2.25rem}.hero-cta-group{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center}.about-card{background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.25rem;box-shadow:var(--shadow-md)}.about-card p{color:var(--color-text-muted);font-size:1.08rem;margin-bottom:1rem;line-height:1.75}.about-card strong{color:var(--color-navy);font-weight:800}.interest-tags-wrapper{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.5rem}.tag-badge{background:var(--color-primary-subtle);color:var(--color-primary);font-size:.88rem;font-weight:700;padding:.4rem .9rem;border-radius:var(--radius-full);border:1px solid rgba(37,99,235,.18);transition:all var(--transition-fast)}.tag-badge:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem}.stat-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.6rem;text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#1d4ed8,#0284c7);opacity:0;transition:opacity var(--transition-fast)}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--border-hover)}.stat-card:hover:before{opacity:1}.stat-value{font-size:2.35rem;font-weight:900;color:var(--color-primary);line-height:1.1;margin-bottom:.35rem}.stat-sub{font-size:.95rem;font-weight:600;color:var(--color-text-light)}.stat-label{font-size:.92rem;font-weight:700;color:var(--color-navy)}.edu-card{background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-md);display:grid;grid-template-columns:100px 1fr;gap:2.25rem;align-items:flex-start}.edu-logo-wrapper{width:100px;height:100px;border-radius:var(--radius-md);background:var(--color-primary-subtle);display:flex;align-items:center;justify-content:center;padding:.65rem;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.edu-logo-img{max-width:100%;max-height:100%;object-fit:contain}.edu-title-group h3{font-size:1.65rem;font-weight:900;color:var(--color-navy)}.edu-subtitle{font-size:1rem;color:var(--color-text-muted);margin-bottom:1.1rem}.edu-metrics{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1.35rem}.metric-chip{background:var(--color-sky-light);color:var(--color-sky);font-size:.88rem;font-weight:800;padding:.35rem .85rem;border-radius:var(--radius-md)}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.75rem;margin-top:1rem}.course-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.6rem .95rem;font-size:.9rem;display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-fast)}.course-item:hover{background:#fff;border-color:var(--color-primary)}.course-name{color:var(--color-navy);font-weight:600}.course-score{font-family:var(--font-mono);font-weight:800;color:var(--color-primary)}.projects-list{display:flex;flex-direction:column;gap:2.25rem}.project-card{background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.project-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.15rem;flex-wrap:wrap}.project-name{font-size:1.5rem;font-weight:900;color:var(--color-navy);margin-top:.2rem}.project-badge{background:linear-gradient(135deg,var(--color-primary-subtle),var(--color-sky-light));color:var(--color-primary);border:1px solid rgba(37,99,235,.25);font-size:.85rem;font-weight:800;padding:.4rem .95rem;border-radius:var(--radius-full);white-space:nowrap}.tech-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tech-tag{background:transparent;color:var(--color-text-muted);border:1px solid var(--rule-strong);font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.04em;padding:.3rem .6rem;border-radius:0}.project-desc{color:var(--color-text-muted);font-size:1.02rem;line-height:1.7;margin-bottom:1.35rem}.project-highlights{list-style:none;display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.5rem}.project-highlights li{position:relative;padding-left:1.6rem;color:var(--color-text-muted);font-size:.98rem}.project-highlights li:before{content:"▸";position:absolute;left:0;color:var(--color-primary);font-weight:900}.project-highlights strong{color:var(--color-navy)}.project-links-bar{display:flex;align-items:center;gap:1rem;margin-top:1rem}.project-github-link{display:inline-flex;align-items:center;gap:.45rem;color:var(--color-primary);font-weight:800;font-size:.95rem;text-decoration:none;transition:color var(--transition-fast)}.project-github-link:hover{color:var(--color-primary-hover);text-decoration:underline}.sci-fi-wrapper{margin-top:1.5rem;border-top:1px solid var(--border-color);padding-top:1.25rem}.btn-sci-fi-toggle{background:linear-gradient(135deg,#071228,#1e3a8a);color:#60a5fa;border:1px solid #3b82f6;padding:.75rem 1.35rem;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.6rem;transition:all var(--transition-normal);box-shadow:0 4px 16px #07122880}.btn-sci-fi-toggle:hover{background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;box-shadow:0 0 25px #3b82f699}.sci-fi-console{margin-top:1.1rem;background:#050c1a;border:1px solid #1e3a8a;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 16px 40px #0009;animation:fadeIn .4s ease-out}.console-header{background:#091636;padding:.7rem 1.1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1e293b}.console-dot{width:10px;height:10px;border-radius:50%}.console-dot.red{background:#ef4444}.console-dot.yellow{background:#f59e0b}.console-dot.green{background:#10b981}.console-title{font-family:var(--font-mono);font-size:.82rem;color:#94a3b8;margin-left:.5rem}.console-body{padding:1.35rem;font-family:var(--font-mono);color:#e2e8f0;font-size:.92rem;line-height:1.65}.preset-buttons-group{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.1rem}.preset-btn{background:#1e293b;color:#93c5fd;border:1px solid #3b82f6;padding:.4rem .85rem;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.preset-btn:hover{background:#3b82f6;color:#fff}.console-output-box{background:#030712;border:1px solid #1f2937;border-radius:var(--radius-sm);padding:1.1rem;min-height:130px;max-height:280px;overflow-y:auto;white-space:pre-wrap;color:#38bdf8}.awards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.35rem}.award-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.45rem;box-shadow:var(--shadow-sm);display:flex;align-items:flex-start;gap:1.1rem;transition:all var(--transition-normal)}.award-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.award-badge-year{background:var(--color-primary-subtle);color:var(--color-primary);font-family:var(--font-mono);font-weight:900;font-size:.88rem;padding:.4rem .7rem;border-radius:var(--radius-sm);border:1px solid rgba(37,99,235,.18)}.award-info h4{font-size:1.08rem;font-weight:800;color:var(--color-navy);margin-bottom:.25rem}.award-info p{font-size:.88rem;color:var(--color-text-muted)}.skills-category-block{margin-bottom:2.75rem}.skills-category-title{font-size:1.25rem;font-weight:900;color:var(--color-navy);display:flex;align-items:center;gap:.6rem;margin-bottom:1.35rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.1rem}.skill-card{background:#ffffffeb;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);cursor:pointer;position:relative}.skill-card:hover,.skill-card.selected{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-3px);background:#fff}.skill-header{display:flex;align-items:center;justify-content:space-between}.skill-name{font-weight:800;font-size:1.02rem;color:var(--color-navy)}.skill-icon-dot{width:9px;height:9px;border-radius:50%;background:var(--color-primary)}.skill-details-popup{font-size:.85rem;color:var(--color-text-muted);line-height:1.55;background:var(--bg-primary);padding:.75rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);margin-top:.65rem;animation:fadeIn .25s ease-out}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.65rem}.contact-card{background:#ffffffeb;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.85rem;display:flex;align-items:center;gap:1.35rem;text-decoration:none;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.contact-card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.contact-icon-box{width:54px;height:54px;border-radius:var(--radius-md);background:var(--color-primary-subtle);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.contact-label{font-size:.85rem;font-weight:700;color:var(--color-text-light);text-transform:uppercase}.contact-value{font-size:1.08rem;font-weight:800;color:var(--color-navy)}.back-to-top{position:fixed;bottom:2.25rem;right:2.25rem;width:48px;height:48px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;box-shadow:var(--shadow-glow);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:90;transition:all var(--transition-fast)}.back-to-top:hover{transform:translateY(-4px);background:var(--color-primary-hover)}.footer{text-align:center;padding:3rem 1.5rem;border-top:1px solid var(--border-color);color:var(--color-text-muted);font-size:.92rem;background:#fff}.footer a{color:var(--color-primary);text-decoration:none;font-weight:700}@keyframes ping{75%,to{transform:scale(2.2);opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes avatarGlow{0%{transform:scale(1);filter:blur(14px);opacity:.4}to{transform:scale(1.1);filter:blur(22px);opacity:.75}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes cardRise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ruleGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes tvStatic{0%{background-position:0 0}to{background-position:200px 0}}body{background:linear-gradient(180deg,rgba(12,17,29,.02) 0%,transparent 240px),radial-gradient(circle at 92% 6%,rgba(194,130,42,.06) 0%,transparent 30%),radial-gradient(circle at 4% 96%,rgba(28,40,65,.06) 0%,transparent 30%),var(--bg-primary)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.05 0 0 0 0 0.07 0 0 0 0 0.1 0 0 0 0.06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mix-blend-mode:multiply}.app-container{position:relative;z-index:1}.section-inner{max-width:1180px;margin:0 auto;padding:3rem 1.5rem}.section-label{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-mono);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:var(--color-text-muted);padding-bottom:.5rem;border-bottom:1px solid var(--rule);margin-bottom:1.2rem}.section-title{font-family:var(--font-display);font-weight:400;font-style:normal;font-size:clamp(2.4rem,4.2vw,3.4rem);line-height:1.02;letter-spacing:-.02em;color:var(--color-text-main);margin:0 0 1rem;word-break:keep-all;overflow-wrap:break-word}.section-title em{font-style:italic;font-family:var(--font-serif);color:var(--color-vermilion);font-weight:400}.section-desc{font-family:var(--font-serif);font-weight:400;font-style:italic;font-size:1.1rem;line-height:1.5;color:var(--color-text-muted);margin:0 0 2.5rem;max-width:640px}.kicker{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-vermilion)}.kicker-mid{color:var(--color-sky)}.rule{display:block;height:1px;background:var(--rule-strong);width:100%;transform-origin:left center;animation:ruleGrow .8s cubic-bezier(.4,0,.2,1)}.rule-thin{height:1px;background:var(--rule)}.navbar{position:fixed;top:1.5rem;left:1.5rem;right:1.5rem;z-index:100;background:#f5f1eadb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:.85rem 1.6rem;display:flex;align-items:center;justify-content:space-between;transition:all var(--transition-normal)}.navbar.scrolled{background:#f5f1eaf5}.nav-brand{font-family:var(--font-display);font-size:1.4rem;color:var(--color-text-main);text-decoration:none;display:flex;align-items:center;gap:.6rem}.nav-brand-logo{display:block;width:36px;height:36px;border-radius:8px;object-fit:cover;border:1px solid var(--rule)}.nav-brand-version{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;color:var(--color-text-light)}.nav-links{display:flex;align-items:center;gap:2rem;list-style:none}.nav-link{font-family:var(--font-serif);font-style:italic;font-size:.98rem;color:var(--color-text-muted);text-decoration:none;position:relative;padding:.3rem 0;transition:color var(--transition-fast)}.nav-link:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--color-vermilion);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.4,0,.2,1)}.nav-link:hover,.nav-link.active{color:var(--color-text-main)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.nav-search-bar-trigger{background:#0c111d0a;border:1px solid var(--rule-strong);color:var(--color-text-muted);border-radius:var(--radius-full);padding:.38rem .75rem .38rem .85rem;font-size:.78rem;font-family:var(--font-sans);cursor:pointer;display:inline-flex;align-items:center;gap:.6rem;min-width:220px;justify-content:space-between;transition:all var(--transition-fast)}.nav-search-bar-trigger:hover{background:#fff;border-color:var(--color-vermilion);color:var(--color-text-main);box-shadow:0 4px 16px #0c111d14}.nav-search-icon{color:var(--color-vermilion);flex-shrink:0}.nav-search-text{flex:1;text-align:left;font-size:.76rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-search-kbd{font-size:.65rem;font-family:var(--font-mono);color:var(--color-text-muted);background:#0c111d0f;border:1px solid var(--rule);border-radius:3px;padding:.08rem .35rem;letter-spacing:.04em;flex-shrink:0}@media(max-width:960px){.nav-search-bar-trigger{min-width:0;padding:.38rem .65rem}.nav-search-text{display:none}}.nav-cmd-btn{background:transparent;border:1px solid var(--color-text-main);color:var(--color-text-main);border-radius:var(--radius-full);padding:.4rem .85rem;font-size:.78rem;font-weight:600;font-family:var(--font-mono);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--transition-fast)}.nav-cmd-btn:hover{background:var(--color-text-main);color:var(--bg-primary)}.nav-cmd-shortcut{font-size:.7rem;opacity:.7;letter-spacing:.06em;border:1px solid currentColor;border-radius:3px;padding:.05rem .3rem}.nav-mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:.4rem;color:var(--color-text-main)}.mobile-drawer{position:fixed;top:4.5rem;left:1.5rem;right:1.5rem;background:var(--bg-primary);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:1rem 1.5rem;z-index:99;display:flex;flex-direction:column;gap:.5rem;animation:fadeInDown .3s ease-out}.mobile-drawer-link{font-family:var(--font-serif);font-style:italic;font-size:1.15rem;padding:.5rem 0;color:var(--color-text-main);text-decoration:none;border-bottom:1px solid var(--rule-thin)}.mobile-drawer-link:hover{color:var(--color-vermilion)}.hero-section{max-width:1180px;margin:0 auto;padding:6rem 1.5rem 3rem;position:relative}.hero-eyebrow{display:flex;align-items:center;gap:.75rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:2.25rem}.hero-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--color-vermilion)}.hero-eyebrow .dot.pulse:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--color-vermilion);animation:ping 2s infinite}.hero-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:2rem;align-items:end}.hero-title{font-family:var(--font-display);font-weight:400;font-size:clamp(3.5rem,7.2vw,8rem);line-height:.95;letter-spacing:-.03em;color:var(--color-text-main);margin:0 0 1.5rem;word-break:keep-all;overflow-wrap:break-word}.hero-title .cn{font-family:var(--font-serif);font-weight:700;font-style:normal;display:block}.hero-title .en{font-family:var(--font-display);font-style:italic;font-weight:400;display:block;color:var(--color-vermilion);margin-top:.6rem;font-size:.32em;letter-spacing:.02em}.hero-lede{font-family:var(--font-serif);font-size:1.25rem;line-height:1.55;color:var(--color-text-muted);max-width:36ch;font-style:italic;margin:0 0 2.5rem}.hero-typing-box{font-family:var(--font-mono);font-size:.92rem;color:var(--color-text-main);background:#0c111d0a;border:1px solid var(--rule);border-radius:0;padding:.85rem 1rem;display:flex;align-items:center;gap:.6rem;margin-bottom:2rem;min-height:3.2rem;width:100%;max-width:580px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-typing-prefix{color:var(--color-vermilion);font-weight:700}.typing-cursor{display:inline-block;width:8px;height:1.05em;background:var(--color-text-main);margin-left:2px;animation:blink .9s infinite}.hero-cta-group{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:center}.btn{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-sans);font-weight:600;font-size:.95rem;letter-spacing:.01em;padding:.85rem 1.6rem;border-radius:0;border:1px solid var(--color-text-main);text-decoration:none;cursor:pointer;transition:all var(--transition-normal);background:transparent;color:var(--color-text-main)}.btn-primary{background:var(--color-text-main);color:var(--bg-primary)}.btn-primary:hover{background:var(--color-vermilion);border-color:var(--color-vermilion);color:#fff;transform:translateY(-2px)}.btn-outline:hover{background:var(--color-text-main);color:var(--bg-primary)}.btn-link{border:none;background:transparent;padding:0;font-family:var(--font-serif);font-style:italic;text-decoration:underline;text-decoration-color:var(--color-vermilion);text-decoration-thickness:1px;text-underline-offset:6px;color:var(--color-text-main)}.btn-link:hover{color:var(--color-vermilion)}.hero-portrait{position:relative;display:flex;flex-direction:column;gap:1.25rem;align-items:flex-end}.hero-portrait-frame{width:100%;aspect-ratio:4/5;background:var(--color-text-main);position:relative;overflow:hidden}.hero-portrait-frame img{width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(.9)}.hero-portrait-frame:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(245,241,234,.18);pointer-events:none}.hero-portrait-caption{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.hero-portrait-caption .name{font-family:var(--font-display);font-style:italic;font-size:1rem;color:var(--color-text-main);letter-spacing:normal;text-transform:none}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:1.5rem;max-width:700px}.hero-stat{padding:.9rem 0;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:.2rem}.hero-stat:last-child{border-right:0}.hero-stat-value{font-family:var(--font-display);font-size:2rem;font-weight:400;color:var(--color-text-main);letter-spacing:-.02em;line-height:1}.hero-stat-value sup{font-size:.5em;color:var(--color-vermilion);vertical-align:super}.hero-stat-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted)}.about-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:2.5rem;align-items:start}.about-prose{font-family:var(--font-serif);font-size:1.18rem;line-height:1.75;color:var(--color-text-main)}.about-prose p{margin:0 0 1.4rem}.about-prose .dropcap{font-size:1.15rem;line-height:1.75}.about-prose .dropcap-letter{font-family:var(--font-display);font-size:4.6rem;font-style:italic;float:left;line-height:.9;margin:.05em .12em 0 0;color:var(--color-vermilion);font-weight:400}.about-prose em{font-family:var(--font-serif);font-style:italic;color:var(--color-vermilion)}.about-prose strong{font-family:var(--font-sans);font-weight:700;letter-spacing:.02em;background:linear-gradient(transparent 64%,var(--color-amber-light) 64%);padding:0 .15em}.interest-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.interest-list li{display:flex;justify-content:space-between;align-items:baseline;padding:1rem 0;border-bottom:1px solid var(--rule);font-family:var(--font-serif)}.interest-list li:first-child{border-top:1px solid var(--rule)}.interest-list .label{font-size:1.05rem;font-weight:500;color:var(--color-text-main)}.interest-list .meta{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-light)}.education-grid{display:grid;grid-template-columns:200px 1fr;gap:2rem;align-items:start;padding-top:1.5rem;border-top:1px solid var(--rule)}.education-left{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid var(--rule-strong)}.education-period{font-family:var(--font-display);font-size:2.4rem;font-style:italic;color:var(--color-vermilion);line-height:1}.education-school{font-family:var(--font-display);font-size:1.6rem;font-weight:400;color:var(--color-text-main);margin:.4rem 0 .2rem;line-height:1.15}.education-major{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;color:var(--color-text-muted)}.course-table{width:100%;border-collapse:collapse;font-family:var(--font-serif)}.course-table th,.course-table td{padding:.85rem 0;border-bottom:1px solid var(--rule);text-align:left;font-weight:400;vertical-align:middle}.course-table th{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.18em;color:var(--color-text-muted);border-bottom:1px solid var(--rule-strong)}.course-table td.score{font-family:var(--font-mono);text-align:right;font-weight:600;color:var(--color-vermilion);font-variant-numeric:tabular-nums}.course-table td.credit{font-family:var(--font-mono);font-size:.78rem;text-align:right;color:var(--color-text-light)}.edu-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.edu-tag{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;border:1px solid var(--rule-strong);color:var(--color-text-main);padding:.35rem .65rem;border-radius:0;background:transparent}.awards-list{display:flex;flex-direction:column;border-top:1px solid var(--rule)}.awards-row{display:grid;grid-template-columns:100px 130px 1fr 1.2fr 70px;gap:1.5rem;align-items:baseline;padding:.8rem 0;border-bottom:1px solid var(--rule);transition:background var(--transition-fast)}.awards-row:hover{background:#0c111d08}.awards-year{font-family:var(--font-display);font-size:1.6rem;font-style:italic;color:var(--color-vermilion);font-weight:400}.awards-level{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);border:1px solid var(--rule-strong);padding:.3rem .55rem;text-align:center;justify-self:start;white-space:nowrap;display:inline-block}.awards-level.national{color:var(--color-vermilion);border-color:var(--color-vermilion)}.awards-title{font-family:var(--font-serif);font-size:1.15rem;font-weight:500;color:var(--color-text-main)}.awards-detail{font-family:var(--font-serif);font-style:italic;color:var(--color-text-muted);font-size:.95rem}.awards-arrow{font-family:var(--font-mono);font-size:.95rem;color:var(--color-text-light);text-align:right}.skills-block{display:grid;grid-template-columns:220px 1fr;gap:2rem;padding:1.5rem 0;border-top:1px solid var(--rule)}.skills-block:last-child{border-bottom:1px solid var(--rule)}.skills-cat-label{font-family:var(--font-display);font-style:italic;font-size:1.6rem;color:var(--color-vermilion);line-height:1.1;font-weight:400}.skills-cat-num{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-light);letter-spacing:.18em;margin-bottom:.4rem}.skills-cat-bullets{font-family:var(--font-serif);color:var(--color-text-muted);font-style:italic;font-size:.95rem;margin-top:.5rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 1rem}.skill-item{width:100%;padding:.6rem 0;background:none;border:0;border-top:1px solid var(--rule-thin);font:inherit;color:inherit;text-align:left;display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.skill-name{font-family:var(--font-serif);font-size:.98rem;color:var(--color-text-main)}.skill-detail{font-family:var(--font-mono);font-size:.66rem;color:var(--color-text-light);letter-spacing:.04em;text-align:right}.contact-letter{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:start;border-top:1px solid var(--rule-strong);padding-top:2rem}.contact-letter-text{font-family:var(--font-serif);font-size:1.4rem;line-height:1.4;color:var(--color-text-main)}.contact-letter-text em{font-style:italic;color:var(--color-vermilion)}.contact-letter-signoff{font-family:var(--font-display);font-style:italic;font-size:1.8rem;color:var(--color-text-main);margin-top:1.5rem}.contact-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--rule-strong)}.contact-list li{padding:1.4rem 0;border-bottom:1px solid var(--rule)}.contact-list .lbl{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-light);display:block;margin-bottom:.35rem}.contact-list a,.contact-list .v{font-family:var(--font-serif);font-size:1.25rem;color:var(--color-text-main);text-decoration:none;border-bottom:1px solid var(--rule);transition:border-color var(--transition-fast)}.contact-list a:hover{border-color:var(--color-vermilion)}.bento-section{position:relative}.bento-header{display:grid;grid-template-columns:1fr auto;align-items:end;gap:2rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--rule-strong)}.bento-header-text{max-width:720px}.bento-header-meta{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);text-align:right;white-space:nowrap}.bento-header-meta strong{font-family:var(--font-display);font-style:italic;color:var(--color-text-main);font-size:1.4rem;letter-spacing:normal;text-transform:none;font-weight:400;display:block;margin-top:.4rem}.bento-filter{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--rule)}.bento-filter-btn{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-family:var(--font-serif);font-style:italic;font-size:1.05rem;padding:.7rem 1.2rem .85rem;cursor:pointer;position:relative;display:inline-flex;align-items:baseline;gap:.5rem;transition:color var(--transition-fast);white-space:nowrap;flex-shrink:0}.bento-filter-btn:hover{color:var(--color-text-main)}.bento-filter-btn.active{color:var(--color-text-main);border-bottom-color:var(--color-vermilion)}.bento-filter-btn .count{font-family:var(--font-mono);font-style:normal;font-size:.65rem;letter-spacing:.12em;color:var(--color-text-light);vertical-align:super}.bento-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(0,auto);gap:1px;background:var(--rule);border:1px solid var(--rule)}.bento-card{position:relative;background:var(--bg-primary);padding:1.4rem 1.6rem;display:flex;flex-direction:column;gap:.6rem;overflow:hidden;cursor:pointer;text-decoration:none;color:inherit;transition:background var(--transition-fast);animation:cardRise .6s cubic-bezier(.4,0,.2,1) both;min-height:340px}.bento-grid:not(.cols-3):not(.cols-auto) .bento-card:nth-child(1),.bento-grid:not(.cols-3):not(.cols-auto) .bento-card:nth-child(4),.bento-grid:not(.cols-3):not(.cols-auto) .bento-card:nth-child(5){grid-column:span 7}.bento-grid:not(.cols-3):not(.cols-auto) .bento-card:nth-child(2),.bento-grid:not(.cols-3):not(.cols-auto) .bento-card:nth-child(3),.bento-grid:not(.cols-3):not(.cols-auto) .bento-card:nth-child(6){grid-column:span 5}.bento-grid:not(.cols-3):not(.cols-auto) .bento-card:nth-child(7){grid-column:span 12}.bento-grid.cols-auto .bento-card{grid-column:span 6;padding:1.2rem 1.4rem;min-height:380px}.bento-grid.cols-3 .bento-card,.bento-grid.cols-3 .bento-card.bento-feature,.bento-grid.cols-3 .bento-card.bento-tall,.bento-grid.cols-3 .bento-card.bento-wide{grid-column:span 4;padding:1.2rem 1.4rem;min-height:380px}.bento-card .head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.bento-card .badge{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-vermilion);border:1px solid var(--color-vermilion);padding:.3rem .6rem;display:inline-block}.bento-card:hover{background:var(--bg-secondary)}.bento-card a{color:inherit;text-decoration:none}.bento-card .index{font-family:var(--font-display);font-style:italic;font-size:1.8rem;color:var(--color-text-light);font-weight:400;line-height:1}.bento-card .number-tag{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);display:inline-block;margin-bottom:.5rem}.bento-card .label-sm{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-light)}.bento-card .title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.5rem,1.2vw + .8rem,2.2rem);line-height:1.15;letter-spacing:-.01em;color:var(--color-text-main);margin:0;word-break:keep-all;overflow-wrap:break-word}.bento-card .title em{font-style:italic;color:var(--color-vermilion);font-family:var(--font-display)}.bento-card.bento-feature .title,.bento-card.bento-tall .title,.bento-card.bento-wide .title{font-size:clamp(1.8rem,1.8vw + .7rem,2.8rem)}.bento-card .subtitle{font-family:var(--font-serif);font-style:italic;font-size:.98rem;line-height:1.4;color:var(--color-text-muted);max-width:36ch;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bento-card .desc{font-family:var(--font-serif);font-size:.95rem;line-height:1.6;color:var(--color-text-main);margin-top:auto;max-width:48ch}.bento-card .cover{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--rule);background:var(--bg-secondary);flex-shrink:0}.bento-card .cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block;transition:transform .7s cubic-bezier(.4,0,.2,1)}.bento-card.bento-feature .cover,.bento-card.bento-tall .cover,.bento-card.bento-wide .cover{aspect-ratio:16 / 9}.bento-card:hover .cover img{transform:scale(1.04)}.bento-card .cover-caption{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-light);padding-top:.4rem;display:flex;justify-content:space-between}.bento-card .meta-row{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.2rem;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);line-height:1.4}.bento-card .meta-row .k{color:var(--color-text-light);margin-right:.2rem}.bento-card .meta-row strong{color:var(--color-text-main);font-weight:700}.bento-card .footer{display:flex;justify-content:space-between;align-items:center;padding-top:.7rem;margin-top:auto;border-top:1px solid var(--rule);gap:.5rem;flex-shrink:0}.bento-card .read-more{font-family:var(--font-serif);font-style:italic;font-size:1.05rem;color:var(--color-text-main);display:inline-flex;align-items:center;gap:.5rem}.bento-card .read-more:after{content:"→";font-style:normal;transition:transform .25s;display:inline-block}.bento-card:hover .read-more:after{transform:translate(6px);color:var(--color-vermilion)}.bento-card .stats-inline{font-family:var(--font-mono);font-size:.72rem;color:var(--color-text-muted);letter-spacing:.04em;display:flex;gap:1rem}.bento-card .stats-inline strong{color:var(--color-text-main);font-weight:600}.bento-card.alt-color .title em{color:var(--color-amber)}.bento-card:before{content:"";position:absolute;top:0;left:0;width:4px;bottom:0;background:var(--color-vermilion);opacity:0;transition:opacity .25s}.bento-card:hover:before{opacity:1}.bento-card.alt-color:before{background:var(--color-amber)}.project-detail{padding:9rem 1.5rem 4rem;max-width:1180px;margin:0 auto}.project-detail-backbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1rem;border-bottom:1px solid var(--rule-strong)}.project-detail-backbar .signoff{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-light)}.project-hero{display:grid;grid-template-columns:minmax(21rem,.78fr) minmax(0,1.22fr);gap:0;border:1px solid var(--color-text-main);margin-bottom:0;align-items:stretch;min-height:0}.project-hero-cover{display:flex;align-items:stretch;justify-content:stretch;background:#07101f;overflow:hidden;position:relative;min-width:0;height:100%;min-height:0}.project-hero-cover:before{content:"";position:absolute;top:-1.25rem;right:-1.25rem;bottom:-1.25rem;left:-1.25rem;background-image:linear-gradient(#07101f61,#07101f61),var(--project-cover);background-position:center;background-size:cover;filter:blur(18px) saturate(.75);transform:scale(1.06);opacity:.82}.project-hero-cover-image{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;object-fit:contain;display:block;transition:transform .7s;z-index:1}.project-hero-copy{padding:clamp(1.75rem,2.5vw,2.75rem);background:var(--color-text-main);color:#f5f1ea;display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2.5rem);justify-content:space-between;position:relative;min-width:0;z-index:1}.project-hero-copy:after{content:"";position:absolute;top:1rem;right:1rem;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.16em;color:#f5f1ea80;text-transform:uppercase}.project-hero-meta{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#f5f1eab3}.project-hero-title{font-family:var(--font-display);font-weight:400;font-size:clamp(2.65rem,3.9vw,4.35rem);line-height:.98;letter-spacing:-.025em;color:#f5f1ea;margin:.75rem 0 1rem;text-wrap:balance}.project-hero-title em{font-style:italic;color:#e8b478}.project-hero-subtitle{font-family:var(--font-serif);font-style:italic;font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.45;color:#f5f1eac7;margin:0 0 1.35rem;max-width:38ch}.project-hero-tech{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:0}.project-hero-tech .tech-tag{color:#f3e1c5;border-color:#f5f1ea66}.project-hero-facts{display:grid;gap:1.15rem}.project-hero-stats{border-top:1px solid rgba(245,241,234,.2);padding-top:1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 1.5rem}.project-hero-stat{display:flex;flex-direction:column}.project-hero-stat-value{font-family:var(--font-display);font-size:1.7rem;font-weight:400;color:#f5f1ea;letter-spacing:-.02em;line-height:1}.project-hero-stat-label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:#f5f1ea99;margin-top:.3rem}.project-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.project-hero-actions .btn{padding:.72rem 1.15rem;font-size:.86rem}.project-hero-copy .btn,.project-hero-copy .btn-primary{background:#f5f1ea;color:var(--color-text-main);border-color:#f5f1ea}.project-hero-copy .btn:hover{background:#e8b478;border-color:#e8b478;color:var(--color-text-main)}.project-hero-copy .btn-outline{background:transparent;color:#f5f1ea;border-color:#f5f1ea80}.project-hero-copy .btn-outline:hover{background:#f5f1ea1a;border-color:#f5f1ea}.project-hero-cover-caption{position:absolute;bottom:0;left:0;right:0;padding:1rem 1.4rem;background:linear-gradient(to top,rgba(12,17,29,.6),transparent);color:#f5f1eaeb;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;display:flex;justify-content:space-between;z-index:2}.project-spread-block{padding:4.5rem 0 3.5rem;border-bottom:1px solid var(--rule)}.spread-header{margin-bottom:1.75rem}.spread-kicker{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem}.spread-idx{color:var(--color-vermilion);font-weight:700}.spread-dot{color:var(--rule-strong)}.spread-title{font-family:var(--font-display);font-size:clamp(2rem,3.2vw,2.75rem);font-weight:400;line-height:1.15;color:var(--color-text-main);margin:0;letter-spacing:-.02em}.spread-title em{color:var(--color-vermilion);font-style:italic}.spread-body{width:100%}.spread-text-lead{font-family:var(--font-serif);font-size:clamp(1.05rem,1.2vw,1.18rem);line-height:1.85;color:var(--color-text-main);margin-bottom:2rem}.spread-text-lead p{margin:0 0 1.2rem}.spread-figure-showcase{margin:2.25rem 0;border:1px solid var(--rule);background:#060c18;border-radius:4px;overflow:hidden;cursor:zoom-in;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.spread-figure-showcase:hover{border-color:var(--rule-strong);box-shadow:0 8px 30px #00000026}.figure-canvas{width:100%;position:relative;background:#060c18;display:flex;align-items:center;justify-content:center;padding:1.5rem 1.25rem;overflow:hidden}.figure-canvas img{width:100%;max-height:480px;height:auto;object-fit:contain;display:block;transition:transform .4s ease}.figure-zoom-trigger{display:block;width:100%;padding:0;margin:0;background:none;border:0;font:inherit;color:inherit;text-align:inherit;cursor:zoom-in}.spread-figure-showcase.is-wide .figure-canvas img{max-height:380px;width:100%}.spread-figure-showcase{cursor:zoom-in}.spread-figure-showcase:hover .figure-canvas img{transform:none}.figure-zoom-overlay{display:none!important}.figure-caption{padding:.75rem 1.25rem;background:var(--bg-primary);border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.72rem;gap:.5rem}.fig-label{color:var(--color-vermilion);font-weight:700;letter-spacing:.14em;flex-shrink:0}.fig-desc{color:var(--color-text-muted);letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fig-btn{color:var(--color-primary);font-weight:500;display:inline-flex;align-items:center;gap:.25rem;flex-shrink:0}.spread-highlights-container{margin-top:2rem}.highlights-header{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);display:flex;align-items:center;gap:.4rem;margin-bottom:1rem}.spread-highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1rem}.spread-highlight-item{border:1px solid var(--rule);background:var(--bg-secondary);border-radius:4px;padding:1.15rem 1.25rem;display:flex;gap:.85rem;align-items:flex-start;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.spread-highlight-item:hover{border-color:var(--rule-strong);transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.bullet-num{font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--color-vermilion);background:#dc262614;padding:.15rem .45rem;border-radius:3px;border:1px solid rgba(220,38,38,.2);display:inline-block;flex-shrink:0}.item-text{font-family:var(--font-serif);font-size:.98rem;line-height:1.62;color:var(--color-text-main)}.item-text strong{font-weight:700;color:var(--color-text-main);background:linear-gradient(transparent 65%,var(--color-amber-light) 65%)}.fig-zoom-hint{display:inline-flex;align-items:center;gap:.25rem;color:var(--color-primary);font-weight:500;font-size:.65rem}.project-pullquote{font-family:var(--font-display);font-style:italic;font-size:2.4rem;line-height:1.2;color:var(--color-text-main);border-top:1px solid var(--color-text-main);border-bottom:1px solid var(--color-text-main);padding:2rem 0;margin:2.5rem 0;position:relative}.project-pullquote:before{content:'"';position:absolute;top:-.2em;left:-.4em;font-size:5em;color:var(--color-vermilion);opacity:.18;line-height:1}.project-pullquote-cite{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);display:block;margin-top:1rem}.project-stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:2rem 0}.project-stat-cell{padding:1.5rem 1rem;min-width:0;border-right:1px solid var(--rule)}.project-stat-cell:last-child{border-right:0}.project-stat-cell .v{font-family:var(--font-display);font-size:2.8rem;font-weight:400;letter-spacing:-.02em;color:var(--color-text-main);line-height:1;overflow-wrap:anywhere}.project-stat-cell .l{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);margin-top:.4rem}.project-demo-video{width:100%;display:block;margin-top:1.5rem;border:1px solid var(--rule);background:#000;aspect-ratio:16 / 9}.project-download-box{border:1px solid var(--color-text-main);background:#070e1c;color:#f5f1ea;padding:clamp(1.5rem,2.5vw,2.5rem);border-radius:4px;position:relative;overflow:hidden}.project-download-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1.5rem;padding-bottom:1.75rem;border-bottom:1px solid rgba(245,241,234,.15)}.download-meta{max-width:620px}.download-meta .file-badge{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;background:#2563eb40;border:1px solid rgba(96,165,250,.4);color:#93c5fd;padding:.25rem .65rem;border-radius:3px;margin-bottom:.75rem}.download-meta .file-name{font-family:var(--font-mono);font-size:1.45rem;font-weight:700;color:#fff;margin:0 0 .5rem;letter-spacing:-.01em}.download-meta .file-desc{font-family:var(--font-serif);font-size:1rem;line-height:1.6;color:#f5f1ead1;margin:0}.download-buttons{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.download-buttons .btn-download{background:#2563eb;color:#fff;border-color:#2563eb;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600}.download-buttons .btn-download:hover{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.project-download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem 1.5rem;padding:1.5rem 0;border-bottom:1px solid rgba(245,241,234,.15)}.download-spec-item .spec-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#f5f1ea8c;margin-bottom:.25rem}.download-spec-item .spec-value{font-family:var(--font-mono);font-size:.92rem;font-weight:600;color:#fff}.download-code-block{margin-top:1.5rem}.download-code-block .code-title{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#93c5fd;display:flex;align-items:center;gap:.4rem;margin-bottom:.6rem}.download-code-block .code-content{background:#030712;border:1px solid rgba(245,241,234,.15);border-radius:4px;padding:1rem 1.2rem;color:#e2e8f0;font-family:var(--font-mono);font-size:.82rem;line-height:1.55;overflow-x:auto;margin:0}.project-gallery-container{margin:1.5rem 0 4rem}.project-gallery-3items{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.project-gallery-3items .gallery-figure-wide{grid-column:1 / -1}.project-gallery-3items .gallery-figure-wide .gallery-figure-inner{aspect-ratio:24 / 7;max-height:320px}.project-gallery-2items{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.project-gallery-1item{display:grid;grid-template-columns:1fr;gap:1.25rem}.project-gallery-4items{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.project-gallery-expanded{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.project-gallery-expanded .gallery-figure:first-child{grid-column:1 / -1}.gallery-figure{margin:0;border:1px solid var(--rule);background:var(--bg-secondary);border-radius:4px;overflow:hidden;display:flex;flex-direction:column;cursor:zoom-in;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.gallery-figure:hover{border-color:var(--rule-strong);box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.gallery-figure-inner{position:relative;width:100%;aspect-ratio:16 / 10;background:#080f20;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden}.gallery-figure-inner img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;transition:transform .4s ease}.gallery-figure{cursor:zoom-in}.gallery-figure:hover .gallery-figure-inner img{transform:none}.gallery-hover-overlay{display:none!important}.gallery-figure figcaption{padding:.75rem 1rem;background:var(--bg-primary);border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.72rem;gap:.5rem}.gallery-figure .fig-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--color-vermilion);font-weight:700;flex-shrink:0}.gallery-figure .fig-caption{letter-spacing:.08em;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-reflection{display:grid;grid-template-columns:5fr 4fr;gap:4rem;padding:4rem 0;border-top:1px solid var(--color-text-main)}.project-reflection-text{font-family:var(--font-serif);font-size:1.18rem;line-height:1.75;color:var(--color-text-main)}.project-reflection-links{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.project-related-block{border-top:1px solid var(--rule-strong);padding-top:2rem}.project-related-title{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-light);margin-bottom:1.5rem}.project-related-list{display:flex;flex-direction:column}.project-related-row{display:grid;grid-template-columns:60px 1fr auto;gap:1.25rem;align-items:baseline;padding:1.2rem 0;border-top:1px solid var(--rule);text-decoration:none;color:inherit;transition:padding var(--transition-fast)}.project-related-row:hover{padding-left:.6rem}.project-related-row:last-child{border-bottom:1px solid var(--rule)}.project-related-row .idx{font-family:var(--font-display);font-style:italic;font-size:1.4rem;color:var(--color-vermilion);line-height:1}.project-related-row .ttl{font-family:var(--font-display);font-size:1.4rem;color:var(--color-text-main);font-weight:400;line-height:1.1;margin:0 0 .25rem}.project-related-row .sub{font-family:var(--font-serif);font-style:italic;color:var(--color-text-muted);font-size:.95rem}.project-related-row .arr{font-family:var(--font-mono);font-size:1rem;color:var(--color-text-light)}.inline-demo-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c16eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .25s ease-out}.inline-demo-shell,.inline-demo-image{position:relative;max-width:min(1200px,95vw);max-height:90vh;display:flex;flex-direction:column}.inline-demo-image-viewport{background:#050a17;border:1px solid rgba(245,241,234,.2);border-radius:4px 4px 0 0;padding:1.5rem;display:flex;align-items:center;justify-content:center;max-height:75vh;overflow:auto}.inline-demo-image-viewport img{max-width:100%;max-height:70vh;object-fit:contain;display:block}.inline-demo-image-bar{background:#0c1426;border:1px solid rgba(245,241,234,.2);border-top:none;border-radius:0 0 4px 4px;padding:.75rem 1.25rem;display:flex;justify-content:space-between;align-items:center;color:#f5f1ea;font-family:var(--font-mono);font-size:.8rem;gap:1rem}.inline-demo-image-bar .caption{color:#f5f1eae6;letter-spacing:.05em}.inline-demo-image-bar .view-origin{display:inline-flex;align-items:center;gap:.35rem;color:#60a5fa;text-decoration:none;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.inline-demo-image-bar .view-origin:hover{text-decoration:underline;color:#93c5fd}.inline-demo-close{position:absolute;top:-14px;right:-14px;display:inline-flex;align-items:center;gap:.3rem;background:#f5f1ea;color:var(--color-text-main);border:0;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;padding:.45rem .85rem;border-radius:3px;cursor:pointer;z-index:10;box-shadow:0 4px 12px #0000004d}.inline-demo-close:hover{background:#e8b478}.footer{text-align:center;padding:3rem 1.5rem;border-top:1px solid var(--rule);color:var(--color-text-muted);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}.footer a{color:var(--color-vermilion);text-decoration:none}.footer a:hover{text-decoration:underline}.back-to-top{position:fixed;bottom:1.5rem;right:1.5rem;width:48px;height:48px;border-radius:50%;background:var(--color-text-main);color:var(--bg-primary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:90;transition:all var(--transition-fast)}.back-to-top:hover{background:var(--color-vermilion);transform:translateY(-3px)}@media(max-width:980px){.nav-links{display:none}.nav-mobile-toggle{display:block}.hero-grid{grid-template-columns:1fr;gap:2.5rem}.hero-portrait{align-items:center;max-width:320px;margin:0 auto}.hero-portrait-caption{align-items:center}.about-grid{grid-template-columns:1fr;gap:2.5rem}.education-grid{grid-template-columns:1fr;gap:2rem}.education-left{padding-top:0}.course-table{font-size:.95rem}.awards-row{grid-template-columns:80px 1fr;grid-template-areas:"year title" "level detail" "level arrow";row-gap:.5rem}.awards-year{grid-area:year}.awards-level{grid-area:level}.awards-title{grid-area:title}.awards-detail{grid-area:detail}.awards-arrow{display:none}.skills-block{grid-template-columns:1fr;gap:1rem}.contact-letter{grid-template-columns:1fr;gap:2rem}.bento-header{grid-template-columns:1fr;align-items:start;gap:1rem}.bento-header-meta{text-align:left}.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.bento-card.bento-feature,.bento-card.bento-tall,.bento-card.bento-half,.bento-card.bento-half-r,.bento-card.bento-wide,.bento-card.bento-quad{grid-column:span 1;grid-row:span 1}.bento-card{min-height:320px}.project-hero{grid-template-columns:1fr;min-height:0}.project-hero-cover{aspect-ratio:16/9;min-height:0;height:auto}.project-spread,.project-spread.alt{grid-template-columns:1fr;gap:2rem;padding:3rem 0}.project-spread-title{font-size:2rem}.project-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.project-stat-cell:nth-child(2){border-right:0}.project-stat-cell:nth-child(1),.project-stat-cell:nth-child(2){border-bottom:1px solid var(--rule)}.project-gallery{grid-template-columns:1fr 1fr;grid-template-rows:auto}.project-gallery figure:nth-child(1){grid-row:span 2}.project-gallery-expanded{grid-template-columns:1fr 1fr}.project-gallery-expanded figure:nth-child(n){grid-row:auto}.project-reflection{grid-template-columns:1fr;gap:2rem}.section-title{font-size:2.6rem}.hero-title{font-size:clamp(3.5rem,12vw,5.5rem)}}@media print{.navbar,.inline-demo-modal,.back-to-top,.bento-card-actions,.project-detail-backbar{display:none!important}}@media(max-width:768px){.nav-links{display:none}.nav-mobile-toggle{display:block}.about-grid,.edu-card{grid-template-columns:1fr}.hero-name-gradient{font-size:2.5rem}.section-title{font-size:1.85rem}.bento-grid{grid-template-columns:1fr!important}.bento-card{grid-column:span 1!important;grid-row:span 1!important}.project-hero-grid{grid-template-columns:1fr!important}.project-hero-copy{padding:1.65rem 1.25rem 1.5rem;gap:1.5rem}.project-gallery-expanded{grid-template-columns:1fr;gap:.75rem}.project-gallery-expanded figure:first-child{grid-column:auto}.project-hero-title{font-size:clamp(2.35rem,13vw,3.25rem);margin-top:.6rem}.project-hero-subtitle{margin-bottom:1.1rem}.project-hero-stats{gap:.8rem 1rem}.project-hero-stat-value{font-size:1.45rem;overflow-wrap:anywhere}.project-hero-stat-label{letter-spacing:.1em}.project-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.project-hero-actions .btn{width:100%;padding-inline:.75rem}.project-method-grid,.project-results-grid{grid-template-columns:1fr!important}.project-section{padding-left:1.25rem!important;padding-right:1.25rem!important}}.paper-abstract-section{width:100%}.paper-abstract-card{background:var(--bg-card);border:1px solid var(--rule);padding:2.2rem 2.5rem;position:relative;box-shadow:0 4px 20px #0000000a}.paper-card-header{border-bottom:1px solid var(--rule);padding-bottom:1.5rem;margin-bottom:1.5rem}.paper-meta-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.paper-type-badge{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);background:#2563eb14;border:1px solid rgba(37,99,235,.25);padding:.35rem .75rem}.paper-lang-tabs{display:flex;gap:4px;background:var(--bg-subtle, #f1f5f9);padding:3px;border-radius:4px;border:1px solid var(--rule)}.lang-tab-btn{background:transparent;border:none;font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--color-text-muted);padding:.4rem .8rem;cursor:pointer;border-radius:3px;transition:all var(--transition-fast)}.lang-tab-btn:hover{color:var(--color-text-main)}.lang-tab-btn.active{background:var(--bg-card);color:var(--color-text-main);box-shadow:0 1px 3px #0000001a}.paper-main-title{font-family:var(--font-serif);font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700;line-height:1.35;color:var(--color-text-main);margin-bottom:.75rem}.paper-author-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:.75rem 1.5rem;font-size:.95rem;color:var(--color-text-muted)}.paper-author{color:var(--color-text-main);font-family:var(--font-sans)}.paper-affil{font-family:var(--font-serif);font-style:italic}.paper-abstract-body{margin-bottom:1.5rem}.abstract-label-pill{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.16em;color:var(--color-vermilion);text-transform:uppercase;margin-bottom:.8rem}.abstract-text{font-family:var(--font-serif);font-size:1.05rem;line-height:1.8;color:var(--color-text-main);text-align:justify}.paper-abstract-footer{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem 1rem;border-top:1px dashed var(--rule);padding-top:1.2rem;font-size:.88rem}.keywords-label{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.82rem}.keywords-list{display:flex;flex-wrap:wrap;gap:.5rem}.paper-keyword-tag{font-family:var(--font-mono);font-size:.75rem;background:var(--bg-subtle, #f8fafc);color:var(--color-text-main);border:1px solid var(--rule);padding:.2rem .6rem}.academic-table-wrapper{margin:2.5rem 0}.academic-table-caption{font-family:var(--font-serif);font-size:1.02rem;color:var(--color-text-main);margin-bottom:.8rem;line-height:1.5}.academic-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.academic-booktabs-table{width:100%;border-collapse:collapse;font-size:.92rem;line-height:1.6;border-top:2px solid var(--color-text-main);border-bottom:2px solid var(--color-text-main)}.academic-booktabs-table thead tr{border-bottom:1px solid var(--color-text-main)}.academic-booktabs-table th{padding:.85rem 1rem;text-align:left;font-family:var(--font-mono);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-main);background:var(--bg-card);white-space:nowrap}.academic-booktabs-table td{padding:.75rem 1rem;border-bottom:1px solid var(--rule);color:var(--color-text-main)}.academic-booktabs-table tr:last-child td{border-bottom:none}.academic-booktabs-table .col-num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.academic-booktabs-table tr.row-highlight{background:#2563eb0a}.academic-booktabs-table tr.row-ours{background:#0284c70f}.academic-booktabs-table tr.row-summary{font-weight:700;border-top:1px solid var(--color-text-main)}.academic-booktabs-table .highlight-cell{color:var(--color-primary);font-weight:700}.academic-booktabs-table .val-mae{color:#0284c7}.academic-booktabs-table .val-rmse{color:#0f766e}.academic-booktabs-table .highlight-tag{display:inline-block;font-family:var(--font-mono);font-size:.62rem;font-weight:700;background:#dc2626;color:#fff;padding:.15rem .4rem;margin-left:.5rem;vertical-align:middle;border-radius:2px}.academic-booktabs-table .highlight-tag.ours-tag{background:#0284c7}.venue-badge{display:inline-block;font-family:var(--font-mono);font-size:.72rem;color:var(--color-text-muted);background:var(--bg-subtle, #f1f5f9);padding:.15rem .5rem;border:1px solid var(--rule)}.table-footnote{font-size:.8rem;color:var(--color-text-muted);margin-top:.6rem;font-style:italic}.bibtex-box{background:#0f172a;border:1px solid #334155;border-radius:6px;overflow:hidden;margin-top:1rem}.bibtex-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:#1e293b;border-bottom:1px solid #334155}.bibtex-label{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.78rem;font-weight:600;color:#94a3b8}.btn-copy-bibtex{display:inline-flex;align-items:center;gap:6px;background:#0f172a;border:1px solid #475569;color:#e2e8f0;font-family:var(--font-mono);font-size:.75rem;padding:.35rem .75rem;border-radius:4px;cursor:pointer;transition:all var(--transition-fast)}.btn-copy-bibtex:hover{background:#334155;color:#fff}.bibtex-code{margin:0;padding:1.25rem 1.5rem;color:#38bdf8;font-family:var(--font-mono);font-size:.82rem;line-height:1.6;overflow-x:auto}.academic-figures-section{margin:3.5rem 0 1.5rem}.section-subtitle-bar{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.75rem;padding-bottom:.8rem;border-bottom:1px solid var(--rule);margin-bottom:1.8rem}.subtitle-meta{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);letter-spacing:.08em}.academic-inline-figures-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.8rem 1.5rem}@media(max-width:768px){.academic-inline-figures-grid{grid-template-columns:1fr}}.academic-inline-figure-card{margin:0;background:var(--bg-card);border:1px solid var(--rule);overflow:hidden;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.academic-inline-figure-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #00000012}.academic-inline-figure-card .figure-canvas{position:relative;width:100%;background:var(--bg-subtle, #f8fafc);display:flex;align-items:center;justify-content:center;overflow:hidden}.academic-inline-figure-card .figure-canvas img{width:100%;height:auto;display:block;object-fit:contain;transition:transform .3s ease}.academic-inline-figure-card:hover .figure-canvas img{transform:scale(1.02)}.academic-inline-figure-card .figure-caption{padding:1rem 1.3rem 1.2rem;border-top:1px solid var(--rule);font-size:.88rem;line-height:1.5;background:var(--bg-card);display:flex;flex-direction:column;gap:.5rem}.academic-inline-figure-card .fig-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem .75rem}.academic-inline-figure-card .fig-label{font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--color-primary);letter-spacing:.05em;background:#2563eb14;padding:.15rem .45rem;border-radius:2px}.academic-inline-figure-card .fig-title{font-family:var(--font-serif);font-size:.96rem;color:var(--color-text-main)}.academic-inline-figure-card .fig-desc{color:var(--color-text-muted);font-size:.84rem;line-height:1.5;margin:0}.academic-inline-figure-card .fig-analysis{background:var(--bg-subtle, #f8fafc);border-left:2.5px solid var(--color-primary);padding:.6rem .85rem;margin-top:.25rem;border-radius:0 4px 4px 0}.academic-inline-figure-card .analysis-tag{display:inline-block;font-family:var(--font-mono);font-size:.65rem;font-weight:700;color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem}.academic-inline-figure-card .analysis-text{font-size:.82rem;line-height:1.6;color:var(--color-text-main);margin:0}.project-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0f19e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s cubic-bezier(.16,1,.3,1)}.project-modal-shell{background:var(--bg-primary);border:1px solid var(--rule);max-width:96vw;width:1440px;height:92vh;max-height:94vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 60px -15px #00000080;border-radius:8px;animation:scaleIn .22s cubic-bezier(.16,1,.3,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.project-modal-header{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.5rem;border-bottom:1px solid var(--rule);background:var(--bg-primary);flex-shrink:0;gap:1rem}.modal-header-meta{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.modal-fig-label{font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--color-primary);background:#2563eb14;border:1px solid rgba(37,99,235,.2);padding:.2rem .55rem;border-radius:3px;flex-shrink:0;letter-spacing:.05em}.project-modal-title{font-family:var(--font-serif);font-size:1.05rem;color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.modal-zoom-controls{display:flex;align-items:center;gap:2px;background:var(--surface-subtle);border:1px solid var(--rule);border-radius:5px;padding:3px 5px}.zoom-btn{background:transparent;border:none;padding:4px 7px;cursor:pointer;border-radius:3px;color:var(--color-text-main);display:inline-flex;align-items:center;justify-content:center;font-size:.76rem;font-family:var(--font-mono);transition:all var(--transition-fast)}.zoom-btn:hover{background:var(--surface-strong);color:var(--color-primary)}.zoom-btn.text-btn{padding:4px 8px;font-size:.75rem;font-weight:500}.zoom-btn.text-btn.is-active{background:var(--color-primary);color:#fff}.zoom-level-badge{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--color-primary);min-width:44px;text-align:center;padding:0 4px;-webkit-user-select:none;user-select:none}.modal-origin-link{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.78rem;padding:.4rem .8rem;border:1px solid var(--rule);border-radius:4px;color:var(--color-text-main);background:var(--surface-subtle);text-decoration:none;transition:all var(--transition-fast)}.modal-origin-link:hover{background:var(--surface-strong);border-color:var(--color-primary);color:var(--color-primary)}.project-modal-close{background:transparent;border:1px solid var(--rule);font-family:var(--font-mono);font-size:.78rem;padding:.4rem .85rem;cursor:pointer;border-radius:4px;color:var(--color-text-main);transition:all var(--transition-fast)}.project-modal-close:hover{background:var(--color-vermilion);color:#fff;border-color:var(--color-vermilion)}.project-modal-image-wrap{flex:1;min-height:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:1.75rem;background:#f8fafc;background-image:radial-gradient(#cbd5e1 1px,transparent 1px);background-size:24px 24px;background-position:0 0;-webkit-user-select:none;user-select:none}.project-modal-image-wrap.is-zoomable{cursor:grab}.project-modal-image-wrap.is-dragging{cursor:grabbing}.project-modal-image-wrap img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:center center;box-shadow:0 10px 30px #0f172a14;border-radius:4px;background:#fff;image-rendering:-webkit-optimize-contrast}.modal-canvas-hint{position:absolute;bottom:.85rem;left:50%;transform:translate(-50%);background:#0f172abf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-family:var(--font-mono);font-size:.72rem;padding:.25rem .75rem;border-radius:20px;pointer-events:none;letter-spacing:.04em;opacity:.85}.project-modal-footer{padding:.9rem 1.5rem;border-top:1px solid var(--rule);background:var(--bg-primary);flex-shrink:0;max-height:22vh;overflow-y:auto;display:flex;flex-direction:column;gap:.45rem}.modal-caption-text{font-size:.9rem;line-height:1.6;color:var(--color-text-main);margin:0}.modal-analysis-text{font-size:.88rem;line-height:1.6;color:var(--color-text-main);background:#2563eb0a;border-left:3px solid var(--color-primary);padding:.45rem .85rem;border-radius:0 4px 4px 0;margin:0}.project-detail:has(.paper-article-layout){max-width:1360px}.paper-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 56px;gap:3rem;align-items:start;width:100%;margin-top:3rem;position:relative}.paper-article-container{min-width:0;width:100%}.paper-rail-toc{position:sticky;top:110px;display:flex;flex-direction:column;align-items:center;z-index:30;-webkit-user-select:none;user-select:none}.rail-toc-track{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:.5rem 0}.rail-toc-track:before{content:"";position:absolute;top:14px;bottom:14px;left:50%;transform:translate(-50%);width:2px;background:var(--rule-strong);z-index:1}.rail-toc-node{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--bg-primary);border:2px solid var(--rule-strong);color:var(--color-text-muted);font-family:var(--font-mono);font-size:.72rem;font-weight:700;cursor:pointer;padding:0;transition:all var(--transition-fast)}.rail-toc-node:hover{border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.12);box-shadow:0 2px 10px #2563eb26}.rail-toc-node.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:scale(1.18);box-shadow:0 0 0 4px #2563eb2e}.rail-toc-node .rail-tooltip{position:absolute;right:42px;top:50%;transform:translateY(-50%) translate(6px);background:#0f172aeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-family:var(--font-sans);font-size:.75rem;font-weight:500;padding:.35rem .7rem;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:all var(--transition-fast);box-shadow:0 4px 14px #00000026}.rail-toc-node .rail-tooltip:after{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);border-width:4px;border-style:solid;border-color:transparent transparent transparent rgba(15,23,42,.92)}.rail-toc-node:hover .rail-tooltip{opacity:1;transform:translateY(-50%) translate(0)}@media(max-width:1080px){.paper-article-layout{grid-template-columns:1fr;gap:2rem}.paper-rail-toc{display:none}}.paper-article-container{display:flex;flex-direction:column;gap:4.5rem}.paper-section-block,.paper-bibtex-section{scroll-margin-top:96px}.paper-section-block{padding-top:3rem;border-top:1px solid var(--rule)}.paper-section-header{margin-bottom:2rem}.paper-section-kicker{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.6rem}.paper-section-kicker .sec-num{color:var(--color-vermilion);font-weight:700}.paper-section-kicker .sec-divider{opacity:.4}.paper-section-title{font-family:var(--font-serif);font-size:2.3rem;font-weight:600;line-height:1.25;color:var(--color-text-main);margin:0}.paper-paragraphs-group{display:flex;flex-direction:column;gap:1.25rem}.paper-p{font-size:1.05rem;line-height:1.85;color:var(--color-text-main);margin:0;text-align:justify}.paper-p strong{color:var(--color-primary);font-weight:600}.paper-contributions-card{margin-top:2.5rem;background:var(--bg-card);border:1px solid var(--rule);border-left:4px solid var(--color-primary);border-radius:6px;padding:1.75rem;box-shadow:0 4px 18px #00000005}.contributions-header{display:flex;align-items:center;gap:.6rem;font-family:var(--font-serif);font-size:1.15rem;color:var(--color-text-main);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px dashed var(--rule)}.contributions-grid{display:flex;flex-direction:column;gap:1rem}.contribution-item{display:flex;align-items:flex-start;gap:1rem}.contribution-num{font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:#fff;background:var(--color-primary);padding:.2rem .55rem;border-radius:3px;flex-shrink:0;margin-top:.15rem}.contribution-desc{font-size:.95rem;line-height:1.75;color:var(--color-text-main)}.paper-math-card{margin:2.5rem 0;background:var(--bg-card);border:1px solid var(--rule);border-radius:6px;padding:1.75rem}.math-card-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1rem}.math-badge{font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--color-vermilion);background:#e11d4814;padding:.15rem .45rem;border-radius:2px;text-transform:uppercase}.math-title{font-family:var(--font-serif);font-size:1.1rem;font-weight:600;color:var(--color-text-main);margin:0}.math-formula-box{background:var(--surface-strong);color:var(--color-text-main);padding:1.5rem 1.75rem;border-radius:6px;border:1px solid var(--rule);box-shadow:inset 0 1px 2px #0c111d08,0 2px 8px #0c111d05;font-size:1.08rem;line-height:1.6;overflow-x:auto;margin-bottom:1.25rem;display:flex;justify-content:center;align-items:center}.math-formula-box .katex{color:var(--color-primary);font-size:1.12em}.math-formula-box .katex-display{margin:.5em 0}.math-inline{display:inline-block;padding:0 .15rem}.math-inline .katex{font-size:1.02em;color:var(--color-primary)}.math-display{display:block;margin:.75rem 0;text-align:center}.math-explanation{font-size:.92rem;line-height:1.7;color:var(--color-text-muted);margin:0}.paper-inline-figure{margin:2.75rem 0;background:var(--bg-card);border:1px solid var(--rule);border-radius:8px;overflow:hidden;box-shadow:0 6px 24px #00000008;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.paper-inline-figure:hover{transform:translateY(-2px);box-shadow:0 12px 36px #00000012}.paper-inline-figure.is-wide{width:100%}.paper-inline-figure .figure-canvas{position:relative;background:#fff;display:flex;align-items:center;justify-content:center;padding:1.5rem}.paper-inline-figure .figure-canvas img{max-width:100%;max-height:540px;object-fit:contain;border-radius:4px}.paper-inline-figure{cursor:zoom-in}.paper-inline-figure:hover{transform:none;box-shadow:0 8px 28px #0000000d}.paper-figure-caption{padding:1.25rem 1.5rem;border-top:1px solid var(--rule);background:var(--bg-card)}.fig-meta-bar{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.5rem}.fig-tag{font-family:var(--font-mono);font-size:.76rem;font-weight:700;color:var(--color-primary);background:#2563eb14;padding:.15rem .5rem;border-radius:2px;text-transform:uppercase}.fig-heading{font-family:var(--font-serif);font-size:1.05rem;color:var(--color-text-main)}.fig-text{font-size:.9rem;line-height:1.7;color:var(--color-text-muted);margin:0 0 .8rem}.fig-analysis-box{margin-top:.75rem;padding:.85rem 1.1rem;background:#2563eb08;border-left:3px solid var(--color-primary);border-radius:0 4px 4px 0}.analysis-pill{display:inline-block;font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--color-primary);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.06em}.analysis-body{font-size:.88rem;line-height:1.65;color:var(--color-text-main);margin:0}.paper-subsections-flow{display:flex;flex-direction:column;gap:2rem;margin-top:2.5rem}.paper-subsection-item{padding-left:1.25rem;border-left:2px solid var(--rule)}.paper-subsection-title{font-family:var(--font-serif);font-size:1.35rem;font-weight:600;color:var(--color-text-main);margin:0 0 .75rem}.paper-training-pillars-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}@media(max-width:768px){.paper-training-pillars-grid{grid-template-columns:1fr}}.training-pillar-card{background:var(--bg-card);border:1px solid var(--rule);border-radius:6px;padding:1.5rem}.training-pillar-card .pillar-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.training-pillar-card .pillar-header h4{font-family:var(--font-serif);font-size:1.05rem;font-weight:600;margin:0;color:var(--color-text-main)}.training-pillar-card p{font-size:.92rem;line-height:1.7;color:var(--color-text-muted);margin:0}.paper-scatter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem;margin-top:1.5rem}@media(max-width:768px){.paper-scatter-grid{grid-template-columns:1fr}}.scatter-figure-card{background:var(--bg-card);border:1px solid var(--rule);border-radius:6px;overflow:hidden;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.scatter-figure-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000d}.scatter-figure-card .figure-canvas{position:relative;background:#fff;padding:1rem;display:flex;align-items:center;justify-content:center;min-height:240px}.scatter-figure-card .figure-canvas img{max-width:100%;height:auto;object-fit:contain}.scatter-figure-card{cursor:zoom-in}.scatter-figure-card:hover{transform:none;box-shadow:0 8px 24px #0000000d}.scatter-caption{padding:1rem 1.25rem;border-top:1px solid var(--rule);background:var(--bg-card)}.paper-case-studies-stream{display:flex;flex-direction:column;gap:3.5rem;margin-top:2rem}.paper-case-card{background:var(--bg-card);border:1px solid var(--rule);border-radius:8px;overflow:hidden;box-shadow:0 6px 20px #00000005}.case-card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--rule);background:#00000004}.case-tag-badge{font-family:var(--font-serif);font-size:1.05rem;font-weight:600;color:var(--color-text-main)}.case-dataset-label{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--color-primary);background:#2563eb14;padding:.2rem .6rem;border-radius:3px}.paper-case-card .paper-inline-figure{margin:0;border:none;box-shadow:none;border-radius:0}.paper-pullquote{border-left:3px solid var(--color-vermilion);padding:1.5rem 2rem;background:var(--bg-card);border-radius:0 8px 8px 0;margin:0;font-family:var(--font-serif);font-size:1.15rem;line-height:1.8;color:var(--color-text-main);font-style:italic}.paper-pullquote cite{display:block;margin-top:.75rem;font-family:var(--font-mono);font-size:.75rem;font-style:normal;color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase}.paper-future-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:768px){.paper-future-grid{grid-template-columns:1fr}}.future-pillar-card{background:var(--bg-card);border:1px solid var(--rule);border-radius:6px;padding:1.5rem}.future-pillar-card .pillar-top{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem}.future-idx{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--color-vermilion);background:#e11d4814;padding:.15rem .45rem;border-radius:2px}.future-pillar-card h4{font-family:var(--font-serif);font-size:1.05rem;font-weight:600;margin:0;color:var(--color-text-main)}.future-pillar-card p{font-size:.92rem;line-height:1.7;color:var(--color-text-muted);margin:0}.route-loading{padding:10rem 1.5rem;text-align:center;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em;color:var(--color-text-muted)}.palette-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;justify-content:center;padding-top:8.5rem;background:#0c111d61;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;color:#f5f1ea}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}#bg-canvas{display:none!important}}