.blog-detail-page[data-v-2679c246]{background:#fff;min-height:100vh}.hero-section[data-v-2679c246]{align-items:flex-end;background:#f8fafc;display:flex;min-height:120px;padding-bottom:24px;position:relative}.hero-content[data-v-2679c246]{width:100%}.hero-content .container[data-v-2679c246]{margin:0 auto;padding:0 20px;width:min(800px,calc(100% - 40px))}.back-button-wrapper[data-v-2679c246]{margin-bottom:18px}.back-button[data-v-2679c246]{align-items:center;background:transparent;border:none;color:#000;display:inline-flex;font-size:.9375rem;font-weight:400;gap:8px;padding:8px 0;text-decoration:none;transition:opacity .2s ease}.back-button[data-v-2679c246]:hover{opacity:.7}.back-button svg[data-v-2679c246]{flex-shrink:0}.article-title[data-v-2679c246]{color:#0f172a;font-size:clamp(2rem,5vw,2.5rem);font-weight:700;line-height:1.2;margin:0 0 16px}.article-meta[data-v-2679c246]{color:#64748b;display:flex;flex-wrap:wrap;font-size:.9375rem;gap:16px}.meta-item[data-v-2679c246]{align-items:center;display:inline-flex;gap:6px}.meta-item[data-v-2679c246]:not(:empty):after{content:"·";margin-left:4px}.meta-item[data-v-2679c246]:last-child:after{content:none}.meta-item svg[data-v-2679c246]{flex-shrink:0;opacity:.7}.blog-detail-main[data-v-2679c246]{background:#fff;position:relative;z-index:5}.blog-error[data-v-2679c246],.blog-loading[data-v-2679c246]{color:#64748b;margin:0 auto;padding:80px 20px;text-align:center;width:min(800px,calc(100% - 40px))}.loading-spinner[data-v-2679c246]{animation:spin-2679c246 .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;margin:0 auto 16px;width:40px}@keyframes spin-2679c246{to{transform:rotate(1turn)}}.blog-error h1[data-v-2679c246]{color:#0f172a;font-size:1.5rem;margin:0 0 12px}.back-link[data-v-2679c246]{color:#3b82f6;display:inline-block;margin-top:16px;text-decoration:none}.back-link[data-v-2679c246]:hover{text-decoration:underline}.blog-article[data-v-2679c246]{animation:fadeIn-2679c246 .4s ease;margin:0 auto;padding:48px 20px 60px;width:min(800px,calc(100% - 40px))}@keyframes fadeIn-2679c246{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.article-content[data-v-2679c246]{color:#334155;font-size:1.125rem;line-height:1.8}.article-content[data-v-2679c246] .article-intro{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:1.25rem;line-height:1.7;margin-bottom:2rem;padding-bottom:1.5rem}.article-content[data-v-2679c246] nav{color:#64748b;font-size:.875rem;margin-bottom:1rem}.article-content[data-v-2679c246] nav a{color:#64748b;text-decoration:none}.article-content[data-v-2679c246] nav a:hover{color:#3b82f6}.article-content[data-v-2679c246] header{margin-bottom:2rem}.article-content[data-v-2679c246] header p{color:#666;margin-bottom:.5rem}.article-content[data-v-2679c246] h2{color:#0f172a;font-size:1.75rem;font-weight:700;line-height:1.3;margin:48px 0 20px}.article-content[data-v-2679c246] h3{color:#0f172a;font-size:1.375rem;font-weight:600;line-height:1.4;margin:36px 0 16px}.article-content[data-v-2679c246] h4{color:#1e293b;font-size:1.125rem;font-weight:600;margin:28px 0 12px}.article-content[data-v-2679c246] p{margin:0 0 20px}.article-content[data-v-2679c246] p:last-child{margin-bottom:0}.article-content[data-v-2679c246] a{border-bottom:1px solid transparent;color:#3b82f6;text-decoration:none;transition:border-color .2s ease}.article-content[data-v-2679c246] a:hover{border-bottom-color:#3b82f6}.article-content[data-v-2679c246] img{border-radius:12px;box-shadow:0 4px 20px #00000014;display:block;height:auto;margin:32px auto;max-width:100%}.article-content[data-v-2679c246] figcaption{color:#6b7280;font-size:.875rem;font-style:italic;margin-top:.75rem;text-align:center}.article-content[data-v-2679c246] ol,.article-content[data-v-2679c246] ul{margin:24px 0;padding-left:28px}.article-content[data-v-2679c246] li{line-height:1.7;margin-bottom:12px}.article-content[data-v-2679c246] li::marker{color:#94a3b8}.article-content[data-v-2679c246] code{background:#f1f5f9;border-radius:6px;color:#e11d48;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.875em;font-weight:500;padding:3px 8px}.article-content[data-v-2679c246] pre{background:#1e293b;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:24px 0;overflow-x:auto;padding:20px}.article-content[data-v-2679c246] pre code{background:transparent;color:#e2e8f0;font-size:.875rem;line-height:1.6;padding:0}.article-content[data-v-2679c246] table{border-collapse:collapse;font-size:.9375rem;margin:24px 0;width:100%}.article-content[data-v-2679c246] td,.article-content[data-v-2679c246] th{border-bottom:1px solid #e2e8f0;padding:12px 16px;text-align:left}.article-content[data-v-2679c246] th{background:#f8fafc;color:#0f172a;font-weight:600}.article-content[data-v-2679c246] tr:hover{background:#f8fafc}.article-content[data-v-2679c246] audio{margin:.5rem 0;width:100%}.article-content[data-v-2679c246] section[style*="text-align: center"]{background:#f8fafc;border-radius:12px;margin:3rem 0;padding:2rem}.article-content[data-v-2679c246] strong{color:#0f172a;font-weight:600}.article-content[data-v-2679c246] em{font-style:italic}@media(max-width:768px){.hero-section[data-v-2679c246]{min-height:100px;padding-bottom:20px}.hero-content .container[data-v-2679c246]{padding:0 16px;width:calc(100% - 32px)}.article-title[data-v-2679c246],.back-button-wrapper[data-v-2679c246]{margin-bottom:12px}.article-title[data-v-2679c246]{font-size:1.75rem}.article-meta[data-v-2679c246]{font-size:.875rem;gap:12px}.blog-article[data-v-2679c246]{padding:32px 16px 48px}.article-content[data-v-2679c246]{font-size:1.0625rem}.article-content[data-v-2679c246] h2{font-size:1.5rem;margin:36px 0 16px}.article-content[data-v-2679c246] h3{font-size:1.25rem;margin:28px 0 14px}.article-content[data-v-2679c246] img{border-radius:8px;margin:24px 0}.article-content[data-v-2679c246] table{display:block;font-size:.875rem;overflow-x:auto;white-space:nowrap}}@media(max-width:480px){.hero-section[data-v-2679c246]{min-height:140px}.article-title[data-v-2679c246]{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.article-content[data-v-2679c246] a,.back-link[data-v-2679c246],.blog-article[data-v-2679c246]{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.article-title[data-v-2679c246]{text-shadow:0 2px 4px rgba(0,0,0,.8)}.article-content[data-v-2679c246] a{text-decoration:underline}}