.site-header{z-index:300;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:14px;left:16px;right:16px}.header-left,.header-right{pointer-events:auto;align-items:center;display:flex}.header-left{justify-content:flex-start}.header-right{justify-content:flex-end}.header-back-link{height:38px;color:var(--text);border:1.4px solid var(--border);-webkit-backdrop-filter:blur(18px);box-shadow:0 10px 24px var(--shadow), inset 0 1px 2px #ffffff80, inset 0 -2px 8px #00000014;white-space:nowrap;background:#ffffff5c;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:.9rem;font-weight:800;text-decoration:none;transition:all .28s;display:inline-flex}.header-back-link:hover{background:var(--primary-soft);border-color:var(--border-strong);box-shadow:0 0 20px var(--glow), 0 14px 30px var(--shadow);transform:translateY(-1px)}.theme-toggle{border:1.4px solid var(--border);cursor:pointer;background:var(--track-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:76px;height:38px;box-shadow:0 10px 24px var(--shadow), inset 0 1px 2px #ffffff80, inset 0 -2px 8px #00000014;border-radius:999px;padding:4px;transition:all .28s;position:relative;overflow:hidden}.theme-toggle:hover{border-color:var(--border-strong);box-shadow:0 0 20px var(--glow), 0 14px 30px var(--shadow);transform:translateY(-1px)scale(1.04)}.toggle-glow{border-radius:inherit;background:radial-gradient(circle at 18px,#ffe2658c,#0000 20px),radial-gradient(circle at 56px,#54c6ff2e,#0000 22px);position:absolute;inset:4px}body.dark .toggle-glow{background:radial-gradient(circle at 20px,#00d5ff24,#0000 20px),radial-gradient(circle at 56px,#8870ff94,#0000 22px)}.toggle-dot{z-index:2;background:var(--toggle-surface);border:1px solid var(--border);width:30px;height:30px;color:var(--text);box-shadow:0 6px 14px var(--shadow), inset 0 1px 2px #ffffff8c, inset 0 -2px 5px #0000001a;border-radius:50%;justify-content:center;align-items:center;font-size:17px;transition:transform .42s cubic-bezier(.34,1.25,.5,1);display:flex;position:relative}body.dark .toggle-dot{border-color:var(--border-strong);box-shadow:0 0 14px var(--glow-strong), 0 6px 14px var(--shadow);transform:translate(38px)}body.dark .header-back-link{text-shadow:0 0 8px #00d5ff47;background:#050c1a75}.mode-hint{z-index:120;border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:fit-content;color:var(--text);letter-spacing:1.2px;opacity:.72;pointer-events:none;box-shadow:0 10px 28px var(--shadow);background:#ffffff5c;border-radius:999px;padding:9px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;font-weight:700;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}body.dark .mode-hint{opacity:.82;text-shadow:0 0 8px #00d5ff73;background:#050c1a75}@media (width<=768px){.site-header{top:12px;left:12px;right:12px}.header-back-link{height:34px;padding:0 12px;font-size:.78rem}.theme-toggle{width:66px;height:34px;padding:3px}.toggle-dot{width:28px;height:28px;font-size:15px}body.dark .toggle-dot{transform:translate(32px)}.mode-hint{padding:8px 18px;font-size:.72rem;bottom:24px}}@media (width<=420px){.header-back-link{padding:0 10px;font-size:.72rem}.theme-toggle{width:60px}body.dark .toggle-dot{transform:translate(26px)}}.home-page{width:100%;min-height:100vh;position:relative;overflow:hidden}.home-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.home-bg:before,.home-bg:after{content:"";opacity:.5;background-image:radial-gradient(circle,#ffffff8c 0 1px,#0000 1.6px),radial-gradient(circle,#5aaaff57 0 1px,#0000 1.8px);background-size:92px 92px,148px 148px;animation:26s linear infinite starDrift;position:absolute;inset:-20%}.home-bg:after{opacity:.35;animation-duration:44s;animation-direction:reverse}body.dark .home-bg:before,body.dark .home-bg:after{opacity:.82}.home-light{filter:blur(48px);opacity:.44;mix-blend-mode:screen;border-radius:50%;width:48vw;min-width:380px;height:48vw;min-height:380px;animation:12s ease-in-out infinite alternate lightMove;position:absolute}.light-1{background:#52a0ff57;top:14%;left:-12%}.light-2{background:#9374ff57;animation-delay:-4s;top:6%;right:-16%}.light-3{background:#00e2be2e;animation-delay:-7s;bottom:-24%;left:38%}@keyframes starDrift{0%{transform:translate(0,0)}to{transform:translate(-120px,120px)}}@keyframes lightMove{0%{transform:translate(0,0)scale(1)}to{transform:translate(38px,-32px)scale(1.12)}}.home-intro{z-index:35;border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);width:min(430px,100vw - 36px);box-shadow:0 24px 70px var(--shadow), inset 0 1px 0 #ffffff6b;background:radial-gradient(circle at 0 0,#ffffff6b,#0000 38%),#ffffff52;border-radius:34px;padding:30px;position:fixed;top:50%;left:clamp(18px,5vw,76px);overflow:hidden;transform:translateY(-50%)}.home-intro:before{content:"";background:var(--primary-soft);opacity:.9;pointer-events:none;border-radius:50%;width:220px;height:220px;position:absolute;top:-100px;right:-95px}.home-intro:after{content:"";pointer-events:none;background:#00d5ff29;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-54px;left:-54px}.intro-kicker{z-index:2;width:fit-content;color:var(--primary);background:var(--primary-soft);border:1px solid var(--border);letter-spacing:.4px;border-radius:999px;padding:8px 14px;font-size:.84rem;font-weight:900;position:relative}.home-intro h1{z-index:2;letter-spacing:-2px;color:var(--text);margin:18px 0 14px;font-size:clamp(2.35rem,4vw,4.4rem);line-height:.98;position:relative}.home-intro h1 span{letter-spacing:0;color:var(--primary);margin-top:10px;font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.25;display:block}.intro-desc{z-index:2;opacity:.82;max-width:380px;line-height:1.75;position:relative}.home-stats{z-index:2;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;display:grid;position:relative}.home-stats div{border:1px solid var(--border);background:#ffffff4d;border-radius:22px;flex-direction:column;justify-content:center;min-height:74px;padding:14px 12px;display:flex;box-shadow:inset 0 1px #ffffff59}.home-stats strong{color:var(--text);font-size:1rem}.home-stats span{opacity:.7;margin-top:4px;font-size:.78rem;font-weight:700}.home-tip{z-index:2;border:1px solid var(--border);background:#ffffff47;border-radius:22px;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;display:flex;position:relative}.home-tip span{background:var(--primary-soft);border-radius:14px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.home-tip p{opacity:.78;margin:0;font-size:.9rem;font-weight:700;line-height:1.5}body.dark .home-intro{background:radial-gradient(circle at 0 0,#8264ff29,#0000 38%),#050c1a6b}body.dark .intro-ghost,body.dark .home-stats div,body.dark .home-tip{background:#ffffff0f}.image-container{z-index:50;isolation:isolate;justify-content:center;align-items:center;display:inline-flex;position:fixed;top:50%;left:66.666%;transform:translate(-50%,-50%)}.center-image{object-fit:contain;cursor:pointer;z-index:10;width:auto;max-width:88vw;height:65vh;filter:drop-shadow(0 18px 30px #00000029) drop-shadow(0 0 18px var(--glow));transition:all .35s;animation:4s ease-in-out infinite floatImage;position:relative}.center-image:hover{filter:drop-shadow(0 20px 34px #0000002e) drop-shadow(0 0 28px var(--glow-strong));transform:scale(1.025)}body.dark .center-image{filter:drop-shadow(0 22px 35px #00000040)drop-shadow(0 0 24px #00d5ff70)}@keyframes floatImage{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.magic-ring{z-index:2;pointer-events:none;opacity:0;border-radius:50%;transition:all .45s;position:absolute;transform:scale(.68)}.ring-1{width:82%;height:82%;box-shadow:0 0 26px var(--glow), inset 0 0 24px #ffffff1f;border:1px solid #57a6ff4d}.ring-2{border:1px dashed #68d5ff57;width:105%;height:105%}.ring-3{border:1px solid #8e7aff38;width:125%;height:125%}.image-container.show-planets .magic-ring{opacity:1;transform:scale(1)}.image-container.show-planets .ring-1{animation:9s linear infinite ringSpin}.image-container.show-planets .ring-2{animation:14s linear infinite ringSpinReverse}.image-container.show-planets .ring-3{animation:3.6s ease-in-out infinite ringPulse}@keyframes ringSpin{to{transform:scale(1)rotate(360deg)}}@keyframes ringSpinReverse{to{transform:scale(1)rotate(-360deg)}}@keyframes ringPulse{0%,to{opacity:.4;transform:scale(.96)}50%{opacity:.85;transform:scale(1.04)}}.orbit-menu{z-index:18;pointer-events:none;position:absolute;inset:0}.planet{border:1.5px solid var(--border);background:var(--planet-bg);width:58px;height:58px;color:var(--text);cursor:pointer;white-space:nowrap;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 0 16px var(--glow), 0 14px 30px var(--shadow), inset 0 0 12px #ffffff2e;border-radius:999px;align-items:center;gap:10px;padding:6px;transition:width .36s cubic-bezier(.2,.95,.3,1.2),opacity .26s,border-color .3s,box-shadow .3s;display:flex;position:absolute;overflow:hidden}.planet:before{content:"";border-radius:inherit;opacity:0;z-index:-1;background:radial-gradient(circle,#78d2ff52,#78d2ff1f 42%,#0000 72%);position:absolute;inset:4px;transform:scale(.82)}.planet:hover:before{opacity:1;animation:1.4s ease-in-out infinite planetPulse}@keyframes planetPulse{0%,to{opacity:.45;transform:scale(.86)}50%{opacity:.9;transform:scale(1.08)}}.planet-icon{border:1px solid var(--border-strong);background:radial-gradient(circle at 32% 25%, #fffc, transparent 34%), radial-gradient(circle at 60% 72%, #4da4ff3d, transparent 52%), var(--planet-bg);width:44px;min-width:44px;height:44px;box-shadow:0 0 14px var(--glow), inset 0 0 10px #ffffff2e;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-size:21px;transition:all .28s;display:flex}.planet-text{opacity:0;text-align:center;letter-spacing:.2px;pointer-events:none;flex:1;justify-content:center;align-items:center;max-width:0;font-size:14px;font-weight:800;transition:opacity .25s,max-width .32s,transform .32s;display:flex;overflow:hidden;transform:scale(.8)}.planet-left{transform-origin:100%;flex-direction:row-reverse;justify-content:flex-start;right:calc(100% - 24px)}.planet-right{transform-origin:0;flex-direction:row;justify-content:flex-start;left:calc(100% - 24px)}.planet:hover{border-color:var(--border-strong);width:166px;box-shadow:0 0 28px var(--glow-strong), 0 18px 38px var(--shadow), inset 0 0 16px #fff3}.planet:hover .planet-icon{transform:scale(1.06)}.planet:hover .planet-text{opacity:1;max-width:108px;animation:1.25s ease-in-out infinite textBreath;transform:scale(1)}@keyframes textBreath{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.planet.is-active .planet-icon{animation:.45s iconPop}@keyframes iconPop{0%{transform:scale(1)}40%{transform:scale(1.2)}to{transform:scale(1)}}.planet-1{top:7%}.planet-2{top:9%}.planet-3{top:43%;right:calc(100% - 6px)}.planet-4{top:47%;left:calc(100% - 6px)}.planet-5{bottom:10%;right:calc(100% - 54px)}.planet-6{bottom:8%;left:calc(100% - 58px)}.image-container.show-planets .planet{opacity:1;pointer-events:auto}.image-container.show-planets .planet-1{animation:2.6s ease-in-out infinite bob1}.image-container.show-planets .planet-2{animation:2.9s ease-in-out infinite bob2}.image-container.show-planets .planet-3{animation:2.7s ease-in-out infinite bob3}.image-container.show-planets .planet-4{animation:3s ease-in-out infinite bob4}.image-container.show-planets .planet-5{animation:2.8s ease-in-out infinite bob5}.image-container.show-planets .planet-6{animation:3.1s ease-in-out infinite bob6}.image-container.show-planets .planet:hover{animation-play-state:paused}@keyframes bob1{0%,to{transform:translate(-28px,-24px)scale(1)}50%{transform:translate(-34px,-36px)scale(1.045)}}@keyframes bob2{0%,to{transform:translate(28px,-22px)scale(1)}50%{transform:translate(34px,-34px)scale(1.045)}}@keyframes bob3{0%,to{transform:translate(-42px)scale(1)}50%{transform:translate(-54px,-8px)scale(1.045)}}@keyframes bob4{0%,to{transform:translate(42px)scale(1)}50%{transform:translate(54px,-8px)scale(1.045)}}@keyframes bob5{0%,to{transform:translate(-20px,34px)scale(1)}50%{transform:translate(-30px,45px)scale(1.045)}}@keyframes bob6{0%,to{transform:translate(24px,34px)scale(1)}50%{transform:translate(34px,45px)scale(1.045)}}.glow-particles{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.glow-particles span{width:var(--size);height:var(--size);left:var(--left);opacity:0;animation:floatParticle var(--duration) linear infinite;animation-delay:var(--delay);background:#55a0ff99;border-radius:50%;position:absolute;top:105%;box-shadow:0 0 12px #55a0ff8c}body.dark .glow-particles span{background:#52e0ffbd;box-shadow:0 0 10px #00dcffc2,0 0 22px #786eff4d}@keyframes floatParticle{0%{opacity:0;transform:translate(0,0)scale(.6)}12%{opacity:.72}82%{opacity:.52}to{transform:translate3d(var(--move), -125vh, 0) scale(1.2);opacity:0}}@media (width<=992px){.home-intro{text-align:center;width:min(620px,100vw - 32px);padding:22px;top:84px;left:50%;transform:translate(-50%)}.intro-kicker,.intro-desc{margin:0 auto}.intro-actions{justify-content:center}.home-tip{text-align:left;justify-content:center}.image-container{top:62%;left:50%}.center-image{max-width:82vw;height:48vh}}@media (width<=768px){.home-page{min-height:100dvh;overflow:hidden}.home-intro{border-radius:26px;width:calc(100vw - 24px);padding:16px;top:64px}.home-intro h1{letter-spacing:-.8px;margin:12px 0 8px;font-size:1.75rem}.home-intro h1 span{margin-top:6px;font-size:.95rem}.intro-desc{font-size:.86rem;line-height:1.55}.intro-actions{gap:8px;margin-top:14px}.intro-btn{height:38px;padding:0 14px;font-size:.82rem}.home-stats,.home-tip{display:none}.image-container{width:min(84vw,360px);height:min(84vw,360px);top:64%;left:50%;transform:translate(-50%,-50%)}.center-image{max-width:66vw;height:min(36vh,300px)}.ring-1{width:72%;height:72%}.ring-2{width:92%;height:92%}.ring-3{width:108%;height:108%}.planet{width:50px;height:50px;padding:5px}.planet-icon{width:38px;min-width:38px;height:38px;font-size:17px}.planet:hover{width:50px}.planet:hover .planet-text{opacity:0;max-width:0;animation:none;transform:scale(.8)}.planet-1{top:5%;left:5%;right:auto}.planet-2{top:5%;left:auto;right:5%}.planet-3{top:47%;left:-2%;right:auto}.planet-4{top:47%;left:auto;right:-2%}.planet-5{bottom:6%;left:13%;right:auto}.planet-6{bottom:6%;left:auto;right:13%}.image-container.show-planets .planet-1,.image-container.show-planets .planet-2,.image-container.show-planets .planet-3,.image-container.show-planets .planet-4,.image-container.show-planets .planet-5,.image-container.show-planets .planet-6{animation:2.8s ease-in-out infinite mobileBob}}@media (width<=390px){.home-intro{padding:14px;top:58px}.intro-desc{display:none}.image-container{width:88vw;height:88vw;top:61%}.center-image{max-width:62vw;height:min(33vh,260px)}.planet{width:44px;height:44px}.planet-icon{width:34px;min-width:34px;height:34px;font-size:15px}.planet:hover{width:44px}}@keyframes mobileBob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-7px)scale(1.04)}}@media (width<=768px){.planet.is-active{border-color:var(--border-strong);width:min(148px,46vw);box-shadow:0 0 28px var(--glow-strong), 0 18px 38px var(--shadow), inset 0 0 16px #fff3}.planet.is-active .planet-text{opacity:1;max-width:92px;animation:none;transform:scale(1)}.planet-left.is-active{flex-direction:row;justify-content:flex-start}.planet-right.is-active{flex-direction:row-reverse;justify-content:flex-start}.planet.is-active .planet-icon{transform:scale(1.06)}}@media (width<=390px){.planet.is-active{width:min(136px,48vw)}.planet.is-active .planet-text{max-width:82px;font-size:12px}}.info-page{background:radial-gradient(circle at 10% 10%,#7c5cff29,#0000 32%),radial-gradient(circle at 90% 20%,#00d9ff24,#0000 28%),radial-gradient(circle at 50% 100%,#ffc4571f,#0000 30%);justify-content:center;min-height:100vh;padding:96px 18px 36px;display:flex}.info-wrapper{width:100%;max-width:1120px}.info-layout{grid-template-columns:340px 1fr;align-items:stretch;gap:22px;display:grid}.profile-panel,.about-panel{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);box-shadow:0 24px 70px var(--shadow);background:#ffffff61;position:relative;overflow:hidden}.profile-panel{text-align:center;border-radius:34px;flex-direction:column;align-items:center;padding:30px;display:flex}.profile-panel:before{content:"";background:var(--primary-soft);opacity:.8;border-radius:999px;width:240px;height:240px;position:absolute;top:-100px;right:-90px}.avatar-box{place-items:center;width:150px;height:150px;margin:10px 0 22px;display:grid;position:relative}.avatar-glow{filter:blur(2px);background:linear-gradient(135deg,#7c5cffa6,#00d9ff6b);border-radius:42px;animation:4s ease-in-out infinite floatAvatar;position:absolute;inset:0}.avatar-text{width:126px;height:126px;color:var(--primary);background:#ffffffb8;border:1px solid #ffffffbf;border-radius:36px;place-items:center;font-size:2.7rem;font-weight:950;display:grid;position:relative;box-shadow:inset 0 1px #fffc}.profile-panel h1{z-index:2;letter-spacing:-.8px;margin:0;font-size:2rem;line-height:1.15;position:relative}.job-title{z-index:2;color:var(--primary);margin-top:8px;font-weight:800;position:relative}.status-badge{z-index:2;border:1px solid var(--border);background:#ffffff73;border-radius:999px;align-items:center;gap:8px;margin-top:18px;padding:10px 14px;font-size:.88rem;font-weight:800;display:inline-flex;position:relative}.status-badge span{background:#22c55e;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 6px #22c55e29}.profile-line{z-index:2;background:linear-gradient(90deg, transparent, var(--border), transparent);width:100%;height:1px;margin:28px 0;position:relative}.quick-info{z-index:2;gap:12px;width:100%;display:grid;position:relative}.quick-info div{text-align:left;border:1px solid var(--border);background:#ffffff5c;border-radius:20px;padding:15px}.quick-info small{opacity:.65;margin-bottom:5px;font-weight:700;display:block}.quick-info strong{font-size:.98rem}.about-panel{border-radius:34px;padding:34px}.about-panel:after{content:"";pointer-events:none;background:#00d9ff24;border-radius:999px;width:260px;height:260px;position:absolute;bottom:-120px;right:-110px}.section-label{color:var(--primary);background:var(--primary-soft);border:1px solid var(--border);border-radius:999px;padding:8px 13px;font-size:.84rem;font-weight:900;display:inline-flex}.about-panel h2{z-index:2;letter-spacing:-1.1px;max-width:780px;margin:18px 0 14px;font-size:clamp(1.7rem,3vw,3rem);line-height:1.15;position:relative}.about-text{z-index:2;opacity:.82;max-width:780px;line-height:1.8;position:relative}.about-cards{z-index:2;gap:14px;margin-top:28px;display:grid;position:relative}.about-card{border:1px solid var(--border);background:#ffffff52;border-radius:24px;gap:16px;padding:18px;transition:all .25s;display:flex;box-shadow:0 12px 28px #0000000d}.about-card:hover{background:#ffffff7a;transform:translate(6px)}.about-card span{background:var(--primary-soft);border-radius:17px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.about-card h3{margin:0 0 6px;font-size:1rem}.about-card p{opacity:.8;margin:0;line-height:1.65}.interest-box{z-index:2;border:1px solid var(--border);background:linear-gradient(135deg,#ffffff6b,#ffffff2e);border-radius:26px;margin-top:24px;padding:22px;position:relative}.interest-box h3{margin:0 0 14px;font-size:1.1rem}.interest-list{flex-wrap:wrap;gap:10px;display:flex}.interest-list span{border:1px solid var(--border);background:#ffffff6b;border-radius:999px;padding:9px 13px;font-size:.9rem;font-weight:800}@keyframes floatAvatar{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(2deg)}}body[data-theme=dark] .back-link,body[data-theme=dark] .profile-panel,body[data-theme=dark] .about-panel,body[data-theme=dark] .quick-info div,body[data-theme=dark] .about-card,body[data-theme=dark] .interest-box,body[data-theme=dark] .interest-list span,body[data-theme=dark] .status-badge,body.dark .back-link,body.dark .profile-panel,body.dark .about-panel,body.dark .quick-info div,body.dark .about-card,body.dark .interest-box,body.dark .interest-list span,body.dark .status-badge{background:#ffffff0f}body[data-theme=dark] .avatar-text,body.dark .avatar-text{background:#ffffff17}body[data-theme=dark] .about-card:hover,body.dark .about-card:hover{background:#ffffff1a}@media (width<=920px){.info-layout{grid-template-columns:1fr}.profile-panel{text-align:left;align-items:flex-start}.avatar-box{margin-left:0}.quick-info{grid-template-columns:repeat(3,1fr)}}@media (width<=620px){.info-page{padding:82px 14px 28px}.profile-panel,.about-panel{border-radius:28px;padding:22px}.profile-panel{text-align:center;align-items:center}.avatar-box{width:130px;height:130px;margin-bottom:18px}.avatar-text{border-radius:30px;width:106px;height:106px;font-size:2.2rem}.profile-panel h1{font-size:1.7rem}.quick-info{grid-template-columns:1fr}.about-panel h2{font-size:1.65rem}.about-card{border-radius:22px;padding:16px}.about-card:hover{transform:translateY(-3px)}.interest-list span{font-size:.84rem}}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px;display:grid}.skill-card{border:1px solid var(--border);box-shadow:0 14px 30px var(--shadow);background:#ffffff52;border-radius:24px;padding:20px}.skill-top{align-items:center;gap:14px;display:flex}.skill-top span{background:var(--primary-soft);border-radius:16px;place-items:center;width:46px;height:46px;font-size:23px;display:grid}.skill-top h3{margin-bottom:4px}.skill-top p{opacity:.7}.skill-bar{background:#7896be38;border-radius:999px;height:9px;margin-top:16px;overflow:hidden}.skill-bar div{border-radius:inherit;background:linear-gradient(90deg, var(--primary), #7e74ffcc);height:100%}@media (width<=680px){.skills-grid{grid-template-columns:1fr}}.projects-list{gap:18px;margin-top:30px;display:grid}.project-card{border:1px solid var(--border);box-shadow:0 14px 30px var(--shadow);background:#ffffff52;border-radius:26px;gap:16px;padding:22px;transition:all .3s;display:flex}.project-card:hover{border-color:var(--border-strong);box-shadow:0 20px 42px var(--shadow);transform:translateY(-4px)}.project-card span{background:var(--primary-soft);border-radius:18px;place-items:center;width:52px;height:52px;font-size:25px;display:grid}.project-card h3{margin-bottom:8px}.project-card p{opacity:.8;line-height:1.7}.contact-page{background:radial-gradient(circle at 12% 12%,#7c5cff29,#0000 32%),radial-gradient(circle at 88% 18%,#00d9ff24,#0000 28%),radial-gradient(circle at 50% 100%,#ffc4571a,#0000 30%);justify-content:center;min-height:100vh;padding:96px 18px 36px;display:flex}.contact-wrapper{width:100%;max-width:1120px}.contact-layout{grid-template-columns:380px 1fr;align-items:stretch;gap:22px;display:grid}.contact-intro,.contact-panel{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);box-shadow:0 24px 70px var(--shadow);background:#ffffff61;border-radius:34px;position:relative;overflow:hidden}.contact-intro{padding:34px}.contact-intro:before{content:"";background:var(--primary-soft);opacity:.9;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-120px}.contact-badge{z-index:2;color:var(--primary);background:var(--primary-soft);border:1px solid var(--border);border-radius:999px;padding:9px 14px;font-size:.85rem;font-weight:900;display:inline-flex;position:relative}.contact-intro h1{z-index:2;letter-spacing:-1.4px;margin:22px 0 16px;font-size:clamp(2.1rem,4vw,3.8rem);line-height:1.05;position:relative}.contact-intro>p{z-index:2;opacity:.82;line-height:1.75;position:relative}.contact-highlight{z-index:2;border:1px solid var(--border);background:#ffffff57;border-radius:26px;gap:15px;margin-top:30px;padding:20px;display:flex;position:relative}.contact-highlight span{background:var(--primary-soft);border-radius:18px;flex:0 0 50px;place-items:center;width:50px;height:50px;font-size:25px;display:grid}.contact-highlight h3{margin:0 0 8px;font-size:1rem}.contact-highlight p{opacity:.8;margin:0;line-height:1.65}.contact-panel{padding:32px}.contact-panel:after{content:"";pointer-events:none;background:#00d9ff24;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-130px;right:-130px}.contact-panel-head{z-index:2;margin-bottom:24px;position:relative}.contact-panel-head span{color:var(--primary);background:var(--primary-soft);border:1px solid var(--border);border-radius:999px;margin-bottom:10px;padding:8px 13px;font-size:.82rem;font-weight:900;display:inline-flex}.contact-panel-head h2{letter-spacing:-.9px;margin:0;font-size:clamp(1.7rem,3vw,2.6rem)}.contact-list{z-index:2;gap:15px;display:grid;position:relative}.contact-card{border:1px solid var(--border);background:#ffffff52;border-radius:26px;grid-template-columns:62px 1fr;align-items:center;gap:16px;padding:20px;transition:all .25s;display:grid;box-shadow:0 12px 30px #0000000d}.contact-card:hover{border-color:var(--border-strong);box-shadow:0 18px 40px var(--shadow);background:#ffffff80;transform:translate(6px)}.contact-icon{background:var(--primary-soft);border-radius:22px;place-items:center;width:62px;height:62px;font-size:28px;display:grid}.contact-content small{color:var(--primary);margin-bottom:5px;font-weight:800;display:block}.contact-content h3{word-break:break-word;margin:0 0 6px;font-size:1.1rem}.contact-content p{opacity:.75;margin:0;line-height:1.55}.contact-message-box{z-index:2;border:1px solid var(--border);background:linear-gradient(135deg,#ffffff6b,#ffffff2e);border-radius:26px;margin-top:22px;padding:22px;position:relative}.contact-message-box h3{margin:0 0 8px;font-size:1.1rem}.contact-message-box p{opacity:.78;margin:0;line-height:1.65}body[data-theme=dark] .back-link,body[data-theme=dark] .contact-intro,body[data-theme=dark] .contact-panel,body[data-theme=dark] .contact-highlight,body[data-theme=dark] .contact-card,body[data-theme=dark] .contact-message-box,body.dark .back-link,body.dark .contact-intro,body.dark .contact-panel,body.dark .contact-highlight,body.dark .contact-card,body.dark .contact-message-box{background:#ffffff0f}body[data-theme=dark] .contact-card:hover,body.dark .contact-card:hover{background:#ffffff1a}@media (width<=920px){.contact-layout{grid-template-columns:1fr}}@media (width<=620px){.contact-page{padding:82px 14px 28px}.back-link{width:100%}.contact-intro,.contact-panel{border-radius:28px;padding:22px}.contact-intro{text-align:center}.contact-highlight{text-align:left}.contact-card{border-radius:22px;grid-template-columns:54px 1fr;gap:14px;padding:16px}.contact-card:hover{transform:translateY(-3px)}.contact-icon{border-radius:18px;width:54px;height:54px;font-size:24px}.contact-content h3{font-size:1rem}}.social-page{background:radial-gradient(circle at 12% 12%,#7c5cff29,#0000 32%),radial-gradient(circle at 88% 18%,#00d9ff24,#0000 28%),radial-gradient(circle at 50% 100%,#ffc4571c,#0000 30%);justify-content:center;min-height:100vh;padding:96px 18px 36px;display:flex}.social-wrapper{width:100%;max-width:1120px}.back-link{color:var(--text);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 30px var(--shadow);background:#ffffff6b;border-radius:999px;justify-content:center;align-items:center;margin-bottom:18px;padding:10px 16px;font-weight:800;text-decoration:none;transition:all .25s;display:inline-flex}.back-link:hover{background:var(--primary-soft);transform:translateY(-2px)}.social-layout{grid-template-columns:360px 1fr;align-items:stretch;gap:22px;display:grid}.social-intro,.social-panel{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);box-shadow:0 24px 70px var(--shadow);background:#ffffff61;border-radius:34px;position:relative;overflow:hidden}.social-intro{padding:32px}.social-intro:before{content:"";background:var(--primary-soft);opacity:.9;border-radius:50%;width:240px;height:240px;position:absolute;top:-110px;right:-100px}.social-avatar{z-index:2;width:118px;height:118px;box-shadow:0 20px 42px var(--shadow);background:linear-gradient(135deg,#7c5cff8c,#00d9ff57);border-radius:32px;place-items:center;margin-bottom:24px;display:grid;position:relative}.social-avatar span{width:92px;height:92px;color:var(--primary);background:#ffffffb8;border:1px solid #ffffffb8;border-radius:26px;place-items:center;font-size:2.1rem;font-weight:950;display:grid}.social-intro h1{z-index:2;letter-spacing:-1.4px;margin:12px 0 14px;font-size:clamp(2rem,4vw,3.7rem);line-height:1.05;position:relative}.social-intro>p{z-index:2;opacity:.82;line-height:1.75;position:relative}.social-note{z-index:2;border:1px solid var(--border);background:#ffffff57;border-radius:24px;gap:14px;margin-top:26px;padding:18px;display:flex;position:relative}.social-note span{background:var(--primary-soft);border-radius:16px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.social-note p{opacity:.82;margin:0;line-height:1.65}.social-panel{padding:30px}.social-panel:after{content:"";pointer-events:none;background:#00d9ff24;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-130px;right:-130px}.social-panel-head{z-index:2;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex;position:relative}.social-panel-head span{color:var(--primary);background:var(--primary-soft);border:1px solid var(--border);border-radius:999px;margin-bottom:8px;padding:8px 13px;font-size:.82rem;font-weight:900;display:inline-flex}.social-panel-head h2{letter-spacing:-.8px;margin:0;font-size:clamp(1.5rem,3vw,2.4rem)}.social-count{width:58px;height:58px;color:var(--primary);background:var(--primary-soft);border:1px solid var(--border);border-radius:20px;place-items:center;font-size:1.4rem;font-weight:950;display:grid}.social-list{z-index:2;gap:14px;display:grid;position:relative}.social-card{color:var(--text);border:1px solid var(--border);background:#ffffff52;border-radius:26px;grid-template-columns:58px 1fr 42px;align-items:center;gap:16px;padding:18px;text-decoration:none;transition:all .25s;display:grid;box-shadow:0 12px 30px #0000000d}.social-card:hover{border-color:var(--border-strong);box-shadow:0 18px 40px var(--shadow);background:#ffffff80;transform:translate(6px)}.social-icon{background:var(--primary-soft);border-radius:20px;place-items:center;width:58px;height:58px;font-size:27px;display:grid}.social-content h3{margin:0 0 5px;font-size:1.08rem}.social-content p{opacity:.72;margin:0 0 6px;line-height:1.5}.social-content strong{color:var(--primary);word-break:break-all;font-size:.9rem;display:block}.social-arrow{border:1px solid var(--border);background:#ffffff61;border-radius:15px;place-items:center;width:42px;height:42px;font-weight:950;transition:all .25s;display:grid}.social-card:hover .social-arrow{background:var(--primary-soft);transform:rotate(8deg)}body[data-theme=dark] .back-link,body[data-theme=dark] .social-intro,body[data-theme=dark] .social-panel,body[data-theme=dark] .social-note,body[data-theme=dark] .social-card,body[data-theme=dark] .social-arrow,body.dark .back-link,body.dark .social-intro,body.dark .social-panel,body.dark .social-note,body.dark .social-card,body.dark .social-arrow{background:#ffffff0f}body[data-theme=dark] .social-avatar span,body.dark .social-avatar span{background:#ffffff17}body[data-theme=dark] .social-card:hover,body.dark .social-card:hover{background:#ffffff1a}@media (width<=920px){.social-layout{grid-template-columns:1fr}.social-intro{grid-template-columns:130px 1fr;align-items:center;gap:22px;display:grid}.social-avatar{margin-bottom:0}.social-note{grid-column:1/-1}}@media (width<=620px){.social-page{padding:82px 14px 28px}.back-link{width:100%}.social-intro,.social-panel{border-radius:28px;padding:22px}.social-intro{text-align:center;display:block}.social-avatar{border-radius:30px;width:106px;height:106px;margin:0 auto 20px}.social-avatar span{border-radius:24px;width:82px;height:82px;font-size:1.8rem}.social-note{text-align:left}.social-panel-head{align-items:flex-start}.social-count{border-radius:17px;width:50px;height:50px;font-size:1.2rem}.social-card{border-radius:22px;grid-template-columns:52px 1fr;gap:14px;padding:16px}.social-icon{border-radius:18px;width:52px;height:52px;font-size:24px}.social-arrow{grid-column:1/-1;width:100%;height:38px}.social-card:hover{transform:translateY(-3px)}}.avatar-img{object-fit:cover;background:#ffffffb8;border:1px solid #ffffffbf;border-radius:36px;width:126px;height:126px;position:relative}.settings-panel{gap:18px;margin-top:30px;display:grid}.settings-panel div{border:1px solid var(--border);box-shadow:0 14px 30px var(--shadow);background:#ffffff52;border-radius:24px;padding:22px}.settings-panel h3{margin-bottom:8px}.settings-panel p{opacity:.78;line-height:1.7}.global-water-ripple{left:var(--x);top:var(--y);z-index:9999;pointer-events:none;background:radial-gradient(circle,#ffffff47 0%,#78d2ff24 38%,#0000 72%);border:2px solid #5fb9ffb3;border-radius:50%;width:18px;height:18px;animation:.9s ease-out forwards globalWaterRipple;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 #5fb9ff3d,inset 0 0 18px #fff3}.global-water-ripple:before,.global-water-ripple:after{content:"";border-radius:inherit;border:1.5px solid #96dcff8c;position:absolute;inset:0}.global-water-ripple:before{animation:.9s ease-out forwards globalWaterRippleInner}.global-water-ripple:after{animation:.9s ease-out forwards globalWaterRippleOuter}body.dark .global-water-ripple{background:radial-gradient(circle,#8778ff38 0%,#00d5ff24 40%,#0000 74%);border-color:#00d5ffc7;box-shadow:0 0 #00d5ff3d,inset 0 0 18px #8c78ff2e}body.dark .global-water-ripple:before,body.dark .global-water-ripple:after{border-color:#8c78ff94}@keyframes globalWaterRipple{0%{opacity:.9;width:18px;height:18px}45%{opacity:.62}to{opacity:0;width:230px;height:230px}}@keyframes globalWaterRippleInner{0%{opacity:.8;transform:scale(.65)}to{opacity:0;transform:scale(1.35)}}@keyframes globalWaterRippleOuter{0%{opacity:.45;transform:scale(.9)}to{opacity:0;transform:scale(1.85)}}@media (width<=520px){@keyframes globalWaterRipple{0%{opacity:.85;width:14px;height:14px}to{opacity:0;width:170px;height:170px}}}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--bg:#f4f7ff;--bg-2:#eaf1ff;--text:#08111f;--card:#ffffffa8;--card-strong:#ffffffdb;--border:#365b9b4d;--border-strong:#1f4996d9;--shadow:#07122829;--glow:#4e96ff57;--glow-strong:#46b2ff94;--track-bg:#ffffffb3;--toggle-surface:#fffffff5;--planet-bg:#ffffffc2;--primary:#2d7dff;--primary-soft:#2d7dff24}body.dark{--bg:#030712;--bg-2:#071225;--text:#f2f7ff;--card:#081224ad;--card-strong:#0c182edb;--border:#78beff5c;--border-strong:#9be0fff2;--shadow:#00dcff2e;--glow:#00d5ff47;--glow-strong:#00d5ffa6;--track-bg:#070f1fbd;--toggle-surface:#0d162af5;--planet-bg:#0a1427d1;--primary:#54d8ff;--primary-soft:#54d8ff24}html,body,#root{width:100%;min-height:100%}body{color:var(--text);background:radial-gradient(circle at 15% 18%, #78d8ff47, transparent 34%), radial-gradient(circle at 78% 30%, #7888ff38, transparent 36%), linear-gradient(135deg, var(--bg), var(--bg-2));font-family:Segoe UI,Poppins,Arial,sans-serif;overflow:hidden auto}body.dark{background:radial-gradient(circle at 18% 20%, #00d5ff24, transparent 36%), radial-gradient(circle at 82% 35%, #906dff2e, transparent 38%), linear-gradient(135deg, var(--bg), var(--bg-2))}button,a{font-family:inherit}a{color:inherit;text-decoration:none}.page-shell{z-index:5;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:92px 18px 36px;display:flex;position:relative}.page-card{border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);width:min(980px,100%);box-shadow:0 24px 60px var(--shadow), inset 0 1px 0 #ffffff47;border-radius:34px;padding:34px}.back-link{border:1px solid var(--border);background:var(--primary-soft);border-radius:999px;width:fit-content;margin-bottom:22px;padding:9px 15px;font-weight:700;display:inline-flex}.page-kicker{color:var(--primary);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;font-weight:800}.page-card h1{margin-bottom:14px;font-size:clamp(2rem,4vw,3.5rem)}.page-desc{opacity:.84;max-width:720px;line-height:1.8}@media (width<=680px){.page-shell{align-items:flex-start;padding-top:86px}.page-card{border-radius:28px;padding:24px}}