@charset "UTF-8";*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,pingfang sc,microsoft yahei,微软雅黑,sans-serif;background-color:#f8f9fc;color:#1a1a2e;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;background-image:radial-gradient(circle,rgba(0,0,0,3%) 1px,transparent 1px),radial-gradient(ellipse 600px 600px at 10% 85%,rgba(248,220,195,.3),transparent),radial-gradient(ellipse 500px 500px at 90% 12%,rgba(220,210,240,.25),transparent),radial-gradient(ellipse 700px 700px at 55% 50%,rgba(210,225,245,.18),transparent),radial-gradient(ellipse 450px 450px at 18% 35%,rgba(240,210,225,.2),transparent),radial-gradient(ellipse 550px 550px at 82% 55%,rgba(200,220,240,.15),transparent),radial-gradient(ellipse 480px 480px at 40% 8%,rgba(250,235,215,.22),transparent);background-size:24px 24px,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%;--mx:50%;--my:50%}@media(hover:hover) and (prefers-reduced-motion:no-preference){body::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background:radial-gradient(600px circle at var(--mx) var(--my),rgba(37,99,235,3%),transparent 60%)}}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:var(--scroll,0%);background:linear-gradient(90deg,#e8d0c0,#d8cce8,#c8ddf0);z-index:9999;transition:width .05s linear;pointer-events:none}a{color:#2563eb;text-decoration:none;transition:color .15s ease}a:hover{color:#1d4ed8}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:#1a1a2e}.section-container{max-width:1200px;margin:0 auto;padding:0 24px}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,6%);transition:background .3s ease,box-shadow .3s ease}.site-header.scrolled{box-shadow:0 1px 2px rgba(0,0,0,5%)}.header-container{max-width:1200px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.header-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#1a1a2e;font-weight:700;font-size:1.1rem}.header-logo:hover{color:#1a1a2e}.header-avatar{width:36px;height:36px;border-radius:9999px;object-fit:cover}.header-title{font-weight:700}.header-menu-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;z-index:1001}.header-menu-toggle .hamburger-line{display:block;width:22px;height:2px;background:#1a1a2e;border-radius:2px;transition:all .3s ease}.header-menu-toggle[aria-expanded=true] .hamburger-line:nth-child(1){transform:rotate(45deg)translate(5px,5px)}.header-menu-toggle[aria-expanded=true] .hamburger-line:nth-child(2){opacity:0}.header-menu-toggle[aria-expanded=true] .hamburger-line:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.header-nav{display:flex;align-items:center;gap:8px}.header-nav-link{padding:6px 14px;border-radius:9999px;font-size:.9rem;font-weight:500;color:#4a4a6a;text-decoration:none;transition:all .15s ease}.header-nav-link:hover{color:#1a1a2e;background:#f0f2f5}.header-nav-link.active{color:#2563eb;background:rgba(37,99,235,8%)}.hero-section{position:relative;min-height:85vh;display:flex;align-items:center;overflow:hidden;padding-top:64px}.hero-bg{position:absolute;inset:0;overflow:hidden}.hero-shape{position:absolute;border-radius:20px;will-change:transform;pointer-events:none}.hero-shape-base{inset:0;border-radius:0;background:linear-gradient(135deg,#fef6ed 0%,#fcf0e2 15%,#f5ebf5 30%,#eaeef8 50%,#e0ecf8 70%,#d5e6f5 85%,#cee2f2 100%);opacity:.45}.hero-shape-1{width:32vw;height:55vh;bottom:-5%;left:-5%;transform:rotate(-14deg)skewX(-4deg);background:linear-gradient(155deg,#fde8d2 0%,#fce2c8 50%,#f9dbbe 100%);opacity:.35;border-radius:28px}.hero-shape-2{width:28vw;height:60vh;top:-8%;left:20%;transform:rotate(-18deg)skewX(-6deg);background:linear-gradient(160deg,#ece0f5 0%,#e2d6f0 30%,#d8cce8 60%,#cec2e2 100%);opacity:.28;border-radius:26px}.hero-shape-3{width:30vw;height:45vh;top:8%;left:35%;transform:rotate(-8deg)skewX(-2deg);background:linear-gradient(145deg,#dae6f6 0%,#d2e0f4 30%,#cada f2 60%,#c2d4f0 100%);opacity:.25;border-radius:22px}.hero-shape-4{width:25vw;height:70vh;top:-12%;right:10%;transform:rotate(-22deg)skewX(-8deg);background:linear-gradient(165deg,#d0e0f5 0%,#c6d8f2 30%,#bcd0ef 60%,#b2c8ec 100%);opacity:.22;border-radius:30px}.hero-shape-5{width:35vw;height:42vh;top:-5%;right:-5%;transform:rotate(-6deg)skewX(-2deg);background:linear-gradient(140deg,#d6e8fa 0%,#cce2f8 30%,#c2dcf6 60%,#b8d6f4 100%);opacity:.2;border-radius:24px}.hero-shape-6{width:22vw;height:38vh;top:25%;left:45%;transform:rotate(-15deg)skewX(-5deg);background:linear-gradient(150deg,#edddf2 0%,#e4d4ec 30%,#dbcbe6 60%,#d2c2e0 100%);opacity:.18;border-radius:20px}.hero-shape-7{width:28vw;height:35vh;bottom:10%;left:20%;transform:rotate(-10deg)skewX(-3deg);background:linear-gradient(155deg,#fef2dc 0%,#fbe9cc 40%,#f8e2c0 100%);opacity:.22;border-radius:24px}.hero-shape-8{width:18vw;height:30vh;top:5%;left:5%;transform:rotate(-20deg)skewX(-3deg);background:linear-gradient(140deg,#f5e6d8 0%,#f0dece 100%);opacity:.2;border-radius:18px}.hero-shape-9{width:15vw;height:28vh;top:40%;left:15%;transform:rotate(-25deg)skewX(-7deg);background:linear-gradient(150deg,#e0d8f2 0%,#d8d0ec 100%);opacity:.15;border-radius:16px}.hero-shape-10{width:14vw;height:32vh;top:15%;right:5%;transform:rotate(-12deg)skewX(-4deg);background:linear-gradient(160deg,#d4e4f8 0%,#ccdef6 100%);opacity:.16;border-radius:14px}.hero-shape-11{width:12vw;height:22vh;bottom:15%;right:20%;transform:rotate(-8deg)skewX(-2deg);background:linear-gradient(145deg,#e8ddf5 0%,#e0d5f0 100%);opacity:.14;border-radius:12px}.hero-shape-12{width:10vw;height:18vh;top:60%;left:55%;transform:rotate(-18deg)skewX(-5deg);background:linear-gradient(135deg,#f0e4d8 0%,#eae0d0 100%);opacity:.12;border-radius:10px}.hero-shape-13{width:16vw;height:25vh;bottom:20%;left:60%;transform:rotate(-10deg)skewX(-3deg);background:linear-gradient(155deg,#dce8f6 0%,#d4e2f4 100%);opacity:.13;border-radius:16px}.hero-container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 24px;width:100%;display:flex;align-items:center;justify-content:space-between}.hero-content{max-width:600px;flex-shrink:0}.hero-title{font-size:clamp(3rem,8vw,5.5rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:#1a1a2e;margin-bottom:20px}.hero-dot{background:linear-gradient(90deg,#2563eb,#8b5cf6,#ec4899,#2563eb);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(prefers-reduced-motion:no-preference){.hero-dot{animation:gradientShift 6s ease infinite}}@keyframes gradientShift{0%,100%{background-position:0}50%{background-position:100%}}.hero-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-particle{position:absolute;border-radius:50%;opacity:.4}@media(prefers-reduced-motion:no-preference){.hero-particle{animation:particleFloat 8s ease-in-out infinite}.hero-particle:nth-child(1){width:8px;height:8px;top:15%;left:10%;background:rgba(37,99,235,.3);animation-delay:0s;animation-duration:7s}.hero-particle:nth-child(2){width:6px;height:6px;top:30%;left:80%;background:rgba(139,92,246,.3);animation-delay:1s;animation-duration:9s}.hero-particle:nth-child(3){width:10px;height:10px;top:60%;left:25%;background:rgba(236,72,153,.25);animation-delay:2s;animation-duration:8s}.hero-particle:nth-child(4){width:5px;height:5px;top:45%;left:70%;background:rgba(37,99,235,.25);animation-delay:3s;animation-duration:10s}.hero-particle:nth-child(5){width:7px;height:7px;top:75%;left:55%;background:rgba(139,92,246,.2);animation-delay:4s;animation-duration:7.5s}.hero-particle:nth-child(6){width:4px;height:4px;top:20%;left:50%;background:rgba(236,72,153,.2);animation-delay:5s;animation-duration:9.5s}}@keyframes particleFloat{0%,100%{transform:translate(0,0)rotate(0)}25%{transform:translate(15px,-20px)rotate(90deg)}50%{transform:translate(-10px,-35px)rotate(180deg)}75%{transform:translate(20px,-15px)rotate(270deg)}}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.35rem);color:#4a4a6a;line-height:1.6;margin-bottom:36px;max-width:560px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-btn{display:inline-flex;align-items:center;padding:14px 32px;border-radius:9999px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s ease}.hero-btn-primary{background:#1a1a2e;color:#fff}.hero-btn-primary:hover{background:#36365f;color:#fff;transform:translateY(-1px);box-shadow:0 10px 15px -3px rgba(0,0,0,8%),0 4px 6px -2px rgba(0,0,0,4%)}.hero-btn-secondary{background:rgba(255,255,255,.7);color:#1a1a2e;border:1px solid #e5e7eb}.hero-btn-secondary:hover{background:#fff;color:#1a1a2e;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,7%),0 2px 4px -1px rgba(0,0,0,4%)}.home-section{padding:80px 0}@media(prefers-reduced-motion:no-preference){body.body-home{scroll-snap-type:y proximity}body.body-home .home-section{scroll-snap-align:start}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.section-title{font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.section-link{font-size:.9rem;font-weight:600;color:#2563eb;text-decoration:none;transition:all .15s ease}.section-link:hover{color:#1d4ed8}.categories-section{background-color:#fff;border-top:1px solid #f0f0f5;border-bottom:1px solid #f0f0f5;background-image:repeating-linear-gradient(-45deg,transparent,transparent 20px,rgba(0,0,0,.015) 20px,rgba(0,0,0,.015) 21px),radial-gradient(ellipse 500px 500px at 10% 30%,rgba(248,220,195,.2),transparent),radial-gradient(ellipse 450px 450px at 90% 70%,rgba(210,225,245,.18),transparent);background-size:auto,100% 100%,100% 100%}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.category-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;border-radius:16px;background:#f0f2f5;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.category-card:nth-child(6n+1){background:linear-gradient(135deg,#e8b888 0%,#e0aa78 100%)}.category-card:nth-child(6n+2){background:linear-gradient(135deg,#a8c8e5 0%,#98bcd8 100%)}.category-card:nth-child(6n+3){background:linear-gradient(135deg,#deb5d0 0%,#d5a8c5 100%)}.category-card:nth-child(6n+4){background:linear-gradient(135deg,#c0afe0 0%,#b5a2d5 100%)}.category-card:nth-child(6n+5){background:linear-gradient(135deg,#a0d5c0 0%,#90ccb2 100%)}.category-card:nth-child(6n+6){background:linear-gradient(135deg,#98d5d5 0%,#88cccc 100%)}.category-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,8%),0 4px 6px -2px rgba(0,0,0,4%)}.category-card:hover .category-name,.category-card:hover .category-count{color:#fff}.category-name{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:4px}.category-count{font-size:.85rem;color:rgba(255,255,255,.85)}.posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.post-card{padding:28px;border-radius:16px;background:#fff;border:1px solid #f0f0f5;transition:all .3s ease}.post-card:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px rgba(0,0,0,8%),0 4px 6px -2px rgba(0,0,0,4%);border-color:transparent}.post-card-meta{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:.82rem;color:#8a8aaa}.post-card-meta time{font-weight:500}.post-card-category{padding:2px 10px;border-radius:9999px;background:rgba(37,99,235,8%);color:#2563eb;font-weight:500;font-size:.78rem}.post-card-title{font-size:1.15rem;font-weight:700;line-height:1.4;margin-bottom:10px}.post-card-title a{color:#1a1a2e;text-decoration:none;transition:color .15s ease}.post-card-title a:hover{color:#2563eb}.post-card-desc{font-size:.9rem;color:#4a4a6a;line-height:1.5;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-tags{display:flex;flex-wrap:wrap;gap:6px}.post-card-tag{font-size:.78rem;color:#8a8aaa;text-decoration:none;transition:color .15s ease}.post-card-tag:hover{color:#2563eb}.about-section{background-color:#fff;border-top:1px solid #f0f0f5;background-image:radial-gradient(ellipse 500px 500px at 70% 30%,rgba(210,225,245,.18),transparent),radial-gradient(ellipse 450px 450px at 30% 70%,rgba(248,220,195,.15),transparent);background-size:100% 100%,100% 100%}.about-content{display:flex;align-items:center;gap:40px}.about-avatar{flex-shrink:0}.about-avatar img{width:120px;height:120px;border-radius:9999px;object-fit:cover;border:4px solid #f0f2f5}.about-text{flex:1}.about-title{font-size:1.5rem;font-weight:700;margin-bottom:8px}.about-desc{font-size:1rem;color:#4a4a6a;line-height:1.6;margin-bottom:16px}.about-link{font-size:.9rem;font-weight:600;color:#2563eb;text-decoration:none;transition:all .15s ease}.about-link:hover{color:#1d4ed8}.site-footer{margin-top:auto;padding:32px 0;background:#fff;border-top:1px solid #f0f0f5}.footer-container{max-width:1200px;margin:0 auto;padding:0 24px}.footer-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-copyright{font-size:.85rem;color:#8a8aaa}.footer-license{font-size:.8rem;color:#8a8aaa;margin-top:4px}.footer-nav{display:flex;gap:20px}.footer-nav-link{font-size:.85rem;color:#8a8aaa;text-decoration:none;transition:color .15s ease}.footer-nav-link:hover{color:#1a1a2e}.float-btn{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:9999px;background:#fff;border:1px solid #e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px rgba(0,0,0,7%),0 2px 4px -1px rgba(0,0,0,4%);transition:all .3s ease;z-index:999;color:#4a4a6a}.float-btn:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,8%),0 4px 6px -2px rgba(0,0,0,4%);color:#1a1a2e}.float-btn .icon-sun{display:none}.float-btn .icon-moon{display:block}body.colorscheme-dark .float-btn .icon-sun{display:block}body.colorscheme-dark .float-btn .icon-moon{display:none}@media(prefers-color-scheme:dark){body.colorscheme-auto .float-btn .icon-sun{display:block}body.colorscheme-auto .float-btn .icon-moon{display:none}}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:40px;padding-top:24px;border-top:1px solid #f0f0f5}.pagination-prev,.pagination-next{font-size:.9rem;font-weight:600;color:#2563eb;text-decoration:none;transition:color .15s ease}.pagination-prev:hover,.pagination-next:hover{color:#1d4ed8}.pagination-current{font-size:.85rem;color:#8a8aaa}.list-container{max-width:1200px;margin:0 auto;padding:100px 24px 60px;position:relative;overflow-x:hidden}.list-container::before{content:'';position:absolute;right:100%;top:0;bottom:0;width:300px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Ccircle cx='270' cy='140' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='259.5' cy='178.7' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='231.6' cy='211.6' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='190.3' cy='233.3' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='140' cy='241' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='89.7' cy='233.3' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='48.4' cy='211.6' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='20.5' cy='178.7' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='10' cy='140' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='20.5' cy='101.3' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='48.4' cy='68.4' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='89.7' cy='46.7' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='140' cy='39' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='190.3' cy='46.7' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='231.6' cy='68.4' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='259.5' cy='101.3' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='222.1' cy='120.6' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='193.3' cy='175' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='119.3' cy='210.6' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='68.7' cy='170' r='2.5' fill='%23f8dcc3'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='230'%3E%3Ccircle cx='130' cy='20' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='97.5' cy='57.5' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='65' cy='95' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='32.5' cy='132.5' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='15' cy='210' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='52.5' cy='210' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='90' cy='210' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='127.5' cy='210' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='165' cy='210' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='202.5' cy='210' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='240' cy='210' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='225' cy='172.5' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='192.5' cy='135' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='162.5' cy='57.5' r='2.5' fill='%23d2e1f5'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='220'%3E%3Ccircle cx='125' cy='30' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='182.5' cy='62.8' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='182.5' cy='128.2' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='125' cy='161' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='67.5' cy='128.2' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='67.5' cy='62.8' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='153.8' cy='46.4' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='182.5' cy='95.5' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='153.8' cy='144.6' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='96.2' cy='144.6' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='67.5' cy='95.5' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='96.2' cy='46.4' r='2.5' fill='%23dcd2f0'/%3E%3C/svg%3E");background-size:280px 280px,260px 230px,250px 220px;opacity:.12;transition:opacity .5s ease}.list-container:hover::before{opacity:.35}.list-container::after{content:'';position:absolute;left:100%;top:0;bottom:0;width:300px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Ccircle cx='270' cy='140' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='259.5' cy='178.7' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='231.6' cy='211.6' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='190.3' cy='233.3' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='140' cy='241' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='89.7' cy='233.3' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='48.4' cy='211.6' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='20.5' cy='178.7' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='10' cy='140' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='20.5' cy='101.3' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='48.4' cy='68.4' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='89.7' cy='46.7' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='140' cy='39' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='190.3' cy='46.7' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='231.6' cy='68.4' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='259.5' cy='101.3' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='222.1' cy='120.6' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='193.3' cy='175' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='119.3' cy='210.6' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='68.7' cy='170' r='2.5' fill='%23d2e1f5'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='230'%3E%3Ccircle cx='130' cy='20' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='97.5' cy='57.5' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='65' cy='95' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='32.5' cy='132.5' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='15' cy='210' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='52.5' cy='210' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='90' cy='210' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='127.5' cy='210' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='165' cy='210' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='202.5' cy='210' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='240' cy='210' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='225' cy='172.5' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='192.5' cy='135' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='162.5' cy='57.5' r='2.5' fill='%23dcd2f0'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='220'%3E%3Ccircle cx='125' cy='30' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='182.5' cy='62.8' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='182.5' cy='128.2' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='125' cy='161' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='67.5' cy='128.2' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='67.5' cy='62.8' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='153.8' cy='46.4' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='182.5' cy='95.5' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='153.8' cy='144.6' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='96.2' cy='144.6' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='67.5' cy='95.5' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='96.2' cy='46.4' r='2.5' fill='%23f8dcc3'/%3E%3C/svg%3E");background-size:280px 280px,260px 230px,250px 220px;opacity:.12;transition:opacity .5s ease}.list-container:hover::after{opacity:.3}@media(max-width:1200px){.list-container::before,.list-container::after{display:none}}.list-header{margin-bottom:40px}.list-title{font-size:2rem;font-weight:800;letter-spacing:-.02em}.post-list{display:flex;flex-direction:column;gap:0}.post-list-item{padding:24px 0;border-bottom:1px solid #f0f0f5;transition:all .15s ease}.post-list-item:first-child{border-top:1px solid #f0f0f5}.post-list-item:hover{padding-left:12px}.post-list-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:.82rem;color:#8a8aaa}.post-list-meta time{font-weight:500}.post-list-category{padding:2px 8px;border-radius:6px;background:rgba(37,99,235,8%);color:#2563eb;font-weight:500;font-size:.75rem}.post-list-title{font-size:1.15rem;font-weight:700;margin-bottom:6px}.post-list-title a{color:#1a1a2e;text-decoration:none;transition:color .15s ease}.post-list-title a:hover{color:#2563eb}.post-list-desc{font-size:.88rem;color:#4a4a6a;line-height:1.5;margin-bottom:8px}.post-list-tags{display:flex;flex-wrap:wrap;gap:6px}.taxonomy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.taxonomy-card{display:flex;flex-direction:column;align-items:center;padding:24px 16px;border-radius:10px;background:#fff;border:1px solid #f0f0f5;text-decoration:none;transition:all .3s ease}.taxonomy-card:hover{transform:translateY(-3px);box-shadow:0 4px 6px -1px rgba(0,0,0,7%),0 2px 4px -1px rgba(0,0,0,4%);border-color:#2563eb}.taxonomy-name{font-size:1rem;font-weight:700;color:#1a1a2e;margin-bottom:4px}.taxonomy-count{font-size:.82rem;color:#8a8aaa}.page-container{max-width:1400px;margin:0 auto;padding:100px 24px 60px;background-image:radial-gradient(ellipse 400px 600px at 3% 30%,rgba(248,220,195,.15),transparent),radial-gradient(ellipse 350px 500px at 97% 65%,rgba(210,225,245,.12),transparent),radial-gradient(ellipse 300px 400px at 92% 12%,rgba(220,210,240,.1),transparent);background-size:100% 100%}.post-layout{display:grid;grid-template-columns:1fr minmax(0,860px)1fr;align-items:flex-start}.post-content{grid-column:2;width:100%;max-width:860px;position:relative}.post-content::before{content:'';position:absolute;right:calc(100% + 24px);top:0;bottom:0;width:200px;pointer-events:none;background:radial-gradient(circle,rgba(248,220,195,.5) 1.5px,transparent 1.5px);background-size:10px 10px;opacity:.15;transition:opacity .5s ease}.post-content:hover::before{opacity:.45}.post-content::after{content:'';position:absolute;left:calc(100% + 24px);top:0;bottom:0;width:200px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Ccircle cx='270' cy='140' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='259.5' cy='178.7' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='231.6' cy='211.6' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='190.3' cy='233.3' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='140' cy='241' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='89.7' cy='233.3' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='48.4' cy='211.6' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='20.5' cy='178.7' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='10' cy='140' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='20.5' cy='101.3' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='48.4' cy='68.4' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='89.7' cy='46.7' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='140' cy='39' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='190.3' cy='46.7' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='231.6' cy='68.4' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='259.5' cy='101.3' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='222.1' cy='120.6' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='193.3' cy='175' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='119.3' cy='210.6' r='2.5' fill='%23f8dcc3'/%3E%3Ccircle cx='68.7' cy='170' r='2.5' fill='%23f8dcc3'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='230'%3E%3Ccircle cx='130' cy='20' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='97.5' cy='57.5' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='65' cy='95' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='32.5' cy='132.5' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='15' cy='210' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='52.5' cy='210' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='90' cy='210' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='127.5' cy='210' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='165' cy='210' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='202.5' cy='210' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='240' cy='210' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='225' cy='172.5' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='192.5' cy='135' r='2.5' fill='%23d2e1f5'/%3E%3Ccircle cx='162.5' cy='57.5' r='2.5' fill='%23d2e1f5'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='220'%3E%3Ccircle cx='125' cy='30' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='182.5' cy='62.8' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='182.5' cy='128.2' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='125' cy='161' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='67.5' cy='128.2' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='67.5' cy='62.8' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='153.8' cy='46.4' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='182.5' cy='95.5' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='153.8' cy='144.6' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='96.2' cy='144.6' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='67.5' cy='95.5' r='2.5' fill='%23dcd2f0'/%3E%3Ccircle cx='96.2' cy='46.4' r='2.5' fill='%23dcd2f0'/%3E%3C/svg%3E");background-size:280px 280px,260px 230px,250px 220px;opacity:.12;transition:opacity .5s ease}.post-content:hover::after{opacity:.4}.post-header{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid #f0f0f5}.post-title{font-size:2.2rem;font-weight:800;line-height:1.3;letter-spacing:-.02em;margin-bottom:20px}.post-title a{color:#1a1a2e;text-decoration:none}.post-title a:hover{color:#2563eb}.post-meta{display:flex;align-items:center;gap:16px;font-size:.92rem;color:#8a8aaa}.post-authors{margin-top:10px;font-size:.92rem;color:#4a4a6a;font-weight:500}.post-categories{margin-top:12px;display:flex;gap:8px}.post-category{padding:3px 12px;border-radius:9999px;background:rgba(37,99,235,8%);color:#2563eb;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .15s ease}.post-category:hover{background:#2563eb;color:#fff}.post-toc-sidebar{display:none}@media(min-width:1024px){.post-toc-sidebar{grid-column:1;grid-row:1;display:block;width:220px;justify-self:end;margin-right:40px;position:sticky;top:84px;max-height:calc(100vh - 100px);overflow-y:auto;padding:16px 20px;border-radius:10px;background:#fff;border:1px solid #f0f0f5;font-size:.85rem}.post-toc-sidebar summary{font-weight:700;cursor:pointer;font-size:.9rem;margin-bottom:12px;color:#1a1a2e}.post-toc-sidebar nav#TableOfContents ul{list-style:none;padding:0;margin:0}.post-toc-sidebar nav#TableOfContents ul li{margin-bottom:6px}.post-toc-sidebar nav#TableOfContents ul li a{color:#4a4a6a;text-decoration:none;transition:color .15s ease;display:block;padding:3px 0}.post-toc-sidebar nav#TableOfContents ul li a:hover{color:#2563eb}.post-toc-sidebar nav#TableOfContents ul li ul{padding-left:14px;margin-top:4px}.post-toc-sidebar nav#TableOfContents ul li ul li{margin-bottom:3px}.post-toc-sidebar nav#TableOfContents ul li ul li a{font-size:.82rem;color:#8a8aaa}}.post-toc-mobile{display:block;margin-bottom:32px;padding:16px 20px;border-radius:10px;background:#f0f2f5;font-size:.88rem}.post-toc-mobile summary{font-weight:700;cursor:pointer;font-size:1rem}.post-toc-mobile nav#TableOfContents{margin-top:12px}.post-toc-mobile nav#TableOfContents ul{list-style:none;padding:0;margin:0}.post-toc-mobile nav#TableOfContents ul li{margin-bottom:6px}.post-toc-mobile nav#TableOfContents ul li a{color:#4a4a6a;text-decoration:none;transition:color .15s ease}.post-toc-mobile nav#TableOfContents ul li a:hover{color:#2563eb}.post-toc-mobile nav#TableOfContents ul li ul{padding-left:16px;margin-top:4px}.post-toc-mobile nav#TableOfContents ul li ul li{margin-bottom:3px}@media(min-width:1024px){.post-toc-mobile{display:none}}.post-body{font-size:1.05rem;line-height:1.9;color:#1a1a2e}.post-body h2,.post-body h3,.post-body h4{margin-top:2.8em;margin-bottom:1em}.post-body h2{font-size:1.65rem}.post-body h3{font-size:1.35rem}.post-body h4{font-size:1.15rem}.post-body p{margin-bottom:1.5em}.post-body img{border-radius:10px;margin:1.5em 0}.post-body blockquote{margin:1.5em 0;padding:16px 24px;border-left:4px solid #2563eb;background:#f0f2f5;border-radius:0 6px 6px 0;color:#4a4a6a;font-style:italic}.post-body pre{margin:1.5em 0;padding:20px;border-radius:10px;background:#1e1e2e;color:#cdd6f4;overflow-x:auto;font-family:sfmono-regular,Consolas,liberation mono,Menlo,monospace;font-size:.88rem;line-height:1.6}.post-body pre code{background:0 0;padding:0;border-radius:0;font-size:inherit}.post-body code{padding:2px 6px;border-radius:6px;background:#f0f2f5;font-family:sfmono-regular,Consolas,liberation mono,Menlo,monospace;font-size:.9em}.post-body ul,.post-body ol{margin:1em 0;padding-left:1.5em}.post-body ul li,.post-body ol li{margin-bottom:.5em;list-style:disc}.post-body ol li{list-style:decimal}.post-body table{width:100%;border-collapse:collapse;margin:1.5em 0}.post-body table th,.post-body table td{padding:10px 14px;border:1px solid #e5e7eb;text-align:left}.post-body table th{background:#f0f2f5;font-weight:700}.post-footer{margin-top:40px;padding-top:24px;border-top:1px solid #f0f0f5}.post-tags{display:flex;flex-wrap:wrap;gap:8px}.post-tag{padding:4px 12px;border-radius:9999px;background:#f0f2f5;color:#4a4a6a;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .15s ease}.post-tag:hover{background:#2563eb;color:#fff}.post-nav{max-width:860px;margin:40px auto 0;display:flex;justify-content:space-between;gap:20px}.post-nav-prev,.post-nav-next{flex:1;padding:20px;border-radius:10px;background:#fff;border:1px solid #f0f0f5;text-decoration:none;transition:all .3s ease}.post-nav-prev:hover,.post-nav-next:hover{border-color:#2563eb;box-shadow:0 4px 6px -1px rgba(0,0,0,7%),0 2px 4px -1px rgba(0,0,0,4%)}.post-nav-next{text-align:right}.post-nav-label{display:block;font-size:.8rem;color:#8a8aaa;margin-bottom:4px}.post-nav-title{display:block;font-size:.95rem;font-weight:600;color:#1a1a2e}.error-container{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:100px 24px 60px}.error-content{text-align:center}.error-code{font-size:8rem;font-weight:900;color:#8a8aaa;line-height:1;margin-bottom:16px}.error-message{font-size:1.5rem;color:#4a4a6a;margin-bottom:32px}.error-link{display:inline-flex;padding:12px 28px;border-radius:9999px;background:#1a1a2e;color:#fff;font-weight:600;text-decoration:none;transition:all .3s ease}.error-link:hover{background:#36365f;color:#fff}.giscus-comments{margin-top:40px;padding-top:32px;border-top:1px solid #f0f0f5}@media(max-width:768px){.header-menu-toggle{display:flex}.header-nav{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background:#fff;flex-direction:column;padding:80px 24px 24px;gap:4px;box-shadow:-4px 0 20px rgba(0,0,0,.1);transition:right .3s ease;z-index:1000}.header-nav.open{right:0}.header-nav-link{width:100%;padding:12px 16px;font-size:1rem}.hero-section{min-height:70vh}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.hero-actions{flex-direction:column}.hero-actions .hero-btn{width:100%;justify-content:center}.categories-grid{grid-template-columns:repeat(2,1fr)}.posts-grid{grid-template-columns:1fr}.about-content{flex-direction:column;text-align:center}.about-avatar img{width:100px;height:100px}.footer-content{flex-direction:column;text-align:center}.post-nav{flex-direction:column}}@media(min-width:768px) and (max-width:1024px){.hero-title{font-size:3.5rem}.categories-grid{grid-template-columns:repeat(3,1fr)}}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6,.page-body h1,.page-body h2,.page-body h3,.page-body h4,.page-body h5,.page-body h6{position:relative}.post-body h1 .heading-anchor,.post-body h2 .heading-anchor,.post-body h3 .heading-anchor,.post-body h4 .heading-anchor,.post-body h5 .heading-anchor,.post-body h6 .heading-anchor,.page-body h1 .heading-anchor,.page-body h2 .heading-anchor,.page-body h3 .heading-anchor,.page-body h4 .heading-anchor,.page-body h5 .heading-anchor,.page-body h6 .heading-anchor{display:inline-flex;align-items:center;margin-left:8px;opacity:0;color:#8a8aaa;transition:opacity .15s ease,color .15s ease;vertical-align:middle}.post-body h1 .heading-anchor svg,.post-body h2 .heading-anchor svg,.post-body h3 .heading-anchor svg,.post-body h4 .heading-anchor svg,.post-body h5 .heading-anchor svg,.post-body h6 .heading-anchor svg,.page-body h1 .heading-anchor svg,.page-body h2 .heading-anchor svg,.page-body h3 .heading-anchor svg,.page-body h4 .heading-anchor svg,.page-body h5 .heading-anchor svg,.page-body h6 .heading-anchor svg{width:16px;height:16px}.post-body h1:hover .heading-anchor,.post-body h2:hover .heading-anchor,.post-body h3:hover .heading-anchor,.post-body h4:hover .heading-anchor,.post-body h5:hover .heading-anchor,.post-body h6:hover .heading-anchor,.page-body h1:hover .heading-anchor,.page-body h2:hover .heading-anchor,.page-body h3:hover .heading-anchor,.page-body h4:hover .heading-anchor,.page-body h5:hover .heading-anchor,.page-body h6:hover .heading-anchor{opacity:1}.post-body h1 .heading-anchor:hover,.post-body h2 .heading-anchor:hover,.post-body h3 .heading-anchor:hover,.post-body h4 .heading-anchor:hover,.post-body h5 .heading-anchor:hover,.post-body h6 .heading-anchor:hover,.page-body h1 .heading-anchor:hover,.page-body h2 .heading-anchor:hover,.page-body h3 .heading-anchor:hover,.page-body h4 .heading-anchor:hover,.page-body h5 .heading-anchor:hover,.page-body h6 .heading-anchor:hover{color:#2563eb}a:focus{outline:2px solid #2563eb;outline-offset:3px;border-radius:6px;box-shadow:0 0 0 4px rgba(37,99,235,.12)}.external-link{padding:2px 8px;margin-right:2px}.external-link .external-icon{display:inline-flex;align-items:center;margin-left:8px;opacity:.6;transition:opacity .15s ease;vertical-align:middle}.external-link .external-icon svg{width:12px;height:12px}.external-link:hover .external-icon{opacity:1}.page-content{max-width:860px;margin:0 auto}.page-header{margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid #f0f0f5}.page-meta{margin-top:12px;font-size:.9rem;color:#8a8aaa}.page-title{font-size:2.2rem;font-weight:800;line-height:1.3;letter-spacing:-.02em}.page-body{font-size:1.05rem;line-height:1.9;color:#1a1a2e}.page-body h2,.page-body h3,.page-body h4{margin-top:2.8em;margin-bottom:1em}.page-body h2{font-size:1.65rem}.page-body h3{font-size:1.35rem}.page-body h4{font-size:1.15rem}.page-body p{margin-bottom:1.5em}.page-body a{color:#2563eb;text-decoration:underline;text-decoration-color:rgba(37,99,235,.3);text-underline-offset:3px;transition:all .15s ease}.page-body a:hover{text-decoration-color:#2563eb}.page-body img{border-radius:10px;margin:1.5em 0}.page-body blockquote{margin:1.5em 0;padding:16px 24px;border-left:4px solid #2563eb;background:#f0f2f5;border-radius:0 6px 6px 0;color:#4a4a6a;font-style:italic}.page-body ul,.page-body ol{margin:1em 0;padding-left:1.5em}.page-body ul li,.page-body ol li{margin-bottom:.5em;list-style:disc}.page-body ol li{list-style:decimal}.back-to-top{position:fixed;bottom:80px;right:24px;width:44px;height:44px;border-radius:9999px;background:#fff;border:1px solid #e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px rgba(0,0,0,7%),0 2px 4px -1px rgba(0,0,0,4%);color:#4a4a6a;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;z-index:998}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,8%),0 4px 6px -2px rgba(0,0,0,4%);color:#1a1a2e}.back-to-top:active{transform:translateY(0)scale(.95)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){.post-card,.category-card,.taxonomy-card,.stats-card,.archive-year-card,.tag-cloud-item,.skill-group-card{opacity:0;transform:translateY(20px)}.post-card.animate-in,.category-card.animate-in,.taxonomy-card.animate-in,.stats-card.animate-in,.archive-year-card.animate-in,.tag-cloud-item.animate-in,.skill-group-card.animate-in{animation:fadeInUp .35s ease forwards}.post-list-item{opacity:0;transform:translateX(-20px)}.post-list-item.animate-in{animation:slideInLeft .35s ease forwards}}@media(prefers-reduced-motion:reduce){.post-card,.category-card,.taxonomy-card,.post-list-item,.stats-card,.archive-year-card,.tag-cloud-item,.skill-group-card{opacity:1;transform:none}}.post-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,8%),0 10px 10px -5px rgba(0,0,0,3%),0 0 30px rgba(37,99,235,8%)}.category-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,8%),0 4px 6px -2px rgba(0,0,0,4%),0 0 25px rgba(37,99,235,.1);filter:brightness(1.05)}.stats-card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,7%),0 2px 4px -1px rgba(0,0,0,4%),0 0 25px rgba(37,99,235,8%)}.skill-group-card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,7%),0 2px 4px -1px rgba(0,0,0,4%),0 0 25px rgba(139,92,246,8%)}.archive-year-card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,7%),0 2px 4px -1px rgba(0,0,0,4%),0 0 25px rgba(37,99,235,8%)}.tag-cloud-item:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,7%),0 2px 4px -1px rgba(0,0,0,4%),0 0 20px rgba(37,99,235,.1)}.post-nav-prev:hover,.post-nav-next:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,7%),0 2px 4px -1px rgba(0,0,0,4%),0 0 20px rgba(37,99,235,6%)}.post-body a:not(.heading-anchor):not(.external-link),.page-body a:not(.heading-anchor){background-image:linear-gradient(#2563eb,#2563eb);background-size:0% 2px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s ease,color .15s ease}.post-body a:not(.heading-anchor):not(.external-link):hover,.page-body a:not(.heading-anchor):hover{background-size:100% 2px}.header-nav-link{position:relative;z-index:1}.header-nav-link::before{content:'';position:absolute;inset:0;background:#f0f2f5;border-radius:9999px;transform:scale(0);transition:transform .2s ease;z-index:-1}.header-nav-link:hover::before{transform:scale(1)}.back-to-top.visible{animation:backToTopPulse 2.5s ease-in-out infinite}@keyframes backToTopPulse{0%,100%{box-shadow:0 0 rgba(37,99,235,.2)}50%{box-shadow:0 0 0 8px rgba(37,99,235,0)}}.tags-section{background:#f0f2f5;border-top:1px solid #f0f0f5;background-image:radial-gradient(circle,rgba(0,0,0,3%) 2px,transparent 2px);background-size:20px 20px}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}.tag-cloud-item{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:9999px;background:#fff;color:#4a4a6a;text-decoration:none;border:1px solid #f0f0f5;transition:all .3s ease;font-weight:500}.tag-cloud-item .tag-cloud-count{font-size:.75em;color:#8a8aaa;font-weight:400}.tag-cloud-item:hover{background:#2563eb;color:#fff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,7%),0 2px 4px -1px rgba(0,0,0,4%)}.tag-cloud-item:hover .tag-cloud-count{color:rgba(255,255,255,.8)}.stats-section{background-color:#fff;border-top:1px solid #f0f0f5;background-image:repeating-linear-gradient(0,transparent,transparent 30px,rgba(0,0,0,.012) 30px,rgba(0,0,0,.012) 31px),radial-gradient(ellipse 550px 550px at 80% 20%,rgba(220,210,240,.18),transparent),radial-gradient(ellipse 500px 500px at 20% 80%,rgba(200,220,240,.15),transparent);background-size:auto,100% 100%,100% 100%}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stats-card{display:flex;flex-direction:column;align-items:center;padding:32px 16px;border-radius:16px;background:#f0f2f5;border:1px solid #f0f0f5;transition:all .3s ease}.stats-card:hover{transform:translateY(-3px);box-shadow:0 4px 6px -1px rgba(0,0,0,7%),0 2px 4px -1px rgba(0,0,0,4%)}.stats-number{font-size:2.2rem;font-weight:800;color:#2563eb;line-height:1;margin-bottom:8px}.stats-label{font-size:.88rem;color:#4a4a6a;font-weight:500}.archive-section{background:#f0f2f5;border-top:1px solid #f0f0f5;background-image:repeating-linear-gradient(45deg,transparent,transparent 30px,rgba(0,0,0,.012) 30px,rgba(0,0,0,.012) 31px),repeating-linear-gradient(-45deg,transparent,transparent 30px,rgba(0,0,0,.012) 30px,rgba(0,0,0,.012) 31px)}.archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.archive-year-card{display:flex;flex-direction:column;align-items:center;padding:28px 16px;border-radius:16px;background:#fff;border:1px solid #f0f0f5;text-decoration:none;transition:all .3s ease}.archive-year-card:hover{transform:translateY(-3px);box-shadow:0 4px 6px -1px rgba(0,0,0,7%),0 2px 4px -1px rgba(0,0,0,4%);border-color:#2563eb}.archive-year{font-size:1.6rem;font-weight:800;color:#1a1a2e;margin-bottom:6px}.archive-count{font-size:.85rem;color:#8a8aaa}.skills-section{background-color:#fff;border-top:1px solid #f0f0f5;background-image:repeating-linear-gradient(60deg,transparent,transparent 25px,rgba(0,0,0,.012) 25px,rgba(0,0,0,.012) 26px),radial-gradient(ellipse 500px 500px at 50% 20%,rgba(248,220,195,.18),transparent),radial-gradient(ellipse 450px 450px at 30% 80%,rgba(220,210,240,.15),transparent);background-size:auto,100% 100%,100% 100%}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.skill-group-card{padding:28px;border-radius:16px;background:#f0f2f5;border:1px solid #f0f0f5;transition:all .3s ease}.skill-group-card:hover{transform:translateY(-3px);box-shadow:0 4px 6px -1px rgba(0,0,0,7%),0 2px 4px -1px rgba(0,0,0,4%)}.skill-group-name{font-size:1.1rem;font-weight:700;color:#1a1a2e;margin-bottom:14px;display:flex;align-items:center;gap:8px}.skill-group-name::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:#2563eb}.skill-items{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{padding:5px 14px;border-radius:9999px;background:#fff;color:#4a4a6a;font-size:.85rem;font-weight:500;border:1px solid #f0f0f5;transition:all .15s ease}.skill-tag:hover{color:#2563eb;border-color:#2563eb;background:rgba(37,99,235,6%)}.stats-archive-section{background-color:#fff;border-top:1px solid #f0f0f5;background-image:repeating-linear-gradient(0,transparent,transparent 30px,rgba(0,0,0,.012) 30px,rgba(0,0,0,.012) 31px),radial-gradient(ellipse 550px 550px at 80% 20%,rgba(220,210,240,.18),transparent),radial-gradient(ellipse 500px 500px at 20% 80%,rgba(200,220,240,.15),transparent);background-size:auto,100% 100%,100% 100%}.stats-archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.stats-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stats-mini-card{display:flex;flex-direction:column;align-items:center;padding:28px 16px;border-radius:16px;background:#f0f2f5;border:1px solid #f0f0f5;transition:all .3s ease}.stats-mini-card:hover{transform:translateY(-3px);box-shadow:0 4px 6px -1px rgba(0,0,0,7%),0 2px 4px -1px rgba(0,0,0,4%),0 0 25px rgba(37,99,235,8%)}.stats-mini-number{font-size:2rem;font-weight:800;color:#2563eb;line-height:1;margin-bottom:6px}.stats-mini-label{font-size:.85rem;color:#4a4a6a;font-weight:500}.archive-mini-list{display:flex;flex-direction:column;gap:8px}.archive-mini-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;background:#f0f2f5;border:1px solid #f0f0f5;text-decoration:none;transition:all .3s ease}.archive-mini-item:hover{transform:translateX(4px);border-color:#2563eb;box-shadow:0 1px 2px rgba(0,0,0,5%)}.archive-mini-year{font-size:1.1rem;font-weight:700;color:#1a1a2e;min-width:50px}.archive-mini-bar{flex:1;height:6px;background:#f0f0f5;border-radius:3px;overflow:hidden}.archive-mini-fill{height:100%;background:linear-gradient(90deg,#2563eb,#8b5cf6);border-radius:3px;transition:width .5s ease}.archive-mini-count{font-size:.85rem;color:#8a8aaa;font-weight:500;min-width:30px;text-align:right}.archive-view-all{display:inline-block;margin-top:16px}.about-skills-section{background-color:#f0f2f5;border-top:1px solid #f0f0f5;background-image:radial-gradient(ellipse 500px 500px at 70% 30%,rgba(210,225,245,.18),transparent),radial-gradient(ellipse 450px 450px at 30% 70%,rgba(248,220,195,.15),transparent);background-size:100% 100%}.about-skills-content{display:flex;flex-direction:column;gap:32px}.about-skills-intro{display:flex;align-items:center;gap:28px;padding:28px 32px;border-radius:16px;background:#fff;border:1px solid #f0f0f5}.about-skills-avatar{flex-shrink:0}.about-skills-avatar img{width:100px;height:100px;border-radius:9999px;object-fit:cover;border:3px solid #f0f2f5}.about-skills-text{flex:1}.about-skills-desc{font-size:1rem;color:#4a4a6a;line-height:1.6;margin-bottom:12px}.about-skills-link{font-size:.9rem;font-weight:600;color:#2563eb;text-decoration:none;transition:all .15s ease}.about-skills-link:hover{color:#1d4ed8}.about-skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.skill-group-mini{padding:20px 24px;border-radius:16px;background:#fff;border:1px solid #f0f0f5;transition:all .3s ease}.skill-group-mini:hover{transform:translateY(-3px);box-shadow:0 4px 6px -1px rgba(0,0,0,7%),0 2px 4px -1px rgba(0,0,0,4%),0 0 25px rgba(139,92,246,8%)}.skill-group-mini-name{font-size:1rem;font-weight:700;color:#1a1a2e;margin-bottom:12px;display:flex;align-items:center;gap:8px}.skill-group-mini-name::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#2563eb}.post-card{position:relative}.post-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:16px 0 0 16px}.post-card.cat-notes::before{background:#e8b888}.post-card.cat-experience::before{background:#a8c8e5}.post-card.cat-daily::before{background:#deb5d0}.post-card.cat-games::before{background:#c0afe0}.post-card.cat-tutorials::before{background:#a0d5c0}.post-card.cat-criticism::before{background:#f0a0a0}.post-card.cat-announcement::before{background:#a0d8a0}.post-card.cat-news::before{background:#d0c090}.post-card.cat-summary::before{background:#b0c8e8}.post-card.cat-default::before{background:#98d5d5}.hero-decoration{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:320px;pointer-events:none}@media(max-width:1024px){.hero-decoration{display:none}}.hero-code-card{background:rgba(30,30,46,.9);border-radius:16px;padding:20px 24px;box-shadow:0 20px 25px -5px rgba(0,0,0,8%),0 10px 10px -5px rgba(0,0,0,3%);backdrop-filter:blur(10px);transform:rotate(-2deg);animation:heroFloat 6s ease-in-out infinite}.hero-code-card .code-header{display:flex;gap:6px;margin-bottom:14px}.hero-code-card .code-header span{width:10px;height:10px;border-radius:50%}.hero-code-card .code-header span:nth-child(1){background:#ff5f57}.hero-code-card .code-header span:nth-child(2){background:#febc2e}.hero-code-card .code-header span:nth-child(3){background:#28c840}.hero-code-card .code-content{font-family:sfmono-regular,Consolas,liberation mono,Menlo,monospace;font-size:.82rem;line-height:1.6;color:#cdd6f4;min-height:130px}.hero-code-card .code-content .code-keyword{color:#cba6f7}.hero-code-card .code-content .code-string{color:#a6e3a1}.hero-code-card .code-content .code-comment{color:#6c7086;font-style:italic}.hero-code-card .code-content .code-function{color:#89b4fa}.hero-code-card .code-content .code-number{color:#fab387}.hero-code-card .code-content .code-plain{color:#cdd6f4}.code-cursor{display:inline-block;width:2px;height:1em;background:#cdd6f4;margin-left:2px;vertical-align:text-bottom;animation:cursorBlink 1s step-end infinite}.code-cursor.done{animation:cursorBlink 1s step-end infinite}@keyframes cursorBlink{0%,50%{opacity:1}51%,100%{opacity:0}}.hero-particle-card{position:absolute;border-radius:10px;box-shadow:0 10px 15px -3px rgba(0,0,0,8%),0 4px 6px -2px rgba(0,0,0,4%)}.hero-particle-card.particle-1{top:-30px;right:40px;width:50px;height:50px;background:linear-gradient(135deg,#60a5fa,#a78bfa);border-radius:50%;animation:heroParticle 8s ease-in-out infinite}.hero-particle-card.particle-2{bottom:-20px;left:20px;width:40px;height:40px;background:linear-gradient(135deg,#fb923c,#f472b6);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation:heroParticle 10s ease-in-out infinite reverse}.hero-particle-card.particle-3{top:50%;right:-10px;width:30px;height:30px;background:linear-gradient(135deg,#34d399,#22d3ee);border-radius:8px;transform:rotate(45deg);animation:heroParticleRotate 12s ease-in-out infinite}@keyframes heroFloat{0%,100%{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(-2deg)translateY(-10px)}}@keyframes heroParticle{0%,100%{transform:translate(0,0)rotate(0)}25%{transform:translate(10px,-15px)rotate(5deg)}50%{transform:translate(-5px,-25px)rotate(-3deg)}75%{transform:translate(15px,-10px)rotate(3deg)}}@keyframes heroParticleRotate{0%,100%{transform:translate(0,0)rotate(45deg)}25%{transform:translate(-8px,-12px)rotate(90deg)}50%{transform:translate(5px,-20px)rotate(135deg)}75%{transform:translate(-12px,-8px)rotate(180deg)}}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.tag-cloud{gap:8px 10px}.skills-grid{grid-template-columns:1fr}.post-content::before{display:none}.stats-archive-grid{grid-template-columns:1fr;gap:24px}.about-skills-intro{flex-direction:column;text-align:center;padding:24px}.about-skills-grid{grid-template-columns:1fr}}@media(min-width:768px) and (max-width:1024px){.stats-archive-grid{grid-template-columns:1fr;gap:32px}.about-skills-grid{grid-template-columns:repeat(2,1fr)}}