*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.visible{visibility:visible}.relative{position:relative}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.\!mr-1{margin-right:.25rem!important}.\!mt-1{margin-top:.25rem!important}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-auto{margin-left:auto}.mr-1\.5{margin-right:.375rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-4{height:1rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.\!w-28{width:7rem!important}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-8{width:2rem}.w-\[88px\]{width:88px}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-\[78\%\]{max-width:78%}.max-w-page{max-width:1024px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.resize{resize:both}.scroll-mt-16{scroll-margin-top:4rem}.scroll-mt-20{scroll-margin-top:5rem}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.\!border-none{border-style:none!important}.\!border-slate-700{--tw-border-opacity: 1 !important;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))!important}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-slate-200\/70{border-color:#e2e8f0b3}.\!bg-slate-900\/60{background-color:#0f172a99!important}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-brand-blue{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-brand-blue\/10{background-color:#3b82f61a}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/40{background-color:#fff6}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }.to-cyan-400{--tw-gradient-to: #22d3ee var(--tw-gradient-to-position) }.p-3{padding:.75rem}.p-4{padding:1rem}.\!px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.text-brand-blue{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-slate-100{--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:text-brand-blue:hover{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.dark\:border-slate-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.dark\:border-slate-700\/60:is(.dark *){border-color:#33415599}.dark\:bg-slate-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-800\/30:is(.dark *){background-color:#1e293b4d}.dark\:bg-slate-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.dark\:text-slate-100:is(.dark *){--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.dark\:text-slate-200:is(.dark *){--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.dark\:text-slate-300:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.dark\:text-slate-400:is(.dark *){--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.dark\:text-slate-600:is(.dark *){--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}*{box-sizing:border-box}html,body{margin:0;padding:0;scroll-behavior:smooth}body{font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,sans-serif;background:#f1f5f9;color:#334155;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:inherit;text-decoration:none}.gradient-text{background:linear-gradient(135deg,#3b82f6,#7c3aed,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.card-base{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px -12px #0f172a2e;padding:20px;transition:transform .25s ease,box-shadow .25s ease}.card-base:hover{transform:translateY(-4px);box-shadow:0 16px 36px -16px #0f172a47}.section-band{background:linear-gradient(135deg,#3b82f6,#7c3aed,#06b6d4);color:#fff;font-weight:700;letter-spacing:.04em;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:4px;font-size:15px}.section-band i{color:#ffffffe6;font-size:13px}.tech-tag{display:inline-block;padding:2px 10px;margin:3px 4px 3px 0;font-size:12px;line-height:1.6;border-radius:999px;background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.25)}.tech-tag.ai{background:#06b6d41f;color:#0e7490;border-color:#06b6d44d}.experience-timeline{padding-left:4px}.experience-timeline .ant-timeline-item-content{padding-bottom:18px;margin-left:18px}.experience-timeline .ant-timeline-item-head{background:#3b82f6}.dark .experience-timeline .ant-timeline-item-tail{border-left-color:#2a3346}.stat-card{text-align:center;padding:18px 12px;border-radius:8px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 8px 24px -12px #0f172a2e}.stat-card .stat-num{font-size:28px;font-weight:800;line-height:1.1;background:linear-gradient(135deg,#3b82f6,#7c3aed,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.stat-card .stat-label{margin-top:4px;font-size:12px;color:#64748b}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateY(0)}.fade-enter{opacity:0;transform:translateY(8px)}.fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .35s ease,transform .35s ease}.app-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#f8fafcc7;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid transparent;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.app-nav.is-scrolled{border-bottom-color:#e2e8f0;box-shadow:0 8px 24px -18px #0f172a47;background:#f8fafceb}.dark .app-nav{background:#0f1420c7}.dark .app-nav.is-scrolled{background:#0f1420eb;border-bottom-color:#2a3346}.app-nav-inner{max-width:1024px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.app-brand{display:inline-flex;align-items:center;gap:10px;background:transparent;border:none;cursor:pointer;padding:0}.app-brand-mark{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;color:#fff;background:linear-gradient(135deg,#3b82f6,#7c3aed,#06b6d4);box-shadow:0 6px 16px -8px #3b82f6cc}.app-brand-name{font-size:17px;font-weight:700;color:#1e293b;letter-spacing:.02em}.dark .app-brand-name{color:#e2e8f0}.app-anchor{display:none;padding:0!important;margin:0;background:transparent;max-height:none!important;overflow:visible!important}.app-anchor .ant-anchor{display:flex;align-items:center;gap:4px;padding:0;background:transparent;overflow:visible}.app-anchor.ant-anchor-wrapper-horizontal:before{display:none!important}.app-anchor .ant-anchor-link-title{color:#475569;font-size:14px;font-weight:500;padding:8px 10px;border-radius:8px;transition:color .2s ease,background .2s ease}.app-anchor .ant-anchor-link-title:hover{color:#3b82f6;background:#3b82f60f}.app-anchor .ant-anchor-link-active>.ant-anchor-link-title{color:#3b82f6;font-weight:600}.app-anchor .ant-anchor-ink{background:linear-gradient(135deg,#3b82f6,#7c3aed,#06b6d4)!important;height:2px!important;bottom:0!important;top:auto!important;border-radius:2px;transform:scaleX(.5)!important;transform-origin:center!important}.dark .app-anchor .ant-anchor-link-title{color:#94a3b8}.dark .app-anchor .ant-anchor-link-title:hover{color:#93c5fd;background:#3b82f61f}.dark .app-anchor .ant-anchor-link-active>.ant-anchor-link-title{color:#93c5fd}@media (min-width: 768px){.app-anchor{display:block}}.nav-link{position:relative;padding:8px 14px;font-size:14px;font-weight:500;color:#475569;background:transparent;border:none;cursor:pointer;border-radius:8px;transition:color .2s ease,background .2s ease}.nav-link:after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;border-radius:2px;background:linear-gradient(135deg,#3b82f6,#7c3aed,#06b6d4);transform:scaleX(0);transform-origin:center;transition:transform .25s ease}.nav-link:hover{color:#3b82f6;background:#3b82f60f}.nav-link.is-active{color:#3b82f6}.nav-link.is-active:after{transform:scaleX(1)}.dark .nav-link{color:#94a3b8}.dark .nav-link:hover{color:#93c5fd;background:#3b82f61f}.dark .nav-link.is-active{color:#93c5fd}.app-nav-actions{display:flex;align-items:center;gap:4px}.app-nav-toggle{display:inline-flex}@media (min-width: 768px){.app-nav-toggle{display:none}}.app-nav-drawer{display:flex;flex-direction:column;padding:12px}.app-nav-drawer .nav-link{text-align:left;padding:14px 16px;font-size:15px}.app-nav-drawer .nav-link:after{display:none}.particle-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero-bg{position:relative;overflow:hidden;background:radial-gradient(1200px 500px at 80% -10%,rgba(124,58,237,.18),transparent),radial-gradient(900px 500px at 0% 0%,rgba(59,130,246,.2),transparent),linear-gradient(180deg,#f8fafc,#eef2f7)}.dark .hero-bg{background:radial-gradient(1200px 500px at 80% -10%,rgba(124,58,237,.25),transparent),radial-gradient(900px 500px at 0% 0%,rgba(59,130,246,.25),transparent),linear-gradient(180deg,#0f1420,#131a29)}.hero-tag{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;background:#ffffffeb;border:1px solid #e2e8f0;font-size:13px;font-weight:600;letter-spacing:.18em;color:#64748b;text-transform:uppercase;box-shadow:0 8px 24px -12px #0f172a2e;margin-bottom:26px}.dark .hero-tag{background:#131a29eb;border-color:#2a3346;color:#94a3b8}.hero-tag-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#7c3aed,#06b6d4);animation:hero-pulse 2s ease-in-out infinite}@keyframes hero-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}}.hero-name{font-size:clamp(56px,10vw,88px);font-weight:900;line-height:1.05;letter-spacing:.06em}.hero-role{margin-top:16px;font-size:clamp(20px,3vw,28px);font-weight:700;color:#334155}.dark .hero-role{color:#e2e8f0}.hero-lead{margin:22px auto 0;max-width:640px;font-size:16.5px;line-height:1.8;color:#64748b}.dark .hero-lead{color:#94a3b8}.hero-actions{margin-top:34px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.hero-section-title{margin-top:12px;font-size:clamp(26px,4vw,38px);font-weight:800;letter-spacing:.02em;color:#1e293b}.dark .hero-section-title{color:#e2e8f0}.scroll-hint{cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;gap:6px;margin:0 auto 26px;padding:0;background:transparent;border:none;color:#64748b;transition:color .2s ease,transform .2s ease}.scroll-hint:hover{color:#3b82f6;transform:translateY(2px)}.scroll-hint:focus-visible{outline:2px solid #3b82f6;outline-offset:4px;border-radius:8px}.dark .scroll-hint{color:#94a3b8}.scroll-hint-mouse{width:24px;height:38px;border:2px solid currentColor;border-radius:13px;display:flex;justify-content:center;padding-top:6px}.scroll-hint-wheel{width:3px;height:7px;border-radius:2px;background:currentColor;animation:scroll-wheel 1.6s ease-in-out infinite}.scroll-hint-arrow{font-size:14px;animation:scroll-bounce 1.6s ease-in-out infinite}@keyframes scroll-wheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(9px);opacity:0}to{transform:translateY(9px);opacity:0}}@keyframes scroll-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.demo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#f1f5f9;display:flex;flex-direction:column;animation:demo-fade .25s ease}@keyframes demo-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.demo-overlay-bar{flex:none;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 6px 20px -16px #0f172a66}.demo-overlay-title{font-size:15px;font-weight:700;color:#1e293b}.dark .demo-overlay-title{color:#e2e8f0}.demo-overlay-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.demo-loading{height:100%;min-height:240px;display:flex;align-items:center;justify-content:center}.demo-card{border-radius:12px;height:100%}.demo-layout{min-height:520px;border-radius:12px;overflow:hidden}.demo-sider{border-right:1px solid #e2e8f0}.demo-sider-logo{height:56px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#3b82f6;border-bottom:1px solid #f1f5f9}.demo-civic{padding:4px}.demo-map{width:100%;height:340px}.demo-chart{width:100%;height:280px}.demo-stat{text-align:center;padding:16px 10px;border-radius:12px;background:#0f172a8c;border:1px solid rgba(148,163,184,.25)}.demo-stat-num{font-size:26px;font-weight:800;color:#22d3ee;line-height:1.1}.demo-stat-suffix{font-size:13px;margin-left:2px;color:#94a3b8}.demo-stat-label{margin-top:4px;font-size:12px;color:#cbd5e1}.demo-chat{display:flex;flex-direction:column;gap:12px;max-width:760px;margin:0 auto}.demo-chat .chat-bubble{max-width:78%;padding:10px 14px;border-radius:12px;line-height:1.6;font-size:14px}.demo-chat .chat-user{align-self:flex-end;background:linear-gradient(135deg,#3b82f6,#7c3aed,#06b6d4);color:#fff;border-bottom-right-radius:4px}.demo-chat .chat-ai{align-self:flex-start;background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px}.demo-elderly-panel{border:1px solid #e2e8f0;border-radius:12px;padding:18px;background:#fff7ed;transition:font-size .2s ease;font-size:calc(16px * var(--elder-scale, 1))}.demo-elderly-panel h4{font-size:calc(20px * var(--elder-scale, 1));font-weight:800;color:#1e293b;margin-bottom:8px}.dark .demo-elderly-panel{background:#1e293b;border-color:#334155}.dark .demo-elderly-panel h4{color:#e2e8f0}.dark .demo-elderly-panel p,.dark .demo-elderly-panel ul{color:#cbd5e1}.demo-elderly-panel p{color:#475569;line-height:1.9;margin-bottom:10px}.demo-elderly-panel ul{margin:0;padding-left:20px;color:#475569;line-height:1.9}.demo-shot-placeholder{width:100%;aspect-ratio:16 / 9;border-radius:12px;border:2px dashed #cbd5e1;background:#3b82f60a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#64748b;font-size:14px}.demo-shot-placeholder i{font-size:28px}.dark body{background:#0f1420;color:#e2e8f0}.dark .card-base,.dark .stat-card{background:#1c2333;border-color:#2a3346}.dark .text-muted{color:#94a3b8!important}