@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #ffffff;--bg-section: #f8fafc;--bg-card: #ffffff;--bg-card-hover:#f0f7ff;--border: #e2e8f0;--border-card: #cbd5e1;--text: #1e293b;--text-muted: #64748b;--text-dim: #475569;--blue: #3776AB;--blue-dark: #2d6394;--blue-light: #4a90d9;--blue-pale: #dbeafe;--yellow: #FFD43B;--yellow-dark: #f0c520;--yellow-pale: #fef9c3;--accent: #3776AB;--accent-dark: #2d6394;--tag-bg: #dbeafe;--tag-border: #93c5fd;--tag-color: #1d4ed8;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius: 8px;--radius-lg: 12px;--transition: .15s ease;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-hover: 0 8px 24px rgba(55,118,171,.12), 0 2px 8px rgba(0,0,0,.06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background-color:var(--bg-section);color:var(--text);line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-section)}::-webkit-scrollbar-thumb{background:var(--border-card);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--blue)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.site-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:3px solid var(--blue);box-shadow:0 2px 8px #3776ab1a}.header-inner{display:flex;align-items:center;justify-content:space-between;height:60px}.site-logo{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1rem;letter-spacing:-.01em;color:var(--text)}.logo-dot{width:10px;height:10px;border-radius:50%;background:var(--yellow);border:2px solid var(--blue);box-shadow:0 0 0 2px #ffd43b4d;animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 2px #ffd43b4d}50%{box-shadow:0 0 0 5px #ffd43b26}}.header-meta{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);letter-spacing:.04em}.ticker-bar{border-bottom:1px solid #000;background:#000;padding:.4rem 0;overflow:hidden}.ticker-inner{display:flex;align-items:center;gap:1.5rem;font-family:var(--font-mono);font-size:.72rem;color:var(--yellow);white-space:nowrap}.ticker-label{color:var(--yellow);font-weight:700;flex-shrink:0;letter-spacing:.06em}.main-content{padding:2rem 0 4rem}.section-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem;font-weight:600}.section-label:before{content:"";display:inline-block;width:16px;height:2px;background:var(--yellow);border-radius:1px}.hero-grid{display:grid;grid-template-columns:1fr 320px;grid-template-rows:auto auto;gap:1.25rem;margin-bottom:2.5rem}.card-featured{grid-row:1 / 3;position:relative;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);display:flex;flex-direction:column;box-shadow:var(--shadow-md)}.card-featured:hover{border-color:var(--yellow-dark);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card-featured__image{width:100%;flex:1;min-height:320px;object-fit:cover;transition:transform .4s ease}.card-featured:hover .card-featured__image{transform:scale(1.02)}.card-featured__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(30,41,59,.9) 0%,rgba(30,41,59,.4) 55%,transparent 100%)}.card-featured__body{position:absolute;bottom:0;left:0;right:0;padding:1.5rem}.card-featured__badge{display:inline-flex;align-items:center;gap:.35rem;background:var(--yellow);color:#1e293b;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .6rem;border-radius:3px;margin-bottom:.75rem}.card-featured__title{font-size:1.4rem;font-weight:700;line-height:1.25;letter-spacing:-.02em;margin-bottom:.6rem;color:#fff}.card-featured__desc{font-size:.875rem;color:#fffc;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-featured__meta{display:flex;align-items:center;gap:.75rem;margin-top:.85rem;font-family:var(--font-mono);font-size:.7rem;color:#ffffff8c}.card-secondary{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);box-shadow:var(--shadow-sm)}.card-secondary:hover{border-color:var(--yellow-dark);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card-secondary__image{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .3s ease}.card-secondary:hover .card-secondary__image{transform:scale(1.03)}.card-secondary__body{padding:1rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.card-secondary__title{font-size:.9rem;font-weight:600;line-height:1.35;letter-spacing:-.01em;color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-secondary__meta{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);margin-top:auto}.cards-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.card-small{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);padding:1.1rem 1rem 1rem;display:flex;flex-direction:column;gap:.5rem;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);box-shadow:var(--shadow-sm)}.card-small:hover{border-color:var(--yellow-dark);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card-small__source{font-family:var(--font-mono);font-size:.62rem;color:var(--blue);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.card-small__title{font-size:.82rem;font-weight:600;line-height:1.4;letter-spacing:-.01em;flex:1;color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-small__meta{font-family:var(--font-mono);font-size:.62rem;color:var(--text-muted)}.tag{display:inline-block;background:var(--tag-bg);border:1px solid var(--tag-border);color:var(--tag-color);font-size:.65rem;font-weight:600;padding:.15rem .5rem;border-radius:4px;font-family:var(--font-mono);letter-spacing:.04em}.article-header{padding:3rem 0 2rem;border-bottom:2px solid var(--border);margin-bottom:2rem}.article-header .tag{margin-bottom:1rem}.article-title{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:1rem;color:var(--text)}.article-desc{font-size:1.1rem;color:var(--text-dim);line-height:1.6;margin-bottom:1.5rem}.article-meta{display:flex;align-items:center;gap:1.5rem;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);flex-wrap:wrap}.article-image{width:100%;max-height:500px;object-fit:cover;border-radius:var(--radius-lg);border:2px solid var(--border);margin-bottom:2.5rem;box-shadow:var(--shadow-md)}.prose{max-width:720px;margin:0 auto;font-size:1rem;line-height:1.8;color:var(--text-dim)}.prose h2{font-size:1.35rem;font-weight:700;color:var(--text);letter-spacing:-.02em;margin:2.5rem 0 1rem;padding-left:.75rem;border-left:3px solid var(--yellow)}.prose p{margin-bottom:1.25rem}.prose a{color:var(--blue);border-bottom:1px solid var(--blue-pale);transition:border-color var(--transition),color var(--transition)}.prose a:hover{color:var(--blue-dark);border-color:var(--blue)}.prose strong{color:var(--text);font-weight:600}.site-footer{border-top:4px solid var(--yellow);background:#fff;padding:1.5rem 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.page-layout{display:grid;grid-template-columns:1fr 260px;gap:2rem;align-items:start}.page-main{min-width:0}.sidebar{display:flex;flex-direction:column;gap:1.25rem;position:sticky;top:80px}.sidebar-widget{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.sidebar-widget__title{font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--blue);padding:.6rem 1rem}.sidebar-widget__title--summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;user-select:none}.sidebar-widget__title--summary::-webkit-details-marker{display:none}.sidebar-archive[open] .sidebar-archive__arrow{transform:rotate(90deg)}.sidebar-archive__arrow{display:inline-block;transition:transform .2s ease;font-size:.7rem}.sidebar-cat{display:flex;justify-content:space-between;align-items:center;padding:.55rem 1rem;border-bottom:1px solid var(--border);transition:background var(--transition)}.sidebar-cat:last-child{border-bottom:none}.sidebar-cat:hover{background:var(--blue-pale)}.sidebar-cat__name{font-size:.82rem;color:var(--text);font-weight:500}.sidebar-cat__count{font-family:var(--font-mono);font-size:.65rem;font-weight:700;background:var(--yellow);color:var(--text);padding:.1rem .45rem;border-radius:99px;min-width:20px;text-align:center}.sidebar-recent{display:flex;flex-direction:column;gap:.2rem;padding:.65rem 1rem;border-bottom:1px solid var(--border);transition:background var(--transition)}.sidebar-recent:last-child{border-bottom:none}.sidebar-recent:hover{background:var(--blue-pale)}.sidebar-recent__title{font-size:.78rem;font-weight:600;color:var(--text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-recent__meta{font-family:var(--font-mono);font-size:.62rem;color:var(--blue);font-weight:500}@media(max-width:1024px){.page-layout{grid-template-columns:1fr 220px}.cards-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:860px){.page-layout{grid-template-columns:1fr}.sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-grid{grid-template-columns:1fr;grid-template-rows:auto}.card-featured{grid-row:auto}.cards-image-grid,.cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.sidebar,.cards-image-grid{grid-template-columns:1fr}}@media(max-width:480px){.cards-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;gap:.5rem;text-align:center}}.breadcrumb{display:flex;align-items:center;gap:.4rem;padding:1.25rem 0 0;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);max-width:720px;margin:0 auto}.breadcrumb a{color:var(--text-muted);transition:color var(--transition)}.breadcrumb a:hover{color:var(--blue)}.related-articles{max-width:720px;margin:3rem auto 0;padding-top:1.5rem;border-top:1px solid var(--border)}.related-articles__title{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem}.related-article{display:flex;flex-direction:column;gap:.15rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.related-article:last-child{border-bottom:none}.related-article:hover .related-article__title{color:var(--blue)}.related-article__title{font-size:.9rem;font-weight:600;color:var(--text);line-height:1.4;transition:color var(--transition)}.related-article__meta{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.index-header{padding:1.5rem 0 2rem;border-bottom:3px solid var(--yellow);margin-bottom:2rem}.index-header__title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;letter-spacing:-.03em;color:var(--text)}.index-header__hash{color:var(--blue);margin-right:.05em}.index-header__count{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-top:.4rem}a.sidebar-cat{display:flex;border-radius:var(--radius);margin:0 -.5rem;padding:.1rem .5rem;transition:background var(--transition)}a.sidebar-cat:hover{background:var(--bg-card-hover)}a.sidebar-cat:hover .sidebar-cat__name{color:var(--blue)}
