:root{--bg-primary:#0a0e1a;--bg-secondary:#0f1629;--bg-card:#141e35;--bg-card-hover:#1a2845;--border:rgba(64,120,255,0.15);--border-glow:rgba(64,120,255,0.4);--accent:#4078ff;--accent-light:#5d95ff;--accent-glow:rgba(64,120,255,0.25);--gold:#f5a623;--gold-light:rgba(245,166,35,0.15);--text-primary:#e8eef8;--text-secondary:#8a9ab8;--text-muted:#4a5a7a;--gradient-blue:linear-gradient(135deg,#4078ff,#00c9ff);--shadow-card:0 8px 32px rgba(0,0,0,0.4),0 0 0 1px var(--border);--shadow-glow:0 0 20px var(--accent-glow),0 8px 32px rgba(0,0,0,0.5);--radius:12px;--radius-sm:8px;--transition:all 0.3s cubic-bezier(0.16,1,0.3,1)}

*{box-sizing:border-box}

body,html{background:#0a0e1a !important;color:#e8eef8 !important;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Noto Sans SC','Microsoft YaHei','Segoe UI',sans-serif !important;font-size:15px !important;line-height:1.7 !important;background-image:radial-gradient(ellipse 800px 500px at 50% -100px,rgba(64,120,255,0.08) 0%,transparent 70%),linear-gradient(rgba(64,120,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(64,120,255,0.03) 1px,transparent 1px) !important;background-size:100% 100%,40px 40px,40px 40px !important}

a{color:#5d95ff !important;text-decoration:none !important;transition:var(--transition) !important} a:hover{color:#fff !important;text-shadow:0 0 10px rgba(64,120,255,0.25) !important}

#top_nav{display:none !important}

#home{max-width:1200px !important;margin:0 auto !important;padding:0 20px !important}

#header{position:relative !important;background:transparent !important;padding:60px 0 40px !important;margin-bottom:32px !important;text-align:center !important;overflow:hidden !important;border-bottom:1px solid rgba(64,120,255,0.15) !important}

#header::before{content:'' !important;position:absolute !important;top:0 !important;left:50% !important;transform:translateX(-50%) !important;width:600px !important;height:1px !important;background:linear-gradient(90deg,transparent,#4078ff,transparent) !important}

#header::after{content:'' !important;position:absolute !important;top:-80px !important;left:50% !important;transform:translateX(-50%) !important;width:400px !important;height:160px !important;background:radial-gradient(ellipse,rgba(64,120,255,0.12) 0%,transparent 70%) !important;pointer-events:none !important}

#blogTitle h1,#blogTitle h2{font-size:2.4rem !important;font-weight:800 !important;letter-spacing:-0.5px !important;background:linear-gradient(135deg,#fff 0%,#5d95ff 50%,#f5a623 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;margin:0 0 12px !important;line-height:1.2 !important}

#blogTitle h1 a,#blogTitle h2 a{background:linear-gradient(135deg,#fff 0%,#5d95ff 50%,#f5a623 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;text-shadow:none !important}

#blogTitle h2.subTitle,#blogSubTitle{font-size:1rem !important;color:#8a9ab8 !important;font-weight:400 !important;-webkit-text-fill-color:#8a9ab8 !important;background:none !important;background-clip:unset !important;margin:0 !important}

#navigator{background:rgba(20,30,53,0.8) !important;backdrop-filter:blur(20px) !important;-webkit-backdrop-filter:blur(20px) !important;border:1px solid rgba(64,120,255,0.15) !important;border-radius:12px !important;margin-bottom:32px !important;padding:4px 8px !important;box-shadow:0 8px 32px rgba(0,0,0,0.4),0 0 0 1px rgba(64,120,255,0.15) !important}

#navigator ul,#navList{list-style:none !important;display:flex !important;align-items:center !important;flex-wrap:wrap !important;gap:2px !important;margin:0 !important;padding:4px !important}

#navigator ul li,#navList li{background:none !important;margin:0 !important;padding:0 !important}

#navigator ul li a,#navList li a{display:block !important;padding:8px 18px !important;color:#8a9ab8 !important;font-size:13.5px !important;font-weight:500 !important;border-radius:8px !important;transition:var(--transition) !important;white-space:nowrap !important;-webkit-text-fill-color:#8a9ab8 !important}

#navigator ul li a:hover,#navList li a:hover{background:rgba(64,120,255,0.25) !important;color:#fff !important;-webkit-text-fill-color:#fff !important;text-shadow:none !important}

#navigator ul li:first-child a,#navList li:first-child a{color:#5d95ff !important;-webkit-text-fill-color:#5d95ff !important}

#main{display:flex !important;gap:28px !important;align-items:flex-start !important}

#mainContent{flex:1 !important;min-width:0 !important;animation:fadeInUp 0.5s ease 0.1s both !important}

#sideBar{width:280px !important;flex-shrink:0 !important;animation:fadeInUp 0.5s ease 0.2s both !important}

.day{margin-bottom:28px !important}

.postTitle,.entrylistItem,.postTitle2{background:#141e35 !important;border:1px solid rgba(64,120,255,0.15) !important;border-radius:12px !important;padding:24px 28px !important;margin-bottom:20px !important;box-shadow:0 8px 32px rgba(0,0,0,0.4),0 0 0 1px rgba(64,120,255,0.15) !important;transition:var(--transition) !important;position:relative !important;overflow:hidden !important}

.postTitle::before,.entrylistItem::before{content:'' !important;position:absolute !important;top:0 !important;left:0 !important;width:3px !important;height:100% !important;background:linear-gradient(135deg,#4078ff,#00c9ff) !important;border-radius:0 0 0 12px !important}

.postTitle:hover,.entrylistItem:hover{background:#1a2845 !important;border-color:rgba(64,120,255,0.4) !important;box-shadow:0 0 20px rgba(64,120,255,0.25),0 8px 32px rgba(0,0,0,0.5) !important;transform:translateY(-2px) !important}

.postTitle a,.entrylistItemTitle a{font-size:1.2rem !important;font-weight:700 !important;color:#e8eef8 !important;-webkit-text-fill-color:#e8eef8 !important;line-height:1.4 !important;display:block !important;margin-bottom:10px !important}

.postTitle a:hover,.entrylistItemTitle a:hover{color:#5d95ff !important;-webkit-text-fill-color:#5d95ff !important;text-shadow:0 0 15px rgba(64,120,255,0.25) !important}

.postCon,.entrylistItemDescription{color:#8a9ab8 !important;font-size:14px !important;line-height:1.75 !important;margin:10px 0 !important}

.postDesc,.postFoot,.entrylistItemPostDesc{color:#4a5a7a !important;font-size:12.5px !important;margin-top:14px !important;padding-top:12px !important;border-top:1px solid rgba(64,120,255,0.15) !important;display:flex !important;flex-wrap:wrap !important;gap:12px !important;align-items:center !important}

.postDesc a,.postFoot a{color:#4a5a7a !important;-webkit-text-fill-color:#4a5a7a !important;font-size:12.5px !important}

.postDesc a:hover,.postFoot a:hover{color:#5d95ff !important;-webkit-text-fill-color:#5d95ff !important;text-shadow:none !important}

.c_b_p_desc_readmore{display:inline-flex !important;align-items:center !important;gap:6px !important;padding:6px 18px !important;background:transparent !important;border:1px solid #4078ff !important;border-radius:20px !important;color:#5d95ff !important;-webkit-text-fill-color:#5d95ff !important;font-size:13px !important;font-weight:500 !important;margin-top:14px !important;transition:var(--transition) !important}

.c_b_p_desc_readmore:hover{background:#4078ff !important;color:#fff !important;-webkit-text-fill-color:#fff !important;box-shadow:0 0 20px rgba(64,120,255,0.25) !important}

#cnblogs_post_body,.postBody{background:#141e35 !important;border:1px solid rgba(64,120,255,0.15) !important;border-radius:12px !important;padding:32px 40px !important;box-shadow:0 8px 32px rgba(0,0,0,0.4) !important;line-height:1.9 !important}

#cnblogs_post_body h1,#cnblogs_post_body h2,#cnblogs_post_body h3,#cnblogs_post_body h4{color:#e8eef8 !important;font-weight:700 !important;margin:1.8em 0 0.8em !important;padding-left:12px !important;border-left:3px solid #4078ff !important}

#cnblogs_post_body h1{font-size:1.8rem !important} #cnblogs_post_body h2{font-size:1.45rem !important} #cnblogs_post_body h3{font-size:1.2rem !important}

#cnblogs_post_body pre,.cnblogs_code pre{background:#070d1a !important;border:1px solid rgba(64,120,255,0.15) !important;border-radius:8px !important;padding:20px 24px !important;overflow-x:auto !important;font-family:'JetBrains Mono','Fira Code',Consolas,monospace !important;font-size:13.5px !important;line-height:1.65 !important;color:#c9d8f0 !important}

#cnblogs_post_body code{background:rgba(64,120,255,0.12) !important;color:#5d95ff !important;padding:2px 6px !important;border-radius:4px !important;font-family:Consolas,monospace !important;font-size:0.88em !important}

#cnblogs_post_body blockquote{border-left:4px solid #4078ff !important;background:rgba(64,120,255,0.06) !important;padding:16px 20px !important;margin:20px 0 !important;border-radius:0 8px 8px 0 !important;color:#8a9ab8 !important;font-style:italic !important}

#cnblogs_post_body hr{border:none !important;border-top:1px solid rgba(64,120,255,0.15) !important;margin:30px 0 !important}

#cnblogs_post_body img{max-width:100% !important;border-radius:8px !important;border:1px solid rgba(64,120,255,0.15) !important;box-shadow:0 4px 20px rgba(0,0,0,0.4) !important}

#cnblogs_post_body table{width:100% !important;border-collapse:collapse !important;margin:20px 0 !important}

#cnblogs_post_body th{background:rgba(64,120,255,0.15) !important;color:#5d95ff !important;padding:12px 16px !important;text-align:left !important;font-weight:600 !important;border-bottom:1px solid rgba(64,120,255,0.15) !important}

#cnblogs_post_body td{padding:10px 16px !important;border-bottom:1px solid rgba(64,120,255,0.15) !important;color:#8a9ab8 !important}

#sideBar .catListTitle,#sideBar .SideColumnTitle{font-size:13px !important;font-weight:700 !important;color:#5d95ff !important;letter-spacing:1.5px !important;text-transform:uppercase !important;padding:12px 16px !important;background:rgba(64,120,255,0.08) !important;border-left:3px solid #4078ff !important;border-radius:0 8px 8px 0 !important;margin:0 0 1px !important}

#sideBar .catList,#sideBar .SideColumnBody,.sideBarMain{background:#141e35 !important;border:1px solid rgba(64,120,255,0.15) !important;border-radius:12px !important;padding:0 !important;margin-bottom:20px !important;box-shadow:0 8px 32px rgba(0,0,0,0.4) !important;overflow:hidden !important}

#sideBar .catList li,#sideBar .SideColumnBody li{border-bottom:1px solid rgba(64,120,255,0.15) !important;transition:var(--transition) !important}

#sideBar .catList li:last-child,#sideBar .SideColumnBody li:last-child{border-bottom:none !important}

#sideBar .catList li:hover,#sideBar .SideColumnBody li:hover{background:rgba(64,120,255,0.25) !important}

#sideBar .catList li a,#sideBar .SideColumnBody li a{display:block !important;padding:10px 16px !important;color:#8a9ab8 !important;-webkit-text-fill-color:#8a9ab8 !important;font-size:13.5px !important}

#sideBar .catList li a:hover,#sideBar .SideColumnBody li a:hover{color:#5d95ff !important;-webkit-text-fill-color:#5d95ff !important;text-shadow:none !important;padding-left:22px !important}

#blog_statistics,.blogStats,#blog-stats{background:#141e35 !important;border:1px solid rgba(64,120,255,0.15) !important;border-radius:12px !important;padding:20px !important;margin-bottom:20px !important;box-shadow:0 8px 32px rgba(0,0,0,0.4) !important}

#blog_statistics li,.blogStats li{display:flex !important;justify-content:space-between !important;align-items:center !important;padding:8px 0 !important;border-bottom:1px solid rgba(64,120,255,0.15) !important;color:#8a9ab8 !important;font-size:13.5px !important}

#blog_statistics li:last-child,.blogStats li:last-child{border-bottom:none !important}

#blog_statistics li strong,.blogStats li strong{color:#5d95ff !important;font-weight:700 !important}

#blog-calendar,#calendar{background:#141e35 !important;border:1px solid rgba(64,120,255,0.15) !important;border-radius:12px !important;padding:16px !important;margin-bottom:20px !important;box-shadow:0 8px 32px rgba(0,0,0,0.4) !important}

#blog-calendar th{color:#5d95ff !important;font-size:12px !important;padding:6px 0 !important;text-align:center !important;font-weight:600 !important}

#blog-calendar td{color:#8a9ab8 !important;font-size:12.5px !important;padding:5px 0 !important;text-align:center !important}

#blog-calendar td a{color:#5d95ff !important;-webkit-text-fill-color:#5d95ff !important;font-weight:700 !important}

#blog-news,#sidebar_news{background:#141e35 !important;border:1px solid rgba(64,120,255,0.15) !important;border-radius:12px !important;padding:20px !important;margin-bottom:20px !important;box-shadow:0 8px 32px rgba(0,0,0,0.4) !important}

#nav_next_page,#nav_prev_page,.pager,#paging_block{display:flex !important;justify-content:center !important;gap:10px !important;margin:32px 0 !important}

.pager a,#paging_block a,#nav_next_page a,#nav_prev_page a{display:inline-flex !important;align-items:center !important;padding:8px 20px !important;background:#141e35 !important;border:1px solid rgba(64,120,255,0.15) !important;border-radius:20px !important;color:#8a9ab8 !important;-webkit-text-fill-color:#8a9ab8 !important;font-size:13.5px !important;transition:var(--transition) !important}

.pager a:hover,#paging_block a:hover,#nav_next_page a:hover,#nav_prev_page a:hover{background:#4078ff !important;border-color:#4078ff !important;color:#fff !important;-webkit-text-fill-color:#fff !important;box-shadow:0 0 20px rgba(64,120,255,0.25) !important;transform:scale(1.05) !important}

#comment_form_container,#comments{background:#141e35 !important;border:1px solid rgba(64,120,255,0.15) !important;border-radius:12px !important;padding:28px 32px !important;margin-top:28px !important;box-shadow:0 8px 32px rgba(0,0,0,0.4) !important}

.feedbackItem{border-bottom:1px solid rgba(64,120,255,0.15) !important;padding:20px 0 !important}

.feedbackCon{color:#8a9ab8 !important;line-height:1.8 !important}

#comment_form textarea,#comment_body{width:100% !important;background:#0f1629 !important;border:1px solid rgba(64,120,255,0.15) !important;border-radius:8px !important;padding:14px 16px !important;color:#e8eef8 !important;font-size:14px !important;resize:vertical !important;outline:none !important}

#comment_form textarea:focus,#comment_body:focus{border-color:#4078ff !important;box-shadow:0 0 0 3px rgba(64,120,255,0.25) !important}

#comment_form input[type="submit"],#btn_submit_comment{padding:10px 28px !important;background:linear-gradient(135deg,#4078ff,#00c9ff) !important;border:none !important;border-radius:24px !important;color:#fff !important;font-size:14px !important;font-weight:600 !important;cursor:pointer !important;margin-top:12px !important}

#comment_form input[type="submit"]:hover,#btn_submit_comment:hover{box-shadow:0 6px 24px rgba(64,120,255,0.25) !important;transform:translateY(-2px) !important;opacity:0.95 !important}

#footer{background:#0f1629 !important;border-top:1px solid rgba(64,120,255,0.15) !important;padding:28px 0 !important;text-align:center !important;color:#4a5a7a !important;font-size:13px !important;margin-top:48px !important}

#footer a{color:#4a5a7a !important;-webkit-text-fill-color:#4a5a7a !important}

#footer a:hover{color:#5d95ff !important;-webkit-text-fill-color:#5d95ff !important;text-shadow:none !important}

#EntryTag a,.tagCloud a{display:inline-block !important;padding:4px 12px !important;background:rgba(64,120,255,0.08) !important;border:1px solid rgba(64,120,255,0.15) !important;border-radius:20px !important;color:#8a9ab8 !important;-webkit-text-fill-color:#8a9ab8 !important;font-size:12.5px !important;margin:3px !important;transition:var(--transition) !important}

#EntryTag a:hover,.tagCloud a:hover{background:rgba(64,120,255,0.25) !important;border-color:#4078ff !important;color:#5d95ff !important;-webkit-text-fill-color:#5d95ff !important;text-shadow:none !important;transform:translateY(-1px) !important}

#profile_block{background:linear-gradient(135deg,#141e35,rgba(64,120,255,0.08)) !important;border:1px solid rgba(64,120,255,0.15) !important;border-radius:12px !important;padding:24px 20px !important;margin-bottom:20px !important;box-shadow:0 8px 32px rgba(0,0,0,0.4) !important;text-align:center !important}

#profile_block img{width:80px !important;height:80px !important;border-radius:50% !important;border:3px solid #4078ff !important;box-shadow:0 0 20px rgba(64,120,255,0.25) !important;margin-bottom:12px !important}

::-webkit-scrollbar{width:6px !important;height:6px !important} ::-webkit-scrollbar-track{background:#0a0e1a !important} ::-webkit-scrollbar-thumb{background:rgba(64,120,255,0.3) !important;border-radius:3px !important} ::-webkit-scrollbar-thumb:hover{background:#4078ff !important}

::selection{background:rgba(64,120,255,0.25) !important;color:#fff !important}

@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

@media (max-width:900px){#main{flex-direction:column !important}#sideBar{width:100% !important}#blogTitle h1,#blogTitle h2{font-size:1.8rem !important}#cnblogs_post_body,.postBody{padding:20px 18px !important}}

@media (max-width:600px){#home{padding:0 12px !important}#header{padding:36px 0 28px !important}#blogTitle h1,#blogTitle h2{font-size:1.5rem !important}.postTitle,.entrylistItem{padding:18px 16px !important}#navigator ul li a,#navList li a{padding:7px 12px !important;font-size:13px !important}}