.code-block-container{@apply my-8 rounded-xl overflow-hidden shadow-2xl;background:linear-gradient(145deg,#1a1f2e,#0f1419);border:1px solid rgba(255,255,255,.05);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.code-block-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ff5f6d99,#ffbd4499,#28cd4199 66%,#5e5ce699);opacity:.8}.code-block-container:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 25px 50px -12px #0009,0 0 0 1px #ffffff14,0 0 60px #3b82f626}.code-header{display:flex!important;align-items:center!important;justify-content:space-between!important;@apply px-5 py-3;background:#ffffff05;backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06);position:relative;min-height:48px}.code-header:before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);display:flex;gap:8px;width:52px;height:12px;background:radial-gradient(circle at 6px 6px,#ff5f57 0%,#ff5f57 5px,transparent 5px),radial-gradient(circle at 26px 6px,#ffbd2e 0%,#ffbd2e 5px,transparent 5px),radial-gradient(circle at 46px 6px,#28ca41 0%,#28ca41 5px,transparent 5px);transition:all .3s ease}.code-block-container:hover .code-header:before{filter:brightness(1.3) drop-shadow(0 0 4px rgba(255,95,87,.5))}.code-language{@apply text-sm font-bold tracking-wide;margin-left:64px!important;background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:10px;position:relative;flex-shrink:0}.code-language:before{content:"●";@apply text-blue-400;font-size:8px;-webkit-text-fill-color:currentColor;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.code-actions{display:flex!important;align-items:center!important;gap:.5rem!important;position:relative;z-index:10;margin-left:auto!important}.copy-button{@apply p-2.5 rounded-lg transition-all duration-300;background:#ffffff08;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.copy-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.4),transparent);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;opacity:0}.copy-button:hover:before{width:200px;height:200px;opacity:1}.copy-button:hover{background:#3b82f626;border-color:#3b82f64d;transform:translateY(-2px) scale(1.05);box-shadow:0 10px 25px -5px #3b82f666,0 0 20px #3b82f64d,inset 0 1px #ffffff1a}.copy-button:active{transform:translateY(0) scale(.98)}.copy-button svg{@apply relative z-10;width:18px;height:18px;color:#9ca3af;filter:drop-shadow(0 0 2px rgba(156,163,175,.3));transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1}.copy-button svg.hidden{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-180deg);pointer-events:none}.copy-button svg:not(.hidden){opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}.copy-button:hover svg:not(.hidden){color:#fff;filter:drop-shadow(0 0 8px rgba(96,165,250,.8));animation:icon-float 2s ease-in-out infinite}@keyframes icon-float{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 2px))}}.copy-button.copied{background:linear-gradient(135deg,#22c55e33,#16a34a26);border-color:#22c55e66;box-shadow:0 0 30px #22c55e80,0 8px 20px #22c55e4d,inset 0 1px #fff3;animation:success-pulse .6s ease-out}.copy-button.copied svg{color:#22c55e;filter:drop-shadow(0 0 10px rgba(34,197,94,.8))}.copy-button.copied svg:not(.hidden){animation:icon-bounce .6s ease-out}.copy-button.copy-error{background:linear-gradient(135deg,#ef444433,#dc262626);border-color:#ef444466;box-shadow:0 0 30px #ef444480,0 8px 20px #ef44444d,inset 0 1px #fff3;animation:error-shake .6s ease-out}.copy-button.copy-error svg{color:#ef4444;filter:drop-shadow(0 0 10px rgba(239,68,68,.8))}.copy-button.copy-error svg:not(.hidden){animation:icon-shake .6s ease-out}@keyframes icon-shake{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(calc(-50% - 3px),-50%) rotate(-5deg)}75%{transform:translate(calc(-50% + 3px),-50%) rotate(5deg)}}.code-content-wrapper{@apply relative;background:#0d1117}.code-block{@apply !m-0 !p-0;background:transparent;position:relative;width:100%}.code-block code{@apply block px-6 py-4 text-sm;counter-reset:line;font-family:JetBrains Mono,Fira Code,Cascadia Code,SF Mono,Monaco,Consolas,Ubuntu Mono,monospace;font-weight:450;font-feature-settings:"liga" 1,"calt" 1;background:transparent;color:#e6edf3;min-height:120px;position:relative;white-space:pre-wrap;word-break:break-all;line-height:1.5}.code-line{display:block;min-height:1.4rem;padding:0 16px 0 4px;position:relative;border-left:2px solid transparent;margin-left:-4px;transition:all .2s ease;line-height:1.5;white-space:pre-wrap;word-break:break-all}.code-line:hover{background:linear-gradient(90deg,rgba(59,130,246,.08) 0%,transparent 100%);border-left-color:#3b82f680}.code-line:before{counter-increment:line;content:counter(line);display:inline-block;text-align:right;width:40px;min-width:40px;margin-right:20px;padding-right:8px;color:#484f58;user-select:none;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;line-height:1.5;transition:all .2s ease}.code-line:hover:before{color:#768390;font-weight:600}.code-line:nth-child(5n):before{color:#58606a;font-weight:600}.hljs{background:transparent;color:#e6edf3}.hljs-comment,.hljs-quote{color:#8b949e;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-addition{color:#ff7b72;font-weight:600;text-shadow:0 0 10px rgba(255,123,114,.3)}.hljs-string,.hljs-meta .hljs-string,.hljs-literal,.hljs-doctag,.hljs-regexp{color:#a5d6ff}.hljs-number{color:#79c0ff;font-weight:600}.hljs-title,.hljs-section,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#d2a8ff;font-weight:600}.hljs-function .hljs-title{color:#d2a8ff;font-weight:700}.hljs-attribute,.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type{color:#ffa657}.hljs-class .hljs-title{color:#f0883e;font-weight:600}.hljs-symbol,.hljs-bullet,.hljs-subst,.hljs-meta,.hljs-link{color:#79c0ff}.hljs-built_in,.hljs-deletion{color:#ffa198}.hljs-operator{color:#ff7b72}.hljs-punctuation{color:#c9d1d9}.hljs-tag{color:#7ee787}.hljs-tag .hljs-name{color:#7ee787;font-weight:600}.hljs-tag .hljs-attr{color:#79c0ff}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700;color:#f0f6fc}.mermaid-container{@apply my-8 text-center;}.mermaid{@apply inline-block rounded-2xl shadow-xl p-8 border;background:linear-gradient(145deg,#fff,#f8fafc);border-color:#e2e8f0cc;min-width:320px;transition:all .3s ease}.mermaid:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px #00000026}.echarts-container{@apply my-8;}.echarts-chart{@apply rounded-2xl shadow-xl border p-6;background:linear-gradient(145deg,#fff,#f8fafc);border-color:#e2e8f0cc;transition:all .3s ease}.echarts-chart:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px #00000026}.echarts-container .error{@apply bg-red-50 border-2 border-red-200 text-red-700 px-6 py-4 rounded-xl text-center shadow-md;}.code-block code::-webkit-scrollbar{height:12px}.code-block code::-webkit-scrollbar-track{background:#161b22cc;border-radius:6px;margin:4px 0}.code-block code::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#30363d,#484f58);border-radius:6px;border:2px solid rgba(22,27,34,.8)}.code-block code::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#484f58,#6e7681)}@keyframes success-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes error-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes icon-bounce{0%,20%,60%,to{transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-50%,calc(-50% - 8px)) scale(1.1)}80%{transform:translate(-50%,calc(-50% - 4px)) scale(1.05)}}@media (max-width: 768px){.code-header{@apply px-4 py-2.5;}.code-header:before{left:12px;transform:translateY(-50%) scale(.85)}.code-language{@apply text-xs ml-14;}.code-block code{@apply px-4 py-4 text-xs leading-6;}.code-line:before{width:32px;margin-right:16px}.copy-button{@apply p-2;}.copy-button svg{width:16px;height:16px}.mermaid{@apply p-6;min-width:280px}.echarts-chart{height:300px!important}}@media (prefers-color-scheme: dark){.mermaid,.echarts-chart{background:linear-gradient(145deg,#1a202c,#0f1419);border-color:#ffffff0d}.echarts-container .error{@apply bg-red-900/20 border-red-700 text-red-300;}}.code-block-container{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.code-block-container:after{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:radial-gradient(ellipse at top,rgba(59,130,246,.1) 0%,transparent 70%);pointer-events:none;opacity:0;transition:opacity .3s ease}.code-block-container:hover:after{opacity:1}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--background-color);margin:0 auto;padding:20px}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.3}.content h1{font-size:2.5em;border-bottom:2px solid var(--primary-color);padding-bottom:10px;color:var(--primary-color)}.content h2{font-size:2em;color:var(--secondary-color)}.content h3{font-size:1.5em}.content p{margin-bottom:1.5em}.content a{color:var(--primary-color);text-decoration:none;border-bottom:1px solid transparent;transition:border-bottom-color .3s ease}.content a:hover{border-bottom-color:var(--primary-color)}.content code{background-color:var(--code-background);padding:.2em .4em;border-radius:3px;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:.9em}.content blockquote{border-left:4px solid var(--blockquote-color);color:#555;padding:.5em 1em;margin:1em 0;background-color:#f9f9f9;font-style:italic}.content img{max-width:100%;height:auto;border-radius:5px;box-shadow:0 2px 4px #0000001a}.content table{border-collapse:collapse;width:100%;margin-bottom:1.5em}.content th,.content td{border:1px solid #e1e4e8;padding:8px 12px}.content th{background-color:#f6f8fa;font-weight:600}.content hr{border:0;height:1px;background-color:#e1e4e8;margin:2em 0}.content code{padding:10px}.content pre{@apply !px-0 rounded-lg p-2;}.content code{@apply text-sm md:text-base !leading-loose;}.content pre>code{counter-reset:line}.content code[data-theme*=" "],.content code[data-theme*=" "] span{color:var(--shiki-light);background-color:var(--shiki-light-bg)}.content code[data-line-numbers]{counter-reset:line}.content code[data-line-numbers]>[data-line]:before{counter-increment:line;content:counter(line);@apply inline-block w-4 mr-4 text-right text-gray-500;}