.blogDetail_hero__PPbMU{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);height:50vh;width:100%;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.blogDetail_hero__PPbMU:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.2}.blogDetail_hero__PPbMU:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(transparent,var(--background-color))}.blogDetail_blogImage__VH19A img{height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.blogDetail_titleContainer__iq2um{padding:2rem;text-align:center;background:linear-gradient(135deg,#fff 0,var(--surface-color) 100%);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);margin:2rem auto;max-width:900px;position:relative;overflow:hidden}.blogDetail_titleContainer__iq2um:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color),var(--primary-color))}.blogDetail_hero_msg__aWqnn{font-size:2.5rem;color:var(--text-primary);margin-bottom:1.5rem;font-weight:800;word-wrap:break-word;max-width:100%;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:blogDetail_fadeInUp__0HGkF 1s ease-out}@keyframes blogDetail_fadeInUp__0HGkF{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blogDetail_publishedAt__V_Iv_,.blogDetail_updatedAt__iP7KS{font-size:1rem;color:var(--text-secondary);margin:.5rem 0;font-weight:500}.blogDetail_tocContainer__9McmX{margin:20px auto;padding:10px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9;max-width:60%}@media (max-width:768px){.blogDetail_tocContainer__9McmX{max-width:90%;padding:10px 20px;margin:0 auto}}.blogDetail_tocContainer__9McmX h2{margin-top:0}.blogDetail_tocContainer__9McmX ul{list-style:none;padding-left:0}.blogDetail_tocContainer__9McmX li{margin-bottom:5px}.blogDetail_tocContainer__9McmX a{color:#555;text-decoration:none}.blogDetail_tocContainer__9McmX a:hover{text-decoration:underline}.blogDetail_blogContent__OYVYB{padding:20px;line-height:1.6;font-size:1.1em;color:#333;max-width:800px;margin:0 auto;letter-spacing:.05em}.blogDetail_blogContent__OYVYB h2,.blogDetail_blogContent__OYVYB h3,.blogDetail_blogContent__OYVYB h4{margin-top:1.5em;margin-bottom:.5em;color:#555}.blogDetail_blogContent__OYVYB p{margin-bottom:1em}.blogDetail_blogContent__OYVYB ol,.blogDetail_blogContent__OYVYB ul{margin-left:1.5em;margin-bottom:1em}.blogDetail_blogContent__OYVYB a{color:#555;text-decoration:underline}.blogDetail_blogContent__OYVYB a:hover{text-decoration:none}.blogDetail_blogContent__OYVYB blockquote{margin:1.5em 0;padding:.5em 1em;background-color:#f9f9f9;border-left:5px solid #ccc}.blogDetail_blogContent__OYVYB img{max-width:100%;height:auto;margin:1em 0;width:100%;max-height:80vh;object-fit:contain}.blogDetail_blogContent__OYVYB table{width:100%;border-collapse:collapse;margin:1em 0}.blogDetail_blogContent__OYVYB table td,.blogDetail_blogContent__OYVYB table th{border:1px solid #ddd;padding:.5em}.blogDetail_blogContent__OYVYB table th{background-color:#f9f9f9}.blogDetail_blogContent__OYVYB code,.blogDetail_blogContent__OYVYB pre{background-color:#f9f9f9;padding:10px;border-radius:5px;overflow-x:auto}.blogDetail_blogContent__OYVYB pre{white-space:pre-wrap}.blogDetail_blogContent__OYVYB code{font-family:Courier New,Courier,monospace}.blogDetail_productSection__09Uq_{margin-top:40px;text-align:center}.blogDetail_productSection__09Uq_ h2{font-size:1.75em;margin-bottom:20px;text-align:center}.blogDetail_product__C6pJn{margin-bottom:20px;display:inline-block;text-align:left}.blogDetail_loadingContainer__tVa8H{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center}.blogDetail_loadingSpinner__D4CEx{border:4px solid rgba(0,0,0,.1);border-top-color:#0070f3;border-radius:50%;width:40px;height:40px;animation:blogDetail_spin___JolV 1s linear infinite}@keyframes blogDetail_spin___JolV{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.blogDetail_loadingText__wBS4O{margin-top:10px;font-size:1.2em;color:#333}@media (max-width:768px){.blogDetail_hero__PPbMU{height:auto;padding:20px 0}.blogDetail_blogImage__VH19A img{width:100%;height:auto;margin:0}.blogDetail_titleContainer__iq2um{padding:10px}.blogDetail_hero_msg__aWqnn{font-size:1.5em;margin-bottom:10px;word-wrap:break-word;max-width:100%}.blogDetail_blogContent__OYVYB img{width:100%;height:auto;margin:0}.blogDetail_blogContent__OYVYB a{word-wrap:break-word;max-width:100%;display:inline-block;overflow-wrap:break-word}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}
/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}