:root{--accent:#6366f1;--accent-light:#818cf8;--accent2:#a855f7;--blue:#0a84ff;--green:#34c759;--bg:#f5f5f7;--bg2:#fff;--bg3:#f0f0f5;--label:#1c1c1e;--label2:#3c3c4399;--label3:#3c3c434d;--sep:#3c3c431a;--muted:#86868b;--border:#d2d2d7;--bg-card:#fff;--text-main:#1c1c1e;--sh-s:0 1px 8px #0000000f, 0 4px 16px #0000000f;--sh-m:0 4px 20px #00000017, 0 8px 32px #00000012;--r-xl:22px;--r-l:16px;--r-m:11px;--r-pill:999px;--hero-bg:#09090f}[data-theme=dark]{--bg:#0e0e12;--bg2:#1c1c22;--bg3:#26262e;--label:#f0f0f5;--label2:#dcdce699;--label3:#dcdce640;--sep:#ffffff14;--muted:#86868b;--border:#323236;--bg-card:#1c1c22;--text-main:#f0f0f5;--sh-s:0 1px 8px #0000004d, 0 4px 16px #00000040;--sh-m:0 4px 20px #0006, 0 8px 32px #0000004d}*,:after,:before{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:-apple-system,SF Pro Display,SF Pro Text,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--label);transition:background .3s,color .3s;overflow-x:hidden!important}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:#78788033}header{z-index:999;position:sticky;top:0;overflow:visible}.navbar{-webkit-backdrop-filter:saturate(200%)blur(28px);background:#09090fc7;border-bottom:.5px solid #ffffff0f;flex-wrap:nowrap;justify-content:space-between;align-items:center;height:52px;padding:0 1.1rem;display:flex}.nav-logo{letter-spacing:-.03em;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-text-fill-color:transparent;background-clip:text;font-size:.95rem;font-weight:800;text-decoration:none}.nav-logo:hover{color:#fff}.nav-right{flex-shrink:0;align-items:center;gap:.55rem;display:flex}.menu-button{border-radius:var(--r-m);color:#ffffffd9;cursor:pointer;background:0 0;border:none;padding:5px;line-height:1;transition:background .15s;display:none}.menu-button:hover{background:#ffffff17}.nav-links{align-items:center;gap:.1rem;padding:0;list-style:none;display:flex}.nav-links li a{color:#fff9;border-radius:var(--r-m);white-space:nowrap;padding:.3rem .55rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:block}.nav-links li a:hover{color:#fff;background:#ffffff17}.color-mode{color:#ffffffd9;cursor:pointer;background:#ffffff14;border:.5px solid #ffffff21;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .18s,transform .22s;display:flex}.color-mode:hover{background:#ffffff26;transform:rotate(22deg)}.color-mode svg{width:17px;height:17px;display:block}.hero{background:var(--hero-bg);justify-content:center;padding:3.5rem 1.25rem 3.25rem;scroll-margin-top:52px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;filter:blur(72px);will-change:transform;backface-visibility:hidden;background:radial-gradient(circle,#6366f18c 0,#0000 65%);border-radius:50%;width:420px;height:420px;position:absolute;top:-140px;left:-100px;transform:translate(0,0)}.hero:after{content:"";pointer-events:none;filter:blur(72px);will-change:transform;backface-visibility:hidden;background:radial-gradient(circle,#a855f773 0,#0000 65%);border-radius:50%;width:360px;height:360px;position:absolute;bottom:-120px;right:-80px;transform:translate(0,0)}.hero-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:.9rem;width:100%;max-width:480px;display:flex;position:relative}.hero-avatar{will-change:transform, border-color;border:2.5px solid #ffffff24;border-radius:50%;width:82px;height:82px;animation:3s ease-in-out infinite glowPulse;box-shadow:0 0 0 7px #6366f129,0 16px 40px #00000080}@keyframes glowPulse{0%,to{border-color:#ffffff24;transform:scale(1)}50%{border-color:#6366f18c;transform:scale(1.03)}}.hero-name{color:#fff;letter-spacing:-.04em;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;font-size:1.9rem;font-weight:800;line-height:1.1;display:flex}.hero-name img{vertical-align:middle;width:22px;height:22px}.hero-typing{color:#ffffff73;min-height:2em;font-size:1.05rem;font-weight:600;line-height:1.6}#typed-text{background:linear-gradient(135deg,#818cf8 0,#c084fc 100%);-webkit-text-fill-color:transparent;background-clip:text}.cursor{color:#c084fc;-webkit-text-fill-color:#c084fc;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-desc{color:#ffffff85;max-width:320px;font-size:.91rem;line-height:1.75}.hero-desc strong{color:#ffffffe6;font-weight:700}.hero-desc a{color:#7dd3fc;border-bottom:1px solid #7dd3fc4d;text-decoration:none;transition:color .15s,border-color .15s}.hero-desc a:hover{color:#fff;border-color:#fff6}.social-buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.1rem;display:flex}.social-btn{cursor:pointer;background:#ffffff0f;border:.5px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:background .18s,transform .15s;display:inline-flex;overflow:hidden}.social-btn:hover{background:#ffffff21;border-color:#ffffff2e;transform:translateY(-2px)}.social-btn svg{border-radius:12px;width:44px;height:44px;display:block}.social-btn img{object-fit:contain;border-radius:6px;width:28px;height:28px}.section-label,.app-section-label{letter-spacing:.09em;text-transform:uppercase;color:var(--label2);max-width:680px;margin:0 auto;padding:1.5rem 1.25rem .5rem;scroll-margin-top:52px;font-size:.68rem;font-weight:700;display:block}.links-section{max-width:680px;margin:0 auto;padding:0 1.25rem .75rem}.links-card{background:var(--bg2);border-radius:var(--r-xl);box-shadow:var(--sh-s);transition:background .3s;overflow:hidden}.link-row{color:var(--label);-webkit-tap-highlight-color:transparent;box-sizing:border-box;align-items:center;gap:.85rem;width:100%;padding:.82rem 1rem;text-decoration:none;transition:background .13s;display:flex;position:relative}.link-row:hover{background:#6366f10a}.link-row+.link-row:before{content:"";background:var(--sep);height:.5px;position:absolute;top:0;left:3.7rem;right:0}.link-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.link-icon-wrap img,.link-icon-wrap svg{object-fit:contain;display:inline-block;width:22px!important;height:22px!important}.link-label{color:var(--label);flex:1;font-size:.91rem;font-weight:600}.link-open-btn{background:var(--accent);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 2px 8px #6366f159}.link-row:hover .link-open-btn{background:#4f52d4;transform:scale(1.07)}.link-open-btn.dl{background:#34c759;box-shadow:0 2px 8px #34c75959}.link-row:hover .link-open-btn.dl{background:#28a745}.apps-wrap{max-width:680px;margin:0 auto;padding:0 1.25rem .75rem}.app-row{background:var(--bg2);box-shadow:var(--sh-s);-webkit-tap-highlight-color:transparent;border-radius:18px;align-items:center;gap:13px;margin-bottom:9px;padding:12px 14px;text-decoration:none;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s,background .3s;display:flex;position:relative}.app-row:last-child{margin-bottom:0}.app-row:hover{transform:translateY(-1px);box-shadow:0 4px 18px #6366f11f,0 8px 28px #00000017}.app-row:active{transition-duration:.1s;transform:scale(.984)}.app-icon{object-fit:cover;border-radius:13px;flex-shrink:0;width:54px;height:54px;box-shadow:0 2px 8px #0000001f}.app-text{text-align:left;flex:1;min-width:0}.app-title{color:var(--label);letter-spacing:-.01em;white-space:normal;font-size:15px;font-weight:700;line-height:1.35}.app-sub{color:var(--label2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.app-action{color:#6366f1;white-space:nowrap;letter-spacing:.01em;background:#6366f11a;border-radius:999px;flex-shrink:0;align-self:center;padding:6px 14px;font-size:12.5px;font-weight:700;transition:color .3s,background .3s}[data-theme=dark] .app-action{color:#818cf8;background:#6366f126}.seg-wrap{justify-content:center;max-width:680px;margin:0 auto;padding:0 1.25rem .7rem;display:flex}.seg-track{background:#7878801c;border-radius:999px;padding:3px;transition:background .3s;display:inline-flex;position:relative;box-shadow:inset 0 1px 3px #0000000f}[data-theme=dark] .seg-track{background:#ffffff14;box-shadow:inset 0 1px 3px #0003}.seg-thumb{pointer-events:none;z-index:0;will-change:transform;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:999px;width:calc(50% - 3px);height:calc(100% - 6px);transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 12px #6366f173,0 1px 4px #0000001f}.seg-btn{z-index:1;cursor:pointer;color:#3c3c4380;white-space:nowrap;letter-spacing:-.01em;text-align:center;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:999px;min-width:92px;padding:.52rem 1.9rem;font-family:-apple-system,SF Pro Text,BlinkMacSystemFont,sans-serif;font-size:.9rem;font-weight:600;transition:color .22s;position:relative}[data-theme=dark] .seg-btn{color:#ebebf561}.seg-btn.active{color:#fff;text-shadow:0 1px 2px #00000026}[data-theme=dark] .seg-btn.active{color:#fff}.tab-panel{display:none}.tab-panel.active{animation:.25s cubic-bezier(.4,0,.2,1) fadeUp;display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skills-section{max-width:680px;margin:0 auto;padding:0 1.25rem 1.75rem}.skills-card{background:var(--bg2);border-radius:var(--r-xl);box-shadow:var(--sh-s);padding:1.15rem 1.15rem 1rem;transition:background .3s}.skills-card h2{letter-spacing:-.01em;color:var(--label);margin-bottom:1rem;font-size:.88rem;font-weight:700}.skill-row{align-items:center;gap:.7rem;margin-bottom:.85rem;display:flex}.skill-row:last-child{margin-bottom:0}.skill-name{color:var(--label);flex-shrink:0;width:68px;font-size:.8rem;font-weight:600}.skill-track{background:var(--bg3);border-radius:var(--r-pill);flex:1;height:6px;overflow:hidden}.skill-fill{border-radius:var(--r-pill);width:0;height:100%;transition:width 1.5s cubic-bezier(.22,1,.36,1)}.site-footer{text-align:center;color:var(--label2);padding:1.5rem 1rem 3rem;font-size:.75rem}.site-footer a{color:var(--label2);text-decoration:none}.site-footer a:hover{color:var(--label)}body>div[style*="z-index: 9999999"],body>div[style*="position: fixed; bottom: 0; right: 1%"]{display:none!important}footer,main{z-index:1!important;position:relative!important}.ad-native-wrap{box-sizing:border-box;width:100%;max-width:680px;margin:0 auto;overflow:hidden}#container-b30750b291e8b4180c77d03cf31e4464:empty{display:none}#container-b30750b291e8b4180c77d03cf31e4464,#container-b30750b291e8b4180c77d03cf31e4464>*{box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow:hidden!important}#container-b30750b291e8b4180c77d03cf31e4464 iframe,#container-b30750b291e8b4180c77d03cf31e4464 img{max-width:100%!important;height:auto!important}@media (width<=639px){.menu-button{justify-content:center;align-items:center;display:flex}.nav-links{opacity:0;pointer-events:none;z-index:998;background:#1a1a24;border-bottom:.5px solid #ffffff12;flex-direction:column;align-items:stretch;gap:0;width:100%;height:auto;padding:.5rem 0 1rem;transition:opacity .22s,transform .22s;position:absolute;top:52px;left:0;right:0;transform:translateY(-6px)}.nav-links.show{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links li a{color:#ffffffd9;border-bottom:.5px solid #ffffff0d;border-radius:0;padding:.9rem 1.25rem;font-size:1.1rem;font-weight:400}.nav-links li:last-child a{border-bottom:none}.nav-links li a:hover{color:#fff;background:#ffffff0d}.hero{padding:2.75rem 1rem 2.5rem}.hero-name{font-size:1.65rem}.link-row{flex-wrap:nowrap;gap:.6rem}.link-label{white-space:normal;min-width:0;font-size:.84rem;overflow:hidden}.link-icon-wrap{flex-shrink:0;width:34px;height:34px}.link-open-btn{flex-shrink:0}.seg-btn{min-width:80px;padding:.46rem 1.4rem;font-size:.86rem}}@media (width>=640px){.navbar{padding:0 2rem}.hero{padding:4.5rem 2rem 4rem}.hero-avatar{width:96px;height:96px}.hero-name{font-size:2.15rem}.app-section-label,.links-section,.section-label,.skills-section,.apps-wrap,.seg-wrap{padding-left:2rem;padding-right:2rem}.seg-btn{min-width:108px;padding:.54rem 2.3rem;font-size:.95rem}.app-icon{width:58px;height:58px}.app-title{font-size:15.5px}}@media (width>=1024px){.navbar{padding:0 3rem}.hero-name{font-size:2.6rem}}.lang-en,.lang-zh,.lang-ru,.lang-es,.lang-ja,.lang-ko,.lang-fr,.lang-de,.lang-pt{display:none!important}.lang-vi{display:inline!important}html[lang=en] .lang-vi,html[lang=en] .lang-zh,html[lang=en] .lang-ru,html[lang=en] .lang-es,html[lang=en] .lang-ja,html[lang=en] .lang-ko,html[lang=en] .lang-fr,html[lang=en] .lang-de,html[lang=en] .lang-pt{display:none!important}html[lang=en] .lang-en{display:inline!important}html[lang=zh] .lang-vi,html[lang=zh] .lang-en,html[lang=zh] .lang-ru,html[lang=zh] .lang-es,html[lang=zh] .lang-ja,html[lang=zh] .lang-ko,html[lang=zh] .lang-fr,html[lang=zh] .lang-de,html[lang=zh] .lang-pt{display:none!important}html[lang=zh] .lang-zh{display:inline!important}html[lang=ru] .lang-vi,html[lang=ru] .lang-en,html[lang=ru] .lang-zh,html[lang=ru] .lang-es,html[lang=ru] .lang-ja,html[lang=ru] .lang-ko,html[lang=ru] .lang-fr,html[lang=ru] .lang-de,html[lang=ru] .lang-pt{display:none!important}html[lang=ru] .lang-ru{display:inline!important}html[lang=es] .lang-vi,html[lang=es] .lang-en,html[lang=es] .lang-zh,html[lang=es] .lang-ru,html[lang=es] .lang-ja,html[lang=es] .lang-ko,html[lang=es] .lang-fr,html[lang=es] .lang-de,html[lang=es] .lang-pt{display:none!important}html[lang=es] .lang-es{display:inline!important}html[lang=ja] .lang-vi,html[lang=ja] .lang-en,html[lang=ja] .lang-zh,html[lang=ja] .lang-ru,html[lang=ja] .lang-es,html[lang=ja] .lang-ko,html[lang=ja] .lang-fr,html[lang=ja] .lang-de,html[lang=ja] .lang-pt{display:none!important}html[lang=ja] .lang-ja{display:inline!important}html[lang=ko] .lang-vi,html[lang=ko] .lang-en,html[lang=ko] .lang-zh,html[lang=ko] .lang-ru,html[lang=ko] .lang-es,html[lang=ko] .lang-ja,html[lang=ko] .lang-fr,html[lang=ko] .lang-de,html[lang=ko] .lang-pt{display:none!important}html[lang=ko] .lang-ko{display:inline!important}html[lang=fr] .lang-vi,html[lang=fr] .lang-en,html[lang=fr] .lang-zh,html[lang=fr] .lang-ru,html[lang=fr] .lang-es,html[lang=fr] .lang-ja,html[lang=fr] .lang-ko,html[lang=fr] .lang-de,html[lang=fr] .lang-pt{display:none!important}html[lang=fr] .lang-fr{display:inline!important}html[lang=de] .lang-vi,html[lang=de] .lang-en,html[lang=de] .lang-zh,html[lang=de] .lang-ru,html[lang=de] .lang-es,html[lang=de] .lang-ja,html[lang=de] .lang-ko,html[lang=de] .lang-fr,html[lang=de] .lang-pt{display:none!important}html[lang=de] .lang-de{display:inline!important}html[lang=pt] .lang-vi,html[lang=pt] .lang-en,html[lang=pt] .lang-zh,html[lang=pt] .lang-ru,html[lang=pt] .lang-es,html[lang=pt] .lang-ja,html[lang=pt] .lang-ko,html[lang=pt] .lang-fr,html[lang=pt] .lang-de{display:none!important}html[lang=pt] .lang-pt{display:inline!important}.lang-dropdown-wrapper{align-items:center;display:flex;position:relative}.lang-dropdown-menu{z-index:9999;white-space:nowrap;background:#1c1e26;border:1px solid #ffffff1f;border-radius:12px;min-width:130px;padding:6px;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 32px #00000073}.lang-dropdown-menu.open{display:block}.lang-dropdown-menu button{color:#ffffffbf;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:.82rem;font-weight:500;transition:background .15s,color .15s;display:flex}.lang-dropdown-menu button:hover,.lang-dropdown-menu button.active{color:#fff;background:#ffffff1a}.lang-flag{font-size:1rem;line-height:1}