:root{--bp-sm:576px;--bp-md:768px;--bp-lg:992px;--bp-xl:1200px;--bp-xxl:1440px;--sp-min:1px;--sp-1:0.25rem;--sp-2:0.5rem;--sp-3:0.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--sp-24:6rem;--fs-xs:0.75rem;--fs-sm:0.875rem;--fs-base:1rem;--fs-md:1.25rem;--fs-lg:1.563rem;--fs-xl:1.953rem;--fs-2xl:2.441rem;--fs-3xl:3.052rem;--fs-4xl:3.815rem;--fs-5xl:4.768rem;--lh-tight:1.2;--lh-snug:1.375;--lh-normal:1.6;--lh-relaxed:1.75;--lh-loose:2;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--rd-xs:0.25rem;--rd-sm:0.5rem;--rd-md:0.75rem;--rd-lg:1rem;--rd-xl:1.5rem;--rd-2xl:2rem;--rd-3xl:3rem;--rd-full:9999px;--tr-fast:150ms;--tr-base:300ms;--tr-slow:500ms;--tr-slower:600ms;--tr-slowest:1s;--ez-default:cubic-bezier(0.25, 0.46, 0.45, 0.94);--ez-spring:cubic-bezier(0.175, 0.885, 0.32, 1.275);--ez-smooth:cubic-bezier(0.4, 0, 0.2, 1);--cw:100%;--cw-sm:540px;--cw-md:720px;--cw-lg:960px;--cw-xl:1140px;--cw-xxl:1320px;--sz-header:70px;--sz-header-md:76px;--sz-header-lg:82px;--sz-icon-sm:48px;--sz-icon-md:56px;--sz-btn:34px;--sz-btn-close:38px;--sz-scroll:44px;--sz-post-img:200px;--sz-post-img-md:220px;--sz-article-hdr:300px;--sz-article-hdr-md:350px;--sz-toc:320px;--sz-search:500px;--sz-search-modal:600px;--sz-hero-right:360px;--sz-readable:800px;--sz-timeline:700px;--sz-posts-grid:1400px;--sz-sidebar:200px;--sz-sidebar-md:240px;--sz-sidebar-lg:280px;--sz-sidebar-xl:320px;--blur-sm:4px;--blur-md:8px;--blur-lg:16px;--blur-xl:32px;--ad-instant:0ms;--ad-fastest:50ms;--ad-faster:100ms;--ad-fast:150ms;--ad-base:300ms;--ad-slow:500ms;--ad-slower:600ms;--ad-slowest:1s;--ad-bounce:2s;--ad-float:3s;--ad-pulse:3s;--ad-shimmer:8s;--ad-gradient:8s;--ad-sparkle:2s;--ad-scroll-wheel:2s;--ad-star-twinkle:8s;--ao-min:4px;--ao-sm:8px;--ao-md:16px;--ao-lg:20px;--ao-xl:30px;--ao-2xl:40px;--ts-min:0.5;--ts-sm:0.8;--ts-md:0.95;--ts-base:1;--ts-lg:1.05;--ts-xl:1.1;--ts-2xl:1.15;--ts-3xl:1.2;--c-primary-100:#FDF3EE;--c-primary-200:#FCE6DC;--c-primary-300:#F0C4B8;--c-primary-400:#E8927C;--c-primary-500:#D07058;--c-primary-600:#B05840;--c-primary-700:#904028;--c-primary-800:#702C18;--c-primary-900:#501C0C;--c-secondary-100:#FFF5F0;--c-secondary-200:#FCE8DC;--c-secondary-300:#F5CCB8;--c-secondary-400:#F0A888;--c-secondary-500:#E88860;--c-secondary-600:#D06840;--c-secondary-700:#B05028;--c-secondary-800:#903818;--c-secondary-900:#70280C;--c-accent-100:#FFF8F0;--c-accent-200:#FFEED5;--c-accent-300:#F5D4A0;--c-accent-400:#E8B870;--c-accent-500:#D4A050;--c-accent-600:#B88838;--c-accent-700:#987028;--c-accent-800:#785820;--c-accent-900:#584018;--c-gold-100:#FFFAF0;--c-gold-200:#FFF0D5;--c-gold-300:#F5D8A8;--c-gold-400:#E8C080;--c-gold-500:#D4A860;--c-gold-600:#B89048;--c-gold-700:#987838;--c-gold-800:#785828;--c-gold-900:#584018;--c-bg:#FDF8F5;--c-bg-elevated:#F8F0EC;--c-bg-elevated-2:#F0E8E2;--c-surface:#FFFCFA;--c-surface-elevated:#FAF5F0;--c-surface-overlay:rgba(255, 252, 250, 0.72);--c-text-primary:#2E2825;--c-text-secondary:#5E524C;--c-text-tertiary:#7E6E66;--c-text-disabled:#7E6E66;--c-border:#E8DED6;--c-border-light:#F0E8E0;--c-border-subtle:var(--c-primary-300);--c-success:#4A8;--c-success-bg:rgba(100, 180, 100, 0.12);--c-warning:#FFD700;--c-warning-bg:rgba(255, 215, 0, 0.1);--c-error:#D06060;--c-info:#6090C0;--shadow-xs:0 1px 2px rgba(208, 112, 88, 0.04);--shadow-sm:0 1px 3px rgba(208, 112, 88, 0.06);--shadow-md:0 4px 14px rgba(208, 112, 88, 0.08);--shadow-lg:0 10px 30px rgba(208, 112, 88, 0.10);--shadow-xl:0 0 40px rgba(240, 196, 184, 0.12);--shadow-glow:0 0 20px rgba(240, 196, 184, 0.18);--gradient-primary:linear-gradient(135deg, #E8927C 0%, #F0A888 50%, #E8B870 100%);--gradient-subtle:linear-gradient(135deg, rgba(232, 146, 124, 0.1) 0%, rgba(240, 168, 136, 0.06) 100%);--gradient-surface:linear-gradient(180deg, rgba(255, 252, 250, 0.88) 0%, rgba(253, 248, 245, 0.95) 100%);--overlay:rgba(253, 248, 245, 0.6);--hover-bg:rgba(208, 112, 88, 0.06);--active-bg:rgba(208, 112, 88, 0.12);--selection-bg:rgba(232, 146, 124, 0.3);--c-header-bg:rgba(248, 240, 236, 0.75);--c-header-scrolled-bg:rgba(255, 252, 250, 0.92);--c-sidebar-bg:rgba(248, 240, 236, 0.85);--c-footer-bg:rgba(248, 240, 236, 0.90);--font-sans:'Inter', 'Noto Sans SC', 'PingFang SC', system-ui, sans-serif;--font-mono:'JetBrains Mono', 'Fira Code', 'Consolas', monospace;--layout-content-width:var(--cw-xxl);--layout-readable-width:var(--sz-readable);--layout-sidebar-width:var(--sz-sidebar);--layout-page-gutter:clamp(var(--sp-4), 4vw, var(--sp-10));--text-body-size:var(--fs-base);--text-body-line-height:var(--lh-normal);--text-title-size:clamp(var(--fs-xl), 3vw, var(--fs-3xl));--text-display-size:clamp(var(--fs-2xl), 5vw, var(--fs-5xl));--text-body-weight:var(--fw-normal);--text-heading-weight:var(--fw-bold);--color-page-bg:var(--c-bg);--color-surface:var(--c-surface);--color-surface-elevated:var(--c-surface-elevated);--color-text:var(--c-text-primary);--color-text-muted:var(--c-text-secondary);--color-text-subtle:var(--c-text-tertiary);--color-border:var(--c-border);--color-border-subtle:var(--c-border-subtle);--color-brand:var(--c-primary-500);--color-brand-hover:var(--c-primary-600);--color-success:var(--c-success);--color-warning:var(--c-warning);--color-error:var(--c-error);--color-info:var(--c-info);--motion-duration-fast:var(--tr-fast);--motion-duration-base:var(--tr-base);--motion-duration-slow:var(--tr-slow);--motion-easing-standard:var(--ez-smooth);--motion-easing-emphasis:var(--ez-spring);--motion-distance-sm:var(--ao-sm);--motion-distance-md:var(--ao-md);--motion-distance-lg:var(--ao-lg);--component-header-height:var(--sz-header);--component-sidebar-width:var(--sz-sidebar);--component-card-radius:var(--rd-lg);--component-button-height:var(--sz-btn);--component-control-radius:var(--rd-md)}[data-theme=light]{--c-primary-100:#FDF3EE;--c-primary-200:#FCE6DC;--c-primary-300:#F0C4B8;--c-primary-400:#E8927C;--c-primary-500:#D07058;--c-primary-600:#B05840;--c-primary-700:#904028;--c-primary-800:#702C18;--c-primary-900:#501C0C;--c-secondary-100:#FFF5F0;--c-secondary-200:#FCE8DC;--c-secondary-300:#F5CCB8;--c-secondary-400:#F0A888;--c-secondary-500:#E88860;--c-secondary-600:#D06840;--c-secondary-700:#B05028;--c-secondary-800:#903818;--c-secondary-900:#70280C;--c-accent-100:#FFF8F0;--c-accent-200:#FFEED5;--c-accent-300:#F5D4A0;--c-accent-400:#E8B870;--c-accent-500:#D4A050;--c-accent-600:#B88838;--c-accent-700:#987028;--c-accent-800:#785820;--c-accent-900:#584018;--c-gold-100:#FFFAF0;--c-gold-200:#FFF0D5;--c-gold-300:#F5D8A8;--c-gold-400:#E8C080;--c-gold-500:#D4A860;--c-gold-600:#B89048;--c-gold-700:#987838;--c-gold-800:#785828;--c-gold-900:#584018;--c-bg:#FDF8F5;--c-bg-elevated:#F8F0EC;--c-bg-elevated-2:#F0E8E2;--c-surface:#FFFCFA;--c-surface-elevated:#FAF5F0;--c-surface-overlay:rgba(255, 252, 250, 0.72);--c-text-primary:#2E2825;--c-text-secondary:#5E524C;--c-text-tertiary:#7E6E66;--c-text-disabled:#7E6E66;--c-border:#E8DED6;--c-border-light:#F0E8E0;--c-border-subtle:var(--c-primary-300);--shadow-xs:0 1px 2px rgba(208, 112, 88, 0.04);--shadow-sm:0 1px 3px rgba(208, 112, 88, 0.06);--shadow-md:0 4px 14px rgba(208, 112, 88, 0.08);--shadow-lg:0 10px 30px rgba(208, 112, 88, 0.10);--shadow-xl:0 0 40px rgba(240, 196, 184, 0.12);--shadow-glow:0 0 20px rgba(240, 196, 184, 0.18);--gradient-primary:linear-gradient(135deg, #E8927C 0%, #F0A888 50%, #E8B870 100%);--gradient-subtle:linear-gradient(135deg, rgba(232, 146, 124, 0.1) 0%, rgba(240, 168, 136, 0.06) 100%);--gradient-surface:linear-gradient(180deg, rgba(255, 252, 250, 0.88) 0%, rgba(253, 248, 245, 0.95) 100%);--overlay:rgba(253, 248, 245, 0.6);--hover-bg:rgba(208, 112, 88, 0.06);--active-bg:rgba(208, 112, 88, 0.12);--selection-bg:rgba(232, 146, 124, 0.3);--c-header-bg:rgba(248, 240, 236, 0.75);--c-header-scrolled-bg:rgba(255, 252, 250, 0.92);--c-sidebar-bg:rgba(248, 240, 236, 0.85);--c-footer-bg:rgba(248, 240, 236, 0.90)}[data-theme=dark]{--c-primary-100:#1C1210;--c-primary-200:#2E1A14;--c-primary-300:#583830;--c-primary-400:#E8927C;--c-primary-500:#F0A890;--c-primary-600:#F5B8A0;--c-primary-700:#F5C8B8;--c-primary-800:#FCE6DC;--c-primary-900:#FDF3EE;--c-secondary-100:#1A100C;--c-secondary-200:#2E1C14;--c-secondary-300:#583828;--c-secondary-400:#F0A888;--c-secondary-500:#F5B898;--c-secondary-600:#F5C8A8;--c-secondary-700:#F5D4B8;--c-secondary-800:#FCE8DC;--c-secondary-900:#FFF5F0;--c-accent-100:#1A1410;--c-accent-200:#2E2218;--c-accent-300:#584030;--c-accent-400:#D4A050;--c-accent-500:#E8B870;--c-accent-600:#F0CC90;--c-accent-700:#F5D8A8;--c-accent-800:#FFEED5;--c-accent-900:#FFF8F0;--c-gold-100:#1A1410;--c-gold-200:#2E2018;--c-gold-300:#483828;--c-gold-400:#D4A860;--c-gold-500:#E8C080;--c-gold-600:#F0D098;--c-gold-700:#F5D8A8;--c-gold-800:#FFF0D5;--c-gold-900:#FFFAF0;--c-bg:#0E0A08;--c-bg-elevated:#161210;--c-bg-elevated-2:#1E1816;--c-surface:#1A1412;--c-surface-elevated:#221C18;--c-surface-overlay:rgba(26, 20, 18, 0.72);--c-text-primary:#EDE0D8;--c-text-secondary:#B8A89E;--c-text-tertiary:#8A7A6E;--c-text-disabled:#8A7A6E;--c-border:#302822;--c-border-light:#261E1A;--c-border-subtle:var(--c-primary-500);--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.15);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.30);--shadow-md:0 4px 14px rgba(88, 48, 40, 0.22);--shadow-lg:0 10px 30px rgba(88, 48, 40, 0.32);--shadow-xl:0 0 40px rgba(232, 146, 124, 0.15);--shadow-glow:0 0 20px rgba(232, 184, 112, 0.20);--gradient-primary:linear-gradient(135deg, #F0A890 0%, #F5B898 50%, #E8B870 100%);--gradient-subtle:linear-gradient(135deg, rgba(240, 168, 136, 0.12) 0%, rgba(245, 184, 152, 0.08) 100%);--gradient-surface:linear-gradient(180deg, rgba(26, 20, 18, 0.88) 0%, rgba(14, 10, 8, 0.95) 100%);--overlay:rgba(14, 10, 8, 0.65);--hover-bg:rgba(240, 168, 136, 0.12);--active-bg:rgba(240, 168, 136, 0.20);--selection-bg:rgba(240, 168, 136, 0.35);--c-header-bg:rgba(30, 24, 22, 0.80);--c-header-scrolled-bg:rgba(26, 20, 18, 0.95);--c-sidebar-bg:rgba(30, 24, 22, 0.85);--c-footer-bg:rgba(30, 24, 22, 0.92)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{font-size:var(--fs-base);-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--c-text-primary);background:var(--c-bg);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--c-primary-400);text-decoration:none;transition:color var(--tr-fast)var(--ez-default)}a:hover{color:var(--c-primary-500)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{font-family:inherit;font-size:inherit;border:none;background:0 0;cursor:pointer;color:inherit}input,textarea,select{font-family:inherit;font-size:var(--fs-base);color:inherit}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-semibold);line-height:var(--lh-tight);color:var(--c-text-primary);letter-spacing:-.01em}h1{font-size:var(--fs-3xl);font-weight:var(--fw-bold)}h2{font-size:var(--fs-2xl);font-weight:var(--fw-bold)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}h5{font-size:var(--fs-md)}h6{font-size:var(--fs-base)}p{margin-bottom:var(--sp-4)}p:last-child{margin-bottom:0}::selection{background:var(--selection-bg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--c-border-light);border-radius:var(--rd-full)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--c-primary-300),var(--c-secondary-300));border-radius:var(--rd-full);border:1px solid var(--c-border-light)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--c-primary-400),var(--c-secondary-400))}*{scrollbar-width:thin;scrollbar-color:var(--c-primary-300)var(--c-border-light)}:focus-visible{outline:2px solid var(--c-primary-400);outline-offset:2px;border-radius:var(--rd-xs)}.skip-link{position:absolute;top:-100%;left:var(--sp-4);padding:var(--sp-2)var(--sp-4);background:var(--gradient-primary);color:#fff;border-radius:var(--rd-sm);z-index:10000;font-weight:var(--fw-medium);font-size:var(--fs-sm);transition:top var(--tr-fast)var(--ez-spring)}.skip-link:focus{top:var(--sp-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-ellipsis-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.text-ellipsis-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-center{text-align:center}.container{width:var(--cw);max-width:var(--cw-xl);margin:0 auto;padding:0 var(--sp-5)}.content-wrapper{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.content-wrapper main{flex:1}.section-content{padding:var(--sp-12)0 var(--sp-16);min-height:calc(100vh - var(--sz-header) - 200px)}.section-header{text-align:center;margin-bottom:var(--sp-12);padding:var(--sp-10)0 var(--sp-6)}.section-title{font-size:var(--fs-3xl);font-weight:var(--fw-bold);color:var(--c-text-primary);margin-bottom:var(--sp-3)}.section-title-icon{margin-right:var(--sp-2);color:var(--c-primary-400)}.section-subtitle{font-size:var(--fs-md);color:var(--c-text-secondary)}.section-description{max-width:700px;margin:var(--sp-5)auto 0;color:var(--c-text-secondary);font-size:var(--fs-base);line-height:var(--lh-relaxed)}.section-icon{width:var(--sp-16);height:var(--sp-16);display:inline-flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--rd-xl);color:#fff;font-size:var(--fs-2xl);margin-bottom:var(--sp-5);box-shadow:var(--shadow-md)}.page-header{text-align:center;padding:var(--sp-10)0 var(--sp-6)}.page-title{font-size:var(--fs-3xl);margin-bottom:var(--sp-3);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--fw-bold)}.page-description{color:var(--c-text-secondary);font-size:var(--fs-base);max-width:var(--cw-md);margin:0 auto;line-height:var(--lh-relaxed)}.bg-layer{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.bg-image{width:100%;height:100%;object-fit:cover;object-position:center}.bg-image-layer{z-index:-2}.bg-overlay-layer{z-index:-1;background:var(--overlay)}.card{background:var(--c-surface-overlay);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border-radius:var(--rd-xl);padding:var(--sp-5);box-shadow:var(--shadow-md);border:1px solid var(--c-border);position:relative;overflow:hidden;transition:transform var(--tr-base)var(--ez-default),box-shadow var(--tr-base)var(--ez-default),background var(--tr-base)var(--ez-default);will-change:transform}.card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--tr-base)var(--ez-default);z-index:10;border-radius:var(--rd-xl)var(--rd-xl)0 0}.card:hover{transform:translateY(calc(var(--ao-sm) * -1));box-shadow:var(--shadow-lg)}.card:hover::before{opacity:1}.sidebar-card{background:var(--c-sidebar-bg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid var(--c-border);border-radius:var(--rd-xl);padding:var(--sp-5);box-shadow:var(--shadow-sm);transition:transform var(--tr-base)var(--ez-default),box-shadow var(--tr-base)var(--ez-default)}.sidebar-card:hover{transform:translateY(calc(var(--ao-sm) * -1));box-shadow:var(--shadow-md)}.sidebar-card::before{display:none}.sidebar-widget{margin-bottom:var(--sp-5);border-radius:var(--rd-lg);padding:var(--sp-4);border:1px solid var(--c-border);transition:transform var(--tr-base)var(--ez-default),border-color var(--tr-base)var(--ez-default),background var(--tr-base)var(--ez-default);background:var(--c-sidebar-bg);backdrop-filter:none;-webkit-backdrop-filter:none}.sidebar-widget:hover{border-color:var(--c-primary-300);box-shadow:0 0 10px rgba(120,100,160,.15)}.sidebar-title{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-bottom:var(--sp-5);color:var(--c-text-primary);text-transform:uppercase;letter-spacing:.04em}.sidebar-title i{color:var(--c-primary-400);font-size:.875em}.content-card{padding:var(--sp-8);margin:var(--sp-8)0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3)var(--sp-5);border-radius:var(--rd-full);font-weight:var(--fw-medium);font-size:var(--fs-sm);line-height:1;text-decoration:none;min-height:var(--sp-10);cursor:pointer;position:relative;overflow:hidden;border:none;transition:transform var(--tr-fast)var(--ez-default),background var(--tr-fast)var(--ez-default),color var(--tr-fast)var(--ez-default),box-shadow var(--tr-fast)var(--ez-default)}.btn::before{content:"";position:absolute;top:50%;left:50%;width:300px;height:300px;background:rgba(255,255,255,.25);border-radius:50%;transform:translate(-50%,-50%)scale(0);transition:transform var(--tr-slow)var(--ez-default);will-change:transform}.btn:active::before{transform:translate(-50%,-50%)scale(1)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{color:#fff;transform:translateY(calc(var(--ao-min) * -4));box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--c-surface-overlay);color:var(--c-text-primary);border:1.5px solid var(--c-border);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg))}.btn-secondary:hover{background:var(--c-primary-100);border-color:var(--c-primary-400);color:var(--c-primary-400);transform:translateY(calc(var(--ao-min) * -4));box-shadow:var(--shadow-md)}.btn-outline{background:0 0;color:var(--c-text-primary);border:1.5px solid var(--c-border)}.btn-outline:hover{border-color:var(--c-primary-400);color:var(--c-primary-400);background:var(--c-primary-100)}.btn-ghost{background:0 0;color:var(--c-text-secondary)}.btn-ghost:hover{background:var(--c-primary-100);color:var(--c-primary-400)}.btn-sm{padding:var(--sp-2)var(--sp-4);font-size:var(--fs-xs);min-height:var(--sp-8)}.btn-lg{padding:var(--sp-4)var(--sp-8);font-size:var(--fs-base);min-height:var(--sz-icon-sm)}.btn-anime{position:relative;overflow:hidden;transition:all var(--tr-base)var(--ez-spring)}.btn-anime::after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width var(--tr-slower),height var(--tr-slower)}.btn-anime:active::after{width:300px;height:300px}.site-header{background:var(--c-header-bg);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));box-shadow:0 1px 0 var(--c-border),var(--shadow-sm);position:sticky;top:0;z-index:1000;height:auto;min-height:var(--sz-header);transition:background var(--tr-base)var(--ez-default),box-shadow var(--tr-base)var(--ez-default);padding:0}.site-header .container{max-width:100%;padding:0}.site-header.scrolled{background:var(--c-header-scrolled-bg);box-shadow:var(--shadow-md)}.header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;min-height:var(--sz-header);padding:var(--sp-2)var(--sp-4);width:100%;max-width:1920px;margin:0 auto}.site-brand{display:flex;flex-direction:column;gap:var(--sp-min);flex-shrink:0;min-width:0}.site-title{font-weight:var(--fw-bold);color:var(--c-text-primary);text-decoration:none;line-height:var(--lh-tight);letter-spacing:-.02em;white-space:nowrap;transition:color var(--tr-fast)var(--ez-default);font-size:var(--sp-5)}.site-title:hover{color:var(--c-primary-400)}.site-subtitle{display:none;font-size:var(--fs-xs);color:var(--c-text-secondary);font-weight:var(--fw-normal);letter-spacing:.04em;white-space:nowrap}.main-nav{display:none;flex:1;min-width:0;justify-content:center;margin:0 var(--sp-4);padding:0 var(--sp-2)}.main-nav ul{display:flex;align-items:center;gap:var(--sp-min);flex-wrap:nowrap;justify-content:center}.nav-link{display:flex;align-items:center;gap:var(--sp-min);padding:var(--sp-2);color:var(--c-text-secondary);font-weight:var(--fw-medium);font-size:var(--fs-xs);border-radius:var(--rd-full);white-space:nowrap;transition:color var(--tr-fast)var(--ez-default),background var(--tr-fast)var(--ez-default)}.nav-link i{font-size:.8em;opacity:.8;transition:opacity var(--tr-fast)var(--ez-default)}.nav-link span{transition:opacity var(--tr-fast)var(--ez-default)}.nav-link:hover,.nav-link.active{color:var(--c-primary-500);background:var(--c-primary-100)}.header-actions{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.mobile-menu-toggle{width:var(--sz-btn);height:var(--sz-btn);display:flex;align-items:center;justify-content:center;border-radius:var(--rd-full);background:var(--c-primary-100);color:var(--c-primary-300);font-size:var(--fs-sm);transition:all var(--tr-fast)var(--ez-default)}.mobile-menu-toggle:hover{background:var(--gradient-primary);color:#fff;transform:scale(var(--ts-lg));box-shadow:var(--shadow-sm)}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));z-index:999;opacity:0;transition:opacity var(--tr-base)var(--ez-default)}.mobile-menu-overlay.active{display:block;opacity:1}.mobile-menu{position:fixed;top:0;right:-280px;width:min(280px,82vw);height:100%;z-index:1000;transition:right var(--tr-base)var(--ez-spring);padding:var(--sp-6);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow-y:auto;border-radius:var(--rd-2xl)0 0 var(--rd-2xl);background:var(--c-surface);backdrop-filter:none;-webkit-backdrop-filter:none}.mobile-menu.active{right:0}.mobile-menu ul{flex:1}.mobile-menu .nav-link{display:flex;padding:var(--sp-4)0;font-size:var(--fs-base);min-height:52px;border-bottom:1px solid var(--c-border-light);border-radius:0}.mobile-menu .nav-link:hover{background:0 0;padding-left:var(--sp-2)}.mobile-menu-footer{margin-top:auto;padding-top:var(--sp-6);border-top:1px solid var(--c-border)}.mobile-menu-close{align-self:flex-end;width:var(--sz-btn-close);height:var(--sz-btn-close);display:flex;align-items:center;justify-content:center;background:var(--c-primary-100);color:var(--c-text-primary);font-size:var(--fs-lg);margin-bottom:var(--sp-4);border-radius:var(--rd-full);transition:background var(--tr-fast)var(--ez-default),color var(--tr-fast)var(--ez-default)}.mobile-menu-close:hover{background:var(--c-primary-200);color:#fff}.site-footer{background:var(--c-footer-bg);backdrop-filter:none;-webkit-backdrop-filter:none;padding:var(--sp-16)0 var(--sp-8);border-top:none;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.site-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:.6}.footer-content{display:grid;grid-template-columns:1fr;gap:var(--sp-8);position:relative;z-index:1}.footer-section{position:relative}.footer-section h2,.footer-section h3{font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-bottom:var(--sp-5);display:inline-block;position:relative;letter-spacing:.03em;text-transform:uppercase;color:var(--c-text-primary)}.footer-section h2::after,.footer-section h3::after{content:"";position:absolute;bottom:-6px;left:0;width:var(--sp-8);height:2.5px;background:var(--gradient-primary);border-radius:var(--rd-full);opacity:.8}.footer-section p{font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--c-text-secondary)}.footer-links{display:flex;flex-direction:column;gap:var(--sp-2)}.footer-links a{color:var(--c-text-secondary);font-size:var(--fs-sm);transition:all var(--tr-fast)var(--ez-default);padding:var(--sp-min)0;display:inline-flex;align-items:center;gap:var(--sp-2)}.footer-links a i{font-size:.8em;opacity:.6;transition:opacity var(--tr-fast)var(--ez-default)}.footer-links a:hover{color:var(--c-primary-500);transform:translateX(var(--ao-sm))}.footer-links a:hover i{opacity:1}.quick-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-min)}.social-links{display:flex;gap:var(--sp-3);margin-top:var(--sp-4)}.social-link{width:var(--sp-10);height:var(--sp-10);display:flex;align-items:center;justify-content:center;border-radius:var(--rd-full);background:var(--c-primary-100);color:var(--c-primary-400);font-size:var(--fs-base);transition:all var(--tr-fast)var(--ez-default);position:relative}.social-link:hover{background:var(--gradient-primary);color:#fff;transform:translateY(calc(var(--ao-min) * -3))scale(var(--ts-lg));box-shadow:var(--shadow-glow)}.tech-tags{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.tech-tag{padding:var(--sp-min)var(--sp-3);background:var(--c-primary-100);color:var(--c-primary-500);border-radius:var(--rd-full);font-size:var(--fs-xs);font-weight:var(--fw-medium);transition:all var(--tr-fast)var(--ez-default);border:1px solid transparent}.tech-tag:hover{background:var(--gradient-primary);color:#fff;border-color:transparent}.contact-info p{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);font-size:var(--fs-sm);color:var(--c-text-secondary)}.contact-info i{color:var(--c-primary-400);width:var(--sp-4);text-align:center;font-size:.9em}.footer-note{margin-top:var(--sp-5);font-style:italic;color:var(--c-text-tertiary);font-size:var(--fs-sm);position:relative;padding-left:var(--sp-3);border-left:2px solid var(--c-primary-300)}.copyright{text-align:center;margin-top:var(--sp-10);padding-top:var(--sp-6);border-top:1px solid var(--c-border);position:relative;z-index:1}.copyright-links{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--sp-4)var(--sp-6);margin-bottom:var(--sp-5)}.copyright-links a{color:var(--c-primary-500);font-size:var(--fs-xs);transition:all var(--tr-fast)var(--ez-default);display:inline-flex;align-items:center;gap:var(--sp-min);padding:var(--sp-min)var(--sp-2);border-radius:var(--rd-sm);text-decoration:none}.copyright-links a i{font-size:.9em}.copyright-links a:hover{color:var(--c-primary-700);background:var(--hover-bg);transform:translateY(calc(var(--ao-min) * -1))}#footer-copyright{font-size:var(--fs-sm);color:var(--c-text-secondary);margin:var(--sp-3)0 var(--sp-min);font-weight:var(--fw-medium)}#footer-copyright a{color:var(--c-primary-500);text-decoration:underline}#footer-copyright a:hover{color:var(--c-primary-700)}.site-uptime{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--c-text-tertiary);margin:0 0 var(--sp-min);font-variant-numeric:tabular-nums;line-height:1.5}.site-uptime i{color:var(--c-primary-400);font-size:.9em}.powered-by{margin:0;font-size:var(--fs-xs);color:var(--c-text-disabled);line-height:1.5}.powered-by a{color:var(--c-primary-500);text-decoration:none;transition:color var(--tr-fast)var(--ez-default)}.powered-by a:hover{color:var(--c-primary-700)}.hero{padding:var(--sp-16)0 var(--sp-8);text-align:left;position:relative;overflow:hidden;background:0 0!important;min-height:100vh;display:flex;align-items:center;justify-content:center}.hero-inner{display:flex;flex-direction:column;align-items:center;gap:var(--sp-10);max-width:1100px;width:100%;padding:0 var(--sp-6)}.hero-left{width:100%}.hero-content{max-width:680px;position:relative;z-index:1;text-align:center}.hero-right{width:100%;max-width:var(--sz-search);margin:0 auto}.hero-right .card{background:var(--c-surface);backdrop-filter:none;-webkit-backdrop-filter:none}.hero-badge{display:inline-flex;align-items:center;gap:var(--sp-4);background:var(--gradient-subtle);border:1px solid var(--c-border);padding:var(--sp-2)var(--sp-5);border-radius:var(--rd-full);font-size:var(--fs-sm);color:var(--c-primary-400);margin-bottom:var(--sp-8);backdrop-filter:blur(var(--blur-md))}.hero-badge i{animation:sparkle var(--ad-sparkle)ease-in-out infinite}.hero-title{font-size:var(--fs-4xl);font-weight:var(--fw-extrabold);margin-bottom:var(--sp-6);color:var(--c-text-primary);line-height:var(--lh-tight);letter-spacing:-.02em;text-align:center}.hero-greeting{display:block;font-size:var(--fs-lg);color:var(--c-text-secondary);font-weight:var(--fw-normal);margin-bottom:var(--sp-3)}.hero-name{display:block;background:var(--gradient-primary);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow var(--ad-gradient)ease infinite;will-change:background-position}.hero-subtitle{font-size:var(--fs-lg);color:var(--c-text-secondary);margin-bottom:var(--sp-5);font-weight:var(--fw-normal);display:flex;align-items:center;justify-content:center;gap:var(--sp-2)}.hero-subtitle i{color:var(--c-primary-400);opacity:.8}.hero-description{font-size:var(--fs-base);color:var(--c-text-secondary);margin-bottom:var(--sp-10);line-height:var(--lh-relaxed);max-width:520px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:var(--sp-4);justify-content:center;flex-wrap:wrap}.hero-scroll-hint{margin-top:var(--sp-10);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);color:var(--c-text-primary);font-size:var(--fs-sm);animation:bounceDown var(--ad-bounce)ease-in-out infinite}.scroll-mouse{width:26px;height:42px;border:2px solid var(--c-border);border-radius:13px;position:relative}.scroll-wheel{width:4px;height:10px;background:var(--c-primary-400);border-radius:2px;position:absolute;top:8px;left:50%;transform:translateX(-50%);animation:scrollWheel var(--ad-scroll-wheel)ease-in-out infinite}.fancy-quote{text-align:center;position:relative;padding:var(--sp-10)var(--sp-8);background:var(--gradient-subtle);border-radius:var(--rd-3xl);border:1px solid var(--c-border);backdrop-filter:blur(var(--blur-lg));max-width:100%;margin:0}.quote-icon{font-size:var(--fs-3xl);color:var(--c-primary-300);opacity:.5;margin-bottom:var(--sp-5)}.quote-text{font-size:var(--fs-xl);color:var(--c-text-primary);line-height:var(--lh-relaxed);font-style:italic;margin-bottom:var(--sp-5)}.quote-author{font-size:var(--fs-base);color:var(--c-primary-400);font-weight:var(--fw-semibold)}.posts-section{padding:var(--sp-16)0}.posts-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-6);margin-bottom:var(--sp-10)}.post-card{border-radius:var(--rd-xl);overflow:hidden;border:1px solid var(--c-border);transition:transform var(--tr-base)var(--ez-spring),box-shadow var(--tr-base)var(--ez-spring);will-change:transform;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;background:var(--c-surface-overlay);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg))}.post-card:hover{transform:translateY(calc(var(--ao-sm) * -1));box-shadow:var(--shadow-lg);border-color:var(--c-primary-300)}.post-card:hover .post-image img{transform:scale(var(--ts-lg))}.post-image{position:relative;height:var(--sz-post-img);overflow:hidden;background:var(--gradient-subtle)}.post-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--tr-slow)var(--ez-spring)}.post-image-overlay{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(transparent,rgba(0,0,0,8%));pointer-events:none}.post-category{position:absolute;top:var(--sp-4);left:var(--sp-4);background:var(--gradient-primary);color:#fff;padding:var(--sp-min)var(--sp-4);border-radius:var(--rd-full);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.post-content{padding:var(--sp-6);flex:1;display:flex;flex-direction:column}.post-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin-bottom:var(--sp-3);line-height:var(--lh-snug);min-height:calc(var(--lh-snug)*2*1em)}.post-title a{color:var(--c-text-primary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-title a:hover{color:var(--c-primary-400)}.post-meta{display:flex;gap:var(--sp-5);font-size:var(--fs-sm);color:var(--c-text-tertiary);margin-bottom:var(--sp-4)}.post-meta i{margin-right:var(--sp-min)}.post-meta-date-modified{color:var(--c-primary-400);font-weight:var(--fw-bold)}.post-tags{display:flex;flex-wrap:wrap;gap:var(--sp-min);margin-bottom:var(--sp-4)}.post-tag{font-size:var(--fs-xs);color:var(--c-primary-700);background:var(--c-primary-100);padding:var(--sp-min)var(--sp-3);border-radius:var(--rd-full);transition:all var(--tr-fast)var(--ez-default);text-decoration:none}.post-tag:hover{background:var(--gradient-primary);color:#fff}.post-tag-more{font-size:var(--fs-sm);color:var(--c-text-tertiary)}.post-excerpt{font-size:var(--fs-sm);color:var(--c-text-secondary);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--sp-5)}.read-more{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--c-primary-700);font-size:var(--fs-sm);font-weight:var(--fw-semibold);transition:all var(--tr-fast)var(--ez-default);text-decoration:none;margin-top:auto}.read-more:hover{gap:var(--sp-3);color:var(--c-primary-600)}.read-more:hover i{transform:translateX(var(--ao-min))}.read-more i{transition:transform var(--tr-fast)var(--ez-default);font-size:.875em}.about-section{padding:var(--sp-16)0}.about-card{display:flex;flex-direction:column;gap:var(--sp-10);align-items:center;text-align:center;padding:var(--sp-10)var(--sp-8);border-radius:var(--rd-2xl);box-shadow:var(--shadow-md);border:1px solid var(--c-border);background:var(--c-surface-overlay);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg))}.about-card .about-content{flex:1;width:100%}.about-description{color:var(--c-text-secondary);font-size:var(--fs-md);line-height:var(--lh-relaxed);margin-bottom:var(--sp-8);max-width:var(--sz-search);margin-left:auto;margin-right:auto}.about-stats{display:grid;grid-template-columns:1fr;gap:var(--sp-3);margin-top:var(--sp-8)}.stat-item{text-align:center;padding:var(--sp-4)var(--sp-2);background:var(--gradient-subtle);border-radius:var(--rd-xl);border:1px solid var(--c-border);transition:all var(--tr-base)var(--ez-default);min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-item:hover{transform:translateY(calc(var(--ao-min) * -4));box-shadow:var(--shadow-md)}.stat-item .stat-icon{font-size:var(--fs-base);margin-bottom:var(--sp-2)}.stat-item .stat-number{font-size:var(--fs-xl);font-weight:var(--fw-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:var(--sp-min)}.stat-item .stat-label{font-size:var(--fs-xs);color:var(--c-text-secondary);font-weight:var(--fw-medium);white-space:nowrap}.about-cta{margin-top:var(--sp-8)}.about-image-wrapper{position:relative;flex-shrink:0}.about-image{text-align:center}.about-image img{width:140px;height:140px;object-fit:cover;border-radius:var(--rd-full);margin:0 auto;box-shadow:var(--shadow-lg);border:4px solid var(--c-surface)}.about-image-decoration{position:absolute;width:100%;height:100%;top:var(--sp-3);left:var(--sp-3);border:2px solid var(--c-primary-300);border-radius:var(--rd-full);z-index:-1;opacity:.5}.skills-section{padding:var(--sp-16)0}.skills-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-5)}.skill-item{display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-6);border-radius:var(--rd-xl);border:1px solid var(--c-border);transition:all var(--tr-base)var(--ez-spring);box-shadow:var(--shadow-sm);background:var(--c-surface-overlay);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg))}.skill-item:hover{transform:translateY(calc(var(--ao-sm) * -1));box-shadow:var(--shadow-md)}.skill-icon{width:var(--sz-icon-md);height:var(--sz-icon-md);display:flex;align-items:center;justify-content:center;background:var(--gradient-subtle);border-radius:var(--rd-lg);font-size:var(--fs-2xl);color:var(--c-primary-400);flex-shrink:0}.skill-info{flex:1;min-width:0}.skill-name{display:flex;justify-content:space-between;margin-bottom:var(--sp-3);font-size:var(--fs-base);font-weight:var(--fw-medium)}.skill-percent{color:var(--c-primary-700);font-weight:var(--fw-semibold)}.skill-bar{height:8px;background:var(--c-border-light);border-radius:var(--rd-full);overflow:hidden}.skill-progress{height:100%;background:var(--gradient-primary);border-radius:var(--rd-full);width:0;transition:width var(--tr-slowest)var(--ez-spring)}.about-intro{margin:var(--sp-6)0}.intro-stats{display:grid;gap:var(--sp-6)}.intro-card{padding:var(--sp-6);border-radius:var(--rd-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--c-border);background:var(--c-surface-overlay);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg))}.intro-content{display:flex;flex-direction:column;gap:var(--sp-6);margin-bottom:var(--sp-6);align-items:center;text-align:center}.intro-text{width:100%}.intro-text h2{font-size:var(--fs-2xl);margin-bottom:var(--sp-2);color:var(--c-text-primary)}.intro-subtitle{color:var(--c-text-secondary);font-size:var(--fs-base);margin-bottom:var(--sp-6);font-weight:var(--fw-medium)}.intro-quote{background:var(--c-surface-overlay);backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));border-left:3px solid var(--c-primary-400);padding:var(--sp-5);border-radius:0 var(--rd-lg)var(--rd-lg)0;position:relative;text-align:left}.intro-quote>i{position:absolute;color:var(--c-primary-400);opacity:.3;font-size:var(--fs-md)}.intro-quote>i:first-child{top:var(--sp-3);left:var(--sp-3)}.intro-quote>i:last-child{bottom:var(--sp-3);right:var(--sp-3)}.intro-quote p{color:var(--c-text-primary);font-size:var(--fs-base);line-height:var(--lh-relaxed);font-style:italic;margin:0;padding:0 var(--sp-6)}.intro-image{flex-shrink:0;position:relative}.intro-image img{width:150px;height:150px;border-radius:var(--rd-full);object-fit:cover;border:4px solid var(--c-surface);box-shadow:var(--shadow-lg);position:relative;z-index:1}.image-decoration{position:absolute;top:calc(var(--sp-2)*-1);left:calc(var(--sp-2)*-1);right:calc(var(--sp-2)*-1);bottom:calc(var(--sp-2)*-1);background:var(--gradient-primary);border-radius:var(--rd-full);opacity:.15;animation:pulse var(--ad-pulse)ease-in-out infinite}.about-philosophy{margin:var(--sp-10)0}.philosophy-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4);margin-top:var(--sp-6)}.philosophy-item{text-align:center;padding:var(--sp-6);background:var(--c-surface-overlay);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border-radius:var(--rd-xl);box-shadow:var(--shadow-sm);border:1px solid var(--c-border);transition:all var(--tr-base)var(--ez-spring)}.philosophy-item:hover{transform:translateY(calc(var(--ao-min) * -4));box-shadow:var(--shadow-lg)}.philosophy-item h3{font-size:var(--fs-md);margin-bottom:var(--sp-2)}.philosophy-item p{color:var(--c-text-secondary);line-height:var(--lh-relaxed);font-size:var(--fs-sm);margin:0}.philosophy-icon{width:var(--sz-icon-md);height:var(--sz-icon-md);background:var(--gradient-primary);border-radius:var(--rd-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-4);color:#fff;font-size:var(--fs-xl)}.about-contact{margin:var(--sp-10)0 var(--sp-16)}.contact-card{padding:var(--sp-6);text-align:center}.contact-card .section-title{margin-bottom:var(--sp-2)}.contact-card .section-subtitle{margin-bottom:var(--sp-6)}.contact-methods{display:grid;grid-template-columns:1fr;gap:var(--sp-4);margin-bottom:var(--sp-6)}.contact-method{display:flex;flex-direction:row;align-items:center;gap:var(--sp-4);padding:var(--sp-4);background:var(--c-surface-overlay);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border-radius:var(--rd-lg);text-decoration:none;transition:all var(--tr-fast)var(--ez-spring);border:1px solid var(--c-border)}.contact-method:hover{border-color:var(--c-primary-300);transform:translateY(calc(var(--ao-min) * -2))}.method-icon{width:var(--sz-icon-sm);height:var(--sz-icon-sm);background:var(--gradient-primary);border-radius:var(--rd-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--fs-md);flex-shrink:0}.method-info{flex:1;text-align:left}.method-info h3{font-size:var(--fs-base);margin-bottom:var(--sp-min);color:var(--c-text-primary)}.method-info p{color:var(--c-text-secondary);font-size:var(--fs-sm);margin:0;word-break:break-all}.skills-overview .section-title,.detailed-skills .section-title,.skill-development .section-title{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;position:relative;padding-bottom:var(--sp-3)}.skills-overview .section-title::after,.detailed-skills .section-title::after,.skill-development .section-title::after{content:"";position:absolute;bottom:0;left:0;width:var(--sz-icon-sm);height:3px;background:var(--gradient-primary);border-radius:var(--rd-full);box-shadow:0 2px 8px rgba(167,139,250,.25)}.skills-summary{margin:var(--sp-6)0}.skills-categories{display:grid;grid-template-columns:1fr;gap:var(--sp-5);margin-top:var(--sp-6)}.category-item{text-align:center;padding:var(--sp-6);border-radius:var(--rd-lg);background:var(--c-surface-overlay);backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));border:1px solid var(--c-border);transition:all var(--tr-base)var(--ez-spring)}.category-item:hover{transform:translateY(calc(var(--ao-min) * -4));background:var(--c-surface);box-shadow:var(--shadow-lg)}.category-item h3{margin-bottom:var(--sp-2);color:var(--c-text-primary);font-weight:var(--fw-semibold);font-size:var(--fs-md)}.category-item p{color:var(--c-text-secondary);font-size:var(--fs-sm);margin-bottom:var(--sp-4);line-height:var(--lh-relaxed)}.category-icon{width:var(--sz-icon-md);height:var(--sz-icon-md);background:var(--gradient-primary);border-radius:var(--rd-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-4);color:#fff;font-size:var(--fs-xl);box-shadow:var(--shadow-sm)}.category-progress{height:5px;background:var(--c-primary-100);border-radius:var(--rd-full);overflow:hidden}.progress-bar{height:100%;background:var(--gradient-primary);border-radius:var(--rd-full);transition:width var(--tr-slowest)var(--ez-spring)}.skills-detailed-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-5);margin:var(--sp-8)0}.skill-detail-item{padding:var(--sp-6);transition:all var(--tr-base)var(--ez-spring)}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-3);flex-wrap:wrap;gap:var(--sp-2)}.skill-level{background:var(--gradient-primary);color:#fff;padding:var(--sp-min)var(--sp-4);border-radius:var(--rd-full);font-weight:var(--fw-semibold);font-size:var(--fs-sm);box-shadow:var(--shadow-xs)}.skill-description{color:var(--c-text-secondary);margin:var(--sp-3)0;line-height:var(--lh-relaxed);font-size:var(--fs-sm)}.skill-projects{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--c-border)}.skill-projects h4{margin-bottom:var(--sp-3);color:var(--c-text-primary);font-weight:var(--fw-semibold);font-size:var(--fs-base)}.skill-projects ul{list-style:none;padding-left:0}.skill-projects li{padding:var(--sp-2)0 var(--sp-2)var(--sp-6);color:var(--c-text-secondary);position:relative;font-size:var(--fs-sm);line-height:var(--lh-relaxed)}.skill-projects li::before{content:"✓";position:absolute;left:0;color:var(--c-primary-400);font-weight:var(--fw-bold)}.development-timeline{padding:var(--sp-8);margin:var(--sp-8)0}.timeline{position:relative;padding-left:var(--sp-8);margin-top:var(--sp-8)}.timeline::before{content:"";position:absolute;left:11px;top:0;bottom:0;width:2px;background:var(--gradient-primary);border-radius:var(--rd-full)}.timeline-item{position:relative;margin-bottom:var(--sp-8);padding-left:var(--sp-8)}.timeline-item:last-child{margin-bottom:0}.timeline-date{position:absolute;left:calc(var(--sp-4)*-1);top:0;background:var(--gradient-primary);color:#fff;padding:var(--sp-min)var(--sp-3);border-radius:var(--rd-full);font-size:var(--fs-xs);font-weight:var(--fw-semibold);z-index:1;box-shadow:var(--shadow-sm);white-space:nowrap}.timeline-content{background:var(--c-bg-elevated-2);padding:var(--sp-4)var(--sp-5);border-radius:var(--rd-lg);border:1px solid var(--c-border)}.timeline-content h3{margin-bottom:var(--sp-2);color:var(--c-text-primary);font-weight:var(--fw-semibold);font-size:var(--fs-base)}.timeline-content p{color:var(--c-text-secondary);line-height:var(--lh-relaxed);font-size:var(--fs-sm);margin:0}.friends-links{margin:var(--sp-10)0}.links-container{margin-top:var(--sp-6)}.links-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-5)}.link-card{padding:var(--sp-5);border-radius:var(--rd-xl);display:flex;align-items:center;gap:var(--sp-4);transition:transform var(--tr-base)var(--ez-spring),box-shadow var(--tr-base)var(--ez-spring),background var(--tr-base)var(--ez-spring);box-shadow:var(--shadow-sm);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));background:var(--c-surface-overlay)}.link-card:hover{transform:translateY(calc(var(--ao-sm) * -1));box-shadow:var(--shadow-lg);border-color:var(--c-primary-300)}.link-card:hover .link-avatar{border-color:var(--c-primary-400)}.link-card:hover .link-avatar img{transform:scale(var(--ts-xl))}.link-avatar{flex:0 0 var(--sz-icon-md);width:var(--sz-icon-md);height:var(--sz-icon-md);border-radius:var(--rd-full);overflow:hidden;border:2px solid var(--c-border);transition:border-color var(--tr-base)var(--ez-default)}.link-avatar img{width:100%;height:100%;object-fit:cover;transition:transform var(--tr-base)var(--ez-spring)}.link-info{flex:1;min-width:0}.link-name{font-size:var(--fs-md);font-weight:var(--fw-bold);margin-bottom:var(--sp-2);color:var(--c-text-primary)}.link-desc{color:var(--c-text-secondary);font-size:var(--fs-sm);line-height:var(--lh-relaxed);margin-bottom:var(--sp-3);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3)}.link-category{font-size:var(--fs-xs);color:var(--c-text-tertiary);background:var(--c-primary-100);padding:var(--sp-min)var(--sp-3);border-radius:var(--rd-sm)}.link-url{display:inline-flex;align-items:center;gap:var(--sp-min);color:var(--c-primary-400);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-decoration:none;transition:all var(--tr-fast)var(--ez-spring)}.link-url:hover{color:var(--c-primary-500);gap:var(--sp-2)}.link-url:hover i{transform:translateX(var(--ao-min))}.link-url i{font-size:.85em;transition:transform var(--tr-fast)var(--ez-spring)}.apply-links{margin:var(--sp-12)0}.apply-card{padding:var(--sp-8)var(--sp-6);position:relative;overflow:hidden}.apply-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);border-radius:var(--rd-xl)var(--rd-xl)0 0;opacity:0;transition:opacity var(--tr-base)var(--ez-default);z-index:10}.apply-card:hover::before{opacity:1}.apply-card .section-title{margin-bottom:var(--sp-6)}.apply-content{display:flex;flex-direction:column;gap:var(--sp-6)}.apply-info h3,.apply-contact h3{font-size:var(--fs-base);margin-bottom:var(--sp-4);font-weight:var(--fw-semibold);color:var(--c-text-primary);display:flex;align-items:center;gap:var(--sp-2)}.apply-info h3::before,.apply-contact h3::before{content:"";display:inline-block;width:3px;height:var(--sp-4);background:var(--gradient-primary);border-radius:var(--rd-full)}.apply-conditions{list-style:none;padding:0;margin:0 0 var(--sp-6)}.apply-conditions li{display:flex;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-3);color:var(--c-text-secondary);font-size:var(--fs-sm);line-height:var(--lh-relaxed);padding:var(--sp-3)var(--sp-4);background:var(--c-bg-elevated-2);border-radius:var(--rd-md);border:1px solid var(--c-border-light)}.apply-conditions li:last-child{margin-bottom:0}.apply-conditions li i{color:var(--c-primary-400);margin-top:3px;flex-shrink:0}.site-info{background:var(--c-surface-overlay);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border-radius:var(--rd-lg);padding:var(--sp-5);border:1px solid var(--c-border)}.site-info .info-item{display:flex;margin-bottom:var(--sp-2);font-size:var(--fs-sm)}.site-info .info-item:last-child{margin-bottom:0}.site-info .info-label{font-weight:var(--fw-semibold);min-width:var(--sz-icon-md);color:var(--c-text-primary)}.site-info .info-value{color:var(--c-text-secondary)}.apply-contact p{color:var(--c-text-secondary);margin-bottom:var(--sp-5);line-height:var(--lh-relaxed);font-size:var(--fs-sm)}.apply-contact-methods{display:flex;flex-direction:column;gap:var(--sp-3)}.contact-btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-4)var(--sp-5);background:var(--gradient-primary);color:#fff;border-radius:var(--rd-lg);font-weight:var(--fw-semibold);font-size:var(--fs-sm);text-decoration:none;transition:all var(--tr-fast)var(--ez-spring);box-shadow:var(--shadow-sm)}.contact-btn:hover{transform:translateY(calc(var(--ao-min) * -2));box-shadow:var(--shadow-glow);color:#fff}.tools-section{margin:var(--sp-8)0}.tools-category{margin-bottom:var(--sp-12)}.category-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-4);margin-bottom:var(--sp-6);padding-bottom:var(--sp-4);border-bottom:1px solid var(--c-border)}.category-header .category-icon{width:var(--sz-icon-md);height:var(--sz-icon-md);background:var(--gradient-primary);border-radius:var(--rd-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--fs-xl);flex-shrink:0}.category-info{flex:1}.category-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--c-text-primary);margin-bottom:var(--sp-min)}.category-description{color:var(--c-text-secondary);font-size:var(--fs-sm);margin:0}.tools-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-5)}.tool-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-4);padding:var(--sp-4)var(--sp-5);background:var(--c-surface-overlay);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--c-border);border-radius:var(--rd-lg);text-decoration:none;transition:all var(--tr-base)var(--ez-spring);position:relative;overflow:hidden}.tool-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--tr-base)var(--ez-default)}.tool-card:hover{transform:translateY(calc(var(--ao-min) * -4));box-shadow:var(--shadow-lg);border-color:var(--c-primary-300)}.tool-card:hover::before{opacity:1}.tool-card:hover .tool-arrow{opacity:1;transform:translateX(0);color:var(--c-primary-400)}.tool-icon{width:var(--sz-icon-sm);height:var(--sz-icon-sm);display:flex;align-items:center;justify-content:center;background:var(--c-primary-100);border-radius:var(--rd-md);flex-shrink:0;overflow:hidden}.tool-icon i{font-size:var(--fs-xl);color:var(--c-primary-500)}.tool-icon img{width:var(--sp-8);height:var(--sp-8);object-fit:contain;transition:filter var(--tr-fast)var(--ez-default)}[data-theme=dark] .tool-icon img{filter:invert(.75)brightness(1)contrast(1.5)}.tool-content{flex:1;min-width:0}.tool-name{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--c-text-primary);margin-bottom:var(--sp-min)}.tool-description{color:var(--c-text-secondary);font-size:var(--fs-sm);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-arrow{display:none;color:var(--c-text-tertiary);font-size:var(--fs-sm);opacity:0;transform:translateX(calc(var(--ao-min) * -4));transition:all var(--tr-fast)var(--ez-default)}.archives-layout{display:flex;flex-direction:column;gap:var(--sp-8)}.archives-main{width:100%;flex:1;min-width:0}.archives-sidebar{display:none;width:100%;max-width:100%;flex-shrink:0}.archives-sidebar .sidebar-card{padding:var(--sp-5);background:var(--c-sidebar-bg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid var(--c-border);border-radius:var(--rd-xl)}.archives-summary{text-align:center;margin-bottom:var(--sp-8)}.archives-count{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--c-primary-100);color:var(--c-primary-500);padding:var(--sp-3)var(--sp-5);border-radius:var(--rd-full);font-weight:var(--fw-medium)}.archive-year{margin-bottom:var(--sp-10)}.archive-year-title{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-xl);color:var(--c-text-primary);padding-bottom:var(--sp-3);border-bottom:2px solid var(--c-border);margin-bottom:var(--sp-6)}.archive-year-title i{color:var(--c-primary-400)}.archive-year-count{font-size:var(--fs-sm);color:var(--c-text-tertiary);font-weight:var(--fw-normal);margin-left:auto}.archive-month{margin-bottom:var(--sp-6)}.archive-month-title{font-size:var(--fs-base);color:var(--c-text-tertiary);margin-bottom:var(--sp-3);padding-left:var(--sp-4);font-weight:var(--fw-medium)}.archive-month-count{font-size:var(--fs-xs);color:var(--c-text-tertiary);font-weight:var(--fw-normal)}.archive-list{list-style:none;padding:0;margin:0}.archive-item{margin-bottom:var(--sp-2)}.archive-link{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-4);padding:var(--sp-3)var(--sp-4);background:rgba(255,255,255,.5);backdrop-filter:blur(var(--blur-lg));border-radius:var(--rd-lg);text-decoration:none;transition:all var(--tr-fast)var(--ez-spring);border:1px solid transparent}.archive-link:hover{background:var(--c-primary-100);border-color:var(--c-primary-300);transform:translateX(var(--ao-min))}.archive-link:hover .archive-title{color:var(--c-primary-400)}[data-theme=dark] .archive-link{background:rgba(26,27,58,.5)}[data-theme=dark] .archive-link:hover{background:rgba(26,27,58,.7);border-color:var(--c-primary-400)}.archive-date{font-size:var(--fs-sm);color:var(--c-text-tertiary);font-family:var(--font-mono);flex-shrink:0}.archive-title{flex:1;color:var(--c-text-primary);font-weight:var(--fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archive-category{font-size:var(--fs-xs);background:var(--c-primary-100);color:var(--c-primary-500);padding:var(--sp-min)var(--sp-2);border-radius:var(--rd-full);flex-shrink:0;width:100%;margin-top:var(--sp-min)}.year-navigation{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-5);padding:var(--sp-2)var(--sp-3);background:var(--c-bg-elevated-2);border-radius:var(--rd-lg)}.year-nav-btn{width:var(--sp-8);height:var(--sp-8);display:flex;align-items:center;justify-content:center;border-radius:var(--rd-full);background:var(--c-surface-overlay);border:1px solid var(--c-border);color:var(--c-text-secondary);font-size:var(--fs-sm);transition:all var(--tr-fast)var(--ez-default);cursor:pointer}.year-nav-btn:hover:not(:disabled){background:var(--gradient-primary);color:#fff;border-color:transparent;transform:scale(var(--ts-lg))}.year-nav-btn:disabled{opacity:.3;cursor:not-allowed}.current-year-display{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--c-text-primary);min-width:60px;text-align:center}.month-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2);margin-bottom:var(--sp-5);max-height:300px;overflow-y:auto;padding-right:var(--sp-min)}.month-list::-webkit-scrollbar{width:3px}.month-list::-webkit-scrollbar-thumb{background:var(--c-primary-300);border-radius:var(--rd-full)}.month-item{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-2)var(--sp-3);border-radius:var(--rd-md);background:var(--c-bg-elevated-2);border:1px solid var(--c-border-light);cursor:pointer;transition:all var(--tr-fast)var(--ez-spring);font-size:var(--fs-sm);color:var(--c-text-secondary)}.month-item:hover{background:var(--c-primary-100);border-color:var(--c-primary-300);color:var(--c-text-primary);transform:translateX(var(--ao-min))}.month-item.has-posts .month-count{background:var(--gradient-subtle);color:var(--c-primary-500);font-weight:var(--fw-bold)}.month-item.active{background:var(--c-primary-300);color:#fff;border-color:transparent;font-weight:var(--fw-semibold)}.month-item.active .month-count{background:rgba(255,255,255,.3);color:#fff;font-weight:var(--fw-bold)}.month-item .month-count{font-weight:var(--fw-medium);font-size:var(--fs-xs);padding:var(--sp-min)var(--sp-2);border-radius:var(--rd-sm);background:var(--c-bg);color:var(--c-text-tertiary);min-width:22px;text-align:center;transition:all var(--tr-fast)var(--ez-default)}.month-item .month-count:empty::before{content:"0"}.archive-stats{padding-top:var(--sp-4);border-top:1px solid var(--c-border)}.stat-row{display:flex;justify-content:space-between;padding:var(--sp-min)0;font-size:var(--fs-sm);color:var(--c-text-secondary)}.stat-row span:last-child{font-weight:var(--fw-semibold);color:var(--c-text-primary)}.tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-8)}.tags-card-wrapper{transition:opacity var(--tr-base)var(--ez-default)}.tags-card{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-5)var(--sp-6);border-radius:var(--rd-xl);border:1px solid var(--c-border);text-decoration:none;transition:all var(--tr-base)var(--ez-spring);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;height:100%;background:var(--c-surface-overlay);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg))}.tags-card::before{content:"";position:absolute;top:0;left:0;width:var(--sp-4);height:100%;background:var(--gradient-primary);opacity:0;transition:opacity var(--tr-base)var(--ez-default)}.tags-card:hover{transform:translateY(calc(var(--ao-sm) * -1));box-shadow:var(--shadow-lg);border-color:var(--c-primary-300)}.tags-card:hover::before{opacity:1}.tags-card:hover .tags-card-name{color:var(--c-primary-400)}.tags-card-name{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--c-text-primary);transition:color var(--tr-fast)var(--ez-default);display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.tags-card-count{font-size:var(--fs-sm);color:var(--c-text-tertiary);display:flex;align-items:center;gap:var(--sp-min)}.tags-card-count::before{content:"📄";font-size:var(--fs-xs)}.no-terms-message{text-align:center;padding:var(--sp-16)var(--sp-6);color:var(--c-text-secondary);background:var(--c-surface-overlay);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border-radius:var(--rd-xl);border:1px solid var(--c-border)}.no-terms-message p{font-size:var(--fs-lg);margin:0}.tag-header-meta{margin-top:var(--sp-5);display:flex;justify-content:center}.tag-article-count{display:inline-flex;align-items:center;gap:var(--sp-3);background:var(--gradient-subtle);color:var(--c-primary-500);padding:var(--sp-3)var(--sp-6);border-radius:var(--rd-full);font-size:var(--fs-base);font-weight:var(--fw-medium);border:1px solid var(--c-border);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md))}.tag-article-count i{font-size:var(--fs-base);color:var(--c-primary-400)}.term-posts-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-6);max-width:var(--sz-posts-grid);margin:0 auto}.posts-list{display:flex;flex-direction:column;gap:var(--sp-6)}.post-item{display:flex;flex-direction:column;border-radius:var(--rd-xl);overflow:hidden;border:1px solid var(--c-border);transition:all var(--tr-base)var(--ez-spring);box-shadow:var(--shadow-sm);background:var(--c-surface-overlay);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg))}.post-item:hover{transform:translateY(calc(var(--ao-sm) * -1));box-shadow:var(--shadow-lg);border-color:var(--c-primary-300)}.post-item:hover .post-item-image img{transform:scale(var(--ts-lg))}.post-item-image{width:100%;height:var(--sz-post-img-md);overflow:hidden;position:relative;background:var(--gradient-subtle);flex-shrink:0}.post-item-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--tr-slower)var(--ez-spring)}.post-item-content{padding:var(--sp-5)var(--sp-5)var(--sp-8);flex:1;display:flex;flex-direction:column;min-width:0}.post-item .post-title{font-size:var(--fs-lg);margin-bottom:var(--sp-3);line-height:var(--lh-snug);font-weight:var(--fw-bold)}.post-item .post-title a{color:var(--c-text-primary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--tr-fast)var(--ez-default)}.post-item .post-title a:hover{color:var(--c-primary-500)}.post-item .post-meta{font-size:var(--fs-sm);color:var(--c-text-tertiary);margin-bottom:var(--sp-4);display:flex;gap:var(--sp-5)}.post-tags-container{margin-bottom:var(--sp-min)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);margin:var(--sp-10)0 var(--sp-8);flex-wrap:wrap}.page-numbers{display:flex;align-items:center;gap:var(--sp-4)}.page-link{display:inline-flex;align-items:center;justify-content:center;min-width:var(--sp-10);height:var(--sp-10);padding:0 var(--sp-3);border:1px solid var(--c-border);border-radius:var(--rd-lg);color:var(--c-text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium);text-decoration:none;transition:all var(--tr-fast)var(--ez-default);cursor:pointer;user-select:none}.page-link:hover:not(.current):not(.dots){background:var(--c-primary-100);border-color:var(--c-primary-300);color:var(--c-primary-500);transform:translateY(calc(var(--ao-min) * -2));box-shadow:var(--shadow-sm)}.page-link.current{background:var(--gradient-primary);border-color:transparent;color:#fff;font-weight:var(--fw-semibold);box-shadow:var(--shadow-glow);cursor:default;pointer-events:none}.page-link.dots{border:none;background:0 0;color:var(--c-text-tertiary);cursor:default;min-width:auto;padding:0 var(--sp-min);pointer-events:none}.page-link.prev,.page-link.next{padding:0 var(--sp-4);gap:var(--sp-2)}.page-link.prev i,.page-link.next i{font-size:var(--fs-xs)}.page-link.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.page-link.disabled:hover{background:var(--c-surface-overlay);border-color:var(--c-border);color:var(--c-text-secondary);transform:none;box-shadow:none}[data-theme=dark] .page-link:hover:not(.current):not(.dots){background:var(--c-primary-200);border-color:var(--c-primary-500)}.posts-layout{display:flex;flex-direction:column;gap:var(--sp-8)}.posts-main{flex:1;min-width:0}.posts-sidebar{display:none;width:var(--sz-sidebar-lg)}.posts-sidebar .sidebar-card{background:var(--c-sidebar-bg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid var(--c-border);border-radius:var(--rd-xl);padding:var(--sp-5)}.calendar-card{text-align:center}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-4);font-weight:var(--fw-semibold)}.calendar-month{font-size:var(--fs-lg);color:var(--c-text-primary)}.calendar-year{font-size:var(--fs-sm);color:var(--c-text-tertiary)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--sp-min);margin-bottom:var(--sp-2);font-size:var(--fs-xs);color:var(--c-text-tertiary);font-weight:var(--fw-medium)}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--sp-min)}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);border-radius:var(--rd-sm);color:var(--c-text-secondary);transition:all var(--tr-fast)var(--ez-default)}.calendar-day:hover:not(.empty){background:var(--c-primary-100);color:var(--c-primary-400)}.calendar-day.today{background:var(--gradient-primary);color:#fff;font-weight:var(--fw-semibold)}.calendar-day.empty{visibility:hidden}.calendar-date{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--c-border);font-size:var(--fs-sm);color:var(--c-text-secondary)}.recent-posts-list{display:flex;flex-direction:column;gap:var(--sp-min)}.recent-post-item{border-bottom:1px solid var(--c-border-light)}.recent-post-item:last-child{border-bottom:none}.recent-post-link{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-3);color:var(--c-text-secondary);font-size:var(--fs-sm);transition:color var(--tr-fast)var(--ez-default);padding:var(--sp-3)0;text-decoration:none}.recent-post-link:hover{color:var(--c-primary-500)}.recent-post-title{flex:1;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.recent-post-date{color:var(--c-text-disabled);font-size:var(--fs-xs);flex-shrink:0}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--sp-min)}.cloud-tag{padding:var(--sp-min)var(--sp-3);background:var(--c-primary-100);color:var(--c-primary-500);border-radius:var(--rd-full);font-size:var(--fs-xs);font-weight:var(--fw-medium);transition:all var(--tr-fast)var(--ez-default)}.cloud-tag:hover{background:var(--gradient-primary);color:#fff}.article-page{padding-bottom:var(--sp-8)}.article-header{position:relative;min-height:var(--sz-article-hdr);display:flex;align-items:flex-end;background:var(--c-bg-elevated-2);border-radius:var(--rd-2xl);overflow:hidden;margin:var(--sp-6)0}.article-header:not(:has(.article-cover)){background:var(--gradient-subtle);padding-bottom:var(--sp-4)}.article-cover{position:absolute;inset:0}.article-cover img{width:100%;height:100%;object-fit:cover}.article-cover::after{content:"";position:absolute;bottom:0;left:0;right:0;height:65%;background:linear-gradient(to top,#fff 0%,rgba(255,255,255,.7) 40%,transparent 100%)}[data-theme=dark] .article-cover::after{background:linear-gradient(to top,rgba(0,0,0,.5) 0%,rgba(0,0,0,.7) 40%,transparent 100%)}.article-info{position:relative;z-index:1;width:100%;padding:var(--sp-8)var(--sp-8)var(--sp-6);color:var(--c-text-primary)}.article-cat{display:inline-block;padding:var(--sp-min)var(--sp-3);background:var(--c-primary-400);color:#fff;border-radius:var(--rd-full);font-size:var(--fs-xs);font-weight:var(--fw-medium);margin-bottom:var(--sp-4)}.article-h1{font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin-bottom:var(--sp-4);line-height:1.25;max-width:var(--sz-readable)}.article-meta-row{display:flex;flex-wrap:wrap;gap:var(--sp-5);font-size:var(--fs-sm);margin-bottom:var(--sp-4);color:var(--c-text-secondary)}.article-meta-row i{margin-right:var(--sp-min)}.meta-relative{color:var(--c-text-disabled);font-size:.85em}.meta-modified{color:var(--c-primary-400)}.meta-status{font-size:var(--fs-xs);padding:var(--sp-min)var(--sp-2);border-radius:var(--rd-full);font-weight:var(--fw-medium)}.meta-status-updated{background:var(--c-success-bg);color:var(--c-success)}.meta-status-new{background:var(--active-bg);color:var(--c-primary-500)}.article-tag-list{display:flex;flex-wrap:wrap;gap:var(--sp-min)}.article-tag-list a{padding:var(--sp-min)var(--sp-3);background:var(--c-primary-100);color:var(--c-primary-500);border-radius:var(--rd-full);font-size:var(--fs-xs);transition:all var(--tr-fast)var(--ez-default);text-decoration:none}.article-tag-list a:hover{background:var(--gradient-primary);color:#fff}.article-desc{margin:var(--sp-6)0;padding:var(--sp-5)var(--sp-6);background:var(--c-bg-elevated);backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:var(--rd-xl);border:1px solid var(--c-border);font-size:var(--fs-base);color:var(--c-text-secondary);line-height:var(--lh-relaxed)}.article-desc p{margin:0}.article-body-wrap{display:flex;flex-direction:column;gap:var(--sp-6);padding:var(--sp-8)0}.article-left{flex:1;min-width:0}.article-text{border-radius:var(--rd-xl);padding:var(--sp-8);border:1px solid var(--c-border);line-height:1.85;font-size:var(--fs-base);color:var(--c-text-primary);background:var(--c-surface)}.article-text h2{font-size:var(--fs-xl);margin:var(--sp-10)0 var(--sp-4);padding-bottom:var(--sp-2);border-bottom:2px solid var(--c-border-light);font-weight:var(--fw-bold);letter-spacing:-.01em}.article-text h3{font-size:var(--fs-lg);margin:var(--sp-8)0 var(--sp-3);font-weight:var(--fw-semibold)}.article-text h4{font-size:var(--fs-md);margin:var(--sp-6)0 var(--sp-2);font-weight:var(--fw-semibold)}.article-text p{margin-bottom:var(--sp-5)}.article-text ul,.article-text ol{margin-bottom:var(--sp-5);padding-left:var(--sp-5)}.article-text ul{list-style:disc}.article-text ol{list-style:decimal}.article-text li{margin-bottom:var(--sp-2);line-height:1.85}.article-text blockquote{margin:var(--sp-6)0;padding:var(--sp-5)var(--sp-6);background:var(--c-primary-100);border-left:var(--sp-4)solid var(--c-primary-400);border-radius:0 var(--rd-lg)var(--rd-lg)0;font-style:italic;color:var(--c-text-secondary);font-size:var(--fs-sm)}.article-text a{color:var(--c-primary-500);transition:color var(--tr-fast)var(--ez-default)}.article-text a:hover{color:var(--c-primary-600)}.article-text img{max-width:100%;border-radius:var(--rd-lg);margin:var(--sp-6)auto;display:block}.article-text table{width:100%;margin:var(--sp-6)0;border-collapse:collapse;font-size:var(--fs-sm)}.article-text th,.article-text td{padding:var(--sp-3)var(--sp-4);border:1px solid var(--c-border);text-align:left}.article-text th{background:var(--c-primary-100);font-weight:var(--fw-semibold)}.article-text code{font-family:var(--font-mono);font-size:.875em;padding:var(--sp-min);border-radius:var(--rd-sm);background:var(--c-primary-100);color:var(--c-primary-600)}.article-text pre code{padding:0;background:0 0;color:inherit}.article-right{display:flex;flex-direction:column;gap:var(--sp-4);width:100%;overflow:hidden}.side-box{border-radius:var(--rd-xl);padding:var(--sp-5);border:1px solid var(--c-border);overflow:hidden;flex-shrink:0;background:var(--c-sidebar-bg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.side-box-title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--c-text-primary);margin-bottom:var(--sp-4);display:flex;align-items:center;gap:var(--sp-2);letter-spacing:.02em}.side-box-title i{color:var(--c-primary-400);font-size:var(--fs-xs)}.side-box:has(.side-toc){flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.side-toc{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.side-toc::-webkit-scrollbar{width:3px}.side-toc::-webkit-scrollbar-track{background:var(--c-border-light);border-radius:var(--rd-full)}.side-toc::-webkit-scrollbar-thumb{background:var(--c-primary-300);border-radius:var(--rd-full)}.side-toc nav ul{list-style:none;padding:0;margin:0}.side-toc nav a{display:block;padding:var(--sp-min)var(--sp-2);color:var(--c-text-secondary);font-size:var(--fs-xs);border-radius:var(--rd-sm);transition:all var(--tr-fast)var(--ez-default);line-height:1.5;word-break:break-word}.side-toc nav a:hover,.side-toc nav a.active{color:var(--c-primary-500);background:var(--c-primary-100)}.side-toc nav ul ul{padding-left:var(--sp-3)}.side-box:not(:has(.side-toc)){flex-shrink:0}.side-info{display:flex;flex-direction:column;gap:var(--sp-min)}.side-info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-3)var(--sp-min);font-size:var(--fs-xs);color:var(--c-text-tertiary);border-radius:var(--rd-sm);transition:background var(--tr-fast)var(--ez-default)}.side-info-row:hover{background:var(--c-bg-elevated-2)}.side-info-label{color:var(--c-text-tertiary);font-weight:var(--fw-medium);flex-shrink:0;min-width:var(--sp-10)}.side-info-value{color:var(--c-text-primary);font-weight:var(--fw-medium);text-align:right;display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;justify-content:flex-end}.side-info-relative{color:var(--c-text-disabled);font-size:.85em;font-weight:var(--fw-normal)}.side-status{margin-top:var(--sp-2);padding:var(--sp-3)var(--sp-min);border-radius:var(--rd-sm);font-size:var(--fs-xs);display:flex;align-items:center;gap:var(--sp-2);background:var(--gradient-subtle)}.side-status i{color:var(--c-primary-400);font-size:var(--fs-xs)}.side-status-text{color:var(--c-text-secondary);font-weight:var(--fw-medium)}.side-status-first{color:var(--c-text-disabled)}.side-tags{display:flex;flex-wrap:wrap;gap:var(--sp-min)}.side-tags a{padding:var(--sp-min)var(--sp-3);background:var(--c-primary-100);color:var(--c-primary-500);border-radius:var(--rd-full);font-size:var(--fs-xs);transition:all var(--tr-fast)var(--ez-default)}.side-tags a:hover{background:var(--gradient-primary);color:#fff}.article-footer{padding:var(--sp-8)0}.post-footer-nav{margin-top:var(--sp-10);padding-top:var(--sp-8);border-top:1px solid var(--c-border)}.post-footer-flex{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3);align-items:stretch}.nav-card{display:flex;gap:var(--sp-min);padding:var(--sp-3)var(--sp-4);border-radius:var(--rd-xl);border:1px solid var(--c-border);background:var(--c-surface-overlay);backdrop-filter:blur(var(--blur-lg));text-decoration:none;transition:all var(--tr-base)var(--ez-default)}.nav-card:hover{border-color:var(--c-primary-300);box-shadow:var(--shadow-md);transform:translateY(calc(var(--ao-min) * -2))}.nav-card-label{font-size:var(--fs-xs);color:var(--c-text-tertiary);white-space:nowrap}.nav-card-title{font-size:var(--fs-sm);color:var(--c-text-primary);font-weight:var(--fw-medium);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:var(--lh-tight);flex:1;min-width:0;text-align:left;word-break:break-word}.nav-prev{text-align:left;order:1}.nav-next{text-align:right;order:3}.nav-rel-img{width:var(--sp-8);height:var(--sp-8);border-radius:var(--rd-sm);overflow:hidden;flex-shrink:0;background:var(--gradient-subtle)}.nav-rel-img img{width:100%;height:100%;object-fit:cover}.comments-section{padding:var(--sp-12)0;margin-top:var(--sp-12);border-top:1px solid var(--c-border)}.comments-container{margin-top:var(--sp-10);min-height:var(--sz-post-img)}.comments-warning,.comments-disabled{padding:var(--sp-10);border-radius:var(--rd-lg);text-align:center;color:var(--c-text-secondary)}.comments-warning{background:var(--c-warning-bg);border:1px solid rgba(255,193,7,.3)}[data-theme=dark] .comments-warning{background:rgba(255,193,7,.15);border-color:rgba(255,193,7,.4)}[data-theme=dark] .comments-disabled{background:rgba(255,255,255,5%)}.search-component{width:100%}.search-form{margin-bottom:var(--sp-6);position:relative}.search-input-group{display:flex;margin:0 auto;position:relative;gap:2px}.search-input{flex:1;padding:var(--sp-3)var(--sp-6);border:2px solid var(--c-border);border-radius:var(--rd-lg)0 var(--rd-lg)0;font-size:var(--fs-base);background:var(--c-surface);color:var(--c-text-primary);transition:border-color var(--tr-base)var(--ez-default)}.search-input:focus{outline:0;border-color:var(--c-primary-400)}.search-input::placeholder{color:var(--c-text-secondary)}.search-button{padding:var(--sp-3)var(--sp-5);background:var(--gradient-primary);color:#fff;border:none;border-radius:0 var(--rd-lg)var(--rd-lg)var(--rd-lg);cursor:pointer;transition:transform var(--tr-base)var(--ez-default),box-shadow var(--tr-base)var(--ez-default)}.search-button:hover,.search-button:focus{transform:scale(var(--ts-lg));box-shadow:var(--shadow-glow)}.search-results{background:var(--c-bg-elevated-2);border:1px solid var(--c-border);border-radius:var(--rd-lg);max-height:50vh;overflow-y:auto;margin-top:var(--sp-3);display:none}.search-results:not(:empty){display:block}.search-results-header{padding:var(--sp-3)var(--sp-5);border-bottom:1px solid var(--c-border);font-size:var(--fs-sm);color:var(--c-text-secondary);background:var(--c-bg-elevated-2)}.search-results-list{list-style:none;margin:0;padding:0}.search-result-item{border-bottom:1px solid var(--c-border-light)}.search-result-item:last-child{border-bottom:none}.search-result-link{display:block;padding:var(--sp-4)var(--sp-5);text-decoration:none;color:inherit;transition:background var(--tr-fast)var(--ez-default)}.search-result-link:hover,.search-result-link:focus{background:var(--c-primary-100)}.search-result-title{margin:0 0 var(--sp-2);font-size:var(--fs-base);color:var(--c-primary-500);font-weight:var(--fw-semibold)}.search-result-excerpt{font-size:var(--fs-sm);color:var(--c-text-secondary);line-height:var(--lh-relaxed);margin-bottom:var(--sp-2);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-meta{display:flex;justify-content:space-between;font-size:var(--fs-xs);color:var(--c-text-tertiary)}.search-result-date{flex-shrink:0}.search-result-tags{text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%}.search-highlight{background:var(--c-primary-200);color:var(--c-primary-700);padding:0 var(--sp-min);border-radius:var(--rd-xs);font-weight:var(--fw-medium)}.search-no-results,.search-error,.search-disabled{padding:var(--sp-8);text-align:center;color:var(--c-text-secondary);background:var(--c-bg-elevated-2);border-radius:var(--rd-lg);border:1px solid var(--c-border-light);margin-top:var(--sp-4)}.search-error{background:var(--c-accent-100);border-color:var(--c-accent-300);color:var(--c-text-primary)}.search-error i{color:var(--c-accent-500);margin-right:var(--sp-2)}.search-error-hint{font-size:var(--fs-sm);margin-top:var(--sp-2);opacity:.8}.search-modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));z-index:9998;opacity:0;transition:opacity var(--tr-base)var(--ez-default)}.search-modal-overlay.active{display:block;opacity:1}.search-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.95);width:95%;max-width:var(--sz-search-modal);max-height:85vh;background:var(--c-surface);border-radius:var(--rd-xl);box-shadow:var(--shadow-lg);z-index:9999;opacity:0;transition:all var(--tr-base)var(--ez-default)}.search-modal.active{display:flex;flex-direction:column;transform:translate(-50%,-50%)scale(1);opacity:1}.search-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-4);border-bottom:1px solid var(--c-border);flex-shrink:0}.search-modal-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--c-text-primary);margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.search-modal-close{width:var(--sp-8);height:var(--sp-8);display:flex;align-items:center;justify-content:center;background:var(--c-primary-100);color:var(--c-text-secondary);border:none;border-radius:var(--rd-full);cursor:pointer;font-size:var(--fs-base);transition:all var(--tr-fast)var(--ez-default)}.search-modal-close:hover{background:var(--gradient-primary);color:#fff}.search-modal-body{flex:1;padding:var(--sp-4);overflow-y:auto}.error-icon{font-size:5rem;color:var(--c-primary-400);margin-bottom:var(--sp-4);animation:float var(--ad-float)ease-in-out infinite}.error-message{color:var(--c-text-secondary);margin:var(--sp-6)0;font-size:var(--fs-md)}.error-actions{display:flex;gap:var(--sp-4);justify-content:center;flex-wrap:wrap}.legal-content{max-width:var(--sz-readable);margin:0 auto}.legal-card{padding:var(--sp-8)}.legal-card h2{font-size:var(--fs-xl);margin-top:var(--sp-8);margin-bottom:var(--sp-4);color:var(--c-text-primary)}.legal-card h2:first-child{margin-top:0}.legal-card h3{font-size:var(--fs-lg);margin-top:var(--sp-6);margin-bottom:var(--sp-3);color:var(--c-text-primary)}.legal-card p{margin-bottom:var(--sp-4);line-height:1.8;color:var(--c-text-secondary)}.legal-card ul,.legal-card ol{margin-bottom:var(--sp-4);padding-left:var(--sp-6)}.legal-card li{margin-bottom:var(--sp-2);line-height:1.8;color:var(--c-text-secondary)}.legal-card a{color:var(--c-primary-400);text-decoration:none;border-bottom:1px dashed var(--c-primary-300)}.legal-card a:hover{border-bottom-style:solid}.scroll-buttons{position:fixed;right:var(--sp-2);bottom:var(--sp-2);display:flex;flex-direction:column;align-items:center;gap:var(--sp-min);z-index:999;opacity:0;transform:translateY(var(--ao-md));transition:all var(--tr-base)var(--ez-default);pointer-events:none}.scroll-buttons.visible{opacity:1;transform:translateY(0);pointer-events:auto}.scroll-btn{width:calc(var(--sz-scroll)*.8);height:calc(var(--sz-scroll)*.8);display:flex;align-items:center;justify-content:center;border:1px solid var(--c-border);border-radius:var(--rd-full);color:var(--c-text-secondary);font-size:var(--fs-sm);box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--tr-fast)var(--ez-default);background:var(--c-surface);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg))}.scroll-btn:hover{background:var(--gradient-primary);border-color:transparent;color:#fff;transform:scale(var(--ts-xl));box-shadow:var(--shadow-lg)}.scroll-btn:active{transform:scale(var(--ts-sm))}.scroll-center-group{display:flex;flex-direction:column;gap:var(--sp-min)}.highlight{position:relative;border-radius:var(--rd-lg);overflow:hidden;margin:var(--sp-6)0;border:1px solid var(--c-border);background:var(--c-bg-elevated-2)}.highlight pre{margin:0!important;padding:var(--sp-5)!important;overflow-x:auto;font-family:var(--font-mono)!important;font-size:var(--fs-sm)!important;line-height:1.65!important;tab-size:4;border-radius:0!important}.highlight code{font-size:inherit}.highlight::before{content:attr(data-lang)attr(data-code-lang);position:absolute;top:0;right:0;padding:var(--sp-min)var(--sp-3);font-size:var(--fs-xs);font-family:var(--font-sans);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;border-radius:0 var(--rd-lg)0 var(--rd-md);z-index:2;pointer-events:none;background:var(--c-primary-100);color:var(--c-primary-500)}.highlight:hover .code-copy-btn{opacity:1}[data-theme=dark] .highlight::before{background:rgba(240,168,136,.15);color:var(--c-primary-700)}.article-text code:not([class]){padding:var(--sp-min)var(--sp-2);border-radius:var(--rd-sm);font-family:var(--font-mono);font-size:.9em}[data-theme=light] .article-text code:not([class]){background:var(--c-primary-100);color:var(--c-primary-700)}[data-theme=dark] .article-text code:not([class]){background:rgba(240,168,136,.15);color:var(--c-primary-700)}.code-copy-btn{position:absolute;bottom:var(--sp-min);right:var(--sp-min);padding:var(--sp-min)var(--sp-3);font-size:var(--fs-xs);font-family:var(--font-sans);font-weight:var(--fw-medium);border-radius:var(--rd-sm);cursor:pointer;opacity:0;transition:opacity var(--tr-fast)var(--ez-default),background var(--tr-fast)var(--ez-default);z-index:3;display:flex;align-items:center;gap:var(--sp-min);border:none;background:var(--c-primary-100);color:var(--c-primary-500)}.code-copy-btn:hover{background:var(--c-primary-400);color:var(--c-surface)}.code-copy-btn.copied{background:var(--c-accent-600)!important;color:var(--c-surface)!important;border-color:transparent!important}[data-theme=dark] .code-copy-btn{background:rgba(240,168,136,.15);color:var(--c-primary-700);border:1px solid rgba(167,139,250,.25)}.chroma{color:var(--c-text-primary)}.chroma .c,.chroma .c1,.chroma .ch,.chroma .cm,.chroma .cs,.chroma .cp,.chroma .cpf{color:var(--c-text-tertiary);font-style:italic}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr,.chroma .kt{color:var(--c-primary-600)}.chroma .s,.chroma .s1,.chroma .s2,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .dl,.chroma .sd,.chroma .sh,.chroma .si,.chroma .sx,.chroma .sr,.chroma .ss,.chroma .ld{color:var(--c-success)}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .il,.chroma .mo{color:var(--c-accent-500)}.chroma .o,.chroma .ow{color:var(--c-primary-600)}.chroma .nf,.chroma .fm{color:var(--c-error)}.chroma .na,.chroma .nc,.chroma .no,.chroma .nd,.chroma .ne,.chroma .nx{color:var(--c-error)}.chroma .nt{color:var(--c-primary-600)}.chroma .l{color:var(--c-accent-500)}.chroma .se{color:var(--c-accent-500)}.chroma .err{color:var(--c-error)}.chroma .gd{color:var(--c-error)}.chroma .gi{color:var(--c-accent-500)}.chroma .gs{font-weight:700}.chroma .ge{font-style:italic}.chroma .gu{color:var(--c-text-tertiary)}.chroma .line{display:flex}.chroma .ln{user-select:none;margin-right:.5em;padding:0 .5em 0 0;color:var(--c-text-tertiary);opacity:.5}.chroma .hl{background:var(--c-primary-100)}.chroma .lnt{user-select:none;margin-right:.5em;padding:0 .5em 0 0;color:var(--c-text-tertiary);opacity:.5}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:100%}.chroma .lnlinks{outline:0;text-decoration:none;color:inherit}.card-anime-decoration{position:relative;overflow:hidden}.card-anime-decoration::before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:linear-gradient(45deg,transparent 42%,rgba(250,224,236,6%) 46%,rgba(250,224,236,.12) 50%,rgba(250,224,236,6%) 54%,transparent 58%);animation:cardShine var(--ad-shimmer)ease-in-out infinite;pointer-events:none;will-change:transform}.title-anime{position:relative;display:inline-block}.title-anime::after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:3px;background:var(--gradient-primary);border-radius:var(--rd-full);opacity:.7}.divider-anime{height:2px;background:linear-gradient(90deg,transparent 0%,var(--c-primary-300) 20%,var(--c-secondary-300) 50%,var(--c-accent-200) 80%,transparent 100%);border:none;margin:var(--sp-10)0;position:relative;opacity:.8}.divider-anime::before{content:"❀";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--c-bg);padding:0 var(--sp-5);color:var(--c-primary-400);font-size:var(--fs-md);line-height:1}.floating-element{position:absolute;width:var(--sz-icon-sm);height:var(--sz-icon-sm);background:var(--c-primary-400);border-radius:var(--rd-full);opacity:.04;filter:blur(var(--blur-lg));animation:floatAround var(--ad-shimmer)linear infinite;pointer-events:none;will-change:transform;transform:translateZ(0)}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--gradient-primary);z-index:1001;transform-origin:left;transform:scaleX(0);will-change:transform;box-shadow:0 0 12px rgba(232,160,191,.35)}.animate-fade-in{animation:fadeIn var(--ad-base)var(--ez-spring)forwards;will-change:opacity}.animate-fade-in-up{animation:fadeInUp var(--ad-base)var(--ez-spring)forwards;will-change:opacity,transform}.animate-fade-in-down{animation:fadeInDown var(--ad-base)var(--ez-spring)forwards;will-change:opacity,transform}.animate-scale-in{animation:scaleIn var(--ad-base)var(--ez-spring)forwards;will-change:opacity,transform}.animate-bounce{animation:bounce var(--ad-bounce)var(--ez-default)infinite;will-change:transform}.animate-float{animation:float var(--ad-float)var(--ez-default)infinite;will-change:transform}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.click-star{position:fixed;pointer-events:none;z-index:10000;animation:clickStarPop var(--ad-slower)ease-out forwards}.click-star i{color:var(--c-gold-500);font-size:20px;filter:drop-shadow(0 0 4px rgba(255,215,0,.8))}.img-lightbox{position:fixed;inset:0;z-index:10001;background:0 0;backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--tr-base)var(--ez-default),visibility var(--tr-base)var(--ez-default)}.img-lightbox.active{opacity:1;visibility:visible}.img-lightbox.active img{transform:scale(1)}.img-lightbox img{max-width:90vw;max-height:85vh;border-radius:var(--rd-lg);box-shadow:0 0 60px rgba(0,0,0,.5);transform:scale(.9);transition:transform var(--tr-base)var(--ez-spring);cursor:default}.img-lightbox-close{position:absolute;top:var(--sp-6);right:var(--sp-6);width:var(--sz-scroll);height:var(--sz-scroll);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.15);color:#fff;border-radius:var(--rd-full);font-size:var(--fs-lg);cursor:pointer;border:none;transition:all var(--tr-fast)var(--ez-default)}.img-lightbox-close:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}#effects-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.skills-shortcode{margin:var(--sp-8)0}.skills-shortcode h3{margin-bottom:var(--sp-6);color:var(--c-text-primary);font-size:var(--fs-md)}.skills-list{display:flex;flex-direction:column;gap:var(--sp-4)}.skill-shortcode-item{background:var(--c-primary-100);padding:var(--sp-4);border-radius:var(--rd-lg)}.skill-shortcode-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-2)}.skill-shortcode-name{font-weight:var(--fw-semibold);color:var(--c-text-primary)}.skill-shortcode-level{background:var(--gradient-primary);color:#fff;padding:var(--sp-min)var(--sp-3);border-radius:var(--rd-full);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.skill-shortcode-bar{height:8px;background:var(--c-primary-100);border-radius:var(--rd-full);overflow:hidden}.skill-shortcode-progress{height:100%;background:var(--gradient-primary);border-radius:var(--rd-full);transition:width var(--tr-slowest)ease-in-out}@keyframes cardShine{0%{transform:translateX(-50%)translateY(-50%)rotate(45deg)}50%{transform:translateX(20%)translateY(20%)rotate(45deg)}100%{transform:translateX(-50%)translateY(-50%)rotate(45deg)}}@keyframes clickStarPop{0%{opacity:1;transform:scale(var(--ts-min))rotate(0)}50%{opacity:1;transform:scale(var(--ts-2xl))rotate(180deg)}100%{opacity:0;transform:scale(var(--ts-sm))rotate(360deg)translateY(var(--ao-xl))}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInUp{from{opacity:0;transform:translateY(var(--ao-md))}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(calc(var(--ao-md) * -1))}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(var(--ao-md))}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(calc(var(--ao-md) * -1))}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(var(--ts-md))}to{opacity:1;transform:scale(var(--ts-base))}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(calc(var(--ao-sm) * -1))}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(calc(var(--ao-md) * -1))}}@keyframes floatAround{0%,100%{transform:translate(0,0)}25%{transform:translate(var(--ao-xl),calc(var(--ao-xl) * -1))}50%{transform:translate(calc(var(--ao-xl) * -1),var(--ao-2xl))}75%{transform:translate(var(--ao-sm),calc(var(--ao-2xl) * -1))}}@keyframes bounceDown{0%,100%{transform:translateY(0)}50%{transform:translateY(var(--ao-sm))}}@keyframes pulse{0%,100%{transform:scale(var(--ts-base))}50%{transform:scale(var(--ts-lg))}}@keyframes gradientFlow{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}@keyframes starTwinkle{0%,100%{opacity:.5}50%{opacity:.8}}@keyframes sparkle{0%,100%{opacity:1;transform:scale(var(--ts-base))}50%{opacity:.6;transform:scale(var(--ts-2xl))}}@keyframes scrollWheel{0%,100%{opacity:1;transform:translateX(-50%)translateY(0)}50%{opacity:.3;transform:translateX(-50%)translateY(calc(var(--ao-md) * .75))}}[data-theme=dark] .star{background:radial-gradient(circle,var(--c-text-primary) 0%,var(--c-gold-500) 50%,transparent 100%);box-shadow:0 0 8px var(--c-gold-400)}[data-theme=dark] .light-particle{background:radial-gradient(circle,var(--c-secondary-200) 0%,var(--c-primary-300) 50%,var(--c-accent-200) 80%,transparent 100%)}[data-theme=dark] .firefly{background:radial-gradient(circle,var(--c-accent-400) 0%,var(--c-accent-300) 50%,transparent 100%);box-shadow:0 0 20px var(--c-accent-300)}[data-theme=dark] body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-2;background:radial-gradient(ellipse at 15% 15%,rgba(240,168,136,.15) 0%,transparent 40%),radial-gradient(ellipse at 85% 85%,rgba(245,184,152,.1) 0%,transparent 40%),radial-gradient(ellipse at 50% 50%,rgba(232,184,112,6%) 0%,transparent 50%);animation:starTwinkle var(--ad-star-twinkle)ease-in-out infinite}[data-theme=light] body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-2;background:radial-gradient(ellipse at 20% 20%,rgba(240,196,184,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(245,204,184,.12) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(245,212,160,8%) 0%,transparent 60%);animation:pulse var(--ad-pulse)ease-in-out infinite alternate}@media(min-width:576px){.site-title{font-size:var(--sp-4)}.site-subtitle{display:block}.philosophy-grid{grid-template-columns:repeat(2,1fr)}.intro-stats{grid-template-columns:repeat(2,1fr)}.term-posts-grid{grid-template-columns:repeat(2,1fr)}.archives-sidebar{max-width:var(--sz-sidebar-xl)}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.about-stats{grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}.article-right{width:var(--sz-post-img);flex-shrink:0}}@media(min-width:768px){:root{--sz-header:var(--sz-header-md)}.container{padding:0 var(--sp-8)}.site-subtitle{display:block}.site-title{font-size:var(--sp-4)}.main-nav{display:flex;margin:0 var(--sp-6)}.main-nav ul{gap:var(--sp-2)}.nav-link{padding:var(--sp-2)var(--sp-3);font-size:var(--fs-sm);gap:var(--sp-min)}.nav-link i{font-size:.85em}.mobile-menu-toggle{display:none}.hero{min-height:100vh}.hero-inner{flex-direction:row;align-items:center;gap:var(--sp-12)}.hero-left{flex:1;text-align:left}.hero-content{max-width:none;text-align:left}.hero-right{flex:0 0 var(--sz-hero-right);max-width:var(--sz-hero-right);margin:0}.hero-description{text-align:left;margin-left:0;margin-right:0}.hero-actions{justify-content:flex-start}.posts-grid{grid-template-columns:repeat(2,1fr)}.skills-grid,.skills-categories,.skills-detailed-grid{grid-template-columns:repeat(2,1fr)}.links-grid{grid-template-columns:repeat(2,1fr)}.apply-card{padding:var(--sp-10)var(--sp-8)}.apply-content{flex-direction:row;gap:var(--sp-8)}.apply-info{flex:3}.apply-contact{flex:2}.apply-contact-methods{flex-direction:column}.about-card{flex-direction:row;text-align:left;padding:var(--sp-12)}.about-content{order:1}.about-image-wrapper{order:2}.about-description,.about-cta{text-align:left;margin-left:0;margin-right:0}.about-stats{justify-content:flex-start}.intro-card{padding:var(--sp-8)}.intro-stats{grid-template-columns:repeat(4,1fr)}.intro-content{flex-direction:row;align-items:flex-start;text-align:left}.intro-text{flex:1}.intro-image{order:2}.intro-image img{width:180px;height:180px}.intro-quote{max-width:var(--sz-search)}.philosophy-grid{grid-template-columns:repeat(2,1fr)}.content-card,.contact-card{padding:var(--sp-8)}.timeline{padding-left:0;max-width:var(--sz-timeline);margin:var(--sp-10)auto 0}.timeline::before{left:50%;transform:translateX(-50%)}.timeline-item{width:50%;padding-left:0;margin-bottom:var(--sp-8)}.timeline-item:nth-child(odd){padding-right:var(--sp-8);text-align:right}.timeline-item:nth-child(even){margin-left:50%;padding-left:var(--sp-8)}.timeline-date{position:static;display:inline-block;margin-bottom:var(--sp-3)}.post-item{flex-direction:row}.post-item-image{width:var(--sz-sidebar);height:auto;min-height:var(--sz-post-img)}.post-item-content{padding:var(--sp-8)}.post-item.reverse{flex-direction:row-reverse}.posts-layout{flex-direction:row;gap:var(--sp-8)}.posts-main{flex:1;min-width:0}.posts-sidebar{display:block;width:var(--sz-sidebar-md);flex-shrink:0;position:sticky;top:var(--sp-4);padding-bottom:var(--sz-header-md);align-self:flex-start}.posts-sidebar .sidebar-card{background:var(--c-sidebar-bg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.article-header{min-height:var(--sz-article-hdr-md)}.article-h1{font-size:var(--fs-3xl)}.article-body-wrap{flex-direction:row}.article-text{padding:var(--sp-8)}.article-right{width:var(--sz-sidebar-md);position:sticky;top:calc(var(--sz-header) + var(--sp-4));align-self:flex-start;max-height:calc(100vh - var(--sz-header) - var(--sp-8))}.article-right .side-box{background:var(--c-sidebar-bg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.archives-layout{flex-direction:row;align-items:flex-start}.archives-sidebar{display:block;width:var(--sz-sidebar-lg);position:sticky;top:20vh;align-self:flex-start;margin-top:5vh;margin-bottom:5vh}.archives-sidebar .sidebar-card{background:var(--c-sidebar-bg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.month-list{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:repeat(2,1fr);gap:var(--sp-8)}.category-header{flex-direction:row;text-align:left}.tool-card{flex-direction:row;text-align:left}.tool-arrow{display:block}.contact-methods{grid-template-columns:repeat(3,1fr)}.archive-category{width:auto;margin-top:0}.search-modal{width:90%;max-height:80vh}.search-modal-header,.search-modal-body{padding:var(--sp-5)var(--sp-6)}}@media(max-width:767px){.article-right{display:none!important}.archive-category{display:none!important}}@media(min-width:992px){:root{--sz-header:var(--sz-header-lg)}.container{padding:0 var(--sp-10)}.header-content{padding:0 var(--sp-4)}.site-title{font-size:var(--sp-4)}.site-subtitle{display:block;font-size:var(--fs-sm)}.main-nav ul{gap:var(--sp-3)}.nav-link{padding:var(--sp-2)var(--sp-4);font-size:var(--fs-sm);gap:var(--sp-2)}.nav-link i{font-size:.9em}.mobile-menu-toggle{display:none}.mobile-menu,.mobile-menu-overlay{display:none!important}.footer-content{grid-template-columns:repeat(4,1fr);gap:var(--sp-8)}.posts-grid{grid-template-columns:repeat(3,1fr)}.skills-grid,.skills-detailed-grid{grid-template-columns:repeat(3,1fr)}.skills-categories{grid-template-columns:repeat(4,1fr)}.philosophy-grid{grid-template-columns:repeat(4,1fr)}.philosophy-item{padding:var(--sp-8)}.hero-description{font-size:var(--fs-lg)}.quote-text{font-size:var(--fs-2xl)}.intro-image img{width:var(--sz-post-img);height:var(--sz-post-img)}.links-grid{grid-template-columns:repeat(3,1fr)}.term-posts-grid{grid-template-columns:repeat(4,1fr)}.archives-sidebar{width:var(--sz-sidebar-xl)}.month-list{grid-template-columns:repeat(3,1fr)}.article-right{width:var(--sz-sidebar)}.post-footer-flex{grid-template-columns:repeat(4,1fr)}.posts-sidebar{width:var(--sz-sidebar-lg)}.post-item-image{width:var(--sz-sidebar-lg)}}@media(min-width:1200px){.container{max-width:var(--cw-xl);padding:0 var(--sp-12)}.header-content{padding:0 var(--sp-8)}.site-title{font-size:var(--sp-5)}.main-nav ul{gap:var(--sp-4)}.nav-link{padding:var(--sp-2)var(--sp-5);font-size:var(--fs-base);gap:var(--sp-3)}.nav-link i{font-size:1em}.post-item-image{width:var(--sz-sidebar-xl)}}@media(min-width:1440px){.container{max-width:var(--cw-xxl)}.header-content{padding:0 var(--sp-16)}.site-title{font-size:var(--sp-6)}.main-nav ul{gap:var(--sp-5)}.nav-link{padding:var(--sp-2)var(--sp-6);font-size:var(--fs-base);gap:var(--sp-3)}}@media(prefers-reduced-motion:reduce){*,::before,::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}