pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}:root{--bg-primary: #0f172a;--bg-secondary: rgba(30, 41, 59, .4);--bg-overlay: rgba(15, 23, 42, .8);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-dim: rgba(148, 163, 184, .85);--accent-color: #6366f1;--border-color: rgba(255, 255, 255, .1);--glass-bg: rgba(15, 23, 42, .7);--glass-border: rgba(255, 255, 255, .1);--shadow-color: rgba(0, 0, 0, .3);--card-hover-shadow: rgba(139, 92, 246, .2);--neon-glow: 0 0 10px rgba(139, 92, 246, .5);--neon-blue: #06b6d4;--neon-pink: #f43f5e;--bg-gradient-1: hsla(253,16%,7%,1);--bg-gradient-2: hsla(225,39%,30%,1);--bg-gradient-3: hsla(339,49%,30%,1);--logo-text-fill: transparent;--logo-text-stroke: none}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: rgba(255, 255, 255, .7);--bg-overlay: rgba(255, 255, 255, .9);--text-primary: #1e293b;--text-secondary: #64748b;--text-dim: rgba(100, 116, 139, .9);--accent-color: #3b82f6;--border-color: rgba(0, 0, 0, .1);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .05);--shadow-color: rgba(148, 163, 184, .2);--card-hover-shadow: rgba(59, 130, 246, .15);--neon-glow: 0 0 10px rgba(59, 130, 246, .3);--neon-blue: #0891b2;--neon-pink: #e11d48;--bg-gradient-1: #eff6ff;--bg-gradient-2: #e0e7ff;--bg-gradient-3: #f0f9ff}body{margin:0;font-family:Inter,Microsoft YaHei,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.tech-blog-app{min-height:100vh;width:100%;box-sizing:border-box;background-color:var(--bg-primary);background-image:radial-gradient(at 0% 0%,var(--bg-gradient-1) 0,transparent 50%),radial-gradient(at 50% 0%,var(--bg-gradient-2) 0,transparent 50%),radial-gradient(at 100% 0%,var(--bg-gradient-3) 0,transparent 50%);position:relative;z-index:1;overflow-x:hidden;transition:background-color .3s ease}.bg-glow{position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(99,102,241,.15) 0%,transparent 50%);z-index:-1;pointer-events:none;animation:rotate 20s linear infinite}.top-nav{position:fixed;top:0;left:0;width:100%;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:var(--bg-overlay);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:100;box-sizing:border-box;transition:all .3s ease}.right-actions{display:flex;align-items:center;gap:20px}.nav-groups{display:flex;align-items:center;gap:12px;padding:0;border-radius:0;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.nav-link{background:transparent;border:1px solid transparent;color:var(--text-primary);height:40px;padding:0 12px;border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:800;letter-spacing:1px;display:inline-flex;align-items:center;gap:8px;position:relative}.nav-link:hover{background:rgba(255,255,255,.04);border-color:#ffffff14;box-shadow:0 0 0 1px #ffffff0f inset}.nav-icon{width:18px;display:inline-flex;justify-content:center;opacity:.9}.nav-trigger{min-width:auto;height:40px;padding:0 12px;background:transparent;border:1px solid transparent;border-radius:10px;box-shadow:none}.nav-trigger:hover{background:rgba(255,255,255,.04);border-color:#ffffff14;box-shadow:0 0 0 1px #ffffff0f inset}.nav-dropdown{--menu-accent: rgba(139, 92, 246, .55)}.nav-dropdown[data-accent=frontend]{--menu-accent: rgba(34, 211, 238, .55)}.nav-dropdown[data-accent=backend]{--menu-accent: rgba(52, 211, 153, .55)}.nav-dropdown[data-accent=database]{--menu-accent: rgba(251, 191, 36, .55)}.nav-dropdown[data-accent=tools]{--menu-accent: rgba(248, 113, 113, .55)}.nav-dropdown[data-accent=ops]{--menu-accent: rgba(96, 165, 250, .55)}.nav-dropdown[data-accent=projects]{--menu-accent: rgba(167, 139, 250, .55)}.nav-menu{width:280px;max-height:420px;overflow:auto;border-color:#ffffff1f;box-shadow:0 18px 50px #00000059}.nav-menu:before{content:"";display:block;height:2px;background:linear-gradient(90deg,transparent,var(--menu-accent),transparent);opacity:.9}.nav-menu-head{color:var(--text-primary);font-weight:900;letter-spacing:1px}.nav-menu-head:hover{background:rgba(255,255,255,.06);padding-left:20px}.nav-tree{padding:6px 8px 10px}.nav-tree-dir{margin-bottom:4px}.nav-tree-dir-head{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:var(--text-primary);cursor:pointer;text-align:left}.nav-tree-dir-head:hover{background:rgba(255,255,255,.04)}.nav-tree-arrow{font-size:12px;transform:rotate(0);transition:transform .2s ease;opacity:.85}.nav-tree-arrow.open{transform:rotate(90deg)}.nav-tree-dir-name{font-weight:800;letter-spacing:1px}.nav-tree-children{padding-left:10px}.nav-tree-children.collapsed{display:none}.nav-tree-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;color:var(--text-secondary)}.nav-tree-item:hover{color:var(--text-primary);background:rgba(99,102,241,.12)}.nav-tree-dot{width:6px;height:6px;border-radius:999px;background:var(--menu-accent);box-shadow:0 0 10px var(--menu-accent);flex:0 0 auto}.nav-tree-text{font-size:13px;font-weight:700}.github-link{background:var(--bg-secondary);border:1px solid var(--border-color);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;text-decoration:none}.github-link:hover{background:var(--border-color);transform:rotate(360deg)}.github-link svg{transition:fill .3s ease}.theme-toggle{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .3s ease}.theme-toggle:hover{background:var(--border-color);transform:rotate(15deg)}.brand-logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;cursor:pointer}.neon-text{background:linear-gradient(90deg,#ff0000,#ff7f00,#ffff00,#00ff00,#0000ff,#4b0082,#9400d3,#ff0000);background-size:400% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:rainbow-flow 8s linear infinite;filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}.dropdown-container{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:180px;justify-content:space-between}.dropdown-trigger:hover{background:var(--border-color);border-color:#8b5cf680;box-shadow:0 0 15px #8b5cf633}.dropdown-trigger.nav-trigger{padding:0 12px;min-width:auto;background:transparent;border-color:transparent;border-radius:10px;box-shadow:none}.dropdown-trigger.nav-trigger:hover{background:rgba(255,255,255,.04);border-color:#ffffff14;box-shadow:0 0 0 1px #ffffff0f inset}.dropdown-menu{position:absolute;top:100%;left:0;width:100%;background:var(--bg-overlay);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px var(--shadow-color)}.dropdown-menu.nav-menu{width:280px;max-height:420px;overflow:auto;border-color:#ffffff1f;box-shadow:0 18px 50px #00000059}.dropdown-menu.nav-menu:before{content:"";display:block;height:2px;background:linear-gradient(90deg,transparent,var(--menu-accent),transparent);opacity:.9}.dropdown-item{padding:12px 20px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between}.dropdown-item:hover{background:rgba(139,92,246,.1);color:var(--text-primary);padding-left:25px}.dropdown-item.active{color:#c084fc;background:rgba(139,92,246,.15);border-left:3px solid #c084fc}.arrow{font-size:10px;transition:transform .3s ease}.arrow.rotated{transform:rotate(180deg)}.main-content{padding-top:100px;min-height:calc(100vh - 100px);position:relative;z-index:1}.docs-page{width:100%;max-width:none;margin:0;padding:0 0 40px;display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px}.docs-page.sidebar-collapsed{grid-template-columns:56px 1fr}.docs-sidebar{position:sticky;top:100px;align-self:start;max-height:calc(100vh - 130px);overflow:hidden;background:var(--glass-bg);border:1px solid var(--glass-border);border-left:0;border-radius:0 16px 16px 0;box-shadow:0 20px 40px #00000040;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.docs-sidebar.collapsed{border-radius:0 14px 14px 0}.docs-sidebar-header{padding:16px 16px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.docs-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.docs-sidebar-toggle{width:34px;height:34px;border-radius:10px;border:1px solid var(--border-color);background:rgba(255,255,255,.05);color:var(--text-primary);cursor:pointer;font-weight:900;transition:all .2s ease}.docs-sidebar-toggle:hover{background:rgba(255,255,255,.08);box-shadow:0 0 0 1px #ffffff0f inset}[data-theme=light] .docs-sidebar-toggle{background:rgba(0,0,0,.03)}.docs-title{font-weight:900;letter-spacing:3px;color:var(--text-primary);margin-bottom:10px}.docs-search{width:100%;height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--border-color);background:rgba(15,23,42,.35);color:var(--text-primary);outline:none}[data-theme=light] .docs-search{background:rgba(255,255,255,.6)}.docs-tree{padding:12px 10px 14px;overflow:auto;max-height:calc(100vh - 210px)}.docs-dir{margin-bottom:6px}.docs-dir-header{width:100%;display:flex;align-items:center;gap:8px;padding:10px;border:0;border-radius:10px;background:transparent;color:var(--text-primary);cursor:pointer;text-align:left}.docs-dir-header:hover{background:rgba(139,92,246,.12)}.docs-dir-arrow{font-size:12px;transform:rotate(0);transition:transform .2s ease;opacity:.8}.docs-dir-arrow.open{transform:rotate(90deg)}.docs-dir-name{font-weight:800;letter-spacing:1px}.docs-dir-children{padding-left:10px}.docs-dir-children.collapsed{display:none}.docs-item{display:block;padding:10px;border-radius:10px;color:var(--text-secondary);text-decoration:none;border:1px solid transparent;margin:4px 0}.docs-item:hover{color:var(--text-primary);background:rgba(99,102,241,.12);border-color:#6366f147}.docs-item.active{color:var(--text-primary);background:rgba(168,85,247,.14);border-color:#a855f759;box-shadow:0 0 18px #a855f729}.docs-content{min-height:60vh;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 20px 40px #00000040;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:18px;margin-right:20px}.docs-page.has-toc .docs-content{margin-right:280px}.docs-page.has-toc.toc-collapsed .docs-content{margin-right:68px}.toc-panel{position:fixed;right:0;top:100px;height:calc(100vh - 130px);width:260px;background:var(--glass-bg);border:1px solid var(--glass-border);border-right:0;border-radius:16px 0 0 16px;box-shadow:0 20px 40px #00000038;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:90;overflow:hidden;display:flex;flex-direction:row}.toc-panel.collapsed{border-radius:12px 0 0 12px}.toc-panel.collapsed{width:48px}.toc-toggle{width:48px;border:0;background:transparent;color:var(--text-primary);cursor:pointer;font-size:18px;font-weight:900;border-right:1px solid rgba(255,255,255,.08)}[data-theme=light] .toc-toggle{border-right:1px solid rgba(0,0,0,.06)}.toc-dots{width:48px;padding:10px 0;display:flex;flex-direction:column;align-items:center;gap:10px;overflow:auto}.toc-dot{width:10px;height:10px;border-radius:999px;border:0;cursor:pointer;background:rgba(255,255,255,.16);box-shadow:0 0 0 1px #ffffff14 inset}[data-theme=light] .toc-dot{background:rgba(15,23,42,.12);box-shadow:0 0 0 1px #0f172a1f inset}.toc-dot.level-1{width:11px;height:11px}.toc-dot.level-2{width:9px;height:9px}.toc-dot.level-3{width:8px;height:8px;opacity:.9}.toc-dot.active{background:var(--accent-color);box-shadow:0 0 14px #6366f173}.toc-body{flex:1 1 auto;padding:12px 12px 14px;overflow:hidden}.toc-title{font-weight:900;letter-spacing:2px;color:var(--text-primary);margin-bottom:10px}.toc-list{overflow:auto;height:calc(100% - 34px);padding-right:4px}.toc-item{width:100%;text-align:left;border:0;border-radius:10px;background:transparent;color:var(--text-secondary);cursor:pointer;padding:10px;transition:all .2s ease;display:flex;align-items:center;gap:10px;position:relative}.toc-item:before{content:"";width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.14);box-shadow:0 0 0 1px #ffffff1a inset;flex:0 0 auto}[data-theme=light] .toc-item:before{background:rgba(15,23,42,.14);box-shadow:0 0 0 1px #0f172a24 inset}.toc-item.level-1:before{width:11px;height:11px;background:rgba(168,85,247,.55)}.toc-item.level-2:before{width:9px;height:9px;background:rgba(99,102,241,.45)}.toc-item.level-3:before{width:7px;height:7px;opacity:.95}.toc-item:after{content:"";position:absolute;left:12px;top:0;bottom:0;width:2px;border-radius:999px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.14),transparent);opacity:0}.toc-item:hover{background:rgba(99,102,241,.12);color:var(--text-primary)}.toc-item.active{background:rgba(168,85,247,.14);color:var(--text-primary);border:1px solid rgba(168,85,247,.25);box-shadow:0 0 0 1px #a855f729 inset}.toc-item.active:after{opacity:1}.toc-item.level-1{font-weight:900}.toc-item.level-2{padding-left:18px;font-size:13px}.toc-item.level-3{padding-left:28px;font-size:12px;opacity:.95}.doc-nav{position:fixed;left:12px;bottom:12px;display:flex;gap:10px;z-index:95}.doc-nav-btn{width:44px;height:44px;border-radius:14px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-primary);cursor:pointer;font-size:18px;font-weight:900;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 40px #0000002e;transition:transform .15s ease,background .2s ease}.doc-nav-btn:hover{transform:translateY(-1px)}.doc-nav-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}@media (max-width: 980px){.docs-page{grid-template-columns:1fr;gap:14px}.docs-sidebar{position:relative;top:auto;max-height:none;margin:0 14px;border-left:1px solid var(--glass-border);border-radius:16px}.docs-tree{max-height:360px}.docs-content{margin:0 14px}.toc-panel{display:none}}@keyframes rainbow-flow{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes pulse-glow{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-slide-enter-active,.fade-slide-leave-active{transition:all .3s ease}.fade-slide-enter-from,.fade-slide-leave-to{opacity:0;transform:translateY(-10px)}.page-fade-leave-active{transition:opacity .3s ease;position:absolute;width:100%;top:100px;left:0}.page-fade-enter-active{transition:opacity .3s ease}.page-fade-enter-from,.page-fade-leave-to{opacity:0}.home-container{min-height:100vh;padding:40px 20px 60px;display:flex;flex-direction:column;align-items:center}.hero-section{text-align:center;margin-bottom:60px;position:relative;width:100%}.main-title{font-size:5rem;font-weight:900;letter-spacing:4px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:20px;color:var(--text-primary)}.glitch{position:relative;color:var(--text-primary);text-shadow:2px 2px 0px #f43f5e,-2px -2px 0px #3b82f6;animation:glitch-skew 3s infinite linear alternate-reverse}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch:before{color:#f43f5e;z-index:-1;animation:glitch-anim-1 2s infinite linear alternate-reverse}.glitch:after{color:#3b82f6;z-index:-2;animation:glitch-anim-2 3s infinite linear alternate-reverse}.neon-text{background:linear-gradient(90deg,#ff0000,#ff7f00,#ffff00,#00ff00,#0000ff,#4b0082,#9400d3,#ff0000);background-size:400% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(139,92,246,.5));animation:rainbow-flow 5s linear infinite,pulse-glow 3s infinite alternate}.separator{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #ff00de;animation:pulse-dot 1.5s infinite alternate}@keyframes pulse-dot{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}@keyframes glitch-skew{0%{transform:skew(0)}20%{transform:skew(-2deg)}40%{transform:skew(2deg)}60%{transform:skew(-1deg)}80%{transform:skew(1deg)}to{transform:skew(0)}}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80% 0);transform:translate(-2px)}20%{clip-path:inset(60% 0 10% 0);transform:translate(2px)}40%{clip-path:inset(40% 0 50% 0);transform:translate(-2px)}60%{clip-path:inset(80% 0 5% 0);transform:translate(2px)}80%{clip-path:inset(10% 0 60% 0);transform:translate(-2px)}to{clip-path:inset(30% 0 30% 0);transform:translate(2px)}}@keyframes glitch-anim-2{0%{clip-path:inset(10% 0 60% 0);transform:translate(2px)}20%{clip-path:inset(80% 0 5% 0);transform:translate(-2px)}40%{clip-path:inset(30% 0 20% 0);transform:translate(2px)}60%{clip-path:inset(10% 0 80% 0);transform:translate(-2px)}80%{clip-path:inset(50% 0 10% 0);transform:translate(2px)}to{clip-path:inset(20% 0 50% 0);transform:translate(-2px)}}.subtitle{font-size:1.5rem;color:var(--text-secondary);letter-spacing:2px;text-transform:uppercase;margin-bottom:40px}.slogan-container{margin-top:30px;padding:20px;background:var(--bg-secondary);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);display:inline-block;transform:skew(-5deg);transition:all .3s ease}.slogan-container:hover{border-color:var(--accent-color);box-shadow:0 0 20px var(--shadow-color)}.slogan-text{font-size:1.2rem;color:var(--text-primary);font-weight:600;margin:0;transform:skew(5deg)}.slogan-sub{font-size:.9rem;color:var(--text-secondary);margin:5px 0 0;transform:skew(5deg);font-family:Courier New,monospace}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;width:100%;max-width:1200px;padding:0 20px;margin-bottom:40px}.profile-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:20px}.profile-header{display:flex;align-items:center;gap:15px}.avatar-placeholder{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;border:2px solid var(--text-primary)}.avatar-text{color:#fff;font-weight:700;font-size:1.2rem}.profile-info h3{margin:0;color:var(--text-primary);font-size:1.5rem}.profile-role{margin:5px 0 0;color:var(--accent-color);font-size:.9rem;font-weight:600}.typing-container{background:rgba(0,0,0,.3);padding:15px;border-radius:8px;font-family:Courier New,monospace;color:var(--text-secondary);font-size:.9rem;border-left:3px solid var(--accent-color)}.prompt{color:#10b981;margin-right:8px}.cursor{animation:blink 1s infinite;color:var(--accent-color)}.skill-tags{display:flex;gap:10px;flex-wrap:wrap}.tag{background:rgba(139,92,246,.1);color:var(--accent-color);padding:5px 12px;border-radius:20px;font-size:.8rem;border:1px solid rgba(139,92,246,.3)}.system-logs{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;height:220px}.log-header{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary);font-weight:700;margin-bottom:15px;border-bottom:1px solid var(--border-color);padding-bottom:10px}.status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 5px #10b981;animation:pulse-dot 2s infinite}.log-content{flex:1;overflow-y:hidden;display:flex;flex-direction:column;gap:8px;font-family:Courier New,monospace;font-size:.85rem}.log-item{display:flex;gap:10px;opacity:.8;animation:slide-in .3s ease}.log-time{color:var(--text-secondary);opacity:.7}.log-msg.info{color:var(--text-primary)}.log-msg.success{color:#10b981}.log-msg.warning{color:#f59e0b}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes slide-in{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:.8}}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;width:100%;max-width:1200px;padding:20px;margin-bottom:60px}.tech-card{position:relative;min-height:240px;height:auto;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column}.tech-card:hover{transform:translateY(-10px);border-color:var(--accent-color);box-shadow:0 0 30px var(--card-hover-shadow)}.card-content{flex:1;padding:30px;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2;position:relative}.icon-wrapper{font-size:3rem;margin-bottom:20px;filter:drop-shadow(0 0 10px rgba(255,255,255,.3));transition:transform .3s ease}.tech-card:hover .icon-wrapper{transform:scale(1.2)}.tech-name{font-size:1.8rem;color:var(--text-primary);margin-bottom:15px;font-weight:700}.tech-desc{font-size:1rem;color:var(--text-secondary);line-height:1.6}.card-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 0%,var(--neon-glow),transparent 70%);opacity:0;transition:opacity .4s ease;z-index:1}.tech-card:hover .card-glow{opacity:1}.site-footer{width:100%;max-width:800px;margin-top:auto;padding:20px;text-align:center;border-top:1px solid var(--border-color);background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px}.visitor-stats{display:flex;justify-content:center;align-items:center;gap:15px;font-family:Courier New,monospace;font-size:1.1rem;color:var(--text-primary);margin-bottom:10px}.stats-count{color:var(--accent-color);font-weight:700;text-shadow:0 0 10px var(--card-hover-shadow)}.footer-note{font-size:.8rem;color:var(--text-secondary);margin:0;opacity:.7}@media (max-width: 768px){.main-title{font-size:3rem;flex-direction:column;gap:10px}.visitor-stats{flex-direction:column;gap:5px}.separator{display:none}}.md-content{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:40px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid var(--glass-border);min-height:80vh;box-shadow:0 0 30px var(--shadow-color);color:var(--text-primary);transition:all .3s ease}.md-content::-webkit-scrollbar{width:8px}.md-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}.md-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6366f1,#06b6d4);border-radius:4px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px;color:var(--neon-blue);font-family:monospace;letter-spacing:2px}.load-icon{animation:pulse 1.5s infinite;font-size:32px;filter:drop-shadow(0 0 10px var(--neon-blue))}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.empty,.error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:var(--text-dim);font-size:16px;font-weight:500}.error{color:var(--neon-pink);text-shadow:0 0 10px rgba(244,63,94,.4)}.md-render{line-height:1.8;color:var(--text-primary);opacity:0;animation:fadeIn .5s ease-out forwards}[data-theme=light] .md-render{color:var(--text-primary)}.md-render h1{font-size:32px;font-weight:800;color:var(--text-primary);margin-bottom:30px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);letter-spacing:1px}[data-theme=light] .md-render h1{border-bottom:1px solid rgba(0,0,0,.08)}@supports (-webkit-background-clip: text){.md-render h1{background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .md-render h1{background:linear-gradient(135deg,#0f172a 0%,#334155 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}.md-render h2{font-size:24px;color:var(--text-primary);margin:32px 0 20px;display:flex;align-items:center;text-shadow:0 0 20px rgba(0,0,0,.05)}.md-render h1,.md-render h2,.md-render h3,.md-render h4{scroll-margin-top:90px}.md-render h2:before{content:"";display:inline-block;width:4px;height:24px;background:linear-gradient(180deg,#f43f5e,#8b5cf6);margin-right:12px;border-radius:2px;box-shadow:0 0 10px #f43f5e}.md-render ul{padding-left:20px;margin:16px 0}.md-render li{margin:10px 0;color:var(--text-secondary)}.md-render strong{color:var(--neon-blue);font-weight:700;text-shadow:0 0 8px rgba(6,182,212,.4)}.md-render pre{background:#0f172a!important;padding:20px;border-radius:12px;margin:24px 0;box-shadow:inset 0 0 20px #00000080;border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}[data-theme=light] .md-render pre{background:#0b1220!important;border:1px solid rgba(0,0,0,.08)}.md-render pre code,.md-render pre .hljs{color:#e2e8f0}.md-render pre:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#8b5cf6,transparent);opacity:.5}.md-render code{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:14px;text-shadow:none}.md-render :not(pre)>code{font-size:.95em;padding:2px 6px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#e2e8f0}[data-theme=light] .md-render :not(pre)>code{background:rgba(15,23,42,.06);border:1px solid rgba(15,23,42,.12);color:#0f172a}.md-render img{max-width:100%;height:auto;display:block;margin:18px auto;border-radius:14px;box-shadow:0 18px 40px #00000038}.md-render img[alt=img]{max-height:min(70vh,720px);object-fit:contain}[data-theme=light] .md-render img{box-shadow:0 16px 34px #0f172a24}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.particle-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}