:root{--brand-1: #4F46E5;--brand-2: #6366F1;--brand-3: #8B5CF6;--brand-dark: #3730A3;--accent: #F472B6;--ink: #1E1B33;--ink-soft: #4F4A78;--ink-mute: #8B87AE;--bg: #F7F6FD;--bg-alt: #EFEDFA;--card: #FFFFFF;--line: rgba(99, 102, 241, .12);--line-strong: rgba(99, 102, 241, .22);--shadow-sm: 0 2px 10px rgba(99, 102, 241, .09);--shadow-md: 0 10px 40px rgba(99, 102, 241, .16);--shadow-lg: 0 24px 70px rgba(99, 102, 241, .24);--radius: 20px;--radius-sm: 12px;--grad: linear-gradient(135deg, #4F46E5, #8B5CF6);--grad-soft: linear-gradient(135deg, rgba(99,102,241,.08), rgba(139,92,246,.08));--font: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", -apple-system, "Segoe UI", sans-serif;--nav-bg: rgba(247, 246, 253, .78);--nav-bg-scrolled: rgba(247, 246, 253, .92)}[data-theme=dark]{--brand-1: #818CF8;--brand-2: #A5B4FC;--brand-3: #C4B5FD;--brand-dark: #6366F1;--accent: #F472B6;--ink: #E6E4F5;--ink-soft: #B3AED3;--ink-mute: #807BA6;--bg: #12101F;--bg-alt: #191630;--card: #1E1B38;--line: rgba(129, 140, 248, .15);--line-strong: rgba(129, 140, 248, .26);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .3);--shadow-md: 0 10px 40px rgba(0, 0, 0, .42);--shadow-lg: 0 24px 70px rgba(0, 0, 0, .52);--grad: linear-gradient(135deg, #6366F1, #A855F7);--grad-soft: linear-gradient(135deg, rgba(99,102,241,.12), rgba(168,85,247,.12));--nav-bg: rgba(18, 16, 31, .78);--nav-bg-scrolled: rgba(18, 16, 31, .92)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .4s,color .4s}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:#6366f133;color:#fff}[data-theme=dark] ::selection{background:#818cf840;color:#fff}.reading-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--grad);z-index:200;transition:width .1s;box-shadow:0 0 8px #6366f180}.bg-deco{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(600px 400px at 85% -5%,rgba(99,102,241,.1),transparent 65%),radial-gradient(700px 500px at -10% 30%,rgba(99,102,241,.08),transparent 65%),radial-gradient(500px 400px at 60% 110%,rgba(139,92,246,.06),transparent 65%)}[data-theme=dark] .bg-deco{background:radial-gradient(600px 400px at 85% -5%,rgba(129,140,248,.08),transparent 65%),radial-gradient(700px 500px at -10% 30%,rgba(99,102,241,.06),transparent 65%),radial-gradient(500px 400px at 60% 110%,rgba(139,92,246,.04),transparent 65%)}.bg-grid{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(99,102,241,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 40%,transparent 100%)}[data-theme=dark] .bg-grid{background-image:linear-gradient(rgba(129,140,248,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(129,140,248,.03) 1px,transparent 1px)}:root{--sidebar-w: 260px}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);z-index:100;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:var(--nav-bg);border-right:1px solid var(--line);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.sidebar-inner{display:flex;flex-direction:column;height:100%;padding:28px 20px;overflow-y:auto}.sidebar-logo{display:flex;align-items:center;gap:12px;font-weight:800;font-size:20px;margin-bottom:36px;padding:0 8px}.sidebar-logo img{width:40px;height:40px;flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;font-size:15px;font-weight:500;color:var(--ink-soft);transition:all .2s}.sidebar-nav a svg{flex-shrink:0;opacity:.7;transition:opacity .2s}.sidebar-nav a:hover{color:var(--brand-1);background:#6366f112}.sidebar-nav a:hover svg{opacity:1}[data-theme=dark] .sidebar-nav a:hover{background:#818cf81a}.sidebar-nav a.active{color:var(--brand-1);background:#6366f11a;font-weight:600}.sidebar-nav a.active svg{opacity:1}[data-theme=dark] .sidebar-nav a.active{background:#818cf821}.sidebar-bottom{display:flex;flex-direction:column;gap:16px;margin-top:auto}.theme-toggle{display:flex;align-items:center;gap:10px;background:none;border:1px solid var(--line);border-radius:12px;padding:10px 14px;cursor:pointer;color:var(--ink-soft);font-size:14px;font-weight:500;font-family:inherit;transition:all .2s;width:100%}.theme-toggle:hover{color:var(--brand-1);border-color:var(--brand-2)}.theme-toggle .icon-sun{display:none;flex-shrink:0}.theme-toggle .icon-moon{display:block;flex-shrink:0}[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon{display:none}.sidebar-socials{display:flex;gap:10px;justify-content:center}.sidebar-socials a{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--ink-soft);border:1px solid var(--line);background:var(--card);transition:all .2s}.sidebar-socials a:hover{color:var(--brand-1);border-color:var(--brand-2);transform:translateY(-2px)}.sidebar-cta{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--grad);color:#fff;font-weight:600;font-size:14.5px;padding:12px;border-radius:12px;box-shadow:0 4px 14px #6366f159;transition:all .25s}.sidebar-cta:hover{transform:translateY(-2px);box-shadow:0 6px 18px #6366f17a}.sidebar-overlay{display:none;position:fixed;inset:0;z-index:99;background:#00000073;backdrop-filter:blur(2px)}.sidebar-toggle{display:none;position:fixed;top:16px;left:16px;z-index:101;background:var(--nav-bg);border:1px solid var(--line);border-radius:12px;padding:10px;cursor:pointer;color:var(--ink);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-sm)}.main-wrap{margin-left:var(--sidebar-w);min-height:100vh;transition:margin-left .35s cubic-bezier(.4,0,.2,1)}.container{max-width:1100px;margin:0 auto;padding:0 40px}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.section{padding:100px 0}.section-head{text-align:center;margin-bottom:60px}.section-tag{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;letter-spacing:2.5px;color:var(--brand-1);background:#6366f112;border:1px solid var(--line);padding:6px 18px;border-radius:999px;margin-bottom:18px;text-transform:uppercase}[data-theme=dark] .section-tag{background:#818cf81a}.section-title{font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-.5px}.section-sub{color:var(--ink-soft);margin-top:14px;font-size:16.5px;max-width:560px;margin-left:auto;margin-right:auto}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.on{opacity:1;transform:none}.hero{min-height:100vh;display:flex;align-items:center;padding:60px 0}.hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--brand-1);background:var(--card);border:1px solid var(--line);padding:7px 18px;border-radius:999px;box-shadow:var(--shadow-sm);margin-bottom:24px}.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--grad);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{50%{transform:scale(1.5);opacity:.5}}.hero h1{font-size:clamp(38px,6vw,64px);font-weight:900;line-height:1.12;letter-spacing:-1.5px;margin-bottom:22px}.hero-slogan{font-size:clamp(17px,2vw,21px);color:var(--ink-soft);margin-bottom:12px;font-weight:500}.hero-formula{display:inline-block;font-family:Cascadia Code,Consolas,monospace;font-size:14.5px;color:var(--brand-2);background:#6366f112;border:1px dashed rgba(99,102,241,.28);padding:8px 18px;border-radius:var(--radius-sm);margin-bottom:32px}[data-theme=dark] .hero-formula{background:#818cf814;border-color:#818cf84d}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:14px;font-size:15.5px;font-weight:700;transition:all .25s;cursor:pointer;border:none;font-family:inherit}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 24px #6366f161}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #6366f185}.btn-ghost{background:var(--card);color:var(--brand-1);border:1.5px solid var(--line);box-shadow:var(--shadow-sm)}.btn-ghost:hover{border-color:var(--brand-2);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--brand-1);border:2px solid var(--brand-2);padding:13px 28px;border-radius:14px;font-size:15.5px;font-weight:700;transition:all .25s;font-family:inherit}.btn-outline:hover{background:var(--grad);color:#fff;border-color:transparent;transform:translateY(-2px)}.hero-stats{display:flex;gap:40px;margin-top:46px}.hero-stats .stat b{display:block;font-size:30px;font-weight:800}.hero-stats .stat span{font-size:13.5px;color:var(--ink-soft)}.mascot-wrap{display:flex;justify-content:center}.mascot{position:relative;width:min(380px,80vw);aspect-ratio:1;animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-14px)}}.mascot .glow{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.14),transparent 62%);animation:pulse 3s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.07);opacity:.65}}.mascot .ring{position:absolute;top:4%;left:4%;width:92%;height:92%;border-radius:50%;padding:3px;background:conic-gradient(from 0deg,#4f46e5,#6366f1,#8b5cf6,#4f46e5);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));animation:spin 6s linear infinite}.mascot .ring.outer{top:0;left:0;width:100%;height:100%;opacity:.28;animation:spin-rev 10s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-rev{to{transform:rotate(-360deg)}}.mascot .ball{position:absolute;top:18.5%;left:18.5%;width:63%;height:63%;border-radius:50%;background:radial-gradient(circle at 32% 30%,#fff,#f4f2fc 55%,#e0dcf5);border:1px solid rgba(99,102,241,.08);box-shadow:inset -8px -12px 24px #6366f10f,inset 6px 8px 16px #ffffffe6,0 18px 40px #6366f129}.mascot .ball:before{content:"";position:absolute;top:10%;left:14%;width:34%;height:22%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.95),transparent 70%);transform:rotate(-25deg)}.mascot .ball:after{content:"";position:absolute;top:14%;right:16%;width:14%;height:9%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.8),transparent 70%);transform:rotate(15deg)}.mascot .eyes{position:absolute;top:36%;left:0;width:100%;display:flex;justify-content:center;gap:30%}.mascot .eye{width:10.5%;aspect-ratio:1;border-radius:50%;position:relative;background:radial-gradient(circle at 38% 32%,#6366f1,#312e81 58%,#1e1b4b);animation:blink 4.2s ease-in-out infinite;transform-origin:center}.mascot .eye:after{content:"";position:absolute;top:16%;left:20%;width:38%;height:38%;border-radius:50%;background:#fffffff2}@keyframes blink{0%,86%,to{transform:scaleY(1)}92%{transform:scaleY(.06)}96%{transform:scaleY(1)}}.mascot .blush{position:absolute;top:46%;width:20%;height:10%;border-radius:50%;background:radial-gradient(ellipse,rgba(244,114,182,.45),transparent 72%)}.mascot .blush.l{left:11%}.mascot .blush.r{right:11%}.mascot .mouth{position:absolute;bottom:27%;left:50%;transform:translate(-50%);width:15%;height:8%;border:3px solid #312E81;border-top:none;border-radius:0 0 90px 90px}.mascot .shadow{position:absolute;bottom:-4%;left:25%;width:50%;height:6%;border-radius:50%;background:#6366f133;filter:blur(12px);animation:shadow-scale 5s ease-in-out infinite}@keyframes shadow-scale{50%{transform:scale(.82);opacity:.5}}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.about-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:38px 34px;box-shadow:var(--shadow-sm);transition:all .3s}.about-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.about-card h3{font-size:19px;margin-bottom:14px;display:flex;align-items:center;gap:10px}.about-card .ico{width:42px;height:42px;border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--grad-soft);font-size:20px;border:1px solid var(--line);flex-shrink:0}.about-card p{color:var(--ink-soft);font-size:15px;line-height:1.75}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.chip{font-size:13px;font-weight:600;color:var(--brand-1);background:#6366f10d;border:1px solid var(--line);padding:6px 14px;border-radius:999px;transition:all .2s}.chip:hover{background:#6366f11c}[data-theme=dark] .chip{background:#818cf80f}[data-theme=dark] .chip:hover{background:#818cf824}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.skill-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px 28px;box-shadow:var(--shadow-sm);transition:all .3s}.skill-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.skill-card h3{font-size:17px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.skill-card .ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--grad-soft);font-size:18px;border:1px solid var(--line);flex-shrink:0}.skill-item{margin-bottom:16px}.skill-item:last-child{margin-bottom:0}.skill-item-head{display:flex;justify-content:space-between;margin-bottom:6px;font-size:14px}.skill-item-head .name{font-weight:600;color:var(--ink)}.skill-item-head .level{color:var(--ink-mute);font-size:12.5px}.skill-bar{height:6px;border-radius:3px;background:var(--bg-alt);overflow:hidden}[data-theme=dark] .skill-bar{background:#ffffff0f}.skill-bar-fill{height:100%;border-radius:3px;background:var(--grad);transition:width 1.2s cubic-bezier(.4,0,.2,1)}.timeline{max-width:760px;margin:0 auto;position:relative;padding-left:40px}.timeline:before{content:"";position:absolute;left:12px;top:8px;bottom:8px;width:2px;background:var(--line)}.tl-item{position:relative;padding-bottom:36px}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";position:absolute;left:-34px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--card);border:3px solid var(--brand-2);z-index:1}.tl-date{font-size:12.5px;font-weight:700;color:var(--brand-1);margin-bottom:4px}.tl-title{font-size:17px;font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:8px}.tl-desc{color:var(--ink-soft);font-size:14.5px;line-height:1.7}.thoughts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.thought-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;box-shadow:var(--shadow-sm);transition:all .3s;position:relative}.thought-card:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:var(--shadow-md)}.thought-card:before{content:"“";position:absolute;top:8px;left:16px;font-size:48px;color:var(--brand-2);opacity:.12;font-family:Georgia,serif;line-height:1}.thought-card p{position:relative;font-size:15px;color:var(--ink-soft);line-height:1.75}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:32px 28px;box-shadow:var(--shadow-sm);transition:all .3s;overflow:hidden;display:flex;flex-direction:column}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad);opacity:0;transition:opacity .3s}.project-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.project-card:hover:before{opacity:1}.project-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.project-ico{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:26px;background:var(--grad-soft);border:1px solid var(--line);flex-shrink:0}.project-state{font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px}.state-live{color:#059669;background:#10b9811a;border:1px solid rgba(16,185,129,.25)}.state-dev{color:#d97706;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25)}.state-open{color:var(--brand-1);background:#6366f112;border:1px solid var(--line)}.project-card h3{font-size:19px;margin-bottom:4px}.project-card .en{font-size:12.5px;color:var(--brand-2);font-weight:600;letter-spacing:.5px;margin-bottom:14px}.project-card p{color:var(--ink-soft);font-size:14.5px;flex:1;line-height:1.7}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.ptag{font-size:12px;color:var(--ink-soft);background:var(--bg-alt);border:1px solid var(--line);padding:4px 10px;border-radius:8px}[data-theme=dark] .ptag{background:#ffffff0a}.project-link{margin-top:18px;font-size:14px;font-weight:700;color:var(--brand-1);display:inline-flex;align-items:center;gap:6px;transition:gap .2s}.project-link:hover{gap:10px}.articles-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s;display:flex;flex-direction:column}.article-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.article-cover{height:150px;display:grid;place-items:center;font-size:48px;position:relative;overflow:hidden}.cover-1{background:linear-gradient(135deg,#6366f11a,#6366f129)}.cover-2{background:linear-gradient(135deg,#6366f11a,#8b5cf624)}.cover-3{background:linear-gradient(135deg,#4f46e514,#6366f11f)}.article-body{padding:24px 26px 28px;display:flex;flex-direction:column;flex:1}.article-meta{font-size:12.5px;color:var(--ink-soft);display:flex;gap:12px;margin-bottom:10px}.article-meta .cat{color:var(--brand-1);font-weight:700}.article-card h3{font-size:17.5px;line-height:1.45;margin-bottom:12px}.article-card p{color:var(--ink-soft);font-size:14px;flex:1;line-height:1.7}.read-more{margin-top:14px;font-size:13.5px;font-weight:700;color:var(--brand-1);display:inline-flex;align-items:center;gap:6px;transition:gap .2s}.read-more:hover{gap:10px}.see-all{text-align:center;margin-top:48px}.contact-box{background:var(--grad);border-radius:28px;padding:68px 40px;text-align:center;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.contact-box:before,.contact-box:after{content:"";position:absolute;border-radius:50%;background:#ffffff12}.contact-box:before{width:320px;height:320px;top:-150px;right:-90px}.contact-box:after{width:240px;height:240px;bottom:-110px;left:-70px}.contact-box h2{font-size:clamp(26px,4vw,36px);font-weight:800;margin-bottom:14px;position:relative}.contact-box p{opacity:.88;margin-bottom:34px;position:relative;font-size:16px}.contact-links{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative}.contact-links a{display:inline-flex;align-items:center;gap:8px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:12px 26px;border-radius:14px;font-weight:700;font-size:15px;transition:all .25s}.contact-links a:hover{background:#ffffff38;transform:translateY(-2px)}.footer{padding:44px 0 40px;text-align:center;color:var(--ink-soft);font-size:13.5px;border-top:1px solid var(--line);margin-top:40px}.footer .foot-logo{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;font-weight:800;color:var(--ink)}.footer .foot-logo img{width:26px;height:26px}.footer .foot-visits{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:14px;font-size:13px;color:var(--ink-mute)}.footer .foot-visits img{height:20px;display:inline-block}.page-header{padding:80px 0 60px;text-align:center}.page-header h1{font-size:clamp(30px,5vw,48px);font-weight:900;letter-spacing:-1px;margin-bottom:14px}.page-header p{color:var(--ink-soft);font-size:17px;max-width:560px;margin:0 auto}.article-page{max-width:780px;margin:0 auto;padding:80px 24px}.article-page .back{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--brand-1);margin-bottom:30px;padding:8px 14px;border-radius:10px;transition:background .2s}.article-page .back:hover{background:#6366f10f}.article-page h1{font-size:clamp(26px,4vw,38px);font-weight:800;line-height:1.3;margin-bottom:18px;letter-spacing:-.5px}.article-page>.meta{color:var(--ink-soft);font-size:14px;margin-bottom:40px;display:flex;gap:16px}.article-page>.meta .cat{color:var(--brand-1);font-weight:700}.article-content{font-size:16px;color:var(--ink-soft)}.article-content h2{font-size:23px;margin:44px 0 18px;padding-left:16px;border-left:4px solid;border-image:var(--grad) 1;color:var(--ink)}.article-content h3{font-size:19px;margin:30px 0 14px;color:var(--ink)}.article-content p{margin-bottom:18px}.article-content ul,.article-content ol{margin:0 0 18px 26px}.article-content li{margin-bottom:10px}.article-content blockquote{border-left:4px solid var(--brand-3);background:#6366f10a;padding:16px 22px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:18px;color:var(--ink-soft);font-style:italic}[data-theme=dark] .article-content blockquote{background:#818cf80f}.article-content code{font-family:Cascadia Code,Consolas,monospace;font-size:13.5px;background:#6366f112;color:var(--brand-dark);padding:2px 8px;border-radius:6px}[data-theme=dark] .article-content code{background:#818cf81a;color:var(--brand-3)}.article-content pre{background:#211d3d;color:#d5d0f0;padding:22px 26px;border-radius:14px;overflow-x:auto;margin-bottom:20px;font-size:13.5px;line-height:1.65}.article-content pre code{background:none;color:inherit;padding:0;font-size:inherit}.article-content strong{color:var(--ink)}.nf{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px}.nf .nf-mascot{width:160px;margin:0 auto 28px;animation:float 4s ease-in-out infinite}.nf .nf-mascot .mascot{width:160px}.nf h1{font-size:80px;font-weight:900;letter-spacing:-2px;margin-bottom:8px}.nf p{color:var(--ink-soft);margin:10px 0 30px;font-size:16px}@media(max-width:940px){.hero-inner{grid-template-columns:1fr;text-align:center}.hero-actions,.hero-stats{justify-content:center}.mascot-wrap{order:-1}.mascot{width:min(280px,70vw)}.projects-grid,.articles-list,.thoughts-grid{grid-template-columns:1fr 1fr}.about-grid,.skills-grid{grid-template-columns:1fr}.container{padding:0 24px}}@media(max-width:768px){.sidebar{transform:translate(-100%);box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.sidebar.open .sidebar-overlay,.sidebar-toggle{display:block}.main-wrap{margin-left:0}.section{padding:72px 0}.page-header{padding:72px 0 48px}.projects-grid,.articles-list,.thoughts-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:80px 0 48px}.hero-stats{gap:24px}.footer{padding:32px 0}.container{padding:0 20px}}.page-section{padding:30px 0 100px}.articles-list-large{display:flex;flex-direction:column;gap:24px}.article-card-large{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s;display:grid;grid-template-columns:200px 1fr}.article-card-large:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.article-card-large .article-cover{height:100%;min-height:180px}.article-card-large .article-body{padding:28px 30px 30px}@media(max-width:768px){.article-card-large{grid-template-columns:1fr}.article-card-large .article-cover{height:140px;min-height:auto}}