@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-full:9999px;--blog-bg:#0d0f14;--blog-bg2:#12151c;--blog-bg3:#181c26;--blog-surface:#1c2030;--blog-ink:#f0f2f8;--blog-ink-light:#c8cfe0;--blog-ink-muted:#7a859e;--blog-ink-faint:#404860;--blog-accent:#4f8ef7;--blog-accent-dim:#4f8ef71f;--blog-accent-border:#4f8ef747;--blog-accent-glow:#4f8ef72e;--blog-amber:#f5a623;--blog-border:#ffffff0f;--blog-border-mid:#ffffff1a;--blog-shadow-sm:0 1px 6px #0000004d;--blog-shadow-md:0 4px 24px #0006;--blog-shadow-lg:0 8px 48px #0000008c;--blog-shadow-glow:0 0 32px #4f8ef726;--blog-hero-bg:linear-gradient(180deg, #10131a 0%, #0d0f14 100%);--blog-hero-r1:#4f8ef714;--blog-hero-r2:#f5a6230d;--blog-grid-line:#ffffff06;--blog-code-color:#a5c8ff}[data-theme=dark]{--blog-bg:#0d0f14;--blog-bg2:#12151c;--blog-bg3:#181c26;--blog-surface:#1c2030;--blog-ink:#f0f2f8;--blog-ink-light:#c8cfe0;--blog-ink-muted:#7a859e;--blog-ink-faint:#404860;--blog-accent:#4f8ef7;--blog-accent-dim:#4f8ef71f;--blog-accent-border:#4f8ef747;--blog-accent-glow:#4f8ef72e;--blog-amber:#f5a623;--blog-border:#ffffff0f;--blog-border-mid:#ffffff1a;--blog-shadow-sm:0 1px 6px #0000004d;--blog-shadow-md:0 4px 24px #0006;--blog-shadow-lg:0 8px 48px #0000008c;--blog-shadow-glow:0 0 32px #4f8ef726;--blog-hero-bg:linear-gradient(180deg, #10131a 0%, #0d0f14 100%);--blog-hero-r1:#4f8ef714;--blog-hero-r2:#f5a6230d;--blog-grid-line:#ffffff06;--blog-code-color:#a5c8ff}[data-theme=light]{--blog-bg:#f5f8ff;--blog-bg2:#fff;--blog-bg3:#eef2ff;--blog-surface:#fff;--blog-ink:#0f172a;--blog-ink-light:#1e293b;--blog-ink-muted:#64748b;--blog-ink-faint:#94a3b8;--blog-accent:#2563eb;--blog-accent-dim:#2563eb14;--blog-accent-border:#2563eb47;--blog-accent-glow:#2563eb1f;--blog-amber:#d97706;--blog-border:#00000012;--blog-border-mid:#0000001a;--blog-shadow-sm:0 1px 6px #0000000f;--blog-shadow-md:0 4px 24px #00000014;--blog-shadow-lg:0 8px 48px #0000001f;--blog-shadow-glow:0 0 32px #2563eb1a;--blog-hero-bg:linear-gradient(180deg, #e8eeff 0%, #f5f8ff 100%);--blog-hero-r1:#2563eb0f;--blog-hero-r2:#d977060a;--blog-grid-line:#0000000a;--blog-code-color:#1d4ed8}.BlogDetail-module__U7Naga__page{background:var(--blog-bg);min-height:100vh;color:var(--blog-ink);padding-bottom:100px;font-family:Outfit,sans-serif;transition:background .3s,color .3s}.BlogDetail-module__U7Naga__heroBanner{border-bottom:1px solid var(--blog-border);padding:110px 0 52px;position:relative;overflow:hidden}.BlogDetail-module__U7Naga__heroBg{background:radial-gradient(ellipse 70% 60% at 60% 0%, var(--blog-hero-r1) 0%, transparent 70%), radial-gradient(ellipse 40% 50% at 10% 100%, var(--blog-hero-r2) 0%, transparent 60%), var(--blog-hero-bg);z-index:0;position:absolute;inset:0}.BlogDetail-module__U7Naga__heroBg:after{content:"";background-image:linear-gradient(var(--blog-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--blog-grid-line) 1px, transparent 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 20%,#0000 80%);mask-image:radial-gradient(80% 60% at 50% 0,#000 20%,#0000 80%)}.BlogDetail-module__U7Naga__heroInner{z-index:1;flex-direction:column;max-width:900px;display:flex;position:relative}.BlogDetail-module__U7Naga__heroTopRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.BlogDetail-module__U7Naga__breadcrumb{color:var(--blog-ink-muted);letter-spacing:.01em;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.BlogDetail-module__U7Naga__breadcrumb a{color:var(--blog-ink-muted);text-decoration:none;transition:color .15s}.BlogDetail-module__U7Naga__breadcrumb a:hover{color:var(--blog-accent)}.BlogDetail-module__U7Naga__breadSep{opacity:.4;font-size:13px}.BlogDetail-module__U7Naga__backBtn{background:var(--blog-surface);border:1px solid var(--blog-border-mid);color:var(--blog-ink-muted);border-radius:var(--r-full);letter-spacing:.04em;cursor:pointer;white-space:nowrap;align-items:center;gap:7px;padding:7px 18px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.BlogDetail-module__U7Naga__backBtn:hover{border-color:var(--blog-accent-border);color:var(--blog-accent);background:var(--blog-accent-dim);box-shadow:var(--blog-shadow-glow)}.BlogDetail-module__U7Naga__heroCatWrap{margin-bottom:14px}.BlogDetail-module__U7Naga__heroCat{text-transform:uppercase;letter-spacing:.12em;color:var(--blog-accent);background:var(--blog-accent-dim);border:1px solid var(--blog-accent-border);border-radius:var(--r-full);align-items:center;gap:6px;padding:4px 14px;font-family:Outfit,sans-serif;font-size:10.5px;font-weight:700;display:inline-flex}.BlogDetail-module__U7Naga__heroCat:before{content:"";background:var(--blog-accent);border-radius:50%;width:5px;height:5px;animation:2.4s ease-in-out infinite BlogDetail-module__U7Naga__catPulse}@keyframes BlogDetail-module__U7Naga__catPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.BlogDetail-module__U7Naga__heroTitle{letter-spacing:-.02em;color:var(--blog-ink);margin-bottom:24px;font-family:Instrument Serif,serif;font-size:clamp(30px,5vw,52px);font-weight:400;line-height:1.18}.BlogDetail-module__U7Naga__heroDivider{background:linear-gradient(90deg, var(--blog-accent), transparent);border-radius:var(--r-full);width:48px;height:2px;margin-bottom:20px}.BlogDetail-module__U7Naga__heroMeta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.BlogDetail-module__U7Naga__metaItem{color:var(--blog-ink-muted);align-items:center;gap:5px;font-size:12.5px;font-weight:500;display:inline-flex}.BlogDetail-module__U7Naga__metaDot{background:var(--blog-ink-faint);border-radius:50%;flex-shrink:0;width:3px;height:3px}.BlogDetail-module__U7Naga__avatar{background:linear-gradient(135deg, var(--blog-accent) 0%, #818cf8 100%);color:#fff;width:32px;height:32px;box-shadow:0 0 0 2px var(--blog-accent-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:11px;font-weight:700;display:flex}.BlogDetail-module__U7Naga__layout{grid-template-columns:1fr 288px;align-items:start;gap:48px;display:grid;padding-top:48px!important}@media (max-width:960px){.BlogDetail-module__U7Naga__layout{grid-template-columns:1fr;gap:32px}}.BlogDetail-module__U7Naga__article{min-width:0}.BlogDetail-module__U7Naga__tagRow{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.BlogDetail-module__U7Naga__tag{color:var(--blog-accent);background:var(--blog-accent-dim);border:1px solid var(--blog-accent-border);border-radius:var(--r-full);letter-spacing:.02em;align-items:center;gap:5px;padding:4px 12px;font-size:11px;font-weight:600;transition:background .15s,box-shadow .15s;display:inline-flex}.BlogDetail-module__U7Naga__tag:hover{background:var(--blog-accent-border);box-shadow:var(--blog-shadow-glow)}.BlogDetail-module__U7Naga__coverImg{border-radius:var(--r-lg);border:1px solid var(--blog-border);object-fit:cover;width:100%;max-height:440px;box-shadow:var(--blog-shadow-md);margin-bottom:36px;transition:box-shadow .3s}.BlogDetail-module__U7Naga__coverImg:hover{box-shadow:var(--blog-shadow-lg)}.BlogDetail-module__U7Naga__content{color:var(--blog-ink-light);font-family:Outfit,sans-serif;font-size:15.5px;font-weight:400;line-height:1.85}.BlogDetail-module__U7Naga__content h1,.BlogDetail-module__U7Naga__content h2,.BlogDetail-module__U7Naga__content h3{color:var(--blog-ink);margin:40px 0 14px;font-family:Instrument Serif,serif;font-weight:400;line-height:1.25}.BlogDetail-module__U7Naga__content h2{border-bottom:1px solid var(--blog-border);padding-bottom:10px;font-size:clamp(20px,2.8vw,28px)}.BlogDetail-module__U7Naga__content h3{font-size:clamp(17px,2.2vw,21px)}.BlogDetail-module__U7Naga__content p{margin-bottom:20px}.BlogDetail-module__U7Naga__content a{color:var(--blog-accent);text-decoration:underline;-webkit-text-decoration-color:var(--blog-accent-border);text-decoration-color:var(--blog-accent-border);text-underline-offset:3px;transition:text-decoration-color .2s}.BlogDetail-module__U7Naga__content a:hover{-webkit-text-decoration-color:var(--blog-accent);text-decoration-color:var(--blog-accent)}.BlogDetail-module__U7Naga__content code{background:var(--blog-surface);border:1px solid var(--blog-border-mid);color:var(--blog-amber);border-radius:var(--r-xs);padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:13px}.BlogDetail-module__U7Naga__content pre{background:var(--blog-bg3);border:1px solid var(--blog-border);border-radius:var(--r-md);box-shadow:var(--blog-shadow-sm);margin:28px 0;padding:24px;font-size:13px;line-height:1.8;overflow-x:auto}.BlogDetail-module__U7Naga__content pre code{color:var(--blog-code-color);font-size:inherit;background:0 0;border:none;padding:0}.BlogDetail-module__U7Naga__content ul,.BlogDetail-module__U7Naga__content ol{margin-bottom:20px;padding-left:24px}.BlogDetail-module__U7Naga__content li{color:var(--blog-ink-light);margin-bottom:8px}.BlogDetail-module__U7Naga__content li::marker{color:var(--blog-accent)}.BlogDetail-module__U7Naga__content blockquote{border-left:3px solid var(--blog-accent);background:var(--blog-surface);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--blog-ink-light);box-shadow:var(--blog-shadow-sm);margin:28px 0;padding:16px 24px;font-family:Instrument Serif,serif;font-size:17px;font-style:italic;line-height:1.65}.BlogDetail-module__U7Naga__content blockquote p{color:var(--blog-ink-light);margin-bottom:0}.BlogDetail-module__U7Naga__content table{border-collapse:collapse;width:100%;margin:24px 0;font-size:14px}.BlogDetail-module__U7Naga__content th{background:var(--blog-surface);color:var(--blog-ink);text-align:left;border-bottom:2px solid var(--blog-accent);text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;font-size:12px;font-weight:600}.BlogDetail-module__U7Naga__content td{border-bottom:1px solid var(--blog-border);color:var(--blog-ink-light);padding:10px 14px}.BlogDetail-module__U7Naga__content tr:last-child td{border-bottom:none}.BlogDetail-module__U7Naga__shareRow{border-top:1px solid var(--blog-border);flex-wrap:wrap;align-items:center;gap:20px;margin-top:48px;padding-top:28px;display:flex}.BlogDetail-module__U7Naga__shareBtn{background:var(--blog-surface);border:1px solid var(--blog-border-mid);color:var(--blog-ink-muted);border-radius:var(--r-sm);cursor:pointer;letter-spacing:.02em;align-items:center;gap:8px;padding:9px 20px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.BlogDetail-module__U7Naga__shareBtn:hover{border-color:var(--blog-accent-border);color:var(--blog-accent);background:var(--blog-accent-dim);box-shadow:var(--blog-shadow-glow)}.BlogDetail-module__U7Naga__shareLink{color:var(--blog-ink-muted);letter-spacing:.01em;font-size:12px;font-weight:500;text-decoration:none;transition:color .15s}.BlogDetail-module__U7Naga__shareLink:hover{color:var(--blog-accent)}.BlogDetail-module__U7Naga__sidebar{flex-direction:column;gap:16px;display:flex;position:sticky;top:88px}.BlogDetail-module__U7Naga__sideCard{background:var(--blog-bg2);border:1px solid var(--blog-border);border-radius:var(--r-lg);box-shadow:var(--blog-shadow-sm);flex-direction:column;align-items:flex-start;padding:20px 22px;transition:border-color .2s;display:flex}.BlogDetail-module__U7Naga__sideCard:hover{border-color:var(--blog-border-mid)}.BlogDetail-module__U7Naga__sideTitle{text-transform:uppercase;letter-spacing:.12em;color:var(--blog-ink-muted);border-bottom:1px solid var(--blog-border);width:100%;margin-bottom:14px;padding-bottom:10px;font-family:Outfit,sans-serif;font-size:10px;font-weight:700}.BlogDetail-module__U7Naga__categoryItem{border-bottom:1px solid var(--blog-border);color:var(--blog-ink-light);cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:9px 0;font-size:13px;font-weight:400;transition:color .15s;display:flex}.BlogDetail-module__U7Naga__categoryItem:last-child{border-bottom:none;padding-bottom:0}.BlogDetail-module__U7Naga__categoryItem:hover{color:var(--blog-accent)}.BlogDetail-module__U7Naga__categoryCount{color:var(--blog-ink-faint);background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:var(--r-full);letter-spacing:.02em;padding:2px 9px;font-size:11px;font-weight:600}.BlogDetail-module__U7Naga__infoRow{color:var(--blog-ink-light);border-bottom:1px solid var(--blog-border);align-items:center;gap:10px;width:100%;padding:9px 0;font-size:12.5px;font-weight:400;display:flex}.BlogDetail-module__U7Naga__infoRow:last-child{border-bottom:none;padding-bottom:0}.BlogDetail-module__U7Naga__tagsWrap{flex-wrap:wrap;gap:7px;margin-top:2px;display:flex}.BlogDetail-module__U7Naga__sideTag{color:var(--blog-ink-muted);background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:var(--r-full);cursor:pointer;letter-spacing:.02em;padding:4px 12px;font-size:11.5px;font-weight:500;transition:all .15s}.BlogDetail-module__U7Naga__sideTag:hover{background:var(--blog-accent-dim);border-color:var(--blog-accent-border);color:var(--blog-accent)}.BlogDetail-module__U7Naga__socialRow{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.BlogDetail-module__U7Naga__socialBtn{border-radius:var(--r-sm);border:1px solid var(--blog-border-mid);background:var(--blog-surface);cursor:pointer;width:36px;height:36px;color:var(--blog-ink-muted);justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.BlogDetail-module__U7Naga__socialBtn:hover{border-color:var(--blog-accent-border);color:var(--blog-accent);background:var(--blog-accent-dim);box-shadow:0 4px 12px var(--blog-accent-dim);transform:translateY(-1px)}.BlogDetail-module__U7Naga__relatedSection{padding-top:72px;padding-bottom:48px}.BlogDetail-module__U7Naga__relatedHeader{align-items:center;gap:20px;margin-bottom:32px;display:flex}.BlogDetail-module__U7Naga__relatedHeading{color:var(--blog-ink);white-space:nowrap;font-family:Instrument Serif,serif;font-size:clamp(22px,3vw,30px);font-weight:400}.BlogDetail-module__U7Naga__relatedLine{background:linear-gradient(90deg, var(--blog-border-mid), transparent);flex:1;height:1px}.BlogDetail-module__U7Naga__relatedGrid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;display:grid}.BlogDetail-module__U7Naga__relatedCard{background:var(--blog-bg2);border:1px solid var(--blog-border);border-radius:var(--r-lg);cursor:pointer;transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden}.BlogDetail-module__U7Naga__relatedCard:hover{box-shadow:var(--blog-shadow-md), 0 0 40px var(--blog-accent-dim);border-color:var(--blog-accent-border);transform:translateY(-4px)}.BlogDetail-module__U7Naga__relatedCover{align-items:flex-end;height:120px;padding:12px 14px;display:flex;position:relative}.BlogDetail-module__U7Naga__relatedCat{text-transform:uppercase;letter-spacing:.1em;color:#fff;border-radius:var(--r-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;padding:3px 10px;font-size:10px;font-weight:700}.BlogDetail-module__U7Naga__relatedBody{padding:16px 18px}.BlogDetail-module__U7Naga__relatedTitle{color:var(--blog-ink);margin-bottom:10px;font-family:Instrument Serif,serif;font-size:15px;font-weight:400;line-height:1.4}.BlogDetail-module__U7Naga__relatedCard:hover .BlogDetail-module__U7Naga__relatedTitle{color:var(--blog-accent)}.BlogDetail-module__U7Naga__relatedMeta{color:var(--blog-ink-muted);align-items:center;gap:6px;font-size:11px;display:flex}.BlogDetail-module__U7Naga__loadingWrap,.BlogDetail-module__U7Naga__errorWrap{text-align:center;min-height:60vh;color:var(--blog-ink-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.BlogDetail-module__U7Naga__spinner{border:2px solid var(--blog-border-mid);border-top-color:var(--blog-accent);border-radius:50%;width:34px;height:34px;animation:.75s linear infinite BlogDetail-module__U7Naga__spin}@keyframes BlogDetail-module__U7Naga__spin{to{transform:rotate(360deg)}}.BlogDetail-module__U7Naga__categoryActive,.BlogDetail-module__U7Naga__categoryActive span{color:#3b82f6!important}.BlogDetail-module__U7Naga__clearFilter{color:#c8690a;cursor:pointer;background:0 0;border:none;margin-top:6px;padding:0;font-size:12px}