.code-item .item-inner[data-v-b6e3a9b4]{background:linear-gradient(160deg,rgba(var(--z-common-bg),.95) 0,rgba(var(--z-common-item-bg),.9))}.code-item .item-inner:hover .item-accent-line[data-v-b6e3a9b4]{transform:scaleX(1)}.code-item .item-inner:hover .item-hover-arrow[data-v-b6e3a9b4]{opacity:1;transform:translateY(-50%)}.code-item .item-inner:hover .item-title[data-v-b6e3a9b4]{color:rgba(var(--z-primary-color),1)}.code-item .item-inner:hover .preview-overlay .overlay-badge[data-v-b6e3a9b4]{opacity:1;transform:translateY(0)}.code-item .item-inner:hover .overlay-corner[data-v-b6e3a9b4]{opacity:1}.code-item .item-accent-line[data-v-b6e3a9b4]{background:linear-gradient(90deg,rgba(var(--z-primary-color),.8),rgba(var(--z-primary-color),.2),transparent);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.23,1,.32,1)}.code-item .item-header[data-v-b6e3a9b4]{border-color:rgba(var(--z-border-color),.25)}.code-item .item-header .index-label[data-v-b6e3a9b4]{color:rgba(var(--z-fontcolor),.3)}.code-item .item-header .index-number[data-v-b6e3a9b4]{color:rgba(var(--z-fontcolor),.55);transition:color .3s ease}.code-item .item-header:hover .index-number[data-v-b6e3a9b4]{color:rgba(var(--z-primary-color),.8)}.code-item .item-header .meta-tag[data-v-b6e3a9b4]{background:rgba(var(--z-plain-bg),.5);border-color:rgba(var(--z-border-color),.4);color:rgba(var(--z-fontcolor),.55)}.code-item .item-header .meta-type[data-v-b6e3a9b4]{color:rgba(var(--z-fontcolor),.35)}.code-item .preview-frame[data-v-b6e3a9b4]{background:rgba(var(--z-plain-bg),.3);border-color:rgba(var(--z-border-color),.35);transition:border-color .3s ease}.code-item .preview-frame[data-v-b6e3a9b4]:hover{border-color:rgba(var(--z-border-color),.6)}.code-item .preview-overlay[data-v-b6e3a9b4]{background:linear-gradient(to top,rgba(var(--z-common-bg),.5) 0,transparent 35%)}.code-item .overlay-corner[data-v-b6e3a9b4]{opacity:0;transition:opacity .3s ease}.code-item .overlay-corner[data-v-b6e3a9b4]:after,.code-item .overlay-corner[data-v-b6e3a9b4]:before{background:rgba(var(--z-primary-color),.4);content:"";position:absolute}.code-item .overlay-tl[data-v-b6e3a9b4]:before{height:1px;left:0;top:0;width:12px}.code-item .overlay-tl[data-v-b6e3a9b4]:after{height:12px;left:0;top:0;width:1px}.code-item .overlay-tr[data-v-b6e3a9b4]:before{height:1px;right:0;top:0;width:12px}.code-item .overlay-tr[data-v-b6e3a9b4]:after{height:12px;right:0;top:0;width:1px}.code-item .overlay-bl[data-v-b6e3a9b4]:before{bottom:0;height:1px;left:0;width:12px}.code-item .overlay-bl[data-v-b6e3a9b4]:after{bottom:0;height:12px;left:0;width:1px}.code-item .overlay-br[data-v-b6e3a9b4]:before{bottom:0;height:1px;right:0;width:12px}.code-item .overlay-br[data-v-b6e3a9b4]:after{bottom:0;height:12px;right:0;width:1px}.code-item .overlay-badge[data-v-b6e3a9b4]{background:rgba(var(--z-common-bg),.92);border-color:rgba(var(--z-border-color),.5);color:rgba(var(--z-fontcolor),.55);opacity:0;transform:translateY(6px);transition:all .3s ease}.code-item .preview-dots .dot[data-v-b6e3a9b4]:first-child{background:rgba(var(--z-theme-danger),.6)}.code-item .preview-dots .dot[data-v-b6e3a9b4]:nth-child(2){background:rgba(var(--z-theme-color3),.6)}.code-item .preview-dots .dot[data-v-b6e3a9b4]:nth-child(3){background:rgba(var(--z-theme-color2),.6)}.code-item .placeholder-zone[data-v-b6e3a9b4]{background:repeating-linear-gradient(-45deg,transparent,transparent 8px,rgba(var(--z-plain-bg),.25) 8px,rgba(var(--z-plain-bg),.25) 9px);border-bottom:1px solid rgba(var(--z-border-color),.25)}.code-item .placeholder-zone .placeholder-icon[data-v-b6e3a9b4] .iconify{color:rgba(var(--z-fontcolor),.15)}.code-item .placeholder-zone .placeholder-label[data-v-b6e3a9b4]{color:rgba(var(--z-fontcolor),.25)}.code-item .placeholder-zone .placeholder-border-pattern[data-v-b6e3a9b4]{background:repeating-linear-gradient(90deg,rgba(var(--z-fontcolor),.1) 0,rgba(var(--z-fontcolor),.1) 4px,transparent 4px,transparent 8px)}.code-item .item-title[data-v-b6e3a9b4]{color:rgba(var(--z-fontcolor),.95);font-size:1.3rem}.code-item .item-footer[data-v-b6e3a9b4]{border-color:rgba(var(--z-border-color),.2)}.code-item .lang-chip[data-v-b6e3a9b4]{background:rgba(var(--z-plain-bg),.4);border-color:rgba(var(--z-border-color),.3);color:rgba(var(--z-fontcolor),.45);transition:all .2s ease}.code-item .lang-chip.html[data-v-b6e3a9b4]{background:#e34c2614;border-color:#e34c2626;color:#e34c26b3}.code-item .lang-chip.css[data-v-b6e3a9b4],.code-item .lang-chip.sass[data-v-b6e3a9b4],.code-item .lang-chip.scss[data-v-b6e3a9b4]{background:#264de414;border-color:#264de426;color:#264de4b3}.code-item .lang-chip.javascript[data-v-b6e3a9b4],.code-item .lang-chip.js[data-v-b6e3a9b4]{background:#f7df1e1a;border-color:#f7df1e33;color:#b49600cc}.code-item .lang-chip.ts[data-v-b6e3a9b4],.code-item .lang-chip.typescript[data-v-b6e3a9b4]{background:#3178c614;border-color:#3178c626;color:#3178c6b3}.code-item .lang-chip.vue[data-v-b6e3a9b4]{background:#41b88314;border-color:#41b88326;color:#41b883b3}.code-item .footer-date[data-v-b6e3a9b4],.code-item .lang-more[data-v-b6e3a9b4]{color:rgba(var(--z-fontcolor),.35)}.code-item .item-hover-arrow svg[data-v-b6e3a9b4]{color:rgba(var(--z-primary-color),.7)}[data-theme=dark] .code-item .item-inner[data-v-b6e3a9b4]{background:linear-gradient(160deg,#ffffff08,#ffffff04);border-color:#ffffff0f}[data-theme=dark] .code-item .item-inner[data-v-b6e3a9b4]:hover{border-color:#ffffff1f;box-shadow:0 12px 40px -8px #0000004d}[data-theme=dark] .item-accent-line[data-v-b6e3a9b4]{background:linear-gradient(90deg,rgba(var(--z-primary-color),.7),rgba(var(--z-primary-color),.15),transparent)}[data-theme=dark] .item-header[data-v-b6e3a9b4]{border-bottom-color:#ffffff0a}[data-theme=dark] .preview-frame[data-v-b6e3a9b4]{border-color:#ffffff0f}[data-theme=dark] .preview-frame[data-v-b6e3a9b4]:hover{border-color:#ffffff1a}[data-theme=dark] .preview-overlay[data-v-b6e3a9b4]{background:linear-gradient(0deg,rgba(0,0,0,.4) 0,transparent 35%)}[data-theme=dark] .overlay-badge[data-v-b6e3a9b4]{background:rgba(var(--z-content-bg),.95);border-color:#ffffff14}[data-theme=dark] .placeholder-zone[data-v-b6e3a9b4]{background:repeating-linear-gradient(-45deg,transparent,transparent 8px,hsla(0,0%,100%,.015) 0,hsla(0,0%,100%,.015) 9px);border-bottom-color:#ffffff0a}[data-theme=dark] .placeholder-border-pattern[data-v-b6e3a9b4]{background:repeating-linear-gradient(90deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.06) 4px,transparent 0,transparent 8px)}[data-theme=dark] .item-footer[data-v-b6e3a9b4]{border-top-color:#ffffff0a}.modal-close[data-v-7bc63a22]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(var(--z-border-color),.3);border-radius:0;color:rgba(var(--z-fontcolor),.6);cursor:pointer;padding:8px;position:absolute;right:16px;top:16px;transition:all .4s cubic-bezier(.23,1,.32,1);z-index:9}.modal-close[data-v-7bc63a22]:hover{background:rgba(var(--z-primary-color),.1);border-color:rgba(var(--z-primary-color),.3);color:rgba(var(--z-primary-color),1)}.fade-enter-active[data-v-7bc63a22],.fade-leave-active[data-v-7bc63a22]{transition:opacity .3s ease}.fade-enter-from[data-v-7bc63a22],.fade-leave-to[data-v-7bc63a22]{opacity:0}.modal-pop-enter-active[data-v-7bc63a22]{transition:all .4s cubic-bezier(.16,1,.3,1)}.modal-pop-leave-active[data-v-7bc63a22]{transition:all .3s cubic-bezier(.5,0,0,1)}.modal-pop-enter-from[data-v-7bc63a22],.modal-pop-leave-to[data-v-7bc63a22]{opacity:0;transform:scale(.96) translateY(20px)}.modal-pop-enter-to[data-v-7bc63a22],.modal-pop-leave-from[data-v-7bc63a22]{opacity:1;transform:scale(1) translateY(0)}@keyframes fadeIn-7bc63a22{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in[data-v-7bc63a22]{animation:fadeIn-7bc63a22 .3s ease forwards}@keyframes expandWidth-7bc63a22{0%{opacity:0;width:0}to{opacity:1;width:100%}}@keyframes fadeInUp-7bc63a22{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.mask-image-fade[data-v-7bc63a22]{-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent)}.no-scrollbar[data-v-7bc63a22]::-webkit-scrollbar{display:none}.no-scrollbar[data-v-7bc63a22]{-ms-overflow-style:none;scrollbar-width:none}.code-skeleton[data-v-b7c3be55]{padding:40px 20px}.skeleton-header[data-v-b7c3be55]{margin-bottom:40px;text-align:center}.skeleton-line[data-v-b7c3be55]{background:rgba(var(--z-plain-bg),.5);border-radius:4px;height:20px;margin:0 auto 12px;width:200px}.skeleton-line.short[data-v-b7c3be55]{height:14px;width:140px}.skeleton-grid[data-v-b7c3be55]{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.skeleton-grid[data-v-b7c3be55]{grid-template-columns:repeat(2,1fr)}}@media(min-width:0)and (max-width:520px){.skeleton-grid[data-v-b7c3be55]{grid-template-columns:1fr}}.code-empty[data-v-b7c3be55]{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:60px 20px;text-align:center}.code-collection[data-v-b7c3be55]{padding:0;position:relative}.header-decoration[data-v-b7c3be55]{gap:12px}.decoration-line[data-v-b7c3be55]{width:30px}.decoration-diamond[data-v-b7c3be55]{height:6px;transform:rotate(45deg);width:6px}.header-info[data-v-b7c3be55]{align-items:center;display:flex;gap:12px}.collection-grid[data-v-b7c3be55]{display:grid;gap:28px;grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.collection-grid[data-v-b7c3be55]{gap:24px;grid-template-columns:repeat(2,1fr)}}@media(min-width:0)and (max-width:520px){.collection-grid[data-v-b7c3be55]{gap:20px;grid-template-columns:1fr}}.collection-footer[data-v-b7c3be55]{border-top:1px solid rgba(var(--z-border-color),.3);margin-top:50px;padding-top:40px}.loading-indicator[data-v-b7c3be55]{align-items:center;display:flex;flex-direction:column;gap:16px;padding:30px 0}.loading-spinner[data-v-b7c3be55]{opacity:.6}.loading-text[data-v-b7c3be55]{color:rgba(var(--z-fontcolor),.5);font-size:12px}.end-indicator[data-v-b7c3be55]{display:flex;justify-content:center;padding:40px 0}.end-decoration[data-v-b7c3be55]{align-items:center;display:flex;font-family:Crimson Pro,serif;gap:16px}.end-bracket[data-v-b7c3be55]{color:rgba(var(--z-fontcolor),.2);font-size:12px;font-weight:300}.end-text[data-v-b7c3be55]{color:rgba(var(--z-fontcolor),.35);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.load-trigger[data-v-b7c3be55]{height:1px;opacity:0;pointer-events:none}