@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Fraunces:ital,opsz,wght@0,9..144,600;1,9..144,700&family=Noto+Sans+SC:wght@400;500;700&family=Noto+Serif+SC:wght@700;900&display=swap";:root{--blue: #2b7fd8;--yellow: #f4d758;--red: #e84a5f;--cream: #fefcf6;--cream-dark: #faf6eb;--ink: #1a1a2e;--ink-light: #4a4a5a;--ink-faint: #8a8a9a;--line: rgba(43,127,216,.18);--card: rgba(255,252,244,.94);--radius: 14px;--section-space: clamp(80px,12vh,160px);--block-space: clamp(40px,6vw,100px);--card-pad: clamp(28px,3vw,44px);--item-gap: clamp(24px,3vw,48px);--modal-bg: rgba(255, 255, 255, .85);--modal-border: rgba(255, 255, 255, .3);--shadow-modal: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-popup: 0 10px 40px rgba(0,0,0,.2);--popup-border-color: white;--card-hover-shadow-blue: 0 0 30px rgba(43, 127, 216, .4);--card-hover-shadow-orange: 0 0 30px rgba(255, 193, 7, .4);--card-bg-light: linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(255, 252, 244, .95));--card-border-gradient: linear-gradient( 135deg, rgba(43, 127, 216, .3), rgba(255, 193, 7, .15), rgba(43, 127, 216, .3) );--card-border-rotate: conic-gradient( from 0deg, rgba(43, 127, 216, .15), rgba(255, 193, 7, .1), rgba(43, 127, 216, .15) );--card-hover-shadow: 0 8px 30px rgba(43, 127, 216, .12);--card-title-color: #1a1a2e;--card-desc-color: #4a4a5a;--card-accent-gradient: linear-gradient(90deg, #2b7fd8, #ffc107);--footer-bg-gradient: linear-gradient(180deg,#faf6eb 0%,#fefcf6 100%);--connect-panel-bg: #fff;--connect-panel-border: #67e3c8;--connect-heading-color: #1d2740;--connect-line-color: #1f2f43;--connect-mail-color: #0d2a59;--connect-blob-color: #67e3c8;--connect-blob-shade: rgba(43,127,216,.17);--connect-avatar-bg: #fff;--connect-avatar-shadow: 0 18px 30px rgba(15,24,49,.2);--social-btn-border: rgba(26,26,46,.18);--social-btn-hover-bg: rgba(43,127,216,.06)}.dark-mode{--cream: #0f0f1a;--cream-dark: #1a1a2e;--ink: #f0f0f5;--ink-light: #c0c0d0;--ink-faint: #808090;--line: rgba(139, 92, 246, .18);--card: rgba(30, 30, 50, .94);--modal-bg: rgba(30, 30, 60, .85);--modal-border: rgba(139, 92, 246, .2);--shadow-modal: 0 25px 50px -12px rgba(139, 92, 246, .35);--shadow-popup: 0 10px 40px rgba(139,92,246,.3);--popup-border-color: rgba(255,255,255,.2);--blue: #5b9df0;--yellow: #fde047;--red: #fb7185;--card-hover-shadow-blue: 0 0 30px rgba(139, 92, 246, .5);--card-hover-shadow-orange: 0 0 30px rgba(251, 191, 36, .5);--card-bg-light: linear-gradient(135deg, rgba(45, 45, 80, .98), rgba(35, 35, 65, .95));--card-border-gradient: linear-gradient( 135deg, rgba(139, 92, 246, .5), rgba(251, 191, 36, .25), rgba(139, 92, 246, .5) );--card-border-rotate: conic-gradient( from 0deg, rgba(139, 92, 246, .25), rgba(251, 191, 36, .15), rgba(139, 92, 246, .25) );--card-hover-shadow: 0 8px 30px rgba(139, 92, 246, .2);--card-title-color: #f0f0f5;--card-desc-color: #c0c0d0;--card-accent-gradient: linear-gradient(90deg, #a78bfa, #fbbf24);--footer-bg-gradient: linear-gradient(180deg,#1a1a2e 0%,#0f0f1a 100%);--connect-panel-bg: rgba(45,45,70,.95);--connect-panel-border: rgba(139,92,246,.5);--connect-heading-color: #f0f0f5;--connect-line-color: #c0c0d0;--connect-mail-color: #a78bfa;--connect-blob-color: rgba(139,92,246,.4);--connect-blob-shade: rgba(139,92,246,.15);--connect-avatar-bg: rgba(60,60,90,.95);--connect-avatar-shadow: 0 18px 30px rgba(0,0,0,.4);--social-btn-border: rgba(255,255,255,.18);--social-btn-hover-bg: rgba(139,92,246,.15)}*{transition:background-color .5s cubic-bezier(.4,0,.2,1),color .3s ease,border-color .4s ease,box-shadow .4s ease}*,*:before,*:after{box-sizing:border-box}.cursor-dot{position:fixed;width:8px;height:8px;background:var(--blue);border-radius:50%;pointer-events:none;z-index:100000;transform:translate(-50%,-50%);will-change:left,top}.cursor-ring{position:fixed;width:32px;height:32px;border:2px solid var(--blue);border-radius:50%;pointer-events:none;z-index:99999;opacity:.5;transform:translate(-50%,-50%);will-change:left,top,transform,opacity}.cursor-ring.hover{transform:translate(-50%,-50%) scale(1.8);opacity:.75;border-color:var(--yellow);transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s ease,border-color .35s ease}a,button,.nav-ctrl,.journey-node,.badge{cursor:none}body *{cursor:none!important}html,body,#root{margin:0;min-height:100%}body{font-family:Noto Sans SC,-apple-system,PingFang SC,Helvetica Neue,sans-serif;color:var(--ink);background:radial-gradient(circle at 16% 0%,rgba(244,215,88,.22),transparent 40%),radial-gradient(circle at 90% 24%,rgba(43,127,216,.13),transparent 42%),var(--cream);line-height:1.72}::selection{background:var(--yellow);color:var(--ink)}a{color:inherit;text-decoration:none}.app-shell{max-width:1300px;margin:0 auto;padding:0 clamp(18px,3.5vw,40px)}.section{padding:var(--section-space) 0}.section-alt{background:linear-gradient(180deg,#faf6ebc2,#faf6eb57);border-radius:20px}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--yellow),var(--red));z-index:100002;pointer-events:none}.back-to-top{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:var(--blue);color:#fff;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #2b7fd866;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s cubic-bezier(.16,1,.3,1);z-index:100001}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2b7fd880}.top-nav{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:20px;margin-bottom:clamp(40px,8vh,86px)}.brand-mark{display:inline-flex;gap:10px;align-items:center}.brand-mark span{width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:700}.brand-mark em{font-family:Fraunces,serif;font-style:italic;font-size:1rem}.nav-links{display:flex;justify-content:center;gap:clamp(16px,3vw,30px);flex-wrap:wrap}.nav-links a{font-size:.86rem;color:var(--ink-light);position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:2px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .24s ease}.nav-links a:hover:after{transform:scaleX(1)}.hero-layout-cassie{min-height:100vh;display:flex;flex-direction:column}.hero-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,6vw,80px);align-items:center;flex:1;padding:40px 0}.hero-left{position:relative;display:flex;justify-content:center;align-items:center}.avatar-decoration{position:absolute;width:100%;height:100%;pointer-events:none}.deco-circle{position:absolute;border-radius:50%;border:2px dashed var(--blue);opacity:.3}.circle-1{width:120px;height:120px;top:10%;left:5%;animation:float 6s ease-in-out infinite}.circle-2{width:80px;height:80px;bottom:15%;right:10%;border-color:var(--yellow);animation:float 8s ease-in-out infinite reverse}.deco-line{position:absolute;background:linear-gradient(90deg,var(--blue),transparent);height:2px;opacity:.2}.line-1{width:100px;top:25%;right:20%;transform:rotate(-15deg)}.line-2{width:80px;bottom:30%;left:15%;transform:rotate(10deg)}.hero-avatar-wrapper{position:relative;width:clamp(220px,28vw,380px);height:clamp(220px,28vw,380px);transform-style:preserve-3d}.hero-avatar-frame{position:relative;width:100%;height:100%;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;overflow:hidden;border:3px solid var(--blue);animation:morph 8s ease-in-out infinite;z-index:2}.hero-avatar-frame img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.16,1,.3,1)}.avatar-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:radial-gradient(circle,rgba(43,127,216,.3),transparent 70%);border-radius:50%;z-index:1;animation:pulse 4s ease-in-out infinite}@keyframes morph{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.hero-right{display:flex;flex-direction:column;gap:24px}.hero-greeting{display:inline-flex;align-items:center;gap:10px;font-family:Caveat,cursive;font-size:1.4rem;color:var(--ink-light)}.wave-emoji{display:inline-block;animation:wave 2s ease-in-out infinite;transform-origin:70% 70%}@keyframes wave{0%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}}.hero-statement-new{display:flex;flex-direction:column;gap:12px}.hero-statement-new p{margin:0;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:600;line-height:1.5;color:var(--ink)}.highlight-word{color:var(--blue);position:relative}.highlight-word.outline{color:transparent;-webkit-text-stroke:2px var(--blue)}.about-layout-alternate{min-height:auto;padding:80px 0}.section-header{text-align:center;margin-bottom:70px}.section-number{display:block;font-family:Fraunces,serif;font-style:italic;font-size:clamp(1.2rem,2.5vw,1.6rem);color:var(--blue);opacity:.5;margin-bottom:8px}.section-title-big{margin:0;font-family:"Noto Serif SC",serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;color:var(--ink);line-height:1.1}.section-subtitle{margin:12px 0 0;color:var(--ink-light);font-size:.95rem}.about-items-container{display:flex;flex-direction:column;gap:clamp(60px,10vw,100px);max-width:1000px;margin:0 auto}.about-item{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(30px,5vw,60px);align-items:center}.about-item.reverse{grid-template-columns:1.5fr 1fr}.about-item.reverse .about-icon-circle{order:2}.about-item.reverse .about-text-content{order:1;text-align:right}.about-icon-circle{width:clamp(100px,18vw,160px);height:clamp(100px,18vw,160px);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative;border:3px solid;transition:all .4s cubic-bezier(.16,1,.3,1)}.about-icon-circle:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;border:2px dashed currentColor;opacity:.15;animation:rotate-dash 25s linear infinite}@keyframes rotate-dash{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-icon-circle.color-blue{background:#2b7fd81a;border-color:var(--blue);color:var(--blue)}.about-icon-circle.color-purple{background:#8b5cf61a;border-color:#8b5cf6;color:#8b5cf6}.about-icon-circle.color-yellow{background:#f59e0b1a;border-color:#f59e0b;color:#f59e0b}.about-icon-circle.color-green{background:#10b9811a;border-color:#10b981;color:#10b981}.about-item:hover .about-icon-circle{transform:scale(1.1) rotate(5deg);box-shadow:0 20px 60px currentColor}.about-text-content{padding:10px 0}.about-text-content h3{margin:0 0 16px;font-family:"Noto Serif SC",serif;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:700;color:var(--ink)}.title-blue{color:var(--blue)}.title-purple{color:#8b5cf6}.title-yellow{color:#d97706}.title-green{color:#059669}.about-text-content p{margin:0;color:var(--ink-light);font-size:clamp(.9rem,1.5vw,1rem);line-height:1.8}.skill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--item-gap);min-height:200px}.skill-card{background:#fffffffa;border-radius:16px;padding:var(--card-pad);min-height:220px;position:relative;z-index:1;border:1px solid rgba(43,127,216,.08);box-shadow:0 2px 12px #2b7fd80a}.skill-card header{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.skill-icon{width:38px;height:38px;border-radius:10px;background:#2b7fd81a;display:inline-flex;align-items:center;justify-content:center;color:var(--blue)}.skill-card header h3{margin:0;font-size:1.04rem}.skill-card header p{margin:.15rem 0 0;color:var(--ink-faint);font-size:.82rem}.badge-group{display:flex;flex-wrap:wrap;gap:8px}.badge{background:linear-gradient(135deg,#2b7fd814,#ffc1070f);border:1px solid rgba(43,127,216,.12);border-radius:999px;padding:6px 14px;font-size:.78rem;color:var(--ink);font-weight:500}.portfolio-showcase{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:stretch}.showcase-card{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--card)}.nav-ctrl{width:38px;height:38px;border-radius:50%;border:1px solid rgba(26,26,46,.2);background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.timeline-layout{padding:var(--section-space) 0}.timeline-line-container{position:relative;max-width:800px;margin:40px auto 0;padding-left:30px}.timeline-line-container:before{content:"";position:absolute;left:5px;top:0;bottom:0;width:1px;background:#2b7fd833}.timeline-line-item{position:relative;padding-bottom:50px;opacity:0;transform:translate(-20px);transition:all .6s cubic-bezier(.16,1,.3,1)}.timeline-line-item:last-child{padding-bottom:0}.timeline-line-item.visible{opacity:1;transform:translate(0)}.timeline-line-item:before{content:"";position:absolute;left:-30px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--blue);opacity:.5;transition:all .3s ease}.timeline-line-item:hover:before{opacity:1;transform:scale(1.3);box-shadow:0 0 0 4px #2b7fd826}.timeline-line-year{font-family:Fraunces,serif;font-size:1.15rem;font-weight:500;color:var(--blue);margin-bottom:12px;letter-spacing:.5px;transition:all .3s ease}.timeline-line-item:hover .timeline-line-year{transform:translate(4px)}.timeline-line-org{margin:0 0 6px;font-size:1.05rem;font-weight:600;color:var(--ink);letter-spacing:-.01em}.timeline-line-title{margin:0 0 8px;font-size:.9rem;color:var(--ink-light);font-weight:450}.timeline-line-desc{margin:0;font-size:.92rem;color:var(--ink-faint);line-height:1.75;max-width:600px}@media (max-width:768px){.timeline-line-container{padding-left:20px}.timeline-line-item:before{left:-20px}}.journey-wrap{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:center}.journey-line{position:absolute;left:3%;right:3%;height:3px;background:linear-gradient(90deg,var(--blue),var(--yellow),var(--red));top:50%;transform:translateY(-50%);opacity:.45}.journey-node{border:1px solid rgba(26,26,46,.18);border-radius:999px;background:#fff;padding:12px 8px;font-size:.78rem;cursor:pointer}.journey-node.active{background:#2b7fd81a;border-color:#2b7fd859}.journey-panel{margin-top:14px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}.console-wrap{border-radius:14px;overflow:hidden;border:1px solid rgba(244,215,88,.5);box-shadow:0 14px 36px #1a1a2e1a}.console-wrap header{background:#242737;color:#eef2ff;display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.console-wrap button{border:1px solid rgba(244,215,88,.6);color:var(--yellow);background:transparent;border-radius:999px;padding:6px 11px;font-size:.78rem;cursor:pointer}.console-wrap pre{margin:0;min-height:196px;padding:20px;background:#161821;color:#a5ffd6;font-family:Fira Code,monospace;font-size:.82rem;line-height:1.85}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.reveal-d3{transition-delay:.3s}.reveal-d4{transition-delay:.4s}.reveal-d5{transition-delay:.5s}.reveal-d6{transition-delay:.6s}@media (max-width: 900px){.cursor-dot,.cursor-ring{display:none}html,body,#root,a,button{cursor:auto}.hero-split,.about-item,.about-item.reverse,.skill-grid{grid-template-columns:1fr}.about-item.reverse .about-icon-circle{order:1}.about-item.reverse .about-text-content{order:2;text-align:center}.about-text-content{text-align:center}.about-icon-circle{width:100px;height:100px}.hero-avatar-wrapper{width:200px;height:200px}}.section-title-wrap{text-align:center;margin-bottom:70px}.section-title{margin:0;font-family:"Noto Serif SC",serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;color:var(--ink);line-height:1.1}.portfolio-layout{padding:var(--section-space) 0}.portfolio-dots{display:flex;justify-content:center;gap:10px;margin-top:20px}.dot{width:10px;height:10px;border-radius:50%;background:#1a1a2e26;border:none;cursor:pointer;transition:all .3s}.dot.active{background:var(--blue);transform:scale(1.3);box-shadow:0 0 8px #2b7fd866}.showcase-visual{width:100%;height:clamp(160px,22vw,280px);background:linear-gradient(135deg,#2b7fd814,#2b7fd805);display:flex;align-items:center;justify-content:center;font-size:.88rem;color:var(--ink-faint)}.showcase-content{padding:var(--card-pad)}.showcase-content h3{margin:0;font-family:"Noto Serif SC",serif;font-size:1.24rem;color:var(--ink)}.showcase-content dl{margin:14px 0 0;display:grid;gap:8px}.showcase-content dl div{display:flex;gap:8px;align-items:baseline}.showcase-content dt{font-size:.78rem;color:var(--ink-faint);min-width:64px}.showcase-content dd{margin:0;font-size:.86rem;color:var(--ink-light)}.theme-blue .showcase-visual{background:linear-gradient(135deg,#2b7fd81f,#2b7fd808);border-bottom:3px solid var(--blue)}.theme-yellow .showcase-visual{background:linear-gradient(135deg,#f4d7581f,#f4d75808);border-bottom:3px solid var(--yellow)}.theme-red .showcase-visual{background:linear-gradient(135deg,#e84a5f1f,#e84a5f08);border-bottom:3px solid var(--red)}.skill-layout{padding:var(--section-space) 0 30px 0}.timeline-layout,.journey-layout,.console-layout{padding:var(--section-space) 0}.footer-section{position:relative;background:var(--footer-bg-gradient);color:var(--ink-light);padding:clamp(70px,11vh,130px) 0 clamp(42px,6vh,60px);margin-top:var(--section-space);overflow:hidden}.footer-flip-edge{position:absolute;top:0;left:-5%;right:-5%;height:54px;background:var(--cream);transform:rotate(-1.2deg) translateY(-33px);transform-origin:left top;box-shadow:0 -4px 12px #1a1a2e0f}.footer-inner{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 clamp(18px,3.5vw,40px)}.connect-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,4vw,52px);background:var(--connect-panel-bg);border:6px solid var(--connect-panel-border);border-radius:16px;padding:clamp(24px,4vw,42px);margin-bottom:clamp(34px,5vh,54px)}.connect-copy{max-width:540px}.footer-heading{font-family:Fraunces,serif;font-style:italic;font-size:clamp(2rem,3.8vw,3rem);margin:0 0 18px;color:var(--connect-heading-color)}.connect-line{margin:0 0 16px;color:var(--connect-line-color);font-size:clamp(1.12rem,2.2vw,1.8rem);line-height:1.5;font-weight:500}.connect-line:last-child{margin-bottom:0}.connect-mail{margin:0 .45ch;color:var(--connect-mail-color);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px;font-weight:700}.connect-illustration{position:relative;min-height:270px;display:flex;align-items:flex-end;justify-content:center}.connect-blob{position:absolute;width:min(100%,500px);height:240px;background:var(--connect-blob-color);border-radius:48% 52% 50% 50%/58% 54% 46% 42%;top:14px}.connect-blob-shade{position:absolute;width:min(100%,460px);height:210px;background:var(--connect-blob-shade);border-radius:46% 54% 50% 50%/56% 48% 52% 44%;top:38px;left:50%;transform:translate(-44%)}.connect-avatar-wrap{position:relative;z-index:1;width:240px;height:240px;border-radius:50%;overflow:hidden;background:var(--connect-avatar-bg);box-shadow:var(--connect-avatar-shadow)}.connect-avatar-wrap img{width:100%;height:100%;object-fit:cover}.footer-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-bottom:30px}.footer-socials{display:flex;gap:12px;justify-content:center;align-items:center}.footer-social-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--social-btn-border);background:transparent;color:var(--ink-light);display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease}.footer-social-btn:hover{background:var(--social-btn-hover-bg);border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}.footer-copy{margin:0;text-align:center;font-size:.82rem;color:var(--ink-faint)}@media (max-width: 980px){.connect-panel{grid-template-columns:1fr}.connect-copy{max-width:none}.connect-illustration{min-height:220px}.connect-blob{height:190px}.connect-blob-shade{height:170px}.connect-avatar-wrap{width:190px;height:190px}}.contact-layout{padding:var(--section-space) 0}.contact-card{max-width:700px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:14px;padding:var(--card-pad);text-align:center}.contact-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;text-align:left;margin-bottom:24px}.contact-item{display:flex;align-items:center;gap:12px}.contact-icon{width:38px;height:38px;border-radius:50%;background:#2b7fd814;display:inline-flex;align-items:center;justify-content:center;color:var(--blue);flex-shrink:0}.contact-item div{display:flex;flex-direction:column;gap:2px}.contact-label{font-size:.74rem;color:var(--ink-faint)}.contact-value{font-size:.88rem;color:var(--ink);font-weight:500}.contact-email{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.contact-meta{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.contact-slogan{margin:0;color:var(--ink-light);font-size:.9rem;font-style:italic}@keyframes spark-fly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}.spark-particle{animation:spark-fly var(--dur,.6s) ease-out forwards}html{scroll-behavior:smooth}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;will-change:background;transition:opacity 1.2s ease}.app-shell{position:relative;z-index:1}.section-divider-wrap{display:flex;justify-content:center;padding:0;margin:clamp(16px,2vh,32px) 0;position:relative;z-index:2;pointer-events:none}.section-divider{height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(43,127,216,.55),rgba(244,215,88,.7),rgba(43,127,216,.55),transparent);width:0;margin:0;box-shadow:0 0 12px #2b7fd833}.section-divider.visible{box-shadow:0 0 20px #2b7fd859}@media (max-width:900px){.section-divider{max-width:90%}}.skill-card-bordered{position:relative;background:var(--card-bg-light);border-radius:18px;padding:32px;height:200px!important;min-height:200px!important;border:1px solid transparent;background-clip:padding-box;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.skill-card-bordered:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;padding:1px;background:var(--card-border-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.skill-card-bordered:after{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:var(--card-border-rotate);animation:cardBorderRotate 40s linear infinite;pointer-events:none;z-index:0}@keyframes cardBorderRotate{to{transform:rotate(360deg)}}.skill-card-bordered:hover{transform:translateY(-2px);box-shadow:var(--card-hover-shadow)}.skill-card-title{position:relative;z-index:1;font-size:1.5rem;font-weight:700;color:var(--card-title-color);margin:0 0 16px;color:#1a1a2e}.skill-card-accent{position:relative;z-index:1;width:40px;height:3px;background:var(--card-accent-gradient);border-radius:2px}.highlight-word.outline:hover{font-family:inherit!important;-webkit-text-stroke:0;color:#2b7fd8;text-shadow:none}.skill-desc{color:var(--card-desc-color)!important;font-size:1.1rem!important;line-height:1.8!important;margin:16px 0 0!important;font-weight:500!important;letter-spacing:.02em!important}.split-char{display:inline-block}.highlight-text{color:#8b5cf6;font-weight:600;cursor:pointer;position:relative;text-decoration:underline;text-decoration-style:wavy;text-decoration-color:#8b5cf6;text-underline-offset:3px;transition:all .3s ease}.highlight-text:hover{color:var(--hover-color, #7c3aed);text-shadow:0 0 8px rgba(139,92,246,.4)}.timeline-popup-content{background:linear-gradient(135deg,#fffffff2,#f8f5fff2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.2);border-radius:12px;padding:16px 20px;box-shadow:0 8px 32px #8b5cf626,0 2px 8px #0000001a;min-width:220px}.timeline-popup-title{font-size:1rem;font-weight:700;color:var(--card-title-color);color:var(--hover-color, #7c3aed);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(139,92,246,.15)}.timeline-popup-item{font-size:.85rem;color:#4b5563;padding:5px 0;line-height:1.5;transition:all .2s ease}.timeline-popup-item:hover{color:var(--hover-color, #7c3aed);transform:translate(4px)}.contact-wechat{position:relative}.wechat-icon{cursor:pointer;transition:all .3s ease}.wechat-icon:hover{color:#07c160;transform:scale(1.1)}.wechat-qr-popover{position:absolute;top:-180px;left:50%;transform:translate(-50%);background:#fff;border-radius:12px;padding:12px;box-shadow:0 8px 30px #00000026;z-index:100;animation:popIn .3s ease}.qr-container{display:flex;flex-direction:column;align-items:center;gap:8px}.qr-image{width:150px;height:150px;border-radius:8px;object-fit:contain}.qr-tip{font-size:12px;color:#666;margin:0}.qr-arrow{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid white}.qr-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:99}.footer-wechat-wrapper{position:relative}.footer-wechat-btn:hover{background:#07c1600f!important;border-color:#07c160!important;color:#07c160!important}.footer-wechat-popover{position:absolute;top:-180px;left:50%;transform:translate(-50%);background:#fff;border-radius:12px;padding:12px;box-shadow:0 8px 30px #00000026;z-index:100;animation:popIn .3s ease;width:180px;min-width:180px}@keyframes popIn{0%{opacity:0;transform:translate(-50%) scale(.8)}to{opacity:1;transform:translate(-50%) scale(1)}}.footer-wechat-popover .qr-arrow{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid white}.footer-feishu-wrapper{position:relative}.footer-feishu-btn:hover{background:#007aff0f!important;border-color:#007aff!important;color:#007aff!important}.footer-feishu-popover{position:absolute;top:-180px;left:50%;transform:translate(-50%);background:#fff;border-radius:12px;padding:12px;box-shadow:0 8px 30px #00000026;z-index:100;animation:popIn .3s ease;width:180px;min-width:180px}.footer-feishu-popover .qr-arrow{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid white}@media (max-width: 768px){html{font-size:14px}.hero-section{min-height:auto;padding:60px 0 40px}.hero-avatar-wrap{width:120px!important;height:120px!important}.hero-title{font-size:2rem!important}.hero-subtitle{font-size:1.1rem!important}.section{padding:40px 0!important}.section-title-wrap{margin-bottom:30px!important}.section-number{font-size:3rem!important}.section-title{font-size:1.5rem!important}.skill-grid{gap:15px!important}.skill-card{padding:20px!important}.timeline-item{padding-left:30px!important}.timeline-item-title{font-size:1.1rem!important}.footer-wechat-popover,.footer-feishu-popover{top:auto!important;bottom:50px!important;left:50%!important;transform:translate(-50%)!important;position:fixed!important}.footer-wechat-popover .qr-arrow,.footer-feishu-popover .qr-arrow{top:-8px!important;bottom:auto!important;border-top:none!important;border-bottom:8px solid white!important}.footer-socials{gap:8px!important;flex-wrap:wrap;justify-content:center}.footer-social-btn{width:40px!important;height:40px!important}.footer-inner{padding:40px 20px!important}.connect-panel{margin-bottom:30px!important}.footer-actions{flex-direction:column!important;gap:20px!important;align-items:center!important}.modal-backdrop{padding:20px!important}.skill-modal{width:100%!important;max-width:none!important;margin:0!important;max-height:80vh!important}.back-to-top{right:15px!important;bottom:15px!important;width:44px!important;height:44px!important}.scroll-progress{height:3px!important}.particle-container{display:none!important}}@media (max-width: 480px){html{font-size:13px}.hero-avatar-wrap{width:100px!important;height:100px!important}.hero-title{font-size:1.75rem!important}.section{padding:30px 0!important}.skill-grid{grid-template-columns:1fr!important}.qr-container .qr-image{width:120px!important;height:120px!important}.qr-tip{font-size:11px!important}}@media (max-width: 768px) and (orientation: landscape){.hero-section{min-height:auto;padding:40px 0}.hero-avatar-wrap{width:80px!important;height:80px!important}.skill-modal{max-height:70vh!important}}img{max-width:100%;height:auto}@media (hover: none) and (pointer: coarse){.footer-social-btn:hover,.skill-card:hover,.wechat-icon:hover,.footer-feishu-btn:hover{transform:none!important}button,a{min-height:44px;min-width:44px}}@media (max-width: 768px){.hero-content{padding:0 15px!important;text-align:center}.hero-bio{font-size:.95rem!important;line-height:1.6!important;max-width:100%!important}.hero-metrics{flex-direction:column!important;gap:15px!important;align-items:center}.metric-item{text-align:center}.metric-value{font-size:1.5rem!important}.metric-label{font-size:.85rem!important}.pill-nav{gap:8px!important;flex-wrap:wrap!important;justify-content:center!important}.pill-nav-item{padding:8px 16px!important;font-size:.85rem!important}}@media (max-width: 768px){.footer-wechat-popover,.footer-feishu-popover{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;bottom:auto!important}.footer-wechat-popover .qr-arrow,.footer-feishu-popover .qr-arrow{display:none!important}}.about-layout-redesigned{padding:100px 0}.about-top-section{margin-bottom:80px}.highlight-quote{font-size:2.5rem;font-weight:300;line-height:1.4;color:#1a1a2e;text-align:left;margin:0;letter-spacing:-.02em;position:relative}.about-middle-section{margin-bottom:80px}.text-immersion-flow{max-width:700px;margin:0 auto}.immersion-paragraph{font-size:1.25rem;line-height:1.9;color:#4a4a5a;margin:0 0 36px;text-align:justify;letter-spacing:.01em}.immersion-paragraph:last-child{margin-bottom:0}.about-bottom-section{margin-top:40px}.section-divider-line{width:60px;height:1px;background:linear-gradient(90deg,#2b7fd8,#8b5cf6,#f59e0b);margin:0 auto 50px;opacity:.6}.life-intro{width:fit-content;margin:0 0 20px;margin-left:calc((100% - 700px)/2);font-size:1.25rem;line-height:1.9;color:#4a4a5a;text-align:left;letter-spacing:.01em;word-wrap:break-word;overflow-wrap:break-word}.life-intro:last-child{margin-bottom:40px}.photo-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;max-width:1000px;margin:0 auto}.photo-placeholder{aspect-ratio:1;background:linear-gradient(135deg,#f5f7fa,#e4e8ed);border-radius:12px;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.photo-placeholder:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.photo-placeholder:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='1.5'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5' fill='%23cbd5e1'/%3E%3Cpath d='M21 15l-5-5L5 21'/%3E%3C/svg%3E") no-repeat center;opacity:.6}@media (max-width: 768px){.about-layout-redesigned{padding:60px 0}.life-intro{max-width:100%;white-space:normal;font-size:1.1rem;text-align:left;margin-left:0!important;padding:0 20px;box-sizing:border-box;width:100%}.highlight-quote{font-size:1.8rem}.about-top-section{margin-bottom:50px}.immersion-paragraph{font-size:1.1rem;margin-bottom:28px;text-align:left}.about-middle-section{margin-bottom:50px}.life-intro{font-size:1rem;margin-bottom:30px;margin-left:0!important;padding:0 15px;box-sizing:border-box;width:100%}.photo-wall{grid-template-columns:repeat(3,1fr);gap:10px}.photo-placeholder{border-radius:8px}}@media (max-width: 480px){.highlight-quote{font-size:1.5rem}.photo-wall{grid-template-columns:repeat(2,1fr)}}.book-link{color:#2b7fd8;text-decoration:none;font-weight:500;transition:color .3s ease,text-shadow .3s ease}.book-link:hover{color:#1a5fb4;text-shadow:0 0 8px rgba(43,127,216,.3)}.cat-photo-trigger-wrapper{display:inline!important;position:static!important;overflow:visible!important}.cat-photo-trigger-wrapper{display:inline;overflow:visible!important;position:relative!important}.cat-photo-trigger{position:relative!important;display:inline!important;color:#2b7fd8!important;font-weight:500!important;cursor:pointer!important;transition:color .3s ease,text-shadow .3s ease!important;overflow:visible!important;z-index:9999!important}.cat-photo-trigger:hover{color:#1a5fb4!important;text-shadow:0 0 8px rgba(43,127,216,.3)!important}.cat-photo-slide{position:absolute!important;top:50%!important;left:100%!important;margin-left:10px!important;transform:translateY(-50%) translate(-20px) scale(.3)!important;width:200px!important;height:200px!important;opacity:0!important;visibility:hidden!important;transition:all .5s cubic-bezier(.34,1.56,.64,1)!important;pointer-events:none!important;z-index:99999!important;overflow:hidden!important;background:#fff!important;border-radius:50%!important;box-shadow:0 10px 30px #ff8c0033!important}.cat-photo-trigger:hover .cat-photo-slide{opacity:1!important;visibility:visible!important;transform:translateY(-50%) translate(0) scale(1)!important}.cat-photo-img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:50%!important;transform:scale(1.12)!important;mix-blend-mode:screen!important;filter:brightness(1.15) contrast(1.1)!important}.cat-hover-trigger{position:relative;display:inline;color:#2b7fd8;font-weight:500;cursor:pointer;transition:color .3s ease,text-shadow .3s ease}.cat-hover-trigger:hover{color:#1a5fb4;text-shadow:0 0 8px rgba(43,127,216,.3)}.cat-popup-container{position:absolute;top:50%;left:100%;margin-left:5px;transform:translateY(-50%) translate(-15px) scale(.6);width:180px;height:180px;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1);pointer-events:none;z-index:99999}.cat-hover-trigger:hover .cat-popup-container{opacity:1;visibility:visible;transform:translateY(-50%) translate(0) scale(1)}.cat-popup-img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 8px 20px rgba(255,140,0,.3))}.skill-modal{width:95%;min-height:650px;max-height:90vh;padding:48px;position:relative;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--modal-bg);border:1px solid var(--modal-border);box-shadow:var(--shadow-modal);border-radius:24px}.skill-modal-title{font-size:2rem;font-weight:700;color:var(--card-title-color);margin-bottom:8px;color:var(--ink)}.skill-modal-subtitle{color:var(--ink-light);margin-bottom:40px}.lamp-container{position:fixed;top:0;right:50px;z-index:9999;cursor:pointer;transform-origin:top center}.lamp-wire{width:2px;height:60px;margin:0 auto;background:#b298dc}.lamp-base-top{width:6px;height:6px;margin:0 auto -1px;background:#b298dc;border-radius:50%}.lamp-base-1{width:20px;height:5px;margin:0 auto;background:#b298dc;border-radius:3px 3px 0 0}.lamp-base-2{width:28px;height:7px;margin:0 auto;background:#b298dc;border-radius:4px 4px 0 0}.lamp-shade{width:75px;height:40px;margin:0 auto;background:#b298dc;border-radius:37.5px 37.5px 0 0;position:relative}.lamp-shade:before{content:"";position:absolute;top:5px;left:50%;transform:translate(-50%);width:25px;height:2px;background:#ffffff59;border-radius:1px}.lamp-shade-bottom{width:90px;height:6px;background:#b298dc;border-radius:3px;position:relative;left:50%;transform:translate(-50%);margin-top:-.5px}.lamp-bulb{width:40px;height:20px;margin:0 auto;border-radius:0 0 20px 20px;transition:all .4s ease;position:relative}.lamp-on .lamp-bulb{background:#fff9c4;box-shadow:0 0 15px #ffeb3b99,0 0 30px #ffc1074d}.lamp-off .lamp-bulb{background:#fff9c4;box-shadow:none}@media (max-width: 768px){.lamp-container{right:20px}.lamp-wire{width:1.5px;height:48px}.lamp-base-top{width:5px;height:5px}.lamp-base-1{width:16px;height:4px}.lamp-base-2{width:22px;height:5.5px}.lamp-shade{width:60px;height:32px;border-radius:30px 30px 0 0}.lamp-shade:before{width:20px;height:1.5px;top:4px}.lamp-shade-bottom{width:72px;height:5px}.lamp-bulb{width:32px;height:16px;border-radius:0 0 16px 16px}.lamp-on .lamp-bulb{box-shadow:0 0 12px #ffeb3b99,0 0 24px #ffc1074d}}.pill-nav-container{position:absolute;top:1em;left:50%;transform:translate(-50%);z-index:99}@media (max-width: 768px){.pill-nav-container{width:100%;left:0;transform:none}}.pill-nav{--nav-h: 42px;--pill-pad-x: 18px;--pill-gap: 3px;width:max-content;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0 auto}@media (max-width: 768px){.pill-nav{width:100%;justify-content:space-between;padding:0 1rem;background:transparent}}.pill-nav-items{position:relative;display:flex;align-items:center;height:var(--nav-h);background:#fff9;border-radius:9999px;border:1px solid rgba(43,127,216,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pill-list{list-style:none;display:flex;align-items:stretch;gap:var(--pill-gap);margin:0;padding:3px;height:100%}.pill-list>li{display:flex;height:100%}.pill{display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0 14px;background:transparent;color:var(--ink-light, #4a4a5a);text-decoration:none;border-radius:9999px;box-sizing:border-box;font-weight:500;font-size:14px;line-height:0;white-space:nowrap;cursor:pointer;position:relative;overflow:hidden;transition:color .3s ease}.pill .hover-circle{position:absolute;left:50%;bottom:0;border-radius:50%;background:var(--blue, #2b7fd8);z-index:1;display:block;pointer-events:none;will-change:transform;box-shadow:0 0 20px #2b7fd84d}.pill:hover{color:transparent}.pill .label-stack{position:relative;display:inline-block;line-height:1;z-index:2}.pill .pill-label{position:relative;z-index:2;display:inline-block;line-height:1;will-change:transform}.pill .pill-label-hover{position:absolute;left:0;top:0;color:var(--hover-text, #ffffff);font-weight:500;z-index:3;display:inline-block;will-change:transform,opacity}.pill.is-active:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:8px;height:8px;background:var(--blue, #2b7fd8);border-radius:50px;z-index:4}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:block}}.mobile-menu-button{width:var(--nav-h);height:var(--nav-h);border-radius:50%;background:#2b7fd81a;border:1px solid rgba(43,127,216,.15);display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:0;position:relative}@media (max-width: 768px){.mobile-menu-button{display:flex}}.hamburger-line{width:16px;height:2px;background:var(--ink-light, #4a4a5a);border-radius:1px;transition:all .01s ease;transform-origin:center}.mobile-menu-popover{position:absolute;top:3em;left:1rem;right:1rem;background:#fefcf6f2;border-radius:27px;box-shadow:0 8px 32px #00000014;z-index:998;opacity:0;transform-origin:top center;visibility:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-menu-list{list-style:none;margin:0;padding:3px;display:flex;flex-direction:column;gap:3px}.mobile-menu-popover .mobile-menu-link{display:block;padding:12px 16px;color:var(--ink-light, #4a4a5a);background-color:transparent;text-decoration:none;font-size:16px;font-weight:500;border-radius:50px;transition:all .2s ease}.mobile-menu-popover .mobile-menu-link:hover{cursor:pointer;background-color:#2b7fd814;color:#2b7fd8}