:root{--color-bg:#0d111c;--color-surface:#161b22;--color-panel:#161b22;--color-border:#30363d;--color-border-soft:#21262d;--color-text:#e2e8f0;--color-text-muted:#a0aec0;--color-heading:#e2e8f0;--color-accent:#6366f1;--color-accent-dark:#4f46e5;--color-accent-soft:rgba(99, 102, 241, 0.1);--color-accent-rgb:99, 102, 241;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.1),
        0 1px 3px rgba(0, 0, 0, 0.08);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.1),
        0 4px 6px rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 25px rgba(0, 0, 0, 0.1),
        0 8px 10px rgba(0, 0, 0, 0.06);--shadow-glow:0 0 12px rgba(var(--color-accent-rgb), 0.4),
        0 0 24px rgba(var(--color-accent-rgb), 0.2);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--font-body:"Inter", system-ui, -apple-system,
        BlinkMacSystemFont, "Segoe UI", "Hiragino Sans",
        "Noto Sans JP", sans-serif;--font-heading:var(--font-body);--transition-smooth:all 0.25s
        cubic-bezier(0.165, 0.84, 0.44, 1)}*,::before,::after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;padding:0;font-family:var(--font-body);line-height:1.6;color:var(--color-text);background:radial-gradient(ellipse 80% 50%at 50% -20%,rgba(var(--color-accent-rgb),.1),transparent),radial-gradient(circle at top left,rgba(99,102,241,.1),transparent 50%),radial-gradient(circle at bottom right,rgba(56,189,248,.08),transparent 50%),var(--color-bg);min-height:100vh;display:flex;flex-direction:column;overflow-wrap:break-word;word-break:break-word;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;line-height:1.2;color:var(--color-heading);font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}}p{margin-top:0;margin-bottom:1em}ul,ol{margin-top:0;margin-bottom:1em;padding-left:1.5em;list-style:none}a{color:var(--color-accent);text-decoration:none;transition:var(--transition-smooth);text-shadow:0 0 8px transparent}a:hover{color:var(--color-accent-dark);text-decoration:none;text-shadow:0 0 8px rgba(var(--color-accent-rgb),.5)}img{max-width:100%;height:auto;display:block}input,textarea,select,button{font-family:var(--font-body);font-size:1rem;line-height:1.5;color:var(--color-text)}button{cursor:pointer;border:0;background:0 0;padding:0}.main-container{max-width:1120px;margin:0 auto;padding:2.5rem 1.25rem;flex-grow:1;width:100%}.text-muted{color:var(--color-text-muted);font-size:.9rem}.reveal-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.card[data-disable-hover],[data-disable-card-hover] .card{transition:none!important;transform:none!important;box-shadow:var(--shadow-md)!important;background:var(--color-surface)!important}.card[data-disable-hover]::before,[data-disable-card-hover] .card::before{transition:none!important;opacity:0!important;background:0 0!important;border-color:transparent!important}.card[data-disable-hover]:hover,[data-disable-card-hover] .card:hover{transform:none!important;box-shadow:var(--shadow-md)!important;background:var(--color-surface)!important}.card[data-disable-hover]:hover::before,[data-disable-card-hover] .card:hover::before{opacity:0!important;transition:none!important}.adsbygoogle,ins.adsbygoogle,.adsbygoogle>ins,iframe[src*="pagead2.googlesyndication.com"]{max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important;display:block!important;margin-left:auto!important;margin-right:auto!important}.ad-container,.adsense-container,.ads-wrapper{max-width:100%!important;width:100%!important;overflow:hidden!important;box-sizing:border-box!important}iframe{max-width:100%!important}@media (max-width:480px){.adsbygoogle,ins.adsbygoogle,.ad-container,.adsense-container{width:100%!important;min-width:0!important;height:auto!important;max-width:100%!important;word-break:break-word!important}iframe[src*="pagead2.googlesyndication.com"]{width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important}}:root{--color-accent-soft:rgba(108, 99, 255, 0.15);--color-accent:#6c63ff;--color-accent-dark:#4f47cc;--color-accent-rgb:108, 99, 255;--color-accent-dark-rgb:79, 71, 204;--color-border:rgba(var(--color-text-rgb), 0.1);--color-border-soft:rgba(var(--color-text-rgb), 0.05);--color-text:#e0e0e0;--color-text-muted:#a0a0a0;--color-text-rgb:224, 224, 224;--color-background:#101217;--color-surface:#1e2027;--color-panel:#16181d;--color-heading:#ffffff;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.1);--shadow-glow:0 0 15px
        rgba(var(--color-accent-rgb), 0.3);--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--transition-smooth:all 0.2s ease-in-out}.site-header{position:sticky;top:0;z-index:100;background:rgba(22,27,34,.85);border-bottom:1px solid;border-image-source:linear-gradient(to right,transparent,var(--color-border),transparent);border-image-slice:1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex-shrink:0}.site-header__inner{max-width:1120px;margin:0 auto;padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-logo{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-heading);font-size:1.125rem;font-weight:700;letter-spacing:.025em;transition:var(--transition-smooth)}.site-logo:hover{transform:scale(1.02)}.site-logo__mark{width:2.25rem;height:2.25rem;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-accent-dark) 0%,var(--color-accent) 100%);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;box-shadow:var(--shadow-md);animation:logo-pulse 2.8s infinite ease-in-out}@keyframes logo-pulse{0%{transform:scale(1);box-shadow:var(--shadow-md)}50%{transform:scale(1.05);box-shadow:var(--shadow-lg)}to{transform:scale(1);box-shadow:var(--shadow-md)}}.site-nav{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.site-nav a{position:relative;color:var(--color-text-muted);text-decoration:none;font-size:.95rem;padding:.35rem .9rem;border-radius:var(--radius-md);border:1px solid transparent;transition:var(--transition-smooth)}.site-nav a:hover{background:var(--color-accent-soft);border-color:transparent;color:var(--color-text);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.site-nav a.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:var(--shadow-glow)}.section{background:var(--color-panel);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.section__title{margin-top:0;margin-bottom:1.5rem;font-size:1.8rem;font-weight:700;line-height:1.5;color:var(--color-heading);display:flex;align-items:center;gap:.75rem}.section__title::before{content:"";display:inline-block;width:.3rem;height:1.5em;flex-shrink:0;border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--color-accent),var(--color-accent-dark))}.card-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.card{position:relative;z-index:1;background:var(--color-surface);border-radius:var(--radius-md);padding:1.25rem;border:1px solid var(--color-border-soft);box-shadow:var(--shadow-md);transition:var(--transition-smooth);overflow:hidden}.card::before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;border-radius:inherit;border:1px solid transparent;background:linear-gradient(to right,var(--color-accent),var(--color-accent-dark)) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:0;transition:var(--transition-smooth)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow);background:var(--color-panel)}.card:hover::before{opacity:1}.page-shell{flex-grow:1;display:flex;flex-direction:column}.main-container{flex-grow:1}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface);padding:1rem 1.25rem 1.5rem;font-size:.875rem;color:var(--color-text-muted);flex-shrink:0;position:sticky;bottom:0;z-index:100}.site-footer__inner{max-width:1120px;margin:0 auto;display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.site-footer__right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;max-width:100%}.site-footer__right a{color:var(--color-text-muted);text-decoration:none;font-size:.875rem;padding:.2rem .6rem;border-radius:var(--radius-md);transition:var(--transition-smooth);white-space:nowrap}.site-footer__right a:hover{background:var(--color-accent-soft);color:var(--color-text)}.site-footer__sep{opacity:.5}.nav-toggle{display:none;background:0 0;border:0;cursor:pointer;padding:.5rem;position:relative;z-index:101}.nav-toggle__icon{display:block;width:2rem;height:2px;background:var(--color-heading);position:relative;transition:background .3s ease-in-out}.nav-toggle__icon::before,.nav-toggle__icon::after{content:"";display:block;width:2rem;height:2px;background:var(--color-heading);position:absolute;left:0;transition:transform .3s ease-in-out,top .3s ease-in-out}.nav-toggle__icon::before{top:-8px}.nav-toggle__icon::after{top:8px}.nav-toggle.is-active .nav-toggle__icon{background:0 0}.nav-toggle.is-active .nav-toggle__icon::before{top:0;transform:rotate(45deg)}.nav-toggle.is-active .nav-toggle__icon::after{top:0;transform:rotate(-45deg)}@media (max-width:768px){.site-header__inner{flex-direction:row;align-items:center;justify-content:space-between;padding:.75rem 1.25rem}.site-logo{margin-bottom:0}.nav-toggle{display:block}.site-nav{display:flex;position:fixed;top:0;right:-100%;left:auto;width:100%;max-width:320px;height:100vh;height:100dvh;background:rgba(22,27,34,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1.5rem;transition:right .3s cubic-bezier(.16,1,.3,1),visibility 0s .3s;z-index:100;padding-top:calc(4rem + 2rem);padding-bottom:2rem;padding-left:2rem;padding-right:2rem;flex-wrap:nowrap;overflow-y:auto;box-shadow:-10px 0 30px rgba(0,0,0,.5);visibility:hidden}.site-nav.is-open{right:0;visibility:visible;transition-delay:0s}.site-nav a{font-size:1.5rem;padding:.75rem 0;width:100%;text-align:left;margin:0;display:block;border:0;border-bottom:1px solid var(--color-border-soft);border-radius:0}.site-nav a:hover,.site-nav a.active{background:0 0;color:var(--color-accent);transform:translateX(10px);box-shadow:none}}html.no-scroll,body.no-scroll{overflow:hidden}body.no-scroll .site-header{position:fixed;top:0;left:0;width:100%}body.no-scroll .site-footer{position:fixed;bottom:0;left:0;width:100%}#menuAnimationCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.section--recommend{margin-top:4rem}.recommend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.card--recommend{padding:0;display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--color-text)}.card--recommend__thumb{width:100%;height:160px;object-fit:cover;background-color:var(--color-surface);border-bottom:1px solid var(--color-border-soft)}.card--recommend__content{padding:1.25rem;display:flex;flex-direction:column;flex-grow:1}.card--recommend__title{margin:0 0 .5rem;font-size:1.1rem;font-weight:700;color:var(--color-heading);line-height:1.4}.card--recommend__desc{font-size:.9rem;color:var(--color-text-muted);margin-bottom:1rem;flex-grow:1;display:-webkit-box;overflow:hidden}.card--recommend__meta{font-size:.8rem;color:var(--color-text-muted);display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.card--recommend__tag{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:.1rem .4rem;font-size:.75rem}.lang-group{display:inline-flex;align-items:center;gap:.5rem;margin-left:.75rem;padding-left:.75rem;border-left:1px solid var(--color-border);color:var(--color-text-muted)}.lang-icon{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.8}.lang-option{text-decoration:none;color:var(--color-text-muted);font-size:.85rem;font-weight:500;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:var(--transition-smooth);cursor:pointer;line-height:1}.lang-option:hover{color:var(--color-text);background-color:var(--color-accent-soft)}.lang-option.active{color:var(--color-accent);background-color:rgba(var(--color-accent-rgb),.1);font-weight:700;cursor:default;pointer-events:none}.lang-sep{opacity:.3;font-size:.8rem;user-select:none}@media (max-width:768px){.lang-group{margin-left:0;padding-left:0;border-left:none;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border-soft);width:100%}.lang-option{font-size:1rem;padding:.5rem 1rem}}.bread-pet{position:absolute;top:0;left:0;width:40px;height:40px;z-index:10000;pointer-events:none;will-change:transform;opacity:0;transition:opacity .3s;margin-left:-20px;image-rendering:pixelated}.bread-pet.is-visible{opacity:1}.bread-pet__scale{position:absolute;bottom:0;left:50%;transform:translateX(-50%) scale(3);transform-origin:bottom center}.bread-pet__body{position:relative;width:14px;height:12px;background:#f4d03f;box-shadow:inset 1px 1px 0 rgba(255,255,255,.5),inset -1px -1px 0 rgba(0,0,0,.1),0 0 0 1px #8d6e63;display:flex;justify-content:center;transform-origin:bottom center}.bread-pet__body::after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:#fff8dc}.bread-pet__face{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.bread-pet__eye{position:absolute;top:4px;width:2px;height:2px;background:#3e2723;animation:blink 4s infinite}.bread-pet__eye.left{left:3px}.bread-pet__eye.right{right:3px}.bread-pet__mouth{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:2px;height:1px;background:#3e2723}.bread-pet.mouth-open .bread-pet__mouth{height:3px;top:6px;background:#d84315}.bread-pet__cheek{position:absolute;top:5px;width:2px;height:1px;background:#ffab91}.bread-pet__cheek.left{left:1px}.bread-pet__cheek.right{right:1px}.bread-pet__leg{position:absolute;bottom:-2px;width:2px;height:3px;background:#d4ac0d;z-index:0;box-shadow:0 0 0 1px #8d6e63}.bread-pet__leg.left{left:3px}.bread-pet__leg.right{right:3px}.bread-pet__shadow{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:14px;height:4px;background:rgba(0,0,0,.15);box-shadow:0 0 0 .5px rgba(0,0,0,.5);z-index:-1}.bread-pet[data-facing=front-left] .bread-pet__eye.right{right:4px}.bread-pet[data-facing=front-left] .bread-pet__eye.left{left:2px}.bread-pet[data-facing=front-left] .bread-pet__cheek.right{right:2px}.bread-pet[data-facing=front-left] .bread-pet__cheek.left{left:0}.bread-pet[data-facing=front-left] .bread-pet__mouth{transform:translateX(-3px)}.bread-pet[data-facing=front-right] .bread-pet__eye.left{left:4px}.bread-pet[data-facing=front-right] .bread-pet__eye.right{right:2px}.bread-pet[data-facing=front-right] .bread-pet__cheek.left{left:2px}.bread-pet[data-facing=front-right] .bread-pet__cheek.right{right:0}.bread-pet[data-facing=front-right] .bread-pet__mouth{transform:translateX(1px)}.bread-pet[data-facing=back-left] .bread-pet__face{display:none}.bread-pet[data-facing=back-left] .bread-pet__body{background:#d4ac0d}.bread-pet[data-facing=back-left] .bread-pet__body::after{display:none}.bread-pet[data-facing=back-right] .bread-pet__face{display:none}.bread-pet[data-facing=back-right] .bread-pet__body{background:#d4ac0d}.bread-pet[data-facing=back-right] .bread-pet__body::after{display:none}@keyframes blink{0%,96%,to{transform:scaleY(1)}98%{transform:scaleY(.1)}}.bread-pet.is-walking .bread-pet__body{animation:bounce .2s infinite alternate steps(2)}.bread-pet.is-walking .bread-pet__leg.left{animation:walk .2s infinite alternate steps(2)}.bread-pet.is-walking .bread-pet__leg.right{animation:walk .2s infinite alternate-reverse steps(2)}.bread-pet[data-facing=front-right].is-walking .bread-pet__leg.left{left:1px}.bread-pet[data-facing=front-right].is-walking .bread-pet__leg.right{right:4px}.bread-[data-facing=front-left].is-walking .bread-pet__leg.left{left:4px}.bread-pet[data-facing=front-left].is-walking .bread-pet__leg.right{right:1px}.bread-pet[data-facing=back-right].is-walking .bread-pet__leg.left{left:1px}.bread-pet[data-facing=back-right].is-walking .bread-pet__leg.right{right:4px}.bread-[data-facing=back-left].is-walking .bread-pet__leg.left{left:4px}.bread-pet[data-facing=back-left].is-walking .bread-pet__leg.right{right:1px}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-1px)}}@keyframes walk{0%{transform:translateY(0)}to{transform:translateY(-2px)}}@keyframes bread-pop{0%{transform:scale(0) translateY(20px);opacity:0}40%{transform:scale(1.25,.75) translateY(-10px);opacity:1}50%{transform:scale(.85,1.15) translateY(-15px)}65%{transform:scale(1.05,.95) translateY(5px)}80%{transform:scale(.98,1.02) translateY(-2px)}to{transform:scale(1) translateY(0);opacity:1}}.bread-pet.is-spawning .bread-pet__body{animation:bread-pop .6s cubic-bezier(.5,0,.5,1) forwards}.hero{display:grid;grid-template-columns:1fr;gap:2.25rem;align-items:stretch;margin-bottom:2.5rem}.hero-main{position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:3rem 2.5rem;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--color-border);background:radial-gradient(circle at 80% 20%,rgba(var(--color-accent-rgb),.15) 0%,transparent 60%),radial-gradient(circle at 0% 100%,rgba(var(--color-accent-dark-rgb),.1) 0%,transparent 50%),var(--color-panel);box-shadow:var(--shadow-lg);isolation:isolate}.hero-main::after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(circle at 0% 0%,rgba(var(--color-accent),.2),transparent 40%),radial-gradient(circle at 100% 100%,rgba(var(--color-accent-dark),.2),transparent 40%);pointer-events:none;z-index:2}.hero-main::before{content:"";position:absolute;inset:-40%;background-image:linear-gradient(to right,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);background-size:2rem 2rem;opacity:.4;mix-blend-mode:overlay;transform:translate3d(0,0,0) rotate(5deg);animation:hero-grid-shift 30s linear infinite}.hero-main>*{position:relative;z-index:1}.hero-slideshow{position:absolute;inset:0;z-index:-2;overflow:hidden;border-radius:inherit;pointer-events:none}.hero-bg-overlay{position:absolute;inset:0;z-index:-1;background:rgba(16,18,23,.8);border-radius:inherit;pointer-events:none;backdrop-filter:blur(2px)}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1);transition:opacity 2s ease-in-out,transform 10s linear;will-change:opacity,transform}.hero-slide.active{opacity:1;transform:scale(1.1)}@keyframes hero-grid-shift{0%{transform:translate3d(0,0,0) rotate(5deg)}to{transform:translate3d(40px,40px,0) rotate(5deg)}}.hero-main h1{margin:0 0 .5rem;font-size:2.5rem;line-height:1.1;color:var(--color-heading)}.hero-main .hero-subtitle{margin:0 0 1rem;color:var(--color-text-muted);font-size:1.125rem}.hero-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:0}.hero-badge{padding:.25rem .75rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);font-size:.85rem;color:var(--color-text-muted)}.hero-social{display:flex;gap:1rem;margin-top:2rem}.hero-social-link{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);transition:all .2s cubic-bezier(.16,1,.3,1)}.hero-social-link:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-panel);transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-glow)}.hero-actions{display:none}.hero-side{background:var(--color-panel);border-radius:var(--radius-lg);padding:1.75rem;border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.hero-side h2{margin:0 0 1rem;font-size:1.5rem;color:var(--color-heading)}.home-latest{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.home-latest-block{background:var(--color-surface);border-radius:var(--radius-md);padding:1.25rem;border:1px solid var(--color-border-soft);box-shadow:var(--shadow-md);flex-grow:1}.home-latest-title{margin:0 0 .75rem;font-size:1.2rem;color:var(--color-heading)}.home-latest-list{height:400px;list-style:none;margin:0;padding:0;font-size:.95rem}.home-latest-item+.home-latest-item{margin-top:.75rem}.home-latest-link{text-decoration:none;color:var(--color-text);display:block;transition:var(--transition-smooth)}.home-latest-link:hover{color:var(--color-accent);transform:translateX(4px)}.home-latest-link-title{display:block;font-weight:500;margin-bottom:.2rem}.home-latest-link-meta{display:block;font-size:.8rem;color:var(--color-text-muted)}.section--profile{margin-top:2.5rem}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.card--profile{padding:1.5rem}.card--profile .card__title,.section--feature .card h3{margin:0 0 1rem;font-size:1.3rem;color:var(--color-heading)}.profile-list{list-style:none;margin:0 0 1rem;padding:0;font-size:1rem}.profile-list li{display:flex;flex-direction:column;margin-bottom:.6rem}.profile-label{font-weight:600;font-size:.9rem;color:var(--color-text);margin-bottom:.2rem}.profile-value{font-size:.9rem;color:var(--color-text-muted)}.profile-note{margin:1rem 0 0;font-size:.875rem;color:var(--color-text-muted);line-height:1.5}.profile-tagset{margin-bottom:.8rem}.profile-tagset-label{font-size:.875rem;color:var(--color-text-muted);margin-bottom:.4rem}.profile-taglist{display:flex;flex-wrap:wrap;gap:.4rem}.profile-tag{font-size:.8rem;padding:.25rem .7rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-accent-soft);color:var(--color-text)}@media (max-width:768px){.hero{grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}.hero-main{padding:1.5rem}.hero-main h1{font-size:2rem}.hero-main .hero-subtitle{font-size:1rem}.hero-side{padding:1.5rem}.hero-side h2{font-size:1.3rem}.home-latest{grid-template-columns:1fr;gap:1rem}.home-latest-block{padding:1rem}.home-latest-title{font-size:1.1rem;margin-bottom:.5rem}.home-latest-list{font-size:.9rem}.profile-grid{grid-template-columns:1fr;gap:1rem}.card--profile{padding:1.2rem}.card--profile .card__title{font-size:1.15rem;margin-bottom:.8rem}.profile-list{font-size:.95rem}.profile-note{font-size:.8rem;margin-top:.8rem}.profile-tagset-label{font-size:.8rem}.profile-tag{font-size:.75rem;padding:.2rem .6rem}}.section--top-grid .card-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.section--top-grid .card-list li{display:flex}.card--link{display:flex;flex-direction:column;width:100%;height:100%;text-decoration:none;color:var(--color-text)}.card--link h3{margin-top:0;margin-bottom:.5rem;color:var(--color-heading);transition:color .2s ease}.card--link p{flex-grow:1}.card__more{margin-top:1.25rem;color:var(--color-accent);font-weight:600;font-size:.95rem;display:inline-flex;align-items:center;transition:transform .2s ease}.card--link:hover h3{color:var(--color-accent)}.card--link:hover .card__more{transform:translateX(6px);text-decoration:underline}.section--recommend{margin-top:3rem;margin-bottom:3rem}.home-latest-item{height:30%;background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);padding:1rem;transition:all .2s ease;position:relative;overflow:hidden}.home-latest-item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateX(4px);background:var(--color-panel)}.home-latest-link:hover{transform:none;color:inherit}.home-latest-link-title{color:var(--color-heading);font-weight:600;margin-bottom:.3rem}.home-latest-item:hover .home-latest-link-title{color:var(--color-accent)}@property --mask-percent{syntax:"<percentage>";initial-value:30%;inherits:false}.home-latest-link-thumbnail{position:absolute;top:0;right:0;width:40%;height:100%;pointer-events:none;--mask-percent:30%;mask-image:linear-gradient(to right,transparent var(--mask-percent),black 100%);-webkit-mask-image:linear-gradient(to right,transparent var(--mask-percent),black 100%);transition:--mask-percent .2s ease}.home-latest-link-thumbnail img{width:100%;height:100%;object-fit:cover;opacity:.5;transition:opacity .2s ease}.home-latest-item:hover .home-latest-link-thumbnail{--mask-percent:10%}.home-latest-item:hover .home-latest-link-thumbnail img{opacity:1}.portfolio-filters{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;align-items:center;margin-top:1.5rem;margin-bottom:1.5rem}.portfolio-filter{display:flex;flex-direction:column;gap:.4rem}.portfolio-filter__label{font-size:.875rem;color:var(--color-text-muted);margin-bottom:.2rem}.portfolio-filter__control{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text);padding:.6rem 1rem;font-size:.95rem;box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.portfolio-filter__control::placeholder{color:var(--color-text-muted);opacity:.7}.portfolio-filter__control:focus{outline:0;border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.portfolio-filter:first-child{min-width:10rem}.portfolio-filter:last-child{flex:1;min-width:16rem}.portfolio-card{position:relative;z-index:1;display:flex;gap:1.5rem;align-items:stretch;background:var(--color-panel);border-radius:var(--radius-lg);padding:1.8rem;border:1px solid var(--color-border);box-shadow:var(--shadow-md);transition:var(--transition-smooth);overflow:hidden;cursor:pointer}.portfolio-card::before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;border-radius:inherit;border:1px solid transparent;background:linear-gradient(to right,var(--color-accent),var(--color-accent-dark)) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:0;transition:var(--transition-smooth)}.portfolio-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow);background:var(--color-surface)}.portfolio-card:hover::before{opacity:1}.portfolio-card .card__thumb{flex-shrink:0;width:16rem;height:9rem;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border-soft)}.portfolio-card .card__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:var(--transition-smooth)}.portfolio-card:hover .card__thumb img{transform:scale(1.05)}.portfolio-card .card__body{flex:1;min-width:0;display:flex;flex-direction:column}.portfolio-card .card__meta{font-size:.85rem;color:var(--color-text-muted);margin-bottom:.4rem}.portfolio-card .card__title{font-size:1.25rem;font-weight:700;color:var(--color-heading);line-height:1.3;margin-bottom:.4rem}.portfolio-card .card__description{font-size:.95rem;color:var(--color-text-muted);line-height:1.5;margin-bottom:.8rem;flex-grow:1}.portfolio-card .card__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto}.tag{cursor:pointer;display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-md);font-size:.8rem;background:var(--color-accent-soft);border:1px solid var(--color-border);color:var(--color-text);white-space:nowrap;transition:var(--transition-smooth);text-decoration:none}.tag:hover{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-glow)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;padding:2rem}.modal-overlay.is-open{opacity:1;visibility:visible}.modal-container{width:100%;max-width:900px;max-height:90vh;background:var(--color-panel);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-xl);position:relative;overflow:hidden;opacity:0;transform:translateY(20px) scale(.95);transition:opacity .3s ease,transform .3s cubic-bezier(.16,1,.3,1)}.modal-overlay.is-open .modal-container{opacity:1;transform:translateY(0) scale(1)}.modal-content{overflow:auto;overflow-y:auto;max-height:calc(90vh - 48px);padding:1rem;box-sizing:border-box;-webkit-overflow-scrolling:touch;min-height:0}.modal-close{position:absolute;top:1rem;right:1.5rem;background:rgba(22,27,34,.6);border:1px solid var(--color-border);color:var(--color-text-muted);width:2.5rem;height:2.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);z-index:10;font-size:1.5rem;line-height:1;padding-bottom:2px}.modal-close:hover{background:var(--color-accent);color:#fff;border-color:transparent;transform:rotate(90deg)}.work-detail{padding:3rem}.work-detail__header{text-align:center;margin-bottom:2.5rem;border-bottom:1px solid var(--color-border-soft)}.work-detail__title{font-size:2.2rem;color:var(--color-heading);margin-bottom:.8rem;line-height:1.25}.work-detail__meta{font-size:.95rem;color:var(--color-accent);font-weight:600;margin-bottom:.5rem}.work-detail__description{font-size:1.1rem;color:var(--color-text-muted);margin-top:1rem;line-height:1.6}.work-detail__tags{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.work-detail__tags a.tag{text-decoration:none}.markdown-body{line-height:1.8;font-size:1.05rem;color:var(--color-text)}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:var(--transition-smooth)}.markdown-body a:hover{color:var(--color-accent-dark);text-decoration-thickness:2px}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:var(--color-heading);font-family:var(--font-heading);margin-top:2.5rem;margin-bottom:1.2rem;line-height:1.4}.markdown-body h2{font-size:1.7rem;padding:.4rem 0 .4rem 1rem;border-left:5px solid var(--color-accent);background:linear-gradient(to right,rgba(var(--color-accent-rgb),.1),transparent);border-radius:0 var(--radius-sm) var(--radius-sm)0}.markdown-body h3{font-size:1.4rem;padding-bottom:.4rem;border-bottom:2px solid var(--color-border-soft)}.markdown-body p{margin:1.5rem 0}.markdown-body ul,.markdown-body ol{padding-left:1.5rem;margin:1.5rem 0}.markdown-body ul{list-style:disc}.markdown-body li{margin-bottom:.5rem}.markdown-body li::marker{color:var(--color-accent)}.markdown-body blockquote{margin:2rem 0;padding:1rem 1.5rem;border-left:4px solid var(--color-accent);background:var(--color-surface);color:var(--color-text-muted);border-radius:0 var(--radius-md) var(--radius-md)0;font-style:italic}.markdown-body code{font-family:"Fira Code","Cascadia Code","JetBrains Mono",Consolas,monospace;font-size:.9em;background:rgba(var(--color-accent-rgb),.15);color:var(--color-heading);padding:.2em .5em;border-radius:var(--radius-sm);white-space:pre-wrap}.markdown-body pre{position:relative;background:#0d1117;padding:1.25rem;border-radius:var(--radius-md);overflow-x:auto;font-size:.9em;line-height:1.5;margin:2rem 0;border:1px solid var(--color-border);box-shadow:inset 0 0 10px rgba(0,0,0,.5)}.markdown-body pre code{background:0 0;padding:0;color:#c9d1d9;border-radius:0}.markdown-body img{max-width:100%;height:auto;display:block;margin:2rem auto;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-soft)}.markdown-body hr{height:0;border:0;border-top:2px dashed var(--color-border);margin:3rem 0}@media (max-width:680px){.portfolio-filters{flex-direction:column;align-items:stretch;gap:.8rem}.portfolio-card{flex-direction:column;padding:1.25rem;gap:1rem}.portfolio-card .card__thumb{width:100%;height:auto}.modal-overlay{padding:0;align-items:flex-end}.modal-container{width:100%;height:100dvh;max-height:100dvh;border-radius:0;border:0;overflow:hidden}.modal-content{max-height:calc(100dvh - 48px);overflow:auto}.work-detail{padding:1.5rem;padding-top:3.5rem}.modal-close{top:1rem;right:1rem}.work-detail__title{font-size:1.8rem}}.link-preview{position:fixed;z-index:9999;max-width:360px;width:min(90vw,360px);background:#fff;color:#111;border-radius:8px;box-shadow:0 8px 28px rgba(0,0,0,.25);overflow:hidden;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;transform-origin:top left}.link-preview .media{width:100%;height:160px;object-fit:cover;background:#f2f2f2;display:block}.link-preview .body{padding:12px}.link-preview .title{font-weight:700;font-size:14px;margin:0 0 6px 0;line-height:1.2}.link-preview .excerpt{font-size:13px;color:#444;line-height:1.4;max-height:3.2em;overflow:hidden}.link-preview .footer{display:flex;gap:8px;padding:8px 12px;border-top:1px solid #eee;background:#fafafa}.link-preview .open-btn{margin-left:auto;background:#0366d6;color:#fff;border:0;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:13px}.link-preview .close-btn{background:0 0;border:0;cursor:pointer;color:#666;font-size:14px}.modal-content .preview-iframe{width:100%;height:80vh;border:0;display:block;background:#fff}@media (max-width:600px){.modal-content .preview-iframe{height:90vh}}.modal-content{padding:1rem;box-sizing:border-box;max-height:92vh;overflow:auto}.modal-content>.preview-source-note,.preview-source-note{font-size:12px;color:var(--color-text-muted, #666);margin-bottom:8px}.modal-container .modal-close{z-index:2147483647}.modal-content .preview-open-external{display:inline-block;margin-top:.5rem;color:#0366d6;text-decoration:underline}.modal-content .preview-iframe,.modal-content .preview-iframe body{background:0 0}.modal-content .preview-iframe:focus{outline:3px solid rgba(3,102,214,.25)}.modal-content img{max-width:100%;height:auto;display:block}.blog-filters{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;align-items:center;margin-top:1.5rem;margin-bottom:1.5rem}.og-card{display:flex;width:80%;align-items:stretch;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;text-decoration:none!important;transition:background-color .2s ease;margin:1.5rem 0;height:130px;color:inherit}.og-card:hover{background-color:rgba(125,125,125,.05);border-color:var(--color-border);transform:none;box-shadow:none}.og-thumbnail{display:flex;align-items:center;justify-content:center;flex:0 0 130px;width:130px;height:130px;background:var(--color-surface);position:relative;border-right:1px solid var(--color-border);overflow:hidden}.og-thumbnail img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;max-width:none!important;box-sizing:border-box!important;background-color:transparent!important;margin:0!important;padding:0!important;border:0!important}.og-thumbnail.no-image{display:flex;align-items:center;justify-content:center;background:#eee}.og-content{flex:1;padding:12px 15px;display:flex;flex-direction:column;justify-content:center;min-width:0;height:100%;overflow:hidden}.og-site{font-size:.85rem;color:var(--color-text-muted);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.og-title{font-size:1rem;font-weight:700;color:var(--color-heading);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.og-description{font-size:.85rem;color:var(--color-text-muted);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.og-card.wide{display:block;height:auto;width:60%;border:0;background:0 0;border-radius:0;overflow:visible;margin:1.5rem 0}.og-card.wide:hover{background:0 0;opacity:.7}.og-image-wide{width:100%;aspect-ratio:1.91/1;background:#000;position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center}.og-image-wide img{width:100%;height:100%;object-fit:contain;display:block;max-width:none!important;box-sizing:border-box!important;background-color:transparent!important;margin:0!important;padding:0!important;border:0!important}.og-title-overlay{position:absolute;bottom:12px;left:12px;background:rgba(0,0,0,.6);color:#fff;padding:4px 8px;border-radius:4px;font-size:14px;font-weight:700;max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.og-site-footer{margin-top:2px;font-size:.85rem;color:var(--color-text-muted);padding-left:4px;display:flex;align-items:center}.blog-filter{display:flex;flex-direction:column;gap:.4rem}.blog-filter__label{font-size:.875rem;color:var(--color-text-muted);margin-bottom:.2rem}.blog-filter__control{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text);padding:.6rem 1rem;font-size:.95rem;box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.blog-filter__control::placeholder{color:var(--color-text-muted);opacity:.7}.blog-filter__control:focus{outline:0;border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.blog-filter:first-child{min-width:10rem}.blog-filter:last-child{flex:1;min-width:16rem}.blog-card{position:relative;z-index:1;display:flex;gap:1.25rem;align-items:stretch;background:var(--color-panel);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--color-border);box-shadow:var(--shadow-md);transition:var(--transition-smooth);overflow:hidden}.blog-card::before{cursor:pointer;content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;border-radius:inherit;border:1px solid transparent;background:linear-gradient(to right,var(--color-accent),var(--color-accent-dark)) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:0;transition:var(--transition-smooth)}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow);background:var(--color-surface)}.blog-card:hover::before{opacity:1}.blog-card .card__thumb{cursor:pointer;flex-shrink:0;width:14rem;height:7.5rem;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border-soft)}.blog-card .card__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:var(--transition-smooth)}.blog-card:hover .card__thumb img{transform:scale(1.05)}.blog-card .card__body{flex:1;min-width:0;display:flex;flex-direction:column}.blog-card .card__meta{font-size:.85rem;color:var(--color-text-muted);margin-bottom:.4rem}.blog-card .card__title{font-size:1.15rem;font-weight:600;color:var(--color-heading);line-height:1.3;margin-bottom:.4rem}.blog-card .card__description{font-size:.95rem;color:var(--color-text-muted);line-height:1.5;margin-bottom:.8rem;flex-grow:1}.blog-card .card__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto}.tag{cursor:pointer;display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-md);font-size:.8rem;background:var(--color-accent-soft);border:1px solid var(--color-border);color:var(--color-text);white-space:pre-wrap;transition:var(--transition-smooth);text-decoration:none}.tag:hover{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-glow)}.post-detail{background:var(--color-panel);border-radius:var(--radius-lg);padding:3rem;border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.post-detail__header{margin-bottom:2.5rem;border-bottom:1px solid var(--color-border-soft);text-align:center}.post-detail__meta{font-size:.95rem;color:var(--color-accent);font-weight:600;margin-bottom:.8rem;letter-spacing:.05em}.post-detail__title{font-size:2.4rem;color:var(--color-heading);margin-bottom:1.2rem;line-height:1.25}.post-detail__description{font-size:1.1rem;color:var(--color-text-muted);line-height:1.6;max-width:90%;margin:0 auto 1.5rem}.post-detail__tags{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center}.post-detail__tags a.tag:focus{outline:0;box-shadow:0 0 0 3px rgba(0,0,0,.06),0 0 0 4px var(--color-accent-soft);border-color:var(--color-accent)}.post-detail__tags a.tag{text-decoration:none}.markdown-body{line-height:1.8;font-size:1.05rem;color:var(--color-text)}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:var(--transition-smooth)}.markdown-body a:hover{color:var(--color-accent-dark);text-decoration-thickness:2px}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{color:var(--color-heading);font-family:var(--font-heading);margin-top:3rem;margin-bottom:1.5rem;line-height:1.4;position:relative;scroll-margin-top:5rem}.markdown-body h2{font-size:1.8rem;padding:.5rem 0 .5rem 1rem;border-left:5px solid var(--color-accent);background:linear-gradient(to right,rgba(var(--color-accent-rgb),.1),transparent);border-radius:0 var(--radius-sm) var(--radius-sm)0}.markdown-body h3{font-size:1.5rem;padding-bottom:.4rem}.markdown-body h3::after{content:"";display:block;width:auto;height:2px;background:var(--color-accent);margin-top:.4rem}.markdown-body h4{font-size:1.25rem;margin-top:2rem}.markdown-body p{margin:1rem 0}.markdown-body ul,.markdown-body ol{padding-left:1.5rem;margin:0 0}.markdown-body ul{list-style:disc}.markdown-body ol{list-style:decimal}.markdown-body li{margin-bottom:.1rem;padding-left:.2rem}.markdown-body li::marker{color:var(--color-accent)}.markdown-body dl{margin:2rem 0;display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1.5rem;align-items:baseline}.markdown-body dt{font-weight:700;color:var(--color-heading);grid-column:1;position:relative}.markdown-body dt::after{content:":";margin-left:.2rem;color:var(--color-text-muted)}.markdown-body dd{grid-column:2;margin:0;color:var(--color-text-muted)}@media (max-width:968px){.markdown-body dl{display:block}.markdown-body dt{margin-top:1rem;font-size:1.1rem}.markdown-body dd{margin-left:1rem;margin-bottom:1rem}}.markdown-body blockquote{margin:2rem 0;padding:1rem 1.5rem;border-left:4px solid var(--color-accent);background:var(--color-surface);color:var(--color-text-muted);border-radius:0 var(--radius-md) var(--radius-md)0;font-style:italic}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body code{font-family:"Fira Code","Cascadia Code","JetBrains Mono",Consolas,monospace;font-size:.9em;background:rgba(var(--color-accent-rgb),.15);color:var(--color-heading);padding:.2em .5em;border-radius:var(--radius-sm);white-space:pre-wrap}.markdown-body pre{position:relative;background:#0d1117;padding:1.25rem;border-radius:var(--radius-md);overflow-x:auto;font-size:.9em;line-height:1.5;margin:2rem 0;border:1px solid var(--color-border);box-shadow:inset 0 0 10px rgba(0,0,0,.5)}.code-block{position:relative;margin:1rem 0;border-radius:var(--radius-md);overflow:hidden;background:inherit;border:1px solid var(--color-border)}.code-block .code-header{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.45);color:#fff;padding:.18rem .5rem;font-size:12px;line-height:1;border-radius:4px;z-index:2;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:inline-flex;align-items:center}.code-header .lang-icon,.code-block .lang-icon{display:inline-flex;width:18px;height:18px;margin-right:.4rem;line-height:1;vertical-align:middle}.code-header .lang-label{display:inline-block;font-weight:600;font-size:12px}.code-block pre{margin:0;padding-top:2.2rem;background:0 0;border-radius:0;overflow-x:auto}.code-block pre code{display:block;padding:.8rem 1rem 1rem 1rem;background:0 0}.mermaid-wrapper{margin:1.25rem 0;overflow:hidden;background:var(--color-panel);cursor:grab;touch-action:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;user-select:none;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem;box-shadow:var(--shadow-md);position:relative}.mermaid-wrapper:active{cursor:grabbing}.mermaid-wrapper .mermaid{display:block;transform-origin:0 0;will-change:transform;transition:transform 180ms cubic-bezier(.2,.8,.2,1)}.mermaid-wrapper .mermaid svg{max-width:none;width:auto;display:block;touch-action:none;user-select:none}.mermaid-toolbar{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:8px;z-index:9999;align-items:flex-end;pointer-events:auto;transform:translateZ(0)}.mermaid-toolbar .btn{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:rgba(0,0,0,.7);color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform 120ms ease,background 120ms ease;font-size:14px;position:relative;z-index:10000}.mermaid-toolbar .btn:hover{transform:translateY(-2px);background:rgba(0,0,0,.75)}.mermaid-toolbar .btn:active{transform:translateY(0)}.mermaid-toolbar .scale-badge{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:28px;padding:0 8px;border-radius:14px;background:rgba(0,0,0,.45);color:#fff;font-size:12px;font-weight:600}.mermaid-wrapper .mermaid svg text.title,.mermaid-wrapper .mermaid svg .title,.mermaid-wrapper .mermaid svg .label{fill:var(--color-heading);font-weight:700;font-size:1.05em;paint-order:stroke fill;stroke:rgba(0,0,0,.02);stroke-width:.4px}.mermaid-wrapper{max-height:60vh;overflow:auto}.mermaid-wrapper .mermaid svg{max-height:120vh;height:auto;max-width:100%;display:block;box-sizing:content-box}@media (max-width:680px){.mermaid-toolbar{top:6px;right:6px;gap:6px}.mermaid-toolbar .btn{width:32px;height:32px;border-radius:6px;font-size:13px}.mermaid-toolbar .scale-badge{min-width:40px;height:24px;font-size:11px}}@media (max-width:680px){.code-block .code-header{top:6px;right:6px;font-size:11px;padding:.12rem .4rem}.code-block pre{padding-top:2rem}}.markdown-body img{max-width:100%;height:auto;display:block;margin:2rem auto;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-soft)}.markdown-body hr{height:0;border:0;border-top:2px dashed var(--color-border);margin:3rem 0}.markdown-body table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.95rem}.markdown-body th,.markdown-body td{padding:.75rem;border:1px solid var(--color-border)}.markdown-body th{background:var(--color-surface);font-weight:700;color:var(--color-heading);text-align:left}.markdown-body tr:nth-child(even){background:rgba(255,255,255,.02)}@media (max-width:680px){.blog-filters{flex-direction:column;align-items:stretch;gap:.8rem}.blog-card{flex-direction:column;padding:1rem;gap:1rem}.blog-card .card__thumb{width:100%;height:auto}.post-detail{padding:1.5rem;border-radius:0;border-left:none;border-right:none;box-shadow:none;background:var(--color-panel)}.post-detail__title{font-size:1.8rem}.post-detail__tags{justify-content:flex-start}.post-detail__header{text-align:left}.markdown-body h2{font-size:1.5rem}}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2.5rem}.pagination__item{--size:2.5rem;cursor:pointer;width:var(--size);height:var(--size);display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.95rem;font-weight:500;transition:var(--transition-smooth)}.pagination__item:hover:not(:disabled):not(.is-active){background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-heading);transform:translateY(-2px)}.pagination__item:disabled{cursor:not-allowed;opacity:.4}.pagination__item.is-active{background:var(--color-accent);border-color:var(--color-accent);color:#fff;font-weight:700;box-shadow:var(--shadow-glow)}.post-detail__nav--bottom{margin-top:2rem;margin-bottom:0;display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:nowrap;max-width:900px;margin-left:auto;margin-right:auto}.post-detail__nav--bottom .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem .5rem;border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);text-decoration:none;font-weight:600;font-size:13px;transition:var(--transition-smooth);border:1px solid var(--color-border);flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-detail__nav--bottom .btn--prev{justify-content:flex-start;text-align:left}.post-detail__nav--bottom .btn--back{justify-content:center;text-align:center}.post-detail__nav--bottom .btn--next{justify-content:flex-end;text-align:right}.btn--back:hover{background:var(--color-accent-soft);color:var(--color-text);border-color:var(--color-accent);transform:translateY(-2px)}.btn--prev{padding-left:.8rem}.btn--prev:hover{background:var(--color-accent-soft);color:var(--color-text);border-color:var(--color-accent);transform:translateX(-4px)}.btn--next{padding-right:.8rem}.btn--next:hover{background:var(--color-accent-soft);color:var(--color-text);border-color:var(--color-accent);transform:translateX(4px)}@media (max-width:968px){.post-detail__nav--bottom{flex-direction:column;gap:.6rem;align-items:stretch}.post-detail__nav--bottom .btn{flex:none;width:100%;max-width:none;justify-content:center;padding:.7rem 1rem;white-space:normal}.post-detail__nav--bottom .btn--prev{justify-content:center;text-align:center}.post-detail__nav--bottom .btn--back{justify-content:center;text-align:center}.post-detail__nav--bottom .btn--next{justify-content:center;text-align:center}}.breadcrumb{margin-bottom:1.5rem;font-size:.9rem;color:var(--color-text-muted);white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.breadcrumb::-webkit-scrollbar{display:none}.breadcrumb__list{list-style:none;padding:0;margin:0;display:flex;align-items:center}.breadcrumb__item:not(:last-child)::after{content:">";margin:0 .75rem;color:var(--color-text-muted);opacity:.5}.breadcrumb a{color:var(--color-text-muted);text-decoration:none;transition:var(--transition-smooth)}.breadcrumb a:hover{color:var(--color-accent);text-decoration:underline}.breadcrumb__item[aria-current=page]{font-weight:600;color:var(--color-text)}.post-layout{display:grid;grid-template-columns:1fr;gap:2rem}.post-content{min-width:0}.post-sidebar{display:none}@media (min-width:1000px){.post-layout{grid-template-columns:minmax(0,1fr) 250px;gap:1rem}.post-sidebar{display:block}body[data-page=blog] .main-container{max-width:1500px}}.toc-sticky-container{position:sticky;top:6rem}.toc{background:var(--color-surface);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--color-border);max-width:250px}.toc__title{font-size:1.2rem;font-weight:700;color:var(--color-heading);margin-top:0;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--color-border-soft)}.toc-list{list-style:none;padding:0;margin:0;max-height:calc(100vh - 12rem);overflow-y:auto;overflow-x:hidden}.toc-item{margin-bottom:.5rem}.toc-item a{color:var(--color-text-muted);text-decoration:none;font-size:.9rem;line-height:1.5;transition:var(--transition-smooth);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toc-item a:hover{color:var(--color-accent);transform:translateX(4px)}.toc-item--level-3{padding-left:1.2rem}.toc-item--level-3 a{font-size:.85rem;position:relative}.toc-item--level-3 a::before{content:"";position:absolute;left:-1rem;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background-color:var(--color-border)}.toc-item a.is-active{color:var(--color-accent);font-weight:600}.toc-toggle{display:none;position:fixed;bottom:2rem;right:1.5rem;z-index:100;width:56px;height:56px;padding:0;border:0;border-radius:50%;background:var(--color-accent);color:#fff;cursor:pointer;transition:all .2s ease-in-out;box-shadow:var(--shadow-lg);justify-content:center;align-items:center;gap:.5rem}.toc-toggle span{display:none}.toc-toggle:hover{background:var(--color-accent-dark);transform:translateY(-3px)}.toc-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:101;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s .3s}@media (max-width:1000px){.toc-toggle{display:flex}.post-sidebar{position:fixed;top:0;right:0;width:100%;max-width:320px;height:100vh;height:100dvh;background:var(--color-surface);z-index:102;transform:translateX(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:block;box-shadow:-5px 0 20px rgba(0,0,0,.3);overflow-y:auto}.post-sidebar.is-open{transform:translateX(0)}.toc-overlay.is-open{opacity:1;visibility:visible;transition-delay:0s}.toc-sticky-container{position:static;padding:2rem 1.5rem}.toc{border:0;padding:0}.toc-list{max-height:none}}.share-buttons{margin:1rem 0;text-align:center}.share-buttons__title{font-size:.7rem;font-weight:700;color:var(--color-text-muted);letter-spacing:.1em;margin:.3rem 0}.share-buttons__list{display:inline-flex;gap:1rem;list-style:none;padding:0;margin:0}.share-buttons__link{display:flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:50%;background-color:var(--color-surface);color:var(--color-text);transition:var(--transition-smooth);border:1px solid var(--color-border)}.share-buttons__link:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);color:#fff}.share-buttons__link--twitter:hover{background-color:#1da1f2;border-color:#1da1f2}.share-buttons__link--facebook:hover{background-color:#1877f2;border-color:#1877f2}.share-buttons__link--line:hover{background-color:#00c300;border-color:#00c300}.post-header-actions{position:relative;width:100%;margin:.6rem 0 1rem 0;box-sizing:border-box}.post-header-actions__left{display:flex;justify-content:center;align-items:center}.post-header-actions__right{position:absolute;right:0;top:65%;transform:translateY(-50%);display:flex;align-items:center;gap:.6rem}.post-header-actions .post-actions{margin:0}@media (max-width:968px){.post-header-actions__left{justify-content:flex-start}.post-header-actions .share-buttons{text-align:left;margin:.5rem 0}}.section--related{margin-top:4rem}.section--comments{margin-top:3rem;margin-bottom:2rem}.post-comments{max-width:100%;margin:1.5rem 0;padding:1.5rem;box-sizing:border-box;border-radius:var(--radius-lg);background:var(--color-panel);border:1px solid var(--color-border);box-shadow:var(--shadow-md);overflow:hidden;transition:var(--transition-smooth)}.post-comments:hover{box-shadow:var(--shadow-lg)}.giscus-placeholder{min-height:200px;display:flex;align-items:center;justify-content:center}.giscus-loading{color:var(--color-text-muted);font-size:.95rem;text-align:center;padding:2rem}.post-comments .giscus{display:block;width:100%;box-sizing:border-box}.post-comments .giscus-frame{width:100%;min-height:240px;height:auto;border:0;background:0 0;border-radius:var(--radius-md);box-shadow:none}@media (max-width:968px){.section--comments{margin-top:2rem}.post-comments{margin:1rem 0;padding:1rem;border-radius:var(--radius-md)}.giscus-placeholder{min-height:150px}.share-buttons{margin:1rem 0;text-align:left}.share-buttons__title{font-size:.7rem;font-weight:700;color:var(--color-text-muted);letter-spacing:.1em;margin:.3rem 0}.share-buttons__list{display:inline-flex;gap:1rem;list-style:none;padding:0;margin:0}.share-buttons__link{display:flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:50%;background-color:var(--color-surface);color:var(--color-text);transition:var(--transition-smooth);border:1px solid var(--color-border)}}@media (prefers-color-scheme:dark){.post-comments{background:var(--color-panel);box-shadow:0 4px 12px rgba(0,0,0,.4)}.post-comments .giscus-frame{background:0 0}}.contact-form{max-width:40rem;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:600;color:var(--color-heading);display:flex;align-items:center;gap:.5rem;font-size:.95rem}.badge-required,.badge-optional{font-size:.75rem;padding:.15rem .5rem;border-radius:var(--radius-sm);font-weight:400;line-height:1.2}.badge-required{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.badge-optional{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.input{width:100%;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:1rem;color:var(--color-text);transition:var(--transition-smooth);font-family:inherit}.input:focus{outline:0;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.2);background:var(--color-surface)}.input::placeholder{color:var(--color-text-muted);opacity:.6}.input--textarea{resize:vertical;min-height:8rem;line-height:1.6}.form-actions{margin-top:1rem;display:flex;justify-content:center}.btn-submit{min-width:12rem;padding:.9rem 2rem;font-size:1.1rem;position:relative}.btn-submit.is-loading{color:transparent;pointer-events:none;opacity:.8}.btn-loading-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.5rem;height:1.5rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;opacity:0;transition:opacity .2s}.btn-submit.is-loading .btn-loading-icon{opacity:1;animation:spin .8s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.contact-result{margin-top:1.5rem;padding:1rem;border-radius:var(--radius-md);font-size:.95rem;text-align:center;display:none}.contact-result.success{display:block;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);color:#10b981}.contact-result.error{display:block;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#ef4444}.link-text{text-decoration:underline;text-underline-offset:4px}.link-text:hover{color:var(--color-accent)}@media (max-width:600px){.contact-form{gap:1.2rem}.btn-submit{width:100%}}.post-actions{display:inline-flex;gap:.6rem;align-items:center;justify-content:center}.btn--icon{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .8rem;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;font-weight:600;transition:var(--transition-smooth)}.btn--icon .icon-like,.btn--icon .icon-bookmark{font-size:1rem;line-height:1}.btn--icon .like-count{display:inline-block;min-width:2ch;text-align:left;font-weight:700;color:var(--color-text-muted)}.btn--icon.is-liked{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-dark));color:#fff;border-color:transparent;box-shadow:var(--shadow-glow)}.btn--icon.is-bookmarked{background:var(--color-accent-soft);color:var(--color-heading);border-color:var(--color-accent)}.btn--icon:hover{transform:translateY(-2px)}@media (max-width:600px){.post-actions{justify-content:flex-start}.btn--icon{padding:.6rem 1rem;font-size:.95rem}}