:root{--color-primary:#FFD700;--color-secondary:#4B7BA1;--color-accent:#FFF9C4;--color-contrast:#1A1A1A;--color-surface:#F5F7FA;--color-text-muted:#777;--bg-body:var(--color-surface);--text-body:var(--color-contrast);--text-muted:var(--color-text-muted);--bg-card:linear-gradient(145deg, #ffffff, #f0f0f0);--backdrop-blur:12px;--radius-btn:8px;--radius-card:16px;--radius-sharp:0px;--radius-soft:16px;--border-width:1px;--border-color:rgba(0, 0, 0, 0.08);--shadow-default:0 4px 12px rgba(0, 0, 0, 0.05);--shadow-hover:0 6px 16px rgba(0, 0, 0, 0.1);--transition-curve:cubic-bezier(0.4, 0, 0.2, 1);--duration-base:0.3s;--layout-max-width:1200px;--max-width-content-main:1100px;--font-display:sans-serif;--line-height-body:1.7;--header-height:64px}.hero-section{background:radial-gradient(circle at center,var(--color-primary),transparent 70%);padding:4rem 2rem;position:relative;overflow:hidden}.interactive-element:hover{box-shadow:var(--shadow-hover);transition:all var(--duration-base)var(--transition-curve);transform:translateY(-2px)}.container{max-width:var(--max-width-content-main);margin-inline:auto;padding-inline:1rem}body{overflow-x:hidden;line-height:var(--line-height-body);font-family:var(--font-display);background-color:var(--bg-body);color:var(--text-body)}html{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='2' result='noise'/%3E%3CfeComposite in='SourceGraphic' in2='noise' operator='arithmetic' k1='0' k2='1' k3='0' k4='0'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover}:root{--color-primary:#FFD700;--color-secondary:#4B7BA1;--color-accent:#FFF9C4;--color-contrast:#1A1A1A;--color-surface:#F5F7FA;--color-text-muted:#777;--bg-body:var(--color-surface);--text-body:var(--color-contrast);--text-muted:var(--color-text-muted);--bg-card:linear-gradient(145deg, #ffffff, #f0f0f0);--backdrop-blur:12px;--radius-btn:8px;--radius-card:16px;--radius-sharp:0px;--radius-soft:16px;--border-width:1px;--border-color:rgba(0, 0, 0, 0.08);--shadow-default:0 4px 12px rgba(0, 0, 0, 0.05);--shadow-hover:0 6px 16px rgba(0, 0, 0, 0.1);--transition-curve:cubic-bezier(0.4, 0, 0.2, 1);--duration-base:0.3s;--layout-max-width:1200px;--max-width-content-main:1100px;--font-display:sans-serif;--line-height-body:1.7;--header-height:64px}.hero-section{background:radial-gradient(circle at center,var(--color-primary),transparent 70%);padding:4rem 2rem;position:relative;overflow:hidden}.interactive-element:hover{box-shadow:var(--shadow-hover);transition:all var(--duration-base)var(--transition-curve);transform:translateY(-2px)}.container{max-width:var(--max-width-content-main);margin-inline:auto;padding-inline:1rem}body{overflow-x:hidden;line-height:var(--line-height-body);font-family:var(--font-display);background-color:var(--bg-body);color:var(--text-body)}html{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='2' result='noise'/%3E%3CfeComposite in='SourceGraphic' in2='noise' operator='arithmetic' k1='0' k2='1' k3='0' k4='0'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover}.baseof-layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-body);color:var(--text-body);font-family:var(--font-display);line-height:var(--line-height-body);max-width:var(--layout-max-width);margin-inline:auto;padding-inline:1rem}.baseof-layout main{flex-grow:1;width:100%;padding-block:2rem}@media(max-width:768px){.baseof-layout{padding-inline:.5rem}.baseof-layout main{padding-block:1rem}}.single-post{background-color:var(--bg-body);color:var(--text-body);font-family:var(--font-display);line-height:var(--line-height-body)}.post-header{padding:2rem 1rem;text-align:center;border-bottom:var(--border-width)solid var(--border-color)}.post-title{font-size:2.5rem;margin-bottom:1rem;font-weight:700;color:var(--color-contrast)}.post-container{display:grid;grid-template-columns:minmax(0,1fr)300px;gap:2rem;max-width:var(--max-width-content-main);margin-inline:auto;padding:2rem 1rem}.post-content{padding-right:1rem;font-size:1.1rem;color:var(--text-body)}.post-toc{position:sticky;top:2rem;align-self:start;height:fit-content;padding:1rem;background:var(--bg-card);border-radius:var(--radius-soft);box-shadow:var(--shadow-default);backdrop-filter:blur(var(--backdrop-blur))}.toc-nav ul{list-style:none;padding-left:0}.toc-nav li{margin-bottom:.5rem}.toc-nav a{text-decoration:none;color:var(--text-muted);transition:color var(--duration-base)var(--transition-curve)}.toc-nav a:hover{color:var(--color-secondary)}.toc-nav .toc-h2{margin-left:1rem}.toc-nav .toc-h3{margin-left:2rem}.toc-nav .toc-h4{margin-left:3rem}.toc-nav .toc-h5{margin-left:4rem}.toc-nav .toc-h6{margin-left:5rem}@media(max-width:768px){.post-container{grid-template-columns:1fr}.post-toc{position:static;margin-top:2rem}}.list-page__container{max-width:var(--max-width-content-main);margin-inline:auto;padding-inline:1rem;padding-block:2rem}.list-page__title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-body);text-align:center}.list-page__subtitle{font-size:1.25rem;color:var(--text-muted);text-align:center;margin-bottom:2rem}.list-page__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.article-card{background:var(--bg-card);border-radius:var(--radius-soft);box-shadow:var(--shadow-default);padding:1.5rem;transition:all var(--duration-base)var(--transition-curve);display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden;backdrop-filter:blur(var(--backdrop-blur))}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.article-card__image{width:100%;height:180px;object-fit:cover;border-radius:var(--radius-card);margin-bottom:1rem}.article-card__category{display:inline-block;background:var(--color-accent);color:var(--color-contrast);padding:.3rem .8rem;border-radius:50px;font-size:.85rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase}.article-card__title{font-size:1.3rem;font-weight:700;margin-bottom:.75rem;color:var(--text-body);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.article-card__excerpt{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:1.25rem;flex-grow:1}.article-card__meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-muted)}.article-card__date,.article-card__author{display:flex;align-items:center;gap:.4rem}.article-card__read-time::before{content:"•";margin-right:.4rem}.notfound-page{background-color:var(--color-surface);color:var(--color-contrast);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 0}.notfound-content{text-align:center;max-width:100%}.notfound-title{font-size:4rem;margin-bottom:.5rem;font-weight:700;line-height:1;letter-spacing:-.05em}.notfound-message{font-size:1.5rem;margin-bottom:1rem;font-weight:600}.notfound-description{font-size:1rem;margin-bottom:2rem;color:var(--text-muted);max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6}.notfound-button{display:inline-block;padding:.75rem 1.5rem;background-color:var(--color-primary);color:var(--color-contrast);border-radius:var(--radius-btn);text-decoration:none;font-weight:600;transition:all var(--duration-base)var(--transition-curve);border:1px solid var(--color-secondary);box-shadow:var(--shadow-default)}.notfound-button:hover{background-color:var(--color-secondary);color:#fff;box-shadow:var(--shadow-hover);transform:translateY(-2px)}@media(max-width:768px){.notfound-title{font-size:3rem}.notfound-message{font-size:1.25rem}}.metadata-head{display:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--font-display);line-height:var(--line-height-body);background-color:var(--bg-body);color:var(--text-body)}.container{max-width:var(--max-width-content-main);margin-inline:auto;padding-inline:1rem}@media(max-width:768px){.container{padding-inline:.5rem}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.title-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-unstyled{text-decoration:none;color:inherit}.link-unstyled:hover{text-decoration:underline}@media(max-width:480px){.title-truncate{font-size:1rem}}.navbar-header{position:sticky;top:0;z-index:100;background-color:var(--color-surface);box-shadow:var(--shadow-default);padding-block:.75rem}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:var(--layout-max-width);margin-inline:auto;padding-inline:1rem;gap:1rem}.navbar-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;color:var(--text-body);flex-shrink:0;max-width:30%}.navbar-menu{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end;flex-grow:1;min-width:0}.navbar-link{color:var(--text-body);text-decoration:none;padding:.5rem .75rem;border-radius:var(--radius-btn);transition:all var(--duration-base)var(--transition-curve);font-size:.95rem;flex-shrink:0}.navbar-link:hover{background-color:var(--color-accent);color:var(--color-contrast);box-shadow:var(--shadow-hover)}@media(max-width:768px){.navbar-container{flex-direction:column;gap:.5rem}.navbar-title{max-width:100%;text-align:center}.navbar-menu{width:100%;justify-content:center}}.site-footer{background-color:var(--color-surface);color:var(--text-muted);padding:2rem 0;border-radius:var(--radius-soft);margin-top:2rem}.footer__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;align-items:start}.footer__section{display:flex;flex-direction:column;gap:.75rem}.footer__heading{font-size:1.1rem;font-weight:600;margin:0;color:var(--text-body)}.footer__description p{margin:0;line-height:var(--line-height-body)}.footer__category-list,.footer__link-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.footer__category-item,.footer__link-item{margin:0}.footer__category-link,.footer__link{text-decoration:none;color:var(--text-muted);transition:color var(--duration-base)var(--transition-curve);display:flex;justify-content:space-between;align-items:center;padding:.4rem 0}.footer__category-link:hover,.footer__link:hover{color:var(--color-secondary)}.footer__category-count{font-size:.9rem;background-color:var(--color-accent);padding:.2rem .5rem;border-radius:50px;margin-left:.5rem}.footer__hidden-items{display:none}.footer__expand-button{background-color:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--radius-btn);padding:.5rem 1rem;cursor:pointer;color:var(--text-body);font-size:.9rem;margin-top:.5rem;transition:all var(--duration-base)var(--transition-curve)}.footer__expand-button:hover{background-color:var(--color-secondary);color:#fff}.footer__divider{border:0;border-top:1px dashed var(--border-color);margin:2rem 0}.footer__copyright{text-align:center;font-size:.9rem;color:var(--text-muted)}@media(max-width:768px){.footer__content{grid-template-columns:1fr}.footer__heading{font-size:1rem}}.pulsar-card{background:var(--bg-card);border-radius:var(--radius-soft);box-shadow:var(--shadow-default);padding:1.5rem;transition:all var(--duration-base)var(--transition-curve);display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.pulsar-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.pulsar-card__header{margin-bottom:.75rem}.pulsar-card__title{font-size:1.25rem;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pulsar-card__title-link{color:var(--text-body);text-decoration:none;transition:color var(--duration-base)var(--transition-curve)}.pulsar-card__title-link:hover{color:var(--color-secondary)}.pulsar-card__meta{margin-bottom:1rem;font-size:.875rem;color:var(--text-muted)}.pulsar-card__content{flex-grow:1;margin-bottom:1rem}.pulsar-card__summary{margin:0;color:var(--text-body);line-height:var(--line-height-body);font-size:.95rem}.pulsar-card__footer{margin-top:auto;display:flex;justify-content:flex-end}.pulsar-card__read-more{color:var(--color-secondary);font-weight:500;text-decoration:none;transition:color var(--duration-base)var(--transition-curve);font-size:.9rem}.pulsar-card__read-more:hover{color:var(--color-primary)}@media(max-width:768px){.pulsar-card{padding:1rem}.pulsar-card__title{font-size:1.1rem}}.pagination-container{width:100%;padding:1.5rem 1rem;text-align:center;background-color:var(--color-surface)}.pagination-list{display:flex;justify-content:center;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0;flex-wrap:wrap}.pagination-item{display:flex;align-items:center}.pagination-link,.pagination-text{display:block;padding:.5rem 1rem;border-radius:var(--radius-btn);background-color:var(--color-surface);color:var(--text-body);text-decoration:none;font-size:.9rem;line-height:1.5;transition:all var(--duration-base)var(--transition-curve);box-shadow:var(--shadow-default);border:var(--border-width)solid var(--border-color)}.pagination-link:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px);background-color:var(--color-accent);color:var(--color-contrast)}.pagination-info{flex-grow:1;min-width:120px}.pagination-text{text-align:center;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.pagination-container{padding:1rem}.pagination-list{gap:.25rem}.pagination-link,.pagination-text{padding:.4rem .75rem;font-size:.85rem}.pagination-info{min-width:100px}}.pulsar-hero{width:100%;position:relative;overflow:hidden;padding:4rem 2rem;text-align:center}.pulsar-hero__content{max-width:var(--max-width-content-main);margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.pulsar-hero__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:var(--color-contrast);line-height:1.2;text-wrap:balance;width:100%}.pulsar-hero__subtitle{font-size:1.25rem;color:var(--text-muted);max-width:60ch;line-height:1.6;width:100%}@media(max-width:768px){.pulsar-hero{padding:3rem 1rem}.pulsar-hero__title{font-size:2rem}.pulsar-hero__subtitle{font-size:1.1rem}}.article-meta{font-size:.875rem;color:var(--text-muted);display:flex;flex-direction:column;gap:.5rem}.article-meta__info{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.article-meta__author,.article-meta__date{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-meta__tags{display:flex;flex-wrap:wrap;gap:.5rem}.article-meta__tag{background-color:var(--color-accent);color:var(--color-contrast);padding:.25rem .75rem;border-radius:var(--radius-btn);font-size:.75rem;white-space:nowrap}@media(max-width:768px){.article-meta{font-size:.8125rem}.article-meta__tag{padding:.2rem .6rem;font-size:.7rem}}.content-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px dashed var(--color-text-muted);font-size:.9rem;line-height:1.6}.content-footer__tags{margin-bottom:1rem}.tag-button{display:inline-block;background-color:var(--color-accent);color:var(--color-contrast);padding:.4rem .8rem;margin-right:.5rem;margin-bottom:.5rem;border-radius:var(--radius-btn);text-decoration:none;font-size:.85rem;transition:all var(--duration-base)var(--transition-curve)}.tag-button:hover{background-color:var(--color-secondary);color:#fff}.content-footer__meta{margin-bottom:1.5rem;color:var(--color-text-muted)}.content-footer__author,.content-footer__date{display:block}.content-footer__related{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.content-footer__related-title{margin-bottom:1rem;font-size:1.1rem;color:var(--color-contrast)}.content-footer__related-list{list-style:none;padding:0;margin:0}.content-footer__related-item{margin-bottom:.75rem}.content-footer__related-link{color:var(--color-secondary);text-decoration:none;transition:color var(--duration-base)var(--transition-curve)}.content-footer__related-link:hover{color:var(--color-primary)}.content-footer__copyright{margin-top:1.5rem;color:var(--color-text-muted);font-size:.85rem}@media(max-width:768px){.content-footer{padding:1rem;font-size:.85rem}.tag-button{padding:.3rem .6rem;font-size:.8rem}.content-footer__related-title{font-size:1rem}}