*,:before,:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:NameFont;src:url(/name-font.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LabelFont;src:url(/fonts/label-font.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-primary:#07080a;--bg-secondary:#0b0d14;--bg-surface:#0f1117;--bg-card:#141725;--bg-card-hover:#191c30;--accent:#60a5fa;--accent-rgb:96, 165, 250;--accent-dim:#60a5fa12;--accent-glow:#60a5fa1f;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--border:#ffffff0a;--border-accent:#60a5fa1a;--max-width:1700px;--nav-height:72px;--section-padding:120px 40px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}::selection{background:rgba(var(--accent-rgb), .3);color:var(--text-primary)}.section-container{max-width:var(--max-width);padding:var(--section-padding);margin:0 auto}.section-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);align-items:center;gap:12px;margin-bottom:16px;font-size:.8rem;display:flex}.section-label:before{content:"";background:var(--accent);opacity:.5;width:24px;height:1px}.section-title{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(2rem,4vw,3.2rem);font-weight:600;line-height:1.2}.section-sub{color:var(--text-secondary);max-width:600px;font-size:1.05rem;line-height:1.7}.navbar{z-index:1000;height:var(--nav-height);justify-content:center;align-items:center;padding:0 40px;transition:background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);border-bottom:1px solid var(--border);background:#07080ad9}.navbar-inner{width:100%;max-width:var(--max-width);justify-content:space-between;align-items:center;display:flex}.navbar-logo{font-family:var(--font-mono);letter-spacing:.05em;color:var(--text-primary);font-size:1.1rem;font-weight:500}.navbar-logo span{color:var(--accent)}.navbar-links{align-items:center;gap:36px;display:flex}.navbar-link{color:var(--text-secondary);padding:4px 0;font-size:.875rem;transition:color .3s;position:relative}.navbar-link:after{content:"";background:var(--accent);width:0;height:1px;transition:width .3s;position:absolute;bottom:0;left:0}.navbar-link:hover{color:var(--text-primary)}.navbar-link:hover:after{width:100%}.navbar-btn{font-family:var(--font-sans);border:1px solid var(--border-accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:100px;padding:8px 22px;font-size:.85rem;transition:all .3s}.navbar-btn:hover{background:var(--accent-dim);border-color:var(--accent)}.hero-section{z-index:1;justify-content:flex-start;align-items:center;width:100%;height:100vh;min-height:700px;display:flex;position:relative;overflow:hidden}.hero-video-bg{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-ambient{z-index:0;background:url(/hero-bg-main.jpg) 50%/cover no-repeat;position:absolute;inset:0;overflow:hidden}.hero-overlay{background:linear-gradient(to top, var(--bg-primary), transparent);z-index:4;pointer-events:none;height:35%;position:absolute;bottom:0;left:0;right:0}.hero-content{z-index:5;width:100%;max-width:var(--max-width);opacity:0;flex-direction:column;justify-content:center;gap:40px;min-height:100vh;margin:0 auto;padding:112px 40px 32px;transition:opacity .8s,transform .8s;display:flex;position:relative;transform:translateY(20px)}.hero-content.visible{opacity:1;transform:translateY(0)}.hero-visual{justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:64px}.hero-photo-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.hero-photo-card{aspect-ratio:700/1244;pointer-events:none;background:radial-gradient(100% 100% at 50% 52%,#f4f5f7 0%,#eef0f3 62%,#e6e8ed 100%);width:290px;margin:0;position:relative;box-shadow:0 16px 48px #3a44541f}.hero-photo{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-photo-caption{font-family:var(--font-mono);letter-spacing:.16em;color:var(--text-tertiary);text-align:center;font-size:.56rem}.ability-radar{opacity:0;flex-direction:row;align-items:center;gap:12px;width:auto;max-width:100%;transition:opacity .8s,transform .8s;display:flex;transform:translateY(12px)}.hero-visual.visible .ability-radar{opacity:1;transform:translateY(0)}.ability-radar-title{flex-direction:column;align-items:center;gap:4px;display:inline-flex;transform:translate(-44px,70px)}.ability-radar-title-line{font-family:var(--font-mono);letter-spacing:.1em;color:#3c434a;white-space:nowrap;font-size:1rem;font-weight:700;line-height:1.15}.ability-radar-title-cn{justify-content:space-between;width:100%;display:flex}.ability-radar-figure{width:384px;height:384px;position:relative}.ability-radar-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ability-radar-orbit{pointer-events:none;width:100%;height:100%;animation:46s linear infinite radarOrbit;position:absolute;inset:0;overflow:visible}@keyframes radarOrbit{to{transform:rotate(360deg)}}@media (width<=1000px){.hero-main{top:50%;left:50%}}@media (width<=560px){.hero-photo-card{width:190px}.ability-radar-figure{width:min(384px,115vw);height:min(384px,115vw)}}.hero-main{z-index:5;text-align:center;flex-direction:column;align-items:center;gap:20px;margin-left:calc(-16px - 2*clamp(3rem,6.5vw,5.8rem));display:flex;position:absolute;top:50%;left:25%;transform:translate(-50%,-50%)}.hero-name{letter-spacing:.06em;color:#232a33;opacity:0;font-family:NameFont,Noto Serif SC,serif;font-size:clamp(3rem,6.5vw,5.8rem);font-weight:400;line-height:1.2;animation:.9s cubic-bezier(.25,.46,.45,.94) .3s forwards heroFadeUp}.hero-title-line{opacity:0;justify-content:center;align-items:center;gap:14px;animation:.8s .5s forwards heroFadeUp;display:flex}.hero-title-role{color:#4c5766;letter-spacing:.06em;font-size:clamp(1rem,1.6vw,1.25rem);font-weight:300}.hero-title-divider{color:#7c8798;font-size:1rem;font-weight:200}.hero-tags{opacity:0;flex-wrap:wrap;gap:8px;max-width:480px;margin-bottom:40px;animation:.8s .6s forwards heroFadeUp;display:flex}.hero-tag{font-family:var(--font-mono);color:#94a3b8cc;letter-spacing:.03em;background:#60a5fa0d;border:1px solid #60a5fa0f;border-radius:3px;padding:5px 14px;font-size:.7rem;transition:all .3s}.hero-tag:hover{color:var(--accent);background:#60a5fa1a;border-color:#60a5fa26}.hero-actions{opacity:0;justify-content:center;align-items:center;gap:16px;margin-top:12px;animation:.8s .7s forwards heroFadeUp;display:flex}.hero-btn-primary{font-family:var(--font-mono);color:#4c5766;cursor:pointer;letter-spacing:.05em;background:0 0;border:none;border-radius:4px;padding:13px 28px;font-size:.85rem;font-weight:400;transition:all .3s}.hero-btn-primary:hover{color:#232a33;background:#3c46550f}.hero-btn-secondary{font-family:var(--font-mono);color:#4c5766;cursor:pointer;letter-spacing:.05em;background:0 0;border:none;border-radius:4px;padding:13px 28px;font-size:.85rem;font-weight:400;transition:all .3s}.hero-btn-secondary:hover{color:#232a33;background:#3c46550f}.hero-right{opacity:0;padding-bottom:8px;animation:.8s .5s forwards heroFadeUp}.hero-mini-label{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.12em;margin-bottom:16px;font-size:.65rem}.hero-mini-projects{flex-direction:column;gap:14px;display:flex}.hero-mini-card{cursor:pointer;border:1px solid #ffffff0a;border-radius:8px;transition:all .35s;display:block;position:relative;overflow:hidden}.hero-mini-card:hover{border-color:#60a5fa26;transform:translate(-4px)}.hero-mini-card-bg{opacity:.3;transition:opacity .4s;position:absolute;inset:0}.hero-mini-card:hover .hero-mini-card-bg{opacity:.45}.hero-mini-card-content{z-index:1;align-items:center;gap:14px;padding:16px 20px;display:flex;position:relative}.hero-mini-card-icon{flex-shrink:0;font-size:1.5rem}.hero-mini-card-text{flex-direction:column;gap:2px;min-width:0;display:flex}.hero-mini-card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:500;overflow:hidden}.hero-mini-card-platform{font-family:var(--font-mono);color:var(--text-tertiary);font-size:.65rem}.hero-mini-card-tags{z-index:1;gap:6px;padding:0 20px 14px;display:flex;position:relative}.hero-mini-card-tag{font-family:var(--font-mono);color:#94a3b8b3;background:#60a5fa0f;border:1px solid #60a5fa0f;border-radius:2px;padding:2px 8px;font-size:.6rem}.hero-scroll{z-index:5;opacity:0;flex-direction:column;align-items:center;gap:8px;transition:opacity .8s;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.hero-scroll.visible{opacity:1;animation:.8s forwards heroScrollIn}@keyframes heroScrollIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.hero-scroll-label{font-family:var(--font-mono);letter-spacing:.15em;color:var(--text-tertiary);text-transform:uppercase;font-size:.6rem}.hero-scroll-chevron{border-bottom:1.5px solid #46526466;border-right:1.5px solid #46526466;width:16px;height:16px;animation:2s infinite heroScrollBounce;transform:rotate(45deg)}@keyframes heroScrollBounce{0%,to{opacity:.4;transform:rotate(45deg)translateY(0)}50%{opacity:1;transform:rotate(45deg)translateY(5px)}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width<=1200px){.hero-main{grid-template-columns:1fr;gap:40px}.hero-right{display:none}}@media (width<=768px){.hero-given-name{gap:8px}}.about-section{background:var(--bg-secondary)}.about-grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:80px;display:grid}.about-left{top:calc(var(--nav-height) + 40px);position:sticky}.about-avatar{background:linear-gradient(135deg, rgba(var(--accent-rgb), .15), #a78bfa1a);border:1px solid var(--border-accent);width:160px;height:160px;font-family:var(--font-mono);color:var(--accent);border-radius:32px;justify-content:center;align-items:center;margin-bottom:28px;font-size:2.8rem;font-weight:500;display:flex}.about-name{letter-spacing:-.02em;margin-bottom:6px;font-size:1.8rem;font-weight:600}.about-role{color:var(--accent);margin-bottom:20px;font-size:.95rem;font-weight:400}.about-contact-list{flex-direction:column;gap:12px;margin-bottom:28px;display:flex}.about-contact-item{color:var(--text-secondary);align-items:center;gap:10px;font-size:.85rem;display:flex}.about-contact-icon{background:var(--accent-dim);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex}.about-right-bio{color:var(--text-secondary);margin-bottom:40px;font-size:1rem;line-height:1.8}.about-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.about-stat{text-align:center;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);padding:20px 12px;transition:all .3s}.about-stat:hover{background:var(--bg-card-hover);border-color:var(--border-accent);transform:translateY(-2px)}.about-stat-value{color:var(--accent);font-size:1.8rem;font-weight:600;font-family:var(--font-mono);line-height:1.2}.about-stat-label{color:var(--text-tertiary);font-size:.75rem;font-family:var(--font-mono);margin-top:4px}.projects-header{margin-bottom:60px}.projects-grid{flex-direction:column;gap:48px;display:flex}.project-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);grid-template-columns:1fr 1fr;min-height:420px;transition:all .4s;display:grid;position:relative;overflow:hidden}.project-card:hover{border-color:var(--border-accent);background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:0 20px 60px #0000004d}.project-card-visual{justify-content:center;align-items:center;min-height:380px;display:flex;position:relative;overflow:hidden}.project-card-visual-bg{opacity:.6;transition:opacity .5s;position:absolute;inset:0}.project-card:hover .project-card-visual-bg{opacity:.8}.project-card-visual-content{z-index:1;text-align:center;position:relative}.project-card-visual-icon{filter:grayscale(.2);margin-bottom:12px;font-size:3.5rem;display:block}.project-card-visual-label{font-family:var(--font-mono);color:#ffffff80;letter-spacing:.1em;font-size:.7rem}.project-card-info{flex-direction:column;justify-content:center;padding:44px;display:flex}.project-card-period{font-family:var(--font-mono);color:var(--text-tertiary);margin-bottom:8px;font-size:.75rem}.project-card-title{letter-spacing:-.02em;margin-bottom:6px;font-size:1.5rem;font-weight:600;line-height:1.3}.project-card-role{color:var(--accent);margin-bottom:6px;font-size:.85rem}.project-card-platform{font-family:var(--font-mono);color:var(--text-tertiary);margin-bottom:20px;font-size:.75rem}.project-card-desc{color:var(--text-secondary);margin-bottom:20px;font-size:.9rem;line-height:1.7}.project-card-achievements{margin-bottom:20px}.project-card-achievement{color:var(--text-secondary);margin-bottom:6px;padding-left:16px;font-size:.85rem;line-height:1.6;position:relative}.project-card-achievement:before{content:"";background:var(--accent);opacity:.6;border-radius:50%;width:5px;height:5px;position:absolute;top:10px;left:0}.project-card-tags{flex-wrap:wrap;gap:8px;display:flex}.project-card-tag{font-family:var(--font-mono);background:var(--accent-dim);color:var(--accent);border:1px solid var(--border-accent);border-radius:100px;padding:4px 12px;font-size:.7rem}.project-card:nth-child(2n){grid-template-columns:1.2fr .8fr}.project-card:nth-child(2n) .project-card-info{order:-1}.strengths-section{background:var(--bg-secondary)}.strengths-header{margin-bottom:60px}.strengths-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.strength-card{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);padding:36px 32px;transition:all .35s}.strength-card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);transform:translateY(-3px);box-shadow:0 12px 40px #0003}.strength-icon{background:var(--accent-dim);border:1px solid var(--border-accent);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:20px;font-size:1.3rem;display:flex}.strength-title{letter-spacing:-.01em;margin-bottom:10px;font-size:1.1rem;font-weight:600}.strength-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.7}.contact-section{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.contact-bg{z-index:0;position:absolute;inset:0}.contact-bg-grid{background-image:linear-gradient(#60a5fa08 1px,#0000 1px),linear-gradient(90deg,#60a5fa08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.contact-bg-gradient{background:radial-gradient(circle, rgba(var(--accent-rgb), .04) 0%, transparent 70%);pointer-events:none;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-content{z-index:1;width:100%;max-width:var(--max-width);padding:var(--section-padding);text-align:center;margin:0 auto;position:relative}.contact-heading{letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(2.5rem,5vw,4rem);font-weight:200}.contact-heading strong{color:var(--accent);font-weight:600}.contact-sub{color:var(--text-tertiary);margin-bottom:60px;font-size:1rem}.contact-methods{flex-wrap:wrap;justify-content:center;gap:40px;margin-bottom:80px;display:flex}.contact-method{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);flex-direction:column;align-items:center;gap:12px;min-width:200px;padding:32px 40px;transition:all .3s;display:flex}.contact-method:hover{border-color:var(--border-accent);transform:translateY(-3px);box-shadow:0 12px 40px #0003}.contact-method-icon{background:var(--accent-dim);border:1px solid var(--border-accent);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;display:flex}.contact-method-label{color:var(--text-tertiary);font-size:.75rem;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.contact-method-value{color:var(--text-primary);font-size:.95rem;font-weight:500}.contact-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:40px;display:flex}.contact-footer-copy{color:var(--text-tertiary);font-size:.8rem}.contact-footer-links{gap:24px;display:flex}.contact-footer-link{color:var(--text-tertiary);font-size:.8rem;transition:color .3s}.contact-footer-link:hover{color:var(--accent)}.sig-divider{justify-content:center;align-items:center;height:48px;display:flex;position:relative;overflow:hidden}.sig-divider-body{width:100%;max-width:var(--max-width);justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative}.sig-divider-body:before{content:"";background:linear-gradient(to right, transparent 0%, rgba(var(--accent-rgb), .02) 10%, rgba(var(--accent-rgb), .08) 50%, rgba(var(--accent-rgb), .02) 90%, transparent 100%);height:1px;position:absolute;left:0;right:0}.sig-divider-body:after{content:"";background:rgba(var(--accent-rgb), .06);border-radius:1px;width:2px;height:16px;animation:3s ease-in-out infinite sigPulse;position:absolute;top:-8px}@keyframes sigPulse{0%,to{opacity:.2;height:12px}50%{opacity:.6;height:20px}}.sig-divider-label{font-family:var(--font-mono);letter-spacing:.15em;color:rgba(var(--accent-rgb), .1);z-index:1;-webkit-user-select:none;user-select:none;font-size:.55rem;position:relative}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94);transform:translateY(30px)}.reveal.in{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.25,.46,.45,.94);transform:translateY(20px)}.reveal-stagger.in>:first-child{transition-delay:0s}.reveal-stagger.in>:nth-child(2){transition-delay:80ms}.reveal-stagger.in>:nth-child(3){transition-delay:.16s}.reveal-stagger.in>:nth-child(4){transition-delay:.24s}.reveal-stagger.in>:nth-child(5){transition-delay:.32s}.reveal-stagger.in>:nth-child(6){transition-delay:.4s}.reveal-stagger.in>*{opacity:1;transform:translateY(0)}.spiral-track{z-index:1;width:100%;position:relative;overflow:visible}.spiral-sticky{z-index:1;background:url(/spiral-bg-photo.jpg) 50%/cover no-repeat,#0d0e10;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0}.spiral-sticky.panels-hidden .spiral-stage,.spiral-sticky.panels-hidden .spiral-dots{opacity:0;pointer-events:none}.spiral-stage,.spiral-dots{transition:opacity .4s}.final-page{z-index:1;background:url(/final-bg.jpg) 50%/cover no-repeat;width:100%;height:100vh;min-height:700px;position:relative;overflow:hidden}.hidden-hotspot{z-index:5;cursor:pointer;width:9%;height:6%;position:absolute;top:40%;left:38.5%;transform:rotate(90deg)}.hidden-page{z-index:9999;cursor:pointer;background:#000 url(/hidden-bg.jpg) 50%/cover no-repeat;position:fixed;inset:0}.hidden-quote{color:#232a33;text-align:center;z-index:5;pointer-events:none;width:92%;font-family:NameFont,Noto Serif SC,serif;font-size:clamp(3rem,6.5vw,5.8rem);line-height:1.35;position:absolute;top:16%;left:50%;transform:translate(-50%)}.hidden-close{color:#fff;cursor:pointer;z-index:10;background:#00000073;border:1px solid #fff6;border-radius:50%;width:40px;height:40px;font-size:1.4rem;line-height:1;transition:all .3s;position:absolute;top:20px;right:24px}.hidden-close:hover{background:#000000b3}.resume-download-btn{z-index:10;color:#b4d2d2b3;font-family:var(--font-mono);letter-spacing:.08em;cursor:pointer;background:#000508bf;border:1px solid #50dcc826;border-radius:10px;align-items:center;gap:8px;padding:12px 26px;font-size:.7rem;text-decoration:none;transition:all .3s;display:inline-flex;position:absolute;bottom:40px;right:40px}.resume-download-btn:hover{background:#0a191ce6;transform:translateY(-1px);box-shadow:0 0 14px #50dcc82e}.resume-hint{z-index:10;flex-direction:column;align-items:center;gap:6px;animation:1s .6s both hintFadeIn;display:flex;position:absolute;bottom:130px;right:40px}.resume-hint-text{font-family:var(--font-mono);color:#b4d2d2d9;text-align:center;white-space:nowrap;background:#00050899;border:1px solid #50dcc826;border-radius:10px;padding:10px 16px;font-size:.75rem;line-height:1.7}.resume-hint-arrow{color:#2f2f2f;font-size:1.2rem;animation:1.2s ease-in-out infinite hintBounce}@keyframes hintBounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes hintFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spiral-ripple-wrap{z-index:1;transform-style:flat;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.spiral-scene{z-index:2;perspective:1800px;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;transform:translateY(25px)}.spiral-stage{width:0;height:0;transform-style:preserve-3d;z-index:1;will-change:transform;position:relative}.spiral-panel{backface-visibility:visible;width:552px;height:368px;transform-style:preserve-3d;position:absolute;top:-184px;left:-276px}.panel-box{width:100%;height:100%;transform-style:preserve-3d;position:relative}.panel-face{--text-primary:#000;--text-secondary:#000;--text-tertiary:#000;--accent:#000;--accent-rgb:0, 0, 0;--accent-dim:#00000024;--border:#0000002e;--border-accent:#0000004d;background-color:#d8dcdff5;background-position:50%;background-size:cover;border:1px solid #464c5266;border-radius:16px;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #ffffff59,0 8px 40px #0000002e}.panel-face.tex-1,.panel-back.tex-1{background-image:url(/panel-tex-1.webp)}.panel-face.tex-2,.panel-back.tex-2{background-image:url(/panel-tex-2.webp)}.panel-face.tex-3,.panel-back.tex-3{background-image:url(/panel-tex-3.webp)}.panel-face.tex-4,.panel-back.tex-4{background-image:url(/panel-tex-4.webp)}.panel-face.tex-5,.panel-back.tex-5{background-image:url(/panel-tex-5.jpg)}.panel-back{pointer-events:none;background-color:#3a4046;background-position:50%;background-size:cover;border:1px solid #464c5266;border-radius:16px;position:absolute;inset:0;transform:translateZ(-26px)rotateY(180deg)}.panel-side{pointer-events:none;background-image:linear-gradient(#14181c66,#14181ca6);background-position:50%;background-size:cover;position:absolute}.panel-side-left{transform-origin:0;width:26px;top:16px;bottom:16px;left:0;transform:rotateY(90deg)}.panel-side-right{transform-origin:100%;width:26px;top:16px;bottom:16px;right:0;transform:rotateY(-90deg)}.panel-side-top{transform-origin:top;height:26px;top:0;left:16px;right:16px;transform:rotateX(-90deg)}.panel-side-bottom{transform-origin:bottom;height:26px;bottom:0;left:16px;right:16px;transform:rotateX(90deg)}.panel-corner{pointer-events:none;background:#c8ccd0;width:26px;height:.72px;position:absolute}.corner-a1{top:15.282px;left:-12.996px;transform:translateZ(-13px)rotate(181.29deg)rotateY(90deg)}.corner-a2{top:14.565px;left:-12.964px;transform:translateZ(-13px)rotate(183.86deg)rotateY(90deg)}.corner-a3{top:13.85px;left:-12.899px;transform:translateZ(-13px)rotate(186.43deg)rotateY(90deg)}.corner-a4{top:13.138px;left:-12.803px;transform:translateZ(-13px)rotate(189deg)rotateY(90deg)}.corner-a5{top:12.432px;left:-12.675px;transform:translateZ(-13px)rotate(191.57deg)rotateY(90deg)}.corner-a6{top:11.732px;left:-12.515px;transform:translateZ(-13px)rotate(194.14deg)rotateY(90deg)}.corner-a7{top:11.039px;left:-12.324px;transform:translateZ(-13px)rotate(196.71deg)rotateY(90deg)}.corner-a8{top:10.357px;left:-12.102px;transform:translateZ(-13px)rotate(199.29deg)rotateY(90deg)}.corner-a9{top:9.684px;left:-11.85px;transform:translateZ(-13px)rotate(201.86deg)rotateY(90deg)}.corner-a10{top:9.024px;left:-11.568px;transform:translateZ(-13px)rotate(204.43deg)rotateY(90deg)}.corner-a11{top:8.377px;left:-11.256px;transform:translateZ(-13px)rotate(207deg)rotateY(90deg)}.corner-a12{top:7.745px;left:-10.916px;transform:translateZ(-13px)rotate(209.57deg)rotateY(90deg)}.corner-a13{top:7.128px;left:-10.548px;transform:translateZ(-13px)rotate(212.14deg)rotateY(90deg)}.corner-a14{top:6.529px;left:-10.152px;transform:translateZ(-13px)rotate(214.71deg)rotateY(90deg)}.corner-a15{top:5.948px;left:-9.73px;transform:translateZ(-13px)rotate(217.29deg)rotateY(90deg)}.corner-a16{top:5.387px;left:-9.282px;transform:translateZ(-13px)rotate(219.86deg)rotateY(90deg)}.corner-a17{top:4.846px;left:-8.81px;transform:translateZ(-13px)rotate(222.43deg)rotateY(90deg)}.corner-a18{top:4.327px;left:-8.314px;transform:translateZ(-13px)rotate(225deg)rotateY(90deg)}.corner-a19{top:3.831px;left:-7.795px;transform:translateZ(-13px)rotate(227.57deg)rotateY(90deg)}.corner-a20{top:3.359px;left:-7.254px;transform:translateZ(-13px)rotate(230.14deg)rotateY(90deg)}.corner-a21{top:2.911px;left:-6.693px;transform:translateZ(-13px)rotate(232.71deg)rotateY(90deg)}.corner-a22{top:2.489px;left:-6.112px;transform:translateZ(-13px)rotate(235.29deg)rotateY(90deg)}.corner-a23{top:2.093px;left:-5.513px;transform:translateZ(-13px)rotate(237.86deg)rotateY(90deg)}.corner-a24{top:1.725px;left:-4.896px;transform:translateZ(-13px)rotate(240.43deg)rotateY(90deg)}.corner-a25{top:1.385px;left:-4.264px;transform:translateZ(-13px)rotate(243deg)rotateY(90deg)}.corner-a26{top:1.073px;left:-3.617px;transform:translateZ(-13px)rotate(245.57deg)rotateY(90deg)}.corner-a27{top:.791px;left:-2.957px;transform:translateZ(-13px)rotate(248.14deg)rotateY(90deg)}.corner-a28{top:.539px;left:-2.284px;transform:translateZ(-13px)rotate(250.71deg)rotateY(90deg)}.corner-a29{top:.317px;left:-1.602px;transform:translateZ(-13px)rotate(253.29deg)rotateY(90deg)}.corner-a30{top:.126px;left:-.909px;transform:translateZ(-13px)rotate(255.86deg)rotateY(90deg)}.corner-a31{top:-.034px;left:-.209px;transform:translateZ(-13px)rotate(258.43deg)rotateY(90deg)}.corner-a32{top:-.162px;left:.497px;transform:translateZ(-13px)rotate(261deg)rotateY(90deg)}.corner-a33{top:-.258px;left:1.209px;transform:translateZ(-13px)rotate(263.57deg)rotateY(90deg)}.corner-a34{top:-.323px;left:1.924px;transform:translateZ(-13px)rotate(266.14deg)rotateY(90deg)}.corner-a35{top:-.355px;left:2.641px;transform:translateZ(-13px)rotate(268.71deg)rotateY(90deg)}.corner-b1{top:-.355px;left:523.359px;transform:translateZ(-13px)rotate(271.29deg)rotateY(90deg)}.corner-b2{top:-.323px;left:524.076px;transform:translateZ(-13px)rotate(273.86deg)rotateY(90deg)}.corner-b3{top:-.258px;left:524.791px;transform:translateZ(-13px)rotate(276.43deg)rotateY(90deg)}.corner-b4{top:-.162px;left:525.503px;transform:translateZ(-13px)rotate(279deg)rotateY(90deg)}.corner-b5{top:-.034px;left:526.209px;transform:translateZ(-13px)rotate(281.57deg)rotateY(90deg)}.corner-b6{top:.126px;left:526.909px;transform:translateZ(-13px)rotate(284.14deg)rotateY(90deg)}.corner-b7{top:.317px;left:527.602px;transform:translateZ(-13px)rotate(286.71deg)rotateY(90deg)}.corner-b8{top:.539px;left:528.284px;transform:translateZ(-13px)rotate(289.29deg)rotateY(90deg)}.corner-b9{top:.791px;left:528.957px;transform:translateZ(-13px)rotate(291.86deg)rotateY(90deg)}.corner-b10{top:1.073px;left:529.617px;transform:translateZ(-13px)rotate(294.43deg)rotateY(90deg)}.corner-b11{top:1.385px;left:530.264px;transform:translateZ(-13px)rotate(297deg)rotateY(90deg)}.corner-b12{top:1.725px;left:530.896px;transform:translateZ(-13px)rotate(299.57deg)rotateY(90deg)}.corner-b13{top:2.093px;left:531.513px;transform:translateZ(-13px)rotate(302.14deg)rotateY(90deg)}.corner-b14{top:2.489px;left:532.112px;transform:translateZ(-13px)rotate(304.71deg)rotateY(90deg)}.corner-b15{top:2.911px;left:532.693px;transform:translateZ(-13px)rotate(307.29deg)rotateY(90deg)}.corner-b16{top:3.359px;left:533.254px;transform:translateZ(-13px)rotate(309.86deg)rotateY(90deg)}.corner-b17{top:3.831px;left:533.795px;transform:translateZ(-13px)rotate(312.43deg)rotateY(90deg)}.corner-b18{top:4.327px;left:534.314px;transform:translateZ(-13px)rotate(315deg)rotateY(90deg)}.corner-b19{top:4.846px;left:534.81px;transform:translateZ(-13px)rotate(317.57deg)rotateY(90deg)}.corner-b20{top:5.387px;left:535.282px;transform:translateZ(-13px)rotate(320.14deg)rotateY(90deg)}.corner-b21{top:5.948px;left:535.73px;transform:translateZ(-13px)rotate(322.71deg)rotateY(90deg)}.corner-b22{top:6.529px;left:536.152px;transform:translateZ(-13px)rotate(325.29deg)rotateY(90deg)}.corner-b23{top:7.128px;left:536.548px;transform:translateZ(-13px)rotate(327.86deg)rotateY(90deg)}.corner-b24{top:7.745px;left:536.916px;transform:translateZ(-13px)rotate(330.43deg)rotateY(90deg)}.corner-b25{top:8.377px;left:537.256px;transform:translateZ(-13px)rotate(333deg)rotateY(90deg)}.corner-b26{top:9.024px;left:537.568px;transform:translateZ(-13px)rotate(335.57deg)rotateY(90deg)}.corner-b27{top:9.684px;left:537.85px;transform:translateZ(-13px)rotate(338.14deg)rotateY(90deg)}.corner-b28{top:10.357px;left:538.102px;transform:translateZ(-13px)rotate(340.71deg)rotateY(90deg)}.corner-b29{top:11.039px;left:538.324px;transform:translateZ(-13px)rotate(343.29deg)rotateY(90deg)}.corner-b30{top:11.732px;left:538.515px;transform:translateZ(-13px)rotate(345.86deg)rotateY(90deg)}.corner-b31{top:12.432px;left:538.675px;transform:translateZ(-13px)rotate(348.43deg)rotateY(90deg)}.corner-b32{top:13.138px;left:538.803px;transform:translateZ(-13px)rotate(351deg)rotateY(90deg)}.corner-b33{top:13.85px;left:538.899px;transform:translateZ(-13px)rotate(353.57deg)rotateY(90deg)}.corner-b34{top:14.565px;left:538.964px;transform:translateZ(-13px)rotate(356.14deg)rotateY(90deg)}.corner-b35{top:15.282px;left:538.996px;transform:translateZ(-13px)rotate(358.71deg)rotateY(90deg)}.corner-c1{top:367.637px;left:2.641px;transform:translateZ(-13px)rotate(91.29deg)rotateY(90deg)}.corner-c2{top:367.605px;left:1.924px;transform:translateZ(-13px)rotate(93.86deg)rotateY(90deg)}.corner-c3{top:367.54px;left:1.209px;transform:translateZ(-13px)rotate(96.43deg)rotateY(90deg)}.corner-c4{top:367.444px;left:.497px;transform:translateZ(-13px)rotate(99deg)rotateY(90deg)}.corner-c5{top:367.316px;left:-.209px;transform:translateZ(-13px)rotate(101.57deg)rotateY(90deg)}.corner-c6{top:367.156px;left:-.909px;transform:translateZ(-13px)rotate(104.14deg)rotateY(90deg)}.corner-c7{top:366.965px;left:-1.602px;transform:translateZ(-13px)rotate(106.71deg)rotateY(90deg)}.corner-c8{top:366.743px;left:-2.284px;transform:translateZ(-13px)rotate(109.29deg)rotateY(90deg)}.corner-c9{top:366.491px;left:-2.957px;transform:translateZ(-13px)rotate(111.86deg)rotateY(90deg)}.corner-c10{top:366.209px;left:-3.617px;transform:translateZ(-13px)rotate(114.43deg)rotateY(90deg)}.corner-c11{top:365.897px;left:-4.264px;transform:translateZ(-13px)rotate(117deg)rotateY(90deg)}.corner-c12{top:365.557px;left:-4.896px;transform:translateZ(-13px)rotate(119.57deg)rotateY(90deg)}.corner-c13{top:365.189px;left:-5.513px;transform:translateZ(-13px)rotate(122.14deg)rotateY(90deg)}.corner-c14{top:364.793px;left:-6.112px;transform:translateZ(-13px)rotate(124.71deg)rotateY(90deg)}.corner-c15{top:364.371px;left:-6.693px;transform:translateZ(-13px)rotate(127.29deg)rotateY(90deg)}.corner-c16{top:363.923px;left:-7.254px;transform:translateZ(-13px)rotate(129.86deg)rotateY(90deg)}.corner-c17{top:363.451px;left:-7.795px;transform:translateZ(-13px)rotate(132.43deg)rotateY(90deg)}.corner-c18{top:362.955px;left:-8.314px;transform:translateZ(-13px)rotate(135deg)rotateY(90deg)}.corner-c19{top:362.436px;left:-8.81px;transform:translateZ(-13px)rotate(137.57deg)rotateY(90deg)}.corner-c20{top:361.895px;left:-9.282px;transform:translateZ(-13px)rotate(140.14deg)rotateY(90deg)}.corner-c21{top:361.334px;left:-9.73px;transform:translateZ(-13px)rotate(142.71deg)rotateY(90deg)}.corner-c22{top:360.753px;left:-10.152px;transform:translateZ(-13px)rotate(145.29deg)rotateY(90deg)}.corner-c23{top:360.154px;left:-10.548px;transform:translateZ(-13px)rotate(147.86deg)rotateY(90deg)}.corner-c24{top:359.537px;left:-10.916px;transform:translateZ(-13px)rotate(150.43deg)rotateY(90deg)}.corner-c25{top:358.905px;left:-11.256px;transform:translateZ(-13px)rotate(153deg)rotateY(90deg)}.corner-c26{top:358.258px;left:-11.568px;transform:translateZ(-13px)rotate(155.57deg)rotateY(90deg)}.corner-c27{top:357.598px;left:-11.85px;transform:translateZ(-13px)rotate(158.14deg)rotateY(90deg)}.corner-c28{top:356.925px;left:-12.102px;transform:translateZ(-13px)rotate(160.71deg)rotateY(90deg)}.corner-c29{top:356.243px;left:-12.324px;transform:translateZ(-13px)rotate(163.29deg)rotateY(90deg)}.corner-c30{top:355.55px;left:-12.515px;transform:translateZ(-13px)rotate(165.86deg)rotateY(90deg)}.corner-c31{top:354.85px;left:-12.675px;transform:translateZ(-13px)rotate(168.43deg)rotateY(90deg)}.corner-c32{top:354.144px;left:-12.803px;transform:translateZ(-13px)rotate(171deg)rotateY(90deg)}.corner-c33{top:353.432px;left:-12.899px;transform:translateZ(-13px)rotate(173.57deg)rotateY(90deg)}.corner-c34{top:352.717px;left:-12.964px;transform:translateZ(-13px)rotate(176.14deg)rotateY(90deg)}.corner-c35{top:352px;left:-12.996px;transform:translateZ(-13px)rotate(178.71deg)rotateY(90deg)}.corner-d1{top:352px;left:538.996px;transform:translateZ(-13px)rotate(1.29deg)rotateY(90deg)}.corner-d2{top:352.717px;left:538.964px;transform:translateZ(-13px)rotate(3.86deg)rotateY(90deg)}.corner-d3{top:353.432px;left:538.899px;transform:translateZ(-13px)rotate(6.43deg)rotateY(90deg)}.corner-d4{top:354.144px;left:538.803px;transform:translateZ(-13px)rotate(9deg)rotateY(90deg)}.corner-d5{top:354.85px;left:538.675px;transform:translateZ(-13px)rotate(11.57deg)rotateY(90deg)}.corner-d6{top:355.55px;left:538.515px;transform:translateZ(-13px)rotate(14.14deg)rotateY(90deg)}.corner-d7{top:356.243px;left:538.324px;transform:translateZ(-13px)rotate(16.71deg)rotateY(90deg)}.corner-d8{top:356.925px;left:538.102px;transform:translateZ(-13px)rotate(19.29deg)rotateY(90deg)}.corner-d9{top:357.598px;left:537.85px;transform:translateZ(-13px)rotate(21.86deg)rotateY(90deg)}.corner-d10{top:358.258px;left:537.568px;transform:translateZ(-13px)rotate(24.43deg)rotateY(90deg)}.corner-d11{top:358.905px;left:537.256px;transform:translateZ(-13px)rotate(27deg)rotateY(90deg)}.corner-d12{top:359.537px;left:536.916px;transform:translateZ(-13px)rotate(29.57deg)rotateY(90deg)}.corner-d13{top:360.154px;left:536.548px;transform:translateZ(-13px)rotate(32.14deg)rotateY(90deg)}.corner-d14{top:360.753px;left:536.152px;transform:translateZ(-13px)rotate(34.71deg)rotateY(90deg)}.corner-d15{top:361.334px;left:535.73px;transform:translateZ(-13px)rotate(37.29deg)rotateY(90deg)}.corner-d16{top:361.895px;left:535.282px;transform:translateZ(-13px)rotate(39.86deg)rotateY(90deg)}.corner-d17{top:362.436px;left:534.81px;transform:translateZ(-13px)rotate(42.43deg)rotateY(90deg)}.corner-d18{top:362.955px;left:534.314px;transform:translateZ(-13px)rotate(45deg)rotateY(90deg)}.corner-d19{top:363.451px;left:533.795px;transform:translateZ(-13px)rotate(47.57deg)rotateY(90deg)}.corner-d20{top:363.923px;left:533.254px;transform:translateZ(-13px)rotate(50.14deg)rotateY(90deg)}.corner-d21{top:364.371px;left:532.693px;transform:translateZ(-13px)rotate(52.71deg)rotateY(90deg)}.corner-d22{top:364.793px;left:532.112px;transform:translateZ(-13px)rotate(55.29deg)rotateY(90deg)}.corner-d23{top:365.189px;left:531.513px;transform:translateZ(-13px)rotate(57.86deg)rotateY(90deg)}.corner-d24{top:365.557px;left:530.896px;transform:translateZ(-13px)rotate(60.43deg)rotateY(90deg)}.corner-d25{top:365.897px;left:530.264px;transform:translateZ(-13px)rotate(63deg)rotateY(90deg)}.corner-d26{top:366.209px;left:529.617px;transform:translateZ(-13px)rotate(65.57deg)rotateY(90deg)}.corner-d27{top:366.491px;left:528.957px;transform:translateZ(-13px)rotate(68.14deg)rotateY(90deg)}.corner-d28{top:366.743px;left:528.284px;transform:translateZ(-13px)rotate(70.71deg)rotateY(90deg)}.corner-d29{top:366.965px;left:527.602px;transform:translateZ(-13px)rotate(73.29deg)rotateY(90deg)}.corner-d30{top:367.156px;left:526.909px;transform:translateZ(-13px)rotate(75.86deg)rotateY(90deg)}.corner-d31{top:367.316px;left:526.209px;transform:translateZ(-13px)rotate(78.43deg)rotateY(90deg)}.corner-d32{top:367.444px;left:525.503px;transform:translateZ(-13px)rotate(81deg)rotateY(90deg)}.corner-d33{top:367.54px;left:524.791px;transform:translateZ(-13px)rotate(83.57deg)rotateY(90deg)}.corner-d34{top:367.605px;left:524.076px;transform:translateZ(-13px)rotate(86.14deg)rotateY(90deg)}.corner-d35{top:367.637px;left:523.359px;transform:translateZ(-13px)rotate(88.71deg)rotateY(90deg)}.panel-side.tex-1{background-image:url(/panel-tex-1.webp),linear-gradient(#14181c66,#14181ca6)}.panel-side.tex-2{background-image:url(/panel-tex-2.webp),linear-gradient(#14181c66,#14181ca6)}.panel-side.tex-3{background-image:url(/panel-tex-3.webp),linear-gradient(#14181c66,#14181ca6)}.panel-side.tex-4{background-image:url(/panel-tex-4.webp),linear-gradient(#14181c66,#14181ca6)}.panel-side.tex-5{background-image:url(/panel-tex-5.jpg),linear-gradient(#14181c66,#14181ca6)}.panel-face:after{content:"";pointer-events:none;z-index:2;border:1px solid #464c5233;border-radius:15px;position:absolute;inset:1px}.spiral-panel-label{letter-spacing:.08em;color:#000;white-space:nowrap;z-index:3;pointer-events:none;font-family:LabelFont,cursive;font-size:1.1rem;transition:color .5s,text-shadow .5s;position:absolute;top:18px;left:50%;transform:translate(-50%)}.spiral-panel.active .panel-face{border-color:#464c528c;box-shadow:inset 0 1px #ffffff80,0 0 30px #ffffff0f,0 8px 40px #0003}.spiral-panel.active .spiral-panel-label{color:#000}.panel-face .about-section,.panel-face .strengths-section,.panel-face .blog-section,.panel-face .contact-section{background:0 0!important;min-height:auto!important}.panel-face .about-section,.panel-face .projects-section,.panel-face .strengths-section,.panel-face .blog-section,.panel-face .contact-section,.panel-face .other-works-section{color:var(--text-primary);font-family:Montserrat,Noto Serif SC,Source Han Serif SC,思源宋体,Songti SC,SimSun,serif;font-size:.7rem!important}.panel-face .about-compact-name,.panel-face .about-compact-role,.panel-face .project-mini-title,.panel-face .project-mini-tag,.panel-face .blog-mini-title{font-size:.7rem!important}.panel-face .about-compact-role,.panel-face .project-mini-tag,.panel-face .strength-mini-tag{color:var(--text-primary)}.panel-face .about-compact{flex-direction:column;align-items:flex-start;gap:0;margin-top:8px!important}.panel-face .about-resume{flex-direction:column;gap:4px;margin-top:10px;line-height:1.5;display:flex}.panel-face .about-resume .resume-name{font-size:1.05rem;font-weight:600}.panel-face .about-resume .resume-info{flex-wrap:wrap;gap:14px;display:flex}.panel-face .about-resume .resume-indent{padding-left:5em}.panel-face .about-resume .resume-date-label{display:inline-block}.panel-face .about-resume .resume-date{width:9em;display:inline-block}.panel-face .project-detail{flex-direction:column;gap:6px;margin-top:10px;margin-bottom:12px;line-height:1.5;display:flex}.panel-face .skills-list{flex-direction:column;gap:8px;margin-top:10px;line-height:1.5;display:flex}.panel-face .skills-list .skill-item{gap:0;display:flex}.panel-face .skills-list .skill-label{flex-shrink:0}.panel-face .skills-list .skill-content{flex:1}.panel-face .other-works-content,.panel-face .contact-info{flex-direction:column;gap:8px;margin-top:10px;line-height:1.5;display:flex}.panel-face .project-detail .pd-title{font-size:1rem;font-weight:600}.panel-face .project-mini-tag,.panel-face .strength-mini-tag{opacity:1}.panel-face .blog-mini-title{border-bottom-color:#3a485826}.panel-face .contact-bg{display:none}.panel-face .contact-content{padding:32px 24px!important}.panel-face .section-container{padding:20px 24px!important}.panel-face .section-label{margin-bottom:12px!important;font-size:.65rem!important}.panel-face .section-label:before{width:16px!important}.panel-face .section-container{-webkit-backdrop-filter:none!important;width:100%!important;max-width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:32px 24px!important;transform:none!important}.panel-face .section-container,.panel-face .contact-content{background:#ffffff8c!important;border-radius:12px!important}.panel-face>section{width:100%!important;max-width:100%!important}.panel-face .section-container,.panel-face .contact-content{box-sizing:border-box!important;width:100%!important;max-width:100%!important}.spiral-dots{z-index:10;gap:10px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.spiral-dot{background:#ffffff1a;border-radius:50%;width:8px;height:8px;transition:all .3s}.spiral-dot.active{background:var(--accent);box-shadow:0 0 12px rgba(var(--accent-rgb), .4);border-radius:4px;width:24px}.hero-boot{z-index:9999;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}.hero-boot.fading{opacity:0;pointer-events:none}.hero-boot-ui{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.hero-boot-panel{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07080ab8;border:1px solid #ffffff0d;border-radius:12px;padding:36px 48px;box-shadow:0 0 40px #00000059}.hero-boot-label{font-family:var(--font-mono);letter-spacing:.25em;color:var(--text-tertiary);margin-bottom:20px;font-size:.75rem;animation:1s infinite bootPulse}@keyframes bootPulse{0%,to{opacity:.5}50%{opacity:1}}.hero-boot-bar-track{background:#ffffff14;border-radius:2px;width:260px;height:3px;margin:0 auto 20px;overflow:hidden}.hero-boot-bar-fill{background:var(--accent);height:100%;box-shadow:0 0 16px rgba(var(--accent-rgb), .5);border-radius:2px;transition:width .15s linear}.hero-boot-version{font-family:var(--font-mono);letter-spacing:.15em;color:#ffffff14;font-size:.55rem}.about-compact{align-items:center;gap:48px;margin-top:40px;display:flex}.about-compact-avatar{background:linear-gradient(135deg, rgba(var(--accent-rgb), .15), #a78bfa1a);border:1px solid var(--border-accent);width:120px;height:120px;font-family:var(--font-mono);color:var(--accent);border-radius:28px;flex-shrink:0;justify-content:center;align-items:center;font-size:2.4rem;font-weight:500;display:flex}.about-compact-name{letter-spacing:-.02em;margin-bottom:4px;font-size:1.6rem;font-weight:600}.about-compact-role{color:var(--accent);margin-bottom:12px;font-size:.9rem}.about-compact-bio{color:var(--text-secondary);max-width:600px;margin-bottom:12px;font-size:.95rem;line-height:1.7}.about-compact-contact{color:var(--text-tertiary);font-size:.85rem;font-family:var(--font-mono);gap:24px;display:flex}.experience-section{background:var(--bg-secondary)}.experience-timeline{flex-direction:column;gap:20px;max-width:600px;margin-top:60px;display:flex}.experience-card{align-items:flex-start;gap:20px;display:flex}.experience-dot{background:var(--accent);opacity:.5;width:12px;height:12px;box-shadow:0 0 8px rgba(var(--accent-rgb), .2);border-radius:50%;flex-shrink:0;margin-top:6px}.experience-card-body{border-bottom:1px solid var(--border);flex:1;padding-bottom:20px}.experience-card:last-child .experience-card-body{border-bottom:none}.experience-period{font-family:var(--font-mono);color:var(--accent);letter-spacing:.05em;font-size:.75rem}.experience-school{margin:4px 0 2px;font-size:1.15rem;font-weight:600}.experience-major{color:var(--text-secondary);font-size:.9rem}.experience-bio{max-width:800px;color:var(--text-secondary);margin-top:40px;font-size:.95rem;line-height:1.8}.experience-stats{gap:32px;margin-top:32px;display:flex}.experience-stat-value{font-family:var(--font-mono);color:var(--accent);font-size:1.6rem;font-weight:600}.experience-stat-label{color:var(--text-tertiary);font-size:.75rem;font-family:var(--font-mono);margin-top:2px}.music-player{z-index:10000;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:fixed;top:64px;right:24px}.music-top-bar{-webkit-backdrop-filter:blur(4px);background:#000;border:1px solid #50dcc859;border-radius:100px;align-items:center;gap:12px;padding:5px 14px 5px 18px;display:flex;box-shadow:0 0 12px #50dcc826,inset 0 0 20px #50dcc808}.music-nav-item{font-family:var(--font-mono);letter-spacing:.15em;color:#c8dcdcb3;white-space:nowrap;font-size:.65rem;text-decoration:none;transition:color .3s,text-shadow .3s}.music-nav-item:hover{color:#b4f0dcf2;text-shadow:0 0 10px #50dcc866}.music-visualizer-wrap{border-left:1px solid #50dcc826;border-right:1px solid #50dcc826;justify-content:center;align-items:center;width:160px;height:28px;padding:0 8px;display:flex}.music-vis-canvas{border-radius:2px;width:100%;height:100%}.music-controls{-webkit-backdrop-filter:blur(8px);background:#000508bf;border:1px solid #50dcc826;border-radius:10px;align-items:center;gap:6px;padding:6px 8px;display:flex;box-shadow:0 0 20px #0006}.music-btn{color:#b4d2d2b3;cursor:pointer;background:#50dcc80a;border:1px solid #50dcc826;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.music-btn:hover{color:#b4f0dcf2;background:#50dcc81f;border-color:#50dcc84d;box-shadow:0 0 8px #50dcc826}.music-play-btn{background:#50dcc814;border-color:#50dcc840;width:30px;height:30px}.music-track-info{align-items:center;gap:6px;max-width:200px;margin-left:4px;display:flex;overflow:hidden}.music-track-dot{color:#50dcc866;flex-shrink:0;font-size:.4rem}.music-track-scroll{white-space:nowrap;width:170px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 5% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 5% 90%,#0000 100%)}.music-scroll-inner{animation:12s linear infinite musicMarquee;display:inline-flex}.music-track-name{font-family:var(--font-mono);color:#b4d2d2b3;white-space:nowrap;flex-shrink:0;padding-right:40px;font-size:.7rem}@keyframes musicMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.about-compact{align-items:center;gap:20px;display:flex}.about-compact-avatar{background:linear-gradient(135deg, rgba(var(--accent-rgb), .15), #a78bfa1a);border:1px solid var(--border-accent);width:56px;height:56px;font-family:var(--font-mono);color:var(--accent);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.about-compact-name{margin-bottom:2px;font-size:1.2rem;font-weight:600}.about-compact-role{color:var(--text-secondary);font-size:.75rem}.projects-mini{flex-direction:column;gap:8px;display:flex}.project-mini{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:6px 0;display:flex}.project-mini:last-child{border-bottom:none}.project-mini-title{font-size:.85rem;font-weight:500}.project-mini-tag{font-family:var(--font-mono);color:var(--accent);opacity:.6;font-size:.6rem}.strengths-mini{flex-wrap:wrap;gap:6px;display:flex}.strength-mini-tag{font-family:var(--font-mono);background:rgba(var(--accent-rgb), .06);color:var(--accent);border:1px solid rgba(var(--accent-rgb), .08);border-radius:100px;padding:4px 12px;font-size:.7rem}.blog-mini{flex-direction:column;gap:8px;display:flex}.blog-mini-title{border-bottom:1px solid #ffffff0a;padding:6px 0;font-size:.85rem}.blog-mini-title:last-child{border-bottom:none}.contact-mini{font-family:var(--font-mono);color:var(--text-secondary);flex-direction:column;gap:6px;font-size:.8rem;display:flex}@media (width<=1200px){.about-compact{text-align:center;flex-direction:column}.about-compact-contact{justify-content:center}.about-compact-bio{max-width:100%}.blog-grid{grid-template-columns:repeat(2,1fr)}.experience-stats{flex-wrap:wrap}.project-card{grid-template-columns:1fr!important}.project-card:nth-child(2n) .project-card-info{order:0}.project-card-visual{min-height:220px}.strengths-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--section-padding:80px 24px}.navbar{padding:0 20px}.navbar-links{display:none}.blog-grid{grid-template-columns:1fr}.experience-stats{flex-direction:column;gap:16px}.about-compact-contact{flex-direction:column;align-items:center;gap:8px}.strengths-grid{grid-template-columns:1fr}.contact-methods{flex-direction:column;align-items:center}.contact-footer{text-align:center;flex-direction:column;gap:16px}.project-card-info{padding:28px}}.tree-nav{z-index:20;-webkit-backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;background:#07080ab3;border:1px solid #ffffff0d;border-radius:10px;min-width:150px;padding:10px 0;position:absolute;bottom:80px;left:24px}.tree-nav-header{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-tertiary);text-align:center;border-bottom:1px solid #ffffff0a;margin:0 0 4px;padding:4px 16px 10px;font-size:.82rem;font-weight:700}.tree-nav-body{flex-direction:column;display:flex}.tree-node{cursor:pointer;color:var(--text-secondary);font-size:.82rem;font-family:var(--font-mono);border-left:2px solid #0000;padding:6px 16px;text-decoration:none;transition:all .2s;display:block}.tree-node:hover{color:var(--text-primary);background:#60a5fa0f;border-left-color:#60a5fa4d}.tree-nav--light{background:#ffffffbf;border:1px solid #0f172a14;bottom:24px;left:auto;right:24px;box-shadow:0 10px 30px #0f172a1a}.tree-nav--light .tree-nav-header{color:#9ca3af;border-bottom:1px solid #0f172a14}.tree-nav--light .tree-node{color:#1a1f24}.tree-nav--light .tree-node:hover{color:#000;background:#eef0f3;border-left-color:#00000059}.hero-clock-wrap{z-index:5;pointer-events:none;text-align:center;opacity:0;transition:opacity .8s .3s;position:absolute;top:5%;left:50%;transform:translate(-50%)}.hero-clock-wrap.visible{opacity:1}.hero-clock-time{font-family:var(--font-mono);letter-spacing:.14em;color:#1a1f24;white-space:nowrap;font-size:clamp(1.7rem,3.5vw,2.7rem);font-weight:300;line-height:1.1}.hero-clock-date{font-family:var(--font-mono);letter-spacing:.22em;color:#7c8798;white-space:nowrap;margin-top:12px;font-size:.9rem}.tree-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}