body{padding-top:64px;background-color:#f8fafc;background-image:linear-gradient(90deg,rgba(226,232,240,0.4) 1px,transparent 1px),linear-gradient(0deg,rgba(226,232,240,0.4) 1px,transparent 1px),repeating-linear-gradient(45deg,rgba(203,213,225,0.08) 0,rgba(203,213,225,0.08) 1px,transparent 0,transparent 50px);background-size:32px 32px,32px 32px,auto;color:#1e293b;}[v-cloak]{display:none !important;}::-webkit-scrollbar{width:6px;height:6px;}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px;}::-webkit-scrollbar-thumb:hover{background:#94a3b8;}.fade-image-wrapper{position:relative;overflow:hidden;width:100%;height:100%;background-color:#f1f5f9;}.fade-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;z-index:2;}@keyframes shimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;};}.fade-real-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.4s ease-in-out;z-index:1;}.fade-real-img.is-loaded{opacity:1;}.article-content{word-break:break-all !important;overflow-wrap:break-word !important;overflow:hidden;font-size:16px;line-height:1.8;color:#333;}.article-content *{max-width:100% !important;box-sizing:border-box;}.article-content *:not(pre):not(code){word-break:break-all !important;overflow-wrap:break-word !important;}.article-content h1{font-size:32px !important;font-weight:bold !important;line-height:1.4 !important;margin:24px 0 16px 0 !important;color:#0f172a !important;}.article-content h2{font-size:24px !important;font-weight:bold !important;line-height:1.4 !important;margin:20px 0 14px 0 !important;color:#1e293b !important;}.article-content h3{font-size:18px !important;font-weight:bold !important;margin:18px 0 10px 0 !important;color:#334155 !important;}.article-content blockquote{background-color:#f1f5f9 !important;border-left:6px solid #3b82f6 !important;margin:16px 0 !important;padding:12px 16px !important;color:#475569 !important;border-radius:0 8px 8px 0 !important;}.article-content img{display:inline-block !important;max-width:100% !important;height:auto !important;margin:10px 0 !important;border-radius:8px !important;box-shadow:0 4px 12px rgba(0,0,0,0.05) !important;vertical-align:middle;cursor:zoom-in !important;opacity:0;transform:translateY(15px) scale(0.98);animation:articleImgFadeIn 0.6s cubic-bezier(0.16,1,0.3,1) forwards;transition:transform 0.2s ease,opacity 0.4s ease-in-out,box-shadow 0.2s ease;}.article-content img:hover{transform:translateY(-2px) scale(1.01) !important;box-shadow:0 8px 20px rgba(0,0,0,0.1) !important;}@keyframes articleImgFadeIn{to{opacity:1;transform:translateY(0) scale(1);};}.image-viewer-modal{position:fixed;inset:0;z-index:99999;background-color:rgba(0,0,0,0.85);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;animation:fadeInModal 0.3s cubic-bezier(0.16,1,0.3,1) forwards;transition:opacity 0.3s ease;}.image-viewer-container{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;transform:scale(0.9);animation:zoomInContainer 0.3s cubic-bezier(0.16,1,0.3,1) forwards;}.image-viewer-container img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 40px rgba(0,0,0,0.5);cursor:default;animation:none !important;opacity:1 !important;transform:none !important;margin:0 !important;}.image-viewer-close-btn{position:absolute;top:-14px;right:-14px;width:36px;height:36px;background-color:rgba(0,0,0,0.4);color:rgba(255,255,255,0.8);border:1px solid rgba(255,255,255,0.25);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);z-index:100000;box-shadow:0 4px 12px rgba(0,0,0,0.2);}.image-viewer-close-btn:hover{background-color:rgba(0,0,0,0.75);color:#fff;border-color:rgba(255,255,255,0.6);transform:scale(1.15) rotate(90deg);}@keyframes fadeInModal{to{opacity:1;};}@keyframes zoomInContainer{to{transform:scale(1);};}.article-content p[style*="text-align:center"]{text-align:center !important;}.article-content p[style*="text-align:right"]{text-align:right !important;}.article-content p[style*="text-align:left"]{text-align:left !important;}.article-content table{width:100% !important;display:block;overflow-x:auto;border-collapse:collapse;margin:15px 0;}.article-content table th,.article-content table td{border:1px solid #cbd5e1 !important;padding:8px 12px !important;text-align:left;}.article-content table th{background-color:#f1f5f9 !important;font-weight:bold !important;}.article-content iframe{width:100% !important;max-width:100% !important;height:420px !important;display:block;margin:20px auto;border-radius:6px;border:none !important;background-color:#000;box-shadow:0 4px 20px rgba(0,0,0,0.08);}@media (max-width:640px){.article-content iframe{height:auto !important;aspect-ratio:16 / 9 !important;margin:15px auto;};}.article-content p{margin-bottom:1.25em;line-height:1.8;}.card-hover{transition:transform 0.25s cubic-bezier(0.16,1,0.3,1),box-shadow 0.25s cubic-bezier(0.16,1,0.3,1);box-shadow:0 1px 3px 0 rgba(0,0,0,0.02),0 1px 2px -1px rgba(0,0,0,0.02);}.card-hover:hover{transform:translateY(-2px);box-shadow:0 12px 30px -10px rgba(51,65,85,0.08);}.fade-loader-enter-active,.fade-loader-leave-active{transition:opacity 0.25s ease;}.fade-loader-enter-from,.fade-loader-leave-to{opacity:0;}button,[role="button"],input[type="submit"],input[type="button"],label:has(input[type="file"]),.cursor-pointer{cursor:pointer;}.logo{font-weight:800;font-size:1.2rem;text-decoration:none;display:inline-flex;align-items:center;gap:8px;-webkit-tap-highlight-color:transparent !important;position:relative;color:#0f172a !important;transition:opacity 0.2s;}.logo img{width:32px;height:32px;border-radius:8px !important;object-fit:contain !important;flex-shrink:0;}.logo span{color:#0f172a !important;}.logo:hover{opacity:0.85;}.cat-icon{transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1);font-size:1.1rem;}button:hover .cat-icon{transform:scale(1.2) translateY(-2px);}.code-block-wrapper{position:relative !important;margin:20px 0 !important;border-radius:12px !important;overflow:hidden !important;box-shadow:0 4px 20px rgba(0,0,0,0.08);background-color:#1e293b !important;border:1px solid rgba(255,255,255,0.08);}.code-block-header{display:flex !important;flex-direction:row !important;justify-content:space-between !important;align-items:center !important;flex-wrap:nowrap !important;background-color:#1e293b !important;padding:10px 16px 4px 16px !important;border-bottom:none !important;font-size:12px !important;user-select:none !important;width:100% !important;box-sizing:border-box !important;}.code-lang-title{color:#ffffff !important;font-weight:600 !important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace !important;display:flex !important;align-items:center !important;gap:6px !important;letter-spacing:0.5px !important;white-space:nowrap !important;flex-shrink:0 !important;}.code-actions{display:flex !important;flex-direction:row !important;align-items:center !important;flex-wrap:nowrap !important;gap:8px !important;flex-shrink:0 !important;}.code-action-btn{background:rgba(255,255,255,0.08) !important;color:#ffffff !important;border:1px solid rgba(255,255,255,0.15) !important;padding:4px 10px !important;font-size:11px !important;border-radius:6px !important;cursor:pointer !important;display:inline-flex !important;align-items:center !important;gap:4px !important;white-space:nowrap !important;transition:all 0.2s ease !important;}.code-action-btn:hover{background:rgba(255,255,255,0.2) !important;color:#fff !important;}.code-action-btn.copied{background:#334155 !important;color:#fff !important;border-color:#334155 !important;}.article-content pre{background-color:transparent !important;color:#e2e8f0 !important;padding:8px 20px 16px 20px !important;border-radius:0 !important;margin:0 !important;overflow-x:auto !important;box-shadow:none !important;position:static !important;}.article-content pre code{background-color:transparent !important;color:inherit !important;padding:0 !important;font-size:13px !important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace !important;line-height:1.6 !important;word-break:normal !important;overflow-wrap:normal !important;}