.blog-content pre,.blog-detail-content pre{position:relative;background:var(--code-bg)!important;border:3px solid var(--code-border)!important;border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-md);margin:2rem 0;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.4),0 10px 20px rgba(0,0,0,.5),0 20px 40px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.05);transition:all var(--transition-base);isolation:isolate;z-index:1;color:var(--code-text)}.blog-content pre:hover,.blog-detail-content pre:hover{box-shadow:0 6px 12px rgba(0,0,0,.35),0 15px 30px rgba(0,0,0,.4),0 25px 50px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.08);transform:translateY(-2px);border-color:var(--code-border-hover)!important}.blog-content pre .ql-syntax,.blog-detail-content pre .ql-syntax{background:var(--code-bg)!important;border:none!important;border-radius:0;padding:var(--spacing-2xl) var(--spacing-md)!important;margin:0!important;font-family:var(--font-code)!important;font-size:var(--font-size-sm)!important;line-height:1.7!important;color:var(--code-text)!important;overflow-x:auto;position:relative;display:block;white-space:pre;word-wrap:break-word}.blog-content pre .ql-syntax *,.blog-content pre .ql-syntax :after,.blog-content pre .ql-syntax :before,.blog-detail-content pre .ql-syntax *,.blog-detail-content pre .ql-syntax :after,.blog-detail-content pre .ql-syntax :before{color:var(--code-text)!important}.blog-content pre .ql-syntax code,.blog-content pre .ql-syntax code[style],.blog-content pre .ql-syntax div,.blog-content pre .ql-syntax div[style],.blog-content pre .ql-syntax p,.blog-content pre .ql-syntax p[style],.blog-content pre .ql-syntax pre,.blog-content pre .ql-syntax pre[style],.blog-content pre .ql-syntax span,.blog-content pre .ql-syntax span[style],.blog-detail-content pre .ql-syntax code,.blog-detail-content pre .ql-syntax code[style],.blog-detail-content pre .ql-syntax div,.blog-detail-content pre .ql-syntax div[style],.blog-detail-content pre .ql-syntax p,.blog-detail-content pre .ql-syntax p[style],.blog-detail-content pre .ql-syntax pre,.blog-detail-content pre .ql-syntax pre[style],.blog-detail-content pre .ql-syntax span,.blog-detail-content pre .ql-syntax span[style]{color:var(--code-text)!important;background:transparent!important}.blog-content pre .ql-syntax *+*,.blog-content pre .ql-syntax [style*="color: black"],.blog-content pre .ql-syntax [style*="color: rgb(0"],.blog-content pre .ql-syntax [style*="color:#000"],.blog-content pre .ql-syntax [style*="color:rgba(0"],.blog-content pre .ql-syntax br+*,.blog-detail-content pre .ql-syntax *+*,.blog-detail-content pre .ql-syntax [style*="color: black"],.blog-detail-content pre .ql-syntax [style*="color: rgb(0"],.blog-detail-content pre .ql-syntax [style*="color:#000"],.blog-detail-content pre .ql-syntax [style*="color:rgba(0"],.blog-detail-content pre .ql-syntax br+*{color:var(--code-text)!important}.blog-content pre .ql-syntax::selection,.blog-detail-content pre .ql-syntax::selection{background-color:var(--code-selection-bg)!important;color:var(--white)!important}.blog-content pre .ql-syntax::-webkit-scrollbar,.blog-detail-content pre .ql-syntax::-webkit-scrollbar{height:8px}.blog-content pre .ql-syntax::-webkit-scrollbar-track,.blog-detail-content pre .ql-syntax::-webkit-scrollbar-track{background:var(--code-scrollbar-track);border-radius:var(--radius-sm)}.blog-content pre .ql-syntax::-webkit-scrollbar-thumb,.blog-detail-content pre .ql-syntax::-webkit-scrollbar-thumb{background:var(--code-scrollbar-thumb);border-radius:var(--radius-sm)}.blog-content pre .ql-syntax::-webkit-scrollbar-thumb:hover,.blog-detail-content pre .ql-syntax::-webkit-scrollbar-thumb:hover{background:var(--code-scrollbar-thumb-hover)}.blog-content pre .code-copy-button,.blog-detail-content pre .code-copy-button{position:absolute;top:1rem;right:1rem;padding:var(--spacing-sm) var(--spacing-md);background:var(--code-button-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--code-button-text);border:1px solid hsla(0,0%,100%,.15);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);z-index:100;opacity:.7;transition:all var(--transition-slow);font-family:var(--font-primary);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:auto;box-shadow:0 2px 8px rgba(0,0,0,.2)}.blog-content pre .code-copy-button:hover,.blog-detail-content pre .code-copy-button:hover{opacity:1;background:var(--code-button-hover-bg);border-color:hsla(0,0%,100%,.25);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.blog-content pre .code-copy-button:active,.blog-detail-content pre .code-copy-button:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.2)}.blog-content pre .code-copy-button.copied,.blog-detail-content pre .code-copy-button.copied{background:var(--code-button-copied-bg)!important;border-color:rgba(76,175,80,.5)!important;color:var(--code-button-copied-text)!important;opacity:1!important}.blog-content pre:hover .code-copy-button,.blog-detail-content pre:hover .code-copy-button{opacity:1}@media(max-width:48rem){.blog-content pre,.blog-detail-content pre{margin:var(--spacing-2xl) 0;border-radius:var(--radius-md)}.blog-content pre .ql-syntax,.blog-detail-content pre .ql-syntax{padding:var(--spacing-md)!important;font-size:13px}.blog-content pre .code-copy-button,.blog-detail-content pre .code-copy-button{top:.75rem;right:.75rem;padding:6px 12px;font-size:var(--font-size-xs)}}.blog-content table,.blog-detail-content table{width:100%;border-collapse:collapse;margin:var(--spacing-2xl) 0;background:var(--table-bg);border:1px solid var(--table-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.3)}.blog-content table thead,.blog-detail-content table thead{background:var(--table-header-bg)}.blog-content table thead th,.blog-detail-content table thead th{padding:var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--table-header-text);border-bottom:2px solid var(--table-border-hover)}.blog-content table thead th:first-child,.blog-detail-content table thead th:first-child{padding-left:var(--spacing-lg)}.blog-content table thead th:last-child,.blog-detail-content table thead th:last-child{padding-right:var(--spacing-lg)}.blog-content table tbody tr,.blog-detail-content table tbody tr{border-bottom:1px solid var(--table-border);transition:background-color var(--transition-fast)}.blog-content table tbody tr:hover,.blog-detail-content table tbody tr:hover{background:var(--table-row-hover)}.blog-content table tbody tr:last-child,.blog-detail-content table tbody tr:last-child{border-bottom:none}.blog-content table tbody td,.blog-detail-content table tbody td{padding:var(--spacing-md);color:var(--table-text)}.blog-content table tbody td:first-child,.blog-detail-content table tbody td:first-child{padding-left:var(--spacing-lg)}.blog-content table tbody td:last-child,.blog-detail-content table tbody td:last-child{padding-right:var(--spacing-lg)}@media(max-width:48rem){.blog-content table,.blog-detail-content table{font-size:var(--font-size-sm)}.blog-content table tbody td,.blog-content table thead th,.blog-detail-content table tbody td,.blog-detail-content table thead th{padding:.75rem .5rem}.blog-content table tbody td:first-child,.blog-content table thead th:first-child,.blog-detail-content table tbody td:first-child,.blog-detail-content table thead th:first-child{padding-left:.75rem}.blog-content table tbody td:last-child,.blog-content table thead th:last-child,.blog-detail-content table tbody td:last-child,.blog-detail-content table thead th:last-child{padding-right:.75rem}}