@property --bg-primary{syntax:'<color>';inherits:true;initial-value:#0C0A09}@property --bg-secondary{syntax:'<color>';inherits:true;initial-value:#1C1917}@property --accent{syntax:'<color>';inherits:true;initial-value:#D6D3D1}@property --border{syntax:'<color>';inherits:true;initial-value:#292524}@property --text-primary{syntax:'<color>';inherits:true;initial-value:#FAFAF9}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg-primary:#0C0A09;--bg-secondary:#1C1917;--bg-tertiary:#292524;--bg-elevated:#1C1917;--text-primary:#FAFAF9;--text-secondary:#D6D3D1;--text-muted:#78716C;--text-inverse:#0C0A09;--accent:#D6D3D1;--accent-hover:#A8A29E;--accent-soft:rgba(214,211,209,0.12);--accent-soft-hover:rgba(214,211,209,0.20);--accent-contrast:#0C0A09;--status-success:#4ADE80;--status-error:#F87171;--border:#292524;--border-strong:#44403C;--border-soft:rgba(250,250,249,0.06);--border-accent:rgba(214,211,209,0.25);--surface:#1C1917;--surface-hover:#292524;--surface-active:#44403C;--shadow-xs:0 1px 2px rgba(0,0,0,0.30);--shadow-sm:0 1px 2px rgba(0,0,0,0.30);--shadow-md:0 2px 4px rgba(0,0,0,0.30);--shadow-lg:0 4px 8px rgba(0,0,0,0.40);--accent-blue:var(--accent);--accent-blue-glow:var(--accent-soft);--accent-purple:var(--accent-hover);--accent-purple-glow:var(--accent-soft);--accent-cyan:#22D3EE;--accent-pink:#F472B6;--accent-green:var(--status-success);--accent-orange:var(--accent);--accent-red:var(--status-error);--gradient-primary:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);--gradient-secondary:linear-gradient(135deg,var(--accent-hover) 0%,color-mix(in srgb,var(--accent-hover) 60%,var(--accent)) 100%);--gradient-mesh:radial-gradient(at 0% 0%,color-mix(in srgb,var(--accent) 14%,transparent) 0px,transparent 50%),radial-gradient(at 100% 0%,color-mix(in srgb,var(--accent-hover) 10%,transparent) 0px,transparent 50%),radial-gradient(at 50% 100%,color-mix(in srgb,var(--accent) 8%,transparent) 0px,transparent 50%);--gradient-text:linear-gradient(135deg,var(--text-primary) 0%,color-mix(in srgb,var(--text-primary) 70%,var(--accent)) 100%);--glass-bg:var(--surface);--glass-bg-hover:var(--surface-hover);--glass-bg-active:var(--surface-active);--glass-border:var(--border);--glass-border-active:var(--border-accent);--glass-backdrop:none;--glow-sm:0 0 0 transparent;--glow-md:0 0 0 transparent;--glow-lg:0 0 0 transparent;--surface-1:var(--bg-secondary);--surface-2:var(--bg-tertiary);--surface-3:color-mix(in srgb,var(--bg-tertiary) 80%,var(--text-primary) 4%);--hairline:color-mix(in srgb,var(--border) 70%,transparent);--hairline-strong:color-mix(in srgb,var(--border-strong) 80%,transparent);--shadow-xs:0 1px 1px rgba(0,0,0,0.18),0 0 0 1px rgba(0,0,0,0.04);--shadow-sm:0 1px 2px rgba(0,0,0,0.22),0 0 0 1px rgba(0,0,0,0.04);--shadow-md:0 2px 4px rgba(0,0,0,0.22),0 8px 24px -8px rgba(0,0,0,0.30),0 0 0 1px color-mix(in srgb,var(--accent) 4%,transparent);--shadow-lg:0 4px 8px rgba(0,0,0,0.24),0 24px 48px -16px rgba(0,0,0,0.40),0 0 0 1px color-mix(in srgb,var(--accent) 5%,transparent);--shadow-xl:0 8px 16px rgba(0,0,0,0.26),0 32px 64px -24px rgba(0,0,0,0.50),0 0 0 1px color-mix(in srgb,var(--accent) 6%,transparent);--shadow-glow:0 0 0 1px color-mix(in srgb,var(--accent) 14%,transparent),0 8px 32px -8px color-mix(in srgb,var(--accent) 28%,transparent);--shadow-ring-focus:0 0 0 3px color-mix(in srgb,var(--accent) 28%,transparent);--halo-accent-sm:0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent),0 6px 18px -8px color-mix(in srgb,var(--accent) 36%,transparent);--halo-accent-md:0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent),0 12px 32px -10px color-mix(in srgb,var(--accent) 50%,transparent);--spacing-0:0;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--radius-xs:4px;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--font-sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;--font-mono:'Fira Code','JetBrains Mono','Cascadia Code','SF Mono',Consolas,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-wide:0.05em;--ease-out:cubic-bezier(0.215,0.61,0.355,1);--ease-in-out:cubic-bezier(0.645,0.045,0.355,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--duration-instant:50ms;--duration-fast:150ms;--duration-normal:250ms;--duration-base:300ms;--duration-slow:500ms;--duration-slower:800ms;--transition-fast:var(--duration-fast) var(--ease-smooth);--transition-base:var(--duration-base) var(--ease-smooth);--transition-slow:var(--duration-slow) var(--ease-out);--transition-spring:600ms var(--ease-spring);--z-base:1;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--z-max:9999;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:'kern' 1,'liga' 1,'ss01' 1,'cv11' 1,'cv02' 1,'cv03' 1,'cv04' 1;font-synthesis:none;text-size-adjust:100%;color-scheme:dark}@media (prefers-color-scheme:light){html:not([data-theme]){color-scheme:light}}body{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1.65;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;min-height:100vh;min-height:100dvh;-webkit-overflow-scrolling:touch;font-feature-settings:'kern' 1,'liga' 1,'ss01' 1,'cv11' 1,'cv02' 1,'cv03' 1;font-optical-sizing:auto;transition:background-color 240ms var(--ease-smooth),color 240ms var(--ease-smooth);scrollbar-gutter:stable}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-medium);line-height:1.15;letter-spacing:-0.025em;color:var(--text-primary);margin:0;text-wrap:balance;font-stretch:100%}h1{font-size:clamp(2.25rem,1.5rem+3.5vw,3.5rem);font-weight:600;letter-spacing:-0.04em}h2{font-size:clamp(1.625rem,1.2rem+1.8vw,2.25rem);font-weight:600;letter-spacing:-0.03em}h3{font-size:clamp(1.25rem,1rem+1vw,1.5rem);font-weight:600;letter-spacing:-0.02em}h4{font-size:1.125rem;font-weight:600}h5{font-size:1rem;font-weight:600}h6{font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted)}p{margin:0;line-height:1.7;text-wrap:pretty}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--accent-hover);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent)}::selection{background:color-mix(in srgb,var(--accent) 28%,transparent);color:var(--text-primary)}::-moz-selection{background:color-mix(in srgb,var(--accent) 28%,transparent);color:var(--text-primary)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}button:focus-visible,.nav-link:focus-visible,.tag:focus-visible{outline-offset:4px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px;border:2px solid transparent;background-clip:padding-box;transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--accent);background-clip:padding-box;border:2px solid transparent}::-webkit-scrollbar-corner{background:transparent}@media (max-width:768px){html{scrollbar-width:none}html::-webkit-scrollbar{display:none}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.animate-fade-in-up,.animate-fade-in-left,.animate-scale-in,.animate-float{opacity:1 !important;transform:none !important}}.container{max-width:var(--container-xl);margin:0 auto;padding:var(--spacing-xl);width:100%;position:relative;z-index:1}.icon{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:middle;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:color var(--transition-fast),transform var(--transition-fast)}.icon-filled{fill:currentColor;stroke:none}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}.icon-xl{width:32px;height:32px}.icon-2xl{width:40px;height:40px}.icon-3xl{width:56px;height:56px}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);box-shadow:var(--shadow-md)}.card{position:relative;padding:var(--spacing-xl);border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 100%,var(--text-primary) 2%) 0%,var(--surface) 60%);border:1px solid var(--hairline);display:flex;flex-direction:column;min-width:0;transition:transform var(--transition-base),border-color var(--transition-base),background var(--transition-base),box-shadow var(--transition-base);will-change:transform;contain:layout style paint;box-shadow:var(--shadow-sm)}.card::before{content:'';position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--accent) 40%,transparent) 50%,transparent 100%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--border-accent) 60%,var(--border));box-shadow:var(--shadow-lg)}.card:hover::before{opacity:1}.card.glass{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 100%,var(--text-primary) 2%) 0%,var(--surface) 60%)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0.625rem 1.125rem;border-radius:var(--radius);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:1.2;letter-spacing:0.005em;cursor:pointer;transition:transform var(--transition-base),background var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base);border:1px solid transparent;outline:none;gap:0.5rem;user-select:none;-webkit-user-select:none;white-space:nowrap;will-change:transform,box-shadow;position:relative;isolation:isolate}.btn-primary{background:var(--accent);color:var(--accent-contrast);border-color:color-mix(in srgb,var(--accent) 80%,transparent);font-weight:var(--font-weight-semibold);box-shadow:var(--halo-accent-sm)}.btn-primary:hover{transform:translateY(-1.5px);box-shadow:var(--halo-accent-md);border-color:var(--accent);color:var(--accent-contrast);background:var(--accent-hover)}.btn-primary:active{transform:translateY(0);box-shadow:var(--halo-accent-sm)}.btn-outline{background:transparent;border:1px solid var(--border-strong);color:var(--text-primary);font-weight:var(--font-weight-medium)}.btn-outline:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.btn-ghost{background:transparent;border:1px solid transparent;color:var(--text-secondary);font-weight:var(--font-weight-medium)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--hairline)}.tag{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);transition:all var(--transition-fast);white-space:nowrap;gap:var(--spacing-xs)}.tag:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--border-accent)}.link-arrow{display:inline-flex;align-items:center;color:var(--accent);font-weight:var(--font-weight-medium);margin-top:auto;transition:all var(--transition-fast);gap:var(--spacing-xs)}.link-arrow::after{content:'→';transition:transform var(--transition-fast)}.link-arrow:hover{color:var(--accent-hover)}.link-arrow:hover::after{transform:translateX(4px)}.section-title{text-align:left;position:relative;padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-2xl);color:var(--text-primary);font-weight:600;letter-spacing:-0.02em}.section-title::after{content:'';position:absolute;bottom:0;left:0;width:32px;height:2px;background:var(--accent);border-radius:0;transform-origin:left center;animation:accentLine 600ms var(--ease-out) 200ms both}@keyframes accentLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.section-title::after{animation:none;transform:scaleX(1)}}@supports (view-transition-name:root){::view-transition-old(root){animation:vtFadeOut 320ms var(--ease-smooth) both}::view-transition-new(root){animation:vtFadeIn 320ms var(--ease-smooth) both}@keyframes vtFadeOut{to{opacity:0}}@keyframes vtFadeIn{from{opacity:0}}}@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.hero-visual{animation:heroVisualScroll linear both;animation-timeline:view();animation-range:exit -10% exit-crossing 50%}@keyframes heroVisualScroll{to{transform:translateY(-30px) scale(0.94);opacity:0.7}}}}.prose{max-width:68ch;color:var(--text-primary);font-size:1.0625rem;line-height:1.75;text-wrap:pretty}.prose>*+*{margin-top:1.25em}.prose h1,.prose h2,.prose h3,.prose h4{margin-top:1.8em;line-height:1.25}.prose h1{font-size:2rem}.prose h2{font-size:1.5rem}.prose h3{font-size:1.25rem}.prose p,.prose li{color:var(--text-secondary)}.prose strong{color:var(--text-primary);font-weight:600}.prose a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-underline-offset:3px}.prose a:hover{text-decoration-color:var(--accent);color:var(--accent-hover)}.prose code{font-family:var(--font-mono);font-size:0.9em;padding:0.15em 0.4em;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-primary)}.prose pre{font-family:var(--font-mono);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-md) var(--spacing-lg);overflow-x:auto;font-size:0.875rem;line-height:1.6}.prose pre code{background:none;border:none;padding:0;font-size:inherit}.prose blockquote{border-left:2px solid var(--accent);padding:0.25em 0 0.25em 1.25em;margin:1.25em 0;color:var(--text-secondary);font-style:italic}.prose ul,.prose ol{padding-left:1.5em}.prose li+li{margin-top:0.5em}.prose hr{border:none;border-top:1px solid var(--border);margin:2.5em 0}.prose img{max-width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--border)}.prose table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:0.9375rem;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.prose thead{background:var(--bg-tertiary)}.prose th,.prose td{padding:0.625em 0.875em;text-align:left;border-bottom:1px solid var(--border)}.prose th{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.prose tr:last-child td{border-bottom:none}@supports (container-type:inline-size){.card-adaptive{container-type:inline-size;container-name:card}@container card (min-width:480px){.card-adaptive{flex-direction:row;align-items:center}.card-adaptive>:first-child{flex:0 0 auto}.card-adaptive>:last-child{flex:1 1 auto}}}@supports (content-visibility:auto){.cv-auto{content-visibility:auto;contain-intrinsic-size:auto 600px}}body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0.5,0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:160px 160px;background-repeat:repeat;opacity:0.04;mix-blend-mode:overlay;print-color-adjust:exact;-webkit-print-color-adjust:exact}@media (prefers-color-scheme:light){body::before{opacity:0.06}}@media (prefers-contrast:more){body::before{display:none}}.grid{display:grid;gap:var(--spacing-xl)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,0.03) 25%,rgba(255,255,255,0.08) 50%,rgba(255,255,255,0.03) 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:var(--radius)}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-screen{position:absolute;inset:0;padding:var(--spacing-xl);background:var(--bg-secondary);z-index:10;display:flex;flex-direction:column;gap:var(--spacing-lg);transition:opacity 0.3s ease;pointer-events:none}.skeleton-screen.hidden{opacity:0}.skeleton-header{height:60px;width:40%;margin-bottom:var(--spacing-lg)}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);flex:1}.skeleton-card{height:200px;border-radius:var(--radius-lg)}.theme-selector{position:fixed;top:1.5rem;right:2rem;z-index:var(--z-fixed)}.theme-btn{width:44px;height:44px;border-radius:var(--radius-full);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 100%,var(--text-primary) 4%) 0%,var(--surface) 100%);border:1px solid var(--hairline);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:transform var(--transition-base),background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);box-shadow:var(--shadow-sm);overflow:hidden;position:relative}.theme-btn::before{content:'';position:absolute;inset:0;background:var(--accent-soft);opacity:0;transition:opacity var(--transition-base);border-radius:inherit}.theme-btn:hover{transform:translateY(-1px) scale(1.04);border-color:var(--border-accent);box-shadow:var(--halo-accent-sm)}.theme-btn:hover::before{opacity:1}.theme-btn:active{transform:translateY(0) scale(0.97)}.theme-btn .icon{position:relative;z-index:1;transition:transform var(--transition-spring);color:var(--text-primary)}.theme-btn .theme-icon{position:absolute;inset:0;margin:auto;width:18px;height:18px;transition:transform var(--transition-spring),opacity var(--transition-base)}.theme-btn[aria-pressed="true"] .theme-icon-moon{transform:rotate(0) scale(1);opacity:1}.theme-btn[aria-pressed="true"] .theme-icon-sun{transform:rotate(-90deg) scale(0);opacity:0}.theme-btn[aria-pressed="false"] .theme-icon-moon{transform:rotate(90deg) scale(0);opacity:0}.theme-btn[aria-pressed="false"] .theme-icon-sun{transform:rotate(0) scale(1);opacity:1}.theme-btn:hover .theme-icon{color:var(--accent)}.sidebar-uptime{margin:var(--spacing-sm) var(--spacing-sm) 0;padding:var(--spacing-md);border-radius:var(--radius);background:var(--surface-hover);border:1px solid var(--hairline);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);transition:background var(--transition-base),border-color var(--transition-base)}.sidebar-uptime:hover{background:var(--surface-active);border-color:var(--hairline-strong)}.uptime-icon{width:18px;height:18px;color:var(--status-success);animation:pulse 2.4s var(--ease-in-out) infinite}.uptime-text{display:flex;flex-direction:column;gap:2px;line-height:1.25}.uptime-label{font-size:0.625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:var(--font-weight-semibold)}.uptime-value{font-size:0.8125rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-0.005em}@media (max-width:768px){.sidebar-uptime{padding:var(--spacing-sm)}.uptime-icon{width:18px;height:18px}.uptime-label{font-size:0.6rem}.uptime-value{font-size:0.7rem}}details{margin:var(--spacing-lg) 0;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);overflow:hidden;transition:all var(--transition-base)}details:hover{border-color:var(--border-strong);background:var(--surface-hover)}details[open]{border-color:var(--border-strong)}summary{padding:var(--spacing-lg);cursor:pointer;font-weight:var(--font-weight-medium);color:var(--text-primary);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);transition:all var(--transition-base);user-select:none}summary::-webkit-details-marker{display:none}summary:hover{background:var(--surface-hover)}details>*:not(summary){padding:0 var(--spacing-lg) var(--spacing-lg);animation:detailsOpen 0.3s var(--ease-out)}@keyframes detailsOpen{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.icon-list{list-style:none}.icon-list-item{display:flex;align-items:center;padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);border-radius:var(--radius);transition:all var(--transition-fast);gap:var(--spacing-md)}.icon-list-item:hover{background:var(--glass-bg-hover);transform:translateX(4px)}.icon-list-item .icon{color:var(--accent);transition:color var(--transition-fast),transform var(--transition-fast)}.icon-list-item:hover .icon{color:var(--accent-hover);transform:scale(1.1)}.main-container{display:flex;height:100vh;height:100dvh;padding:var(--spacing-md);gap:var(--spacing-md);overflow:hidden;position:relative}.sidebar{width:280px;display:flex;flex-direction:column;padding:var(--spacing-lg) 0;border-radius:var(--radius-xl);z-index:var(--z-base);transition:transform var(--transition-base),box-shadow var(--transition-base);flex-shrink:0;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 100%,var(--text-primary) 2%) 0%,var(--surface) 100%);border:1px solid var(--hairline);box-shadow:var(--shadow-sm);overflow:hidden;position:relative}.sidebar::before{content:'';position:absolute;top:-40%;left:-20%;width:140%;height:60%;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 12%,transparent) 0%,transparent 70%);pointer-events:none;opacity:0.6;z-index:0}.sidebar>*{position:relative;z-index:1}.profile-section{text-align:center;padding:var(--spacing-md) var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--hairline);margin:0 var(--spacing-sm)}.profile-avatar{width:88px;height:88px;border-radius:50%;margin:0 auto var(--spacing-md);padding:3px;background:var(--gradient-primary);transition:transform var(--transition-base),box-shadow var(--transition-base);position:relative;overflow:visible;box-shadow:var(--halo-accent-sm)}.profile-avatar::before{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--surface);z-index:0}.profile-avatar img{position:relative;z-index:1;width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.profile-avatar:hover{transform:scale(1.04);box-shadow:var(--halo-accent-md)}.profile-name{font-size:1.0625rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:-0.01em;line-height:1.2}.profile-handle{margin-top:2px;font-size:0.75rem;color:var(--text-muted);letter-spacing:0.02em}.nav-menu{flex:1;list-style:none;padding:var(--spacing-sm) 0;margin:0 var(--spacing-sm);overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--border-strong) 50%,transparent) transparent}.nav-menu::-webkit-scrollbar{width:6px}.nav-menu::-webkit-scrollbar-track{background:transparent}.nav-menu::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--border-strong) 40%,transparent);border-radius:var(--radius-full);transition:background var(--transition-fast)}.nav-menu:hover::-webkit-scrollbar-thumb,.nav-menu:focus-within::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 70%,transparent)}.nav-menu::-webkit-scrollbar-thumb:hover{background:var(--accent)}.nav-link{display:flex;align-items:center;padding:0.6875rem 0.875rem;color:var(--text-secondary);font-size:0.9rem;font-weight:var(--font-weight-medium);position:relative;transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);border-radius:var(--radius);cursor:pointer;user-select:none;gap:0.625rem;margin:1px 0}.nav-link::before{content:'';position:absolute;left:-0.5rem;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:60%;background:var(--accent);border-radius:0 3px 3px 0;transition:transform var(--transition-base)}.nav-link:hover{color:var(--text-primary);background:var(--surface-hover);transform:translateX(2px)}.nav-link:hover::before{transform:translateY(-50%) scaleY(0.6)}.nav-link.active{color:var(--accent);background:var(--accent-soft);font-weight:var(--font-weight-semibold)}.nav-link.active::before{transform:translateY(-50%) scaleY(1)}.nav-link .icon{width:18px;height:18px;color:currentColor;flex-shrink:0;transition:transform var(--transition-fast)}.nav-link:hover .icon{transform:scale(1.08)}.nav-link.active .icon{transform:scale(1.05)}.viewport{flex:1;position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-secondary) 100%,var(--text-primary) 1.5%) 0%,var(--bg-secondary) 100%);border-radius:var(--radius-xl);border:1px solid var(--hairline);overflow:hidden;box-shadow:var(--shadow-md);contain:strict;scrollbar-gutter:stable}#page-slider{display:flex;width:100%;height:100%;will-change:transform;transform:translate3d(0,0,0)}.page-frame{min-width:100%;height:100%;border:none;background:transparent;transition:background-color 0.2s ease}.hamburger-btn{position:fixed;top:var(--spacing-md);left:var(--spacing-md);z-index:calc(var(--z-fixed)+1);width:44px;height:44px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 100%,var(--text-primary) 4%) 0%,var(--surface) 100%);border:1px solid var(--hairline);border-radius:var(--radius);display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;color:var(--text-primary);transition:transform var(--transition-base),background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);box-shadow:var(--shadow-sm)}.hamburger-btn:hover{transform:translateY(-1px) scale(1.04);border-color:var(--border-accent);box-shadow:var(--halo-accent-sm)}.hamburger-btn:active{transform:translateY(0) scale(0.97)}.hamburger-btn span{display:block;width:20px;height:1.75px;background-color:currentColor;border-radius:2px;transition:transform var(--transition-base),opacity var(--transition-fast);transform-origin:center}.hamburger-btn.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn.active span:nth-child(2){opacity:0;transform:translateX(-8px)}.hamburger-btn.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:calc(var(--z-fixed) - 1);opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.sidebar-overlay.active{opacity:1;pointer-events:auto}.hero{min-height:65vh;display:flex;align-items:center;position:relative;gap:var(--spacing-2xl);padding:var(--spacing-3xl) 0}.hero::before{content:'';position:absolute;top:10%;left:-10%;width:60%;height:80%;background:var(--gradient-mesh);opacity:0.5;pointer-events:none;z-index:0;filter:blur(40px)}.hero-content{z-index:2;flex:1;max-width:600px;position:relative}.hero-visual{flex:1;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.hero h1{font-size:clamp(2.5rem,4vw+1rem,4rem);color:var(--text-primary);margin-bottom:var(--spacing-md);letter-spacing:-0.04em;line-height:1.05;font-weight:600;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.eyebrow{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:0.75rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.12em;color:var(--text-muted);margin:0 0 var(--spacing-md) 0}.eyebrow::before{content:'';width:24px;height:1px;background:currentColor;opacity:0.6}.hero p.tagline{font-size:var(--font-size-sm);color:var(--accent);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xl);display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:0.375rem 0.875rem;background:var(--accent-soft);border-radius:var(--radius-full);border:1px solid var(--border-accent);transition:background var(--transition-base),border-color var(--transition-base);letter-spacing:0.01em;cursor:default}.hero p.tagline .icon{color:var(--accent);flex-shrink:0}.hero p.tagline:hover{background:var(--accent-soft-hover);border-color:var(--accent)}.hero-description{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--text-secondary);margin-bottom:var(--spacing-2xl);max-width:500px}.avatar-wrapper{position:relative;width:280px;height:280px;margin:0 auto;border-radius:50%;padding:4px;background:var(--border);box-shadow:0 1px 2px rgba(0,0,0,0.30),0 8px 24px color-mix(in srgb,var(--accent) 8%,transparent);will-change:transform;transition:box-shadow var(--transition-base),transform var(--transition-base)}.avatar-wrapper:hover{transform:scale(1.02);box-shadow:0 1px 2px rgba(0,0,0,0.30),0 12px 32px color-mix(in srgb,var(--accent) 14%,transparent)}.avatar-wrapper::after{content:'';position:absolute;bottom:10px;right:10px;width:18px;height:18px;background:var(--status-success);border:3px solid var(--bg-primary);border-radius:50%;box-shadow:0 0 0 2px color-mix(in srgb,var(--status-success) 30%,transparent);animation:statusPulse 2.4s var(--ease-in-out) infinite}@keyframes statusPulse{0%,100%{box-shadow:0 0 0 2px color-mix(in srgb,var(--status-success) 30%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--status-success) 0%,transparent)}}.avatar-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:var(--bg-primary);border:4px solid var(--bg-primary);display:block}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-top:var(--spacing-xl);max-width:480px}.stat-item{text-align:center;padding:var(--spacing-lg);border-radius:var(--radius-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:var(--border);transform:scaleX(0);transition:transform var(--transition-base)}.stat-item:hover{transform:translateY(-2px);border-color:var(--border-strong)}.stat-item:hover::before{transform:scaleX(1)}.stat-num{font-size:2.25rem;font-weight:var(--font-weight-semibold);color:var(--accent);display:block;margin-bottom:var(--spacing-xs);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-0.02em}.stat-label{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.skill-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl);gap:var(--spacing-md)}.skill-card:hover{transform:translateY(-2px);border-color:var(--border-strong)}.skill-card::before{opacity:1}.skill-card .icon{width:56px;height:56px;color:var(--accent);transition:all var(--transition-base)}.skill-card:hover .icon{transform:scale(1.05);color:var(--accent-hover)}.skill-card h3{font-size:var(--font-size-lg);margin-bottom:0}.skill-card p{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:0}.project-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.project-icon{width:40px;height:40px;border-radius:var(--radius);object-fit:cover;background:var(--bg-tertiary);border:1px solid var(--glass-border);transition:all var(--transition-base);padding:4px}.project-header:hover .project-icon{transform:scale(1.05);border-color:var(--border-strong)}.project-desc{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg);flex:1}.project-tags{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.project-tags .tag{background:var(--surface);border-color:var(--border);font-size:var(--font-size-xs);padding:var(--spacing-xs) 0.625rem}.project-tags .tag:hover{background:var(--accent-soft);border-color:var(--border-accent);color:var(--accent)}.open-source-list .icon-list-item{padding-left:1rem;border-left:2px solid var(--border);gap:0;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.open-source-list .icon-list-item:hover{border-left-color:var(--accent);background:var(--surface-hover);transform:translateX(3px)}.project-card-wide{grid-column:1/-1}.hero-about-card .link-arrow{margin-top:var(--spacing-md)}.tech-card-desc{color:var(--text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-medium)}.about-info-card{text-align:center;margin-bottom:var(--spacing-xl)}.about-contact-card{margin-top:var(--spacing-xl)}.about-contact-card h2{text-align:center;margin-bottom:var(--spacing-xl)}.about-contact-item{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--glass-bg);text-decoration:none;transition:all var(--transition-base)}.about-contact-item:hover{transform:translateY(-2px);background:var(--surface-hover);border-color:var(--border-strong)}.about-contact-item .icon{width:32px;height:32px;margin-bottom:var(--spacing-md);color:var(--accent);transition:transform var(--transition-base)}.about-contact-item:hover .icon{transform:scale(1.05);color:var(--accent-hover)}.about-contact-item h3{margin-bottom:var(--spacing-xs)}.about-contact-item p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:0}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.98)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes beat{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn 0.6s var(--ease-out) both}.animate-fade-in-left{animation:fadeInLeft 0.6s var(--ease-out) both}.animate-fade-in-up{animation:fadeInUp 0.6s var(--ease-out) both}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-float{animation:float 6s var(--ease-in-out) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-beat{animation:beat 1.5s var(--ease-spring) infinite}.animate-scale-in{animation:scaleIn 0.4s var(--ease-out) both}.delay-100{animation-delay:0.1s}.delay-200{animation-delay:0.2s}.delay-300{animation-delay:0.3s}.delay-400{animation-delay:0.4s}.delay-500{animation-delay:0.5s}.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:var(--accent);color:var(--accent-contrast);padding:0.75rem 1.5rem;border-radius:0 0 var(--radius) var(--radius);font-weight:var(--font-weight-semibold);z-index:var(--z-max);transition:top 0.3s ease;text-decoration:none;box-shadow:var(--shadow-md)}.skip-link:focus{top:0;outline:none}@media (min-width:640px){.grid-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid-3{grid-template-columns:repeat(3,1fr)}.container{padding:var(--spacing-xl)}}@media (min-width:1024px){.grid-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){:root{--spacing-xl:2.5rem;--spacing-2xl:4rem}}@media (min-width:1600px){.container{max-width:1400px}}@media (max-width:768px){:root{--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem}html{font-size:15px}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.container{padding:var(--spacing-md)}.grid-4{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.main-container{padding:0;gap:0}.sidebar{position:fixed;inset:0 auto 0 0;width:280px;transform:translateX(-100%);background:var(--bg-secondary);backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);box-shadow:none;z-index:var(--z-fixed)}.sidebar.active{transform:translateX(0);box-shadow:var(--shadow-xl)}.viewport{border-radius:0;border:none}.hamburger-btn{display:flex}.hero{flex-direction:column-reverse;text-align:center;padding-top:var(--spacing-2xl);min-height:auto;gap:var(--spacing-lg)}.hero-content{margin-top:var(--spacing-lg)}.hero::before{display:none}.hero p.tagline{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md)}.avatar-wrapper{width:200px;height:200px}.stats-grid{gap:var(--spacing-sm);max-width:100%}.stat-item{padding:var(--spacing-md)}.stat-num{font-size:1.5rem}.stat-label{font-size:var(--font-size-xs)}.theme-selector{top:var(--spacing-md);right:var(--spacing-md)}.theme-btn{width:44px;height:44px}}@media (max-width:480px){html{font-size:14px}h1{font-size:1.75rem}.avatar-wrapper{width:160px;height:160px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs)}.stat-num{font-size:1.25rem}.stat-label{font-size:var(--font-size-xs)}.payment-grid{grid-template-columns:1fr}.qr-modal-img{width:240px;height:240px}}.donate-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.donate-card{max-width:480px;width:100%;text-align:center;padding:var(--spacing-2xl) !important;align-items:center !important;position:relative;z-index:1}.kofi-logo-wrapper{width:80px;height:80px;background:var(--surface);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);transition:all var(--transition-base)}.donate-card:hover .kofi-logo-wrapper{transform:scale(1.05);background:var(--surface-hover)}.kofi-logo{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1))}.donate-title{font-size:1.75rem;margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.donate-desc{color:var(--text-secondary);margin-bottom:var(--spacing-xl);line-height:var(--line-height-relaxed)}.btn-payment{width:100%;height:56px;font-size:1.1rem;letter-spacing:0.5px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:12px;border:none;color:white;transition:all var(--transition-base);border-radius:var(--radius);text-decoration:none;cursor:pointer;margin-bottom:var(--spacing-md)}.btn-payment:last-child{margin-bottom:0}.btn-payment:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.2)}.btn-payment::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:0.5s}.btn-payment:hover::after{left:100%}.btn-kofi{background:#ff5e5b}.btn-kofi:hover{background:#dc5755;color:white;box-shadow:0 8px 20px rgba(255,94,91,0.4)}.btn-wechat{background:#07c160}.btn-wechat:hover{background:#06ad56;box-shadow:0 8px 20px rgba(7,193,96,0.4)}.btn-alipay{background:#1677ff}.btn-alipay:hover{background:#1363df;box-shadow:0 8px 20px rgba(22,119,255,0.4)}.btn-payment .icon{width:24px;height:24px;flex-shrink:0}.bg-glow{position:absolute;width:300px;height:300px;background:var(--accent);filter:blur(100px);opacity:0.08;border-radius:50%;z-index:-1;pointer-events:none}.divider{display:flex;align-items:center;color:var(--text-muted);margin:var(--spacing-xl) 0;font-size:var(--font-size-sm);width:100%}.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--glass-border)}.divider span{padding:0 1rem;opacity:0.7}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);width:100%}.qr-modal{position:fixed;inset:0;background:rgba(0,0,0,0.2);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.qr-modal.active{opacity:1;pointer-events:auto}.qr-modal-content{background:white;padding:2rem;border-radius:var(--radius-lg);text-align:center;transform:scale(0.9);transition:transform var(--transition-spring);position:relative;max-width:90%}.qr-modal.active .qr-modal-content{transform:scale(1)}.qr-modal-img{width:300px;height:300px;object-fit:contain;display:block;margin-bottom:1rem}.qr-modal-title{color:var(--text-primary);font-size:1.25rem;font-weight:var(--font-weight-bold);margin-bottom:0.5rem}.qr-modal-tip{color:var(--text-secondary);font-size:var(--font-size-sm)}.qr-close-btn{position:absolute;top:-40px;right:0;background:none;border:none;color:white;cursor:pointer;padding:8px}.qr-close-btn .icon{width:32px;height:32px}body{background-image:var(--gradient-mesh);background-attachment:fixed;background-size:100% 100%;background-repeat:no-repeat}body::before{opacity:0.025;background-size:200px 200px}@media (prefers-color-scheme:light){body::before{opacity:0.035}}.tag{padding:0.25rem 0.625rem;font-size:0.75rem;border-radius:var(--radius-full);background:var(--surface-hover);color:var(--text-secondary);border:1px solid var(--hairline);transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.tag:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--border-accent);transform:translateY(-1px)}.link-arrow{display:inline-flex;align-items:center;color:var(--accent);font-weight:var(--font-weight-medium);margin-top:auto;font-size:0.875rem;gap:0.375rem;transition:color var(--transition-fast),gap var(--transition-fast)}.link-arrow::after{content:'→';transition:transform var(--transition-base);display:inline-block}.link-arrow:hover{color:var(--accent-hover);gap:0.625rem}.link-arrow:hover::after{transform:translateX(3px)}.section-title{text-align:left;position:relative;padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-2xl);color:var(--text-primary);font-weight:600;font-size:clamp(1.25rem,1rem+0.8vw,1.5rem);letter-spacing:-0.02em;display:inline-flex;align-items:center;gap:0.75rem}.section-title::before{content:'';width:4px;height:1.1em;background:var(--accent);border-radius:2px;flex-shrink:0}.section-title::after{display:none}.stat-item{text-align:center;padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--hairline);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 100%,var(--text-primary) 2%) 0%,var(--surface) 100%);transition:transform var(--transition-base),border-color var(--transition-base),background var(--transition-base),box-shadow var(--transition-base);position:relative;overflow:hidden}.stat-item::after{content:'';position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--accent) 50%,transparent) 50%,transparent 100%);opacity:0;transition:opacity var(--transition-base)}.stat-item::before{display:none}.stat-item:hover{transform:translateY(-2px);border-color:var(--border-accent);box-shadow:var(--shadow-md)}.stat-item:hover::after{opacity:1}.stat-num{font-size:2.25rem;font-weight:var(--font-weight-semibold);color:var(--accent);display:block;margin-bottom:var(--spacing-xs);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-0.025em}.stat-label{font-size:0.6875rem;color:var(--text-muted);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.1em}.skill-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:var(--spacing-xl);gap:var(--spacing-md);border:1px solid var(--hairline);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 100%,var(--text-primary) 2%) 0%,var(--surface) 100%);border-radius:var(--radius-lg);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);position:relative;overflow:hidden}.skill-card::before{display:none}.skill-card:hover{transform:translateY(-3px);border-color:var(--border-accent);box-shadow:var(--shadow-lg)}.skill-card .icon{width:44px;height:44px;color:var(--accent);transition:color var(--transition-base),transform var(--transition-base);padding:8px;background:var(--accent-soft);border-radius:var(--radius);box-sizing:content-box}.skill-card:hover .icon{color:var(--accent);transform:scale(1.04);background:color-mix(in srgb,var(--accent-soft) 100%,var(--accent) 8%)}.skill-card h3{font-size:1.0625rem;font-weight:var(--font-weight-semibold);margin-bottom:0;letter-spacing:-0.01em}.skill-card p{font-size:0.8125rem;color:var(--text-muted);line-height:1.6;margin-bottom:0}.icon-list-item{display:flex;align-items:center;padding:0.625rem 0.75rem;margin-bottom:2px;border-radius:var(--radius);border:1px solid transparent;background:transparent;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);gap:0.75rem}.icon-list-item:hover{background:var(--surface-hover);border-color:var(--hairline);transform:translateX(3px)}.icon-list-item .icon{color:var(--accent);transition:color var(--transition-fast),transform var(--transition-fast)}.icon-list-item:hover .icon{color:var(--accent-hover);transform:scale(1.1)}details{margin:var(--spacing-lg) 0;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--hairline);overflow:hidden;transition:border-color var(--transition-base),background var(--transition-base),box-shadow var(--transition-base)}details:hover{border-color:var(--hairline-strong);background:var(--surface-hover)}details[open]{border-color:var(--border-accent);box-shadow:var(--halo-accent-sm)}summary{padding:1rem 1.25rem;cursor:pointer;font-weight:var(--font-weight-semibold);color:var(--text-primary);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);transition:background var(--transition-base),color var(--transition-base);user-select:none;font-size:0.9375rem;letter-spacing:-0.005em}summary::-webkit-details-marker{display:none}summary::after{content:'+';font-size:1.25rem;color:var(--text-muted);transition:transform var(--transition-base),color var(--transition-base);font-weight:300;line-height:1}details[open] summary::after{transform:rotate(45deg);color:var(--accent)}summary:hover{background:var(--surface-hover)}details>*:not(summary){padding:0 1.25rem 1.25rem;animation:detailsOpen 0.35s var(--ease-out)}@keyframes detailsOpen{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--border-strong) 80%,transparent);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box;transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--accent);background-clip:padding-box;border:2px solid transparent}.badge{display:inline-flex;align-items:center;gap:0.375rem;padding:0.25rem 0.625rem;border-radius:var(--radius-full);font-size:0.6875rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.08em;background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent)}.badge::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.badge-muted{background:var(--surface-hover);color:var(--text-muted);border-color:var(--hairline)}.badge-muted::before{background:var(--text-muted)}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.bg-dots{background-image:radial-gradient( color-mix(in srgb,var(--text-muted) 12%,transparent) 1px,transparent 1px);background-size:24px 24px}.accent-divider{height:1px;width:100%;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--accent) 30%,transparent) 50%,transparent 100%);border:none;margin:var(--spacing-xl) 0}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast);text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,var(--accent) 0%,transparent)}a:hover{color:var(--accent-hover);text-decoration-color:color-mix(in srgb,var(--accent) 50%,transparent)}.about-contact-item{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-decoration:none;transition:transform var(--transition-base),border-color var(--transition-base),background var(--transition-base),box-shadow var(--transition-base);position:relative;overflow:hidden}.about-contact-item::before{content:'';position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--accent) 50%,transparent) 50%,transparent 100%);opacity:0;transition:opacity var(--transition-base);z-index:2}.about-contact-item:hover{transform:translateY(-3px);background:var(--surface-hover);border-color:var(--border-accent);box-shadow:var(--shadow-md)}.about-contact-item:hover::before{opacity:1}.about-contact-item .icon{width:32px;height:32px;margin-bottom:var(--spacing-md);color:var(--accent);padding:8px;background:var(--accent-soft);border-radius:var(--radius);transition:transform var(--transition-base),background var(--transition-base);box-sizing:content-box}.about-contact-item:hover .icon{transform:scale(1.05);background:color-mix(in srgb,var(--accent-soft) 100%,var(--accent) 10%)}.eyebrow{display:inline-flex;align-items:center;gap:0.625rem;font-size:0.75rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.14em;color:var(--accent);margin:0 0 var(--spacing-md) 0}.eyebrow::before{content:'';width:28px;height:1px;background:currentColor;opacity:0.5}.hero p.tagline{font-size:0.8125rem;color:var(--accent);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xl);display:inline-flex;align-items:center;gap:0.5rem;padding:0.4375rem 0.9375rem;background:var(--accent-soft);border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);transition:background var(--transition-base),border-color var(--transition-base),transform var(--transition-base);letter-spacing:0.005em;cursor:default}.hero p.tagline .icon{color:var(--accent);flex-shrink:0;width:14px;height:14px}.hero p.tagline:hover{background:color-mix(in srgb,var(--accent-soft) 100%,var(--accent) 6%);border-color:color-mix(in srgb,var(--accent) 36%,transparent);transform:translateY(-1px)}.hero-description{font-size:1.0625rem;line-height:1.7;color:var(--text-secondary);margin-bottom:var(--spacing-2xl);max-width:500px}.avatar-wrapper{position:relative;width:280px;height:280px;margin:0 auto;border-radius:50%;padding:4px;background:var(--gradient-primary);box-shadow:0 1px 2px rgba(0,0,0,0.30),0 12px 40px -8px color-mix(in srgb,var(--accent) 30%,transparent),0 0 0 1px color-mix(in srgb,var(--accent) 14%,transparent);will-change:transform;transition:box-shadow var(--transition-base),transform var(--transition-base)}.avatar-wrapper:hover{transform:scale(1.02);box-shadow:0 1px 2px rgba(0,0,0,0.30),0 20px 60px -8px color-mix(in srgb,var(--accent) 50%,transparent),0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent)}.avatar-wrapper::after{content:'';position:absolute;bottom:14px;right:14px;width:18px;height:18px;background:var(--status-success);border:3px solid var(--bg-primary);border-radius:50%;box-shadow:0 0 0 2px color-mix(in srgb,var(--status-success) 30%,transparent);animation:statusPulse 2.4s var(--ease-in-out) infinite;z-index:2}.avatar-wrapper::before{content:'';position:absolute;inset:4px;border-radius:50%;background:var(--bg-primary);z-index:0}.avatar-wrapper img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.kofi-logo-wrapper{width:72px;height:72px;background:var(--surface);border:1px solid var(--hairline);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);transition:transform var(--transition-base),background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);box-shadow:var(--shadow-sm)}.donate-card:hover .kofi-logo-wrapper{transform:scale(1.06);background:var(--surface-hover);border-color:var(--border-accent);box-shadow:var(--halo-accent-sm)}.donate-card{max-width:480px;width:100%;text-align:center;padding:var(--spacing-2xl) !important;align-items:center !important;position:relative;z-index:1;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 100%,var(--text-primary) 2%) 0%,var(--surface) 100%) !important;border:1px solid var(--hairline) !important;box-shadow:var(--shadow-lg) !important}.container{max-width:var(--container-xl);margin:0 auto;padding:clamp(1.25rem,2vw+0.5rem,2.5rem);width:100%;position:relative;z-index:1}.project-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:var(--spacing-md)}.project-icon{width:40px;height:40px;border-radius:var(--radius);object-fit:contain;background:var(--bg-tertiary);border:1px solid var(--hairline);transition:transform var(--transition-base),border-color var(--transition-base);padding:6px}.project-header:hover .project-icon{transform:scale(1.06);border-color:var(--border-accent)}.project-desc{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-lg);flex:1;font-size:0.9375rem}.project-tags{display:flex;gap:0.375rem;flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.project-tags .tag{background:var(--surface);border-color:var(--hairline);font-size:0.6875rem;padding:0.1875rem 0.5rem}.project-tags .tag:hover{background:var(--accent-soft);border-color:var(--border-accent);color:var(--accent)}.tech-card-desc{color:var(--text-muted);font-size:0.8125rem;margin-bottom:var(--spacing-md);font-weight:var(--font-weight-medium);letter-spacing:0.01em}input[type="text"],input[type="search"],input[type="number"],input[type="email"],input[type="url"],input[type="password"],input[type="tel"],input[type="date"],input[type="datetime-local"],textarea,select{font-family:var(--font-mono);font-size:0.875rem;line-height:1.5;padding:0.625rem 0.875rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);outline:none;width:100%;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);box-shadow:inset 0 1px 2px rgba(0,0,0,0.06)}input[type="text"]:hover,input[type="search"]:hover,input[type="number"]:hover,input[type="email"]:hover,input[type="url"]:hover,input[type="password"]:hover,input[type="tel"]:hover,input[type="date"]:hover,input[type="datetime-local"]:hover,textarea:hover,select:hover{border-color:var(--border-strong);background:var(--surface-hover)}input[type="text"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="date"]:focus,input[type="datetime-local"]:focus,textarea:focus,select:focus{border-color:var(--accent);background:var(--surface);box-shadow:inset 0 1px 2px rgba(0,0,0,0.04),0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:0.7}input:disabled,textarea:disabled,select:disabled{opacity:0.5;cursor:not-allowed;background:var(--bg-tertiary)}select{appearance:none;-webkit-appearance:none;padding-right:2.5rem;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 1.125rem) 50%,calc(100% - 0.75rem) 50%;background-size:0.375rem 0.375rem,0.375rem 0.375rem;background-repeat:no-repeat;cursor:pointer}select:hover{background-image:linear-gradient(45deg,transparent 50%,var(--text-primary) 50%),linear-gradient(135deg,var(--text-primary) 50%,transparent 50%)}input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:4px;padding:0;background:var(--bg-tertiary);border:none;border-radius:2px;outline:none;cursor:pointer;box-shadow:none}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);box-shadow:0 1px 3px rgba(0,0,0,0.3);cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast)}input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.15);background:var(--accent-hover)}input[type="range"]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);box-shadow:0 1px 3px rgba(0,0,0,0.3);cursor:pointer}input[type="color"]{-webkit-appearance:none;appearance:none;width:48px;height:32px;padding:2px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;box-shadow:none}input[type="color"]::-webkit-color-swatch-wrapper{padding:0}input[type="color"]::-webkit-color-swatch{border:none;border-radius:calc(var(--radius) - 2px)}input[type="file"]{padding:0.5rem;font-size:0.8125rem;cursor:pointer}input[type="file"]::file-selector-button{font-family:var(--font-mono);font-size:0.8125rem;padding:0.375rem 0.75rem;margin-right:0.75rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}input[type="file"]::file-selector-button:hover{background:var(--surface-active);border-color:var(--accent)}textarea{resize:vertical;min-height:100px;line-height:1.6}.search-box{position:relative;display:flex;align-items:center}.search-box input[type="text"],.search-box input[type="search"]{padding-left:2.5rem;padding-right:2.5rem}.search-box .icon,.search-box>svg{position:absolute;left:0.875rem;color:var(--text-muted);pointer-events:none;z-index:1}:root{--input-bg:var(--surface)}@media (prefers-color-scheme:light){:root{--input-bg:var(--bg-secondary)}}@keyframes contentFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-frame{animation:contentFadeIn 0.5s var(--ease-out) both}@media (prefers-reduced-motion:reduce){.page-frame{animation:none}}@media print{.sidebar,.hamburger-btn,.theme-selector,.sidebar-overlay{display:none !important}.main-container{display:block;height:auto}.viewport{box-shadow:none;border:none}body{background:white;color:black}}.glow-border{--mouse-angle:0;--glow-intensity:0;overflow:visible !important}.glow-border::after{content:'';position:absolute;inset:0px;border-radius:inherit;background:conic-gradient( from calc(var(--mouse-angle) * 1deg) at 50% 50%,transparent 0deg,var(--accent-soft-hover) 15deg,color-mix(in srgb,var(--accent) 30%,transparent) 35deg,color-mix(in srgb,var(--accent) 50%,transparent) 55deg,color-mix(in srgb,var(--accent) 30%,transparent) 80deg,var(--accent-soft-hover) 120deg,transparent 165deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;padding:3px;opacity:var(--glow-intensity);transition:opacity 0.1s ease;pointer-events:none;z-index:-1}@media (prefers-reduced-motion:reduce){.glow-border::after{transition:none}}@media (hover:none),(pointer:coarse){.glow-border::after{display:none}}.perf-low *{transition-duration:0.01ms !important;animation-duration:0.01ms !important;will-change:auto !important}.perf-low .card{contain:layout style;box-shadow:none}.perf-low .card:hover{transform:none;box-shadow:none;border-color:var(--accent)}.perf-low .btn,.perf-low .theme-btn,.perf-low .nav-link{transition-duration:0.01ms !important}.perf-low .glow-border::after{display:none}.no-glow-js .glow-border::after{display:none}.perf-medium .card{will-change:auto}.perf-medium .glow-border{overflow:hidden}.perf-medium .glow-border::after{display:none}.perf-medium .btn,.perf-medium .theme-btn{will-change:auto}@media (min-width:769px){body.has-standalone-nav{padding-left:calc(280px+var(--spacing-md) * 2)}body.has-standalone-nav .sidebar{position:fixed;top:var(--spacing-md);left:var(--spacing-md);bottom:var(--spacing-md);height:auto;border-radius:var(--radius-xl)}body.has-standalone-nav .hamburger-btn{display:none}body.has-standalone-nav .theme-selector{position:fixed;top:var(--spacing-md);right:var(--spacing-md);z-index:var(--z-fixed)}}@media (max-width:768px){body.has-standalone-nav .sidebar{position:fixed;inset:0 auto 0 0;width:280px;transform:translateX(-100%);background:var(--bg-secondary);backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);box-shadow:none;z-index:var(--z-fixed);border-radius:0;top:0;bottom:0;left:0;height:100vh}body.has-standalone-nav .sidebar.active{transform:translateX(0);box-shadow:var(--shadow-xl)}body.has-standalone-nav .hamburger-btn{display:flex;position:fixed;top:var(--spacing-md);left:var(--spacing-md);z-index:calc(var(--z-fixed)+1)}body.has-standalone-nav .theme-selector{position:fixed;top:var(--spacing-md);right:var(--spacing-md);z-index:var(--z-fixed)}}.mt-section{margin-top:4rem}.is-hidden{display:none}