:root{--bs-border-radius:0;--ac-blue:#165dff;--ac-blue-light:#e8f3ff;--ac-blue-bg:#f0f5ff;--bg:#fff;--bg-card:#fff;--text:#1a1a2e;--text-muted:#86909c;--text-light:#4e5969;--border:#e5e7eb;--border-light:#f0f0f0}
.card,.btn,.form-control,.form-select,.input-group-text,.badge,.page-link{border-radius:0!important}
.mb-0{margin-bottom:0}
html{height:100%}
body{min-height:100vh;display:flex;flex-direction:column;padding-top:64px;background:#f5f6f7;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6}
#pageContent{flex:1 0 auto;width:100%}
.blog-footer{flex-shrink:0}

/* 页面加载进度条 */
.page-loader{position:fixed;top:0;left:0;width:100%;height:3px;z-index:10001;background:transparent;pointer-events:none}
.page-loader .loader-bar{height:100%;width:0%;background:linear-gradient(90deg,#165dff,#4a8cff,#165dff);background-size:200% 100%;animation:loaderStripes 2s linear infinite;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px rgba(22,93,255,.4)}
@keyframes loaderStripes{0%{background-position:200% 0}100%{background-position:-200% 0}}
.page-loader.loaded{opacity:0;transition:opacity .5s ease}
@media(max-width:480px){.page-loader{height:4px}}
.navbar{position:fixed;top:0;left:0;right:0;z-index:1030;border-bottom:1px solid var(--border);background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.04);height:56px}
.navbar-brand{color:var(--ac-blue)!important;font-weight:700;font-size:1.05rem;letter-spacing:.5px}
.navbar-nav{gap:2px}
.nav-link{color:var(--text-light)!important;padding:.38rem .9rem!important;position:relative;transition:all .2s;font-size:14px;border-radius:6px!important}
.nav-link:hover{color:var(--ac-blue)!important;background:var(--ac-blue-light)}
.nav-link.active{color:var(--ac-blue)!important;background:var(--ac-blue-light)}

/* Post Cards */
.post-card{background:#fff;border:1px solid #e8e8e8;transition:box-shadow .3s;margin-bottom:20px}
.post-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.06)}
.post-card .card-body{padding:1.5rem}
.post-card .post-image{width:100%;height:100%;object-fit:cover;min-height:200px}
.post-card .post-image-wrap{display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:200px}
.post-card:nth-child(odd) .post-image-wrap{clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}
.post-card:nth-child(even) .post-image-wrap{clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}
.post-title{font-size:1.25rem;font-weight:600;color:var(--text);margin-bottom:.6rem;line-height:1.4}
.post-title a{color:inherit;text-decoration:none}
.post-title a:hover{color:var(--ac-blue)}
.post-excerpt{color:var(--text-muted);font-size:14px;line-height:1.7;margin-bottom:.8rem}
.post-meta{display:flex;align-items:center;gap:16px;color:var(--text-muted);font-size:12px;margin-bottom:.5rem}
.post-meta i{margin-right:3px}
.pin-badge{position:absolute;top:12px;left:12px;background:var(--ac-blue);color:#fff;padding:2px 10px;font-size:11px;z-index:2}

/* Sidebar */
.sidebar-card{background:#fff;border:1px solid #e8e8e8;margin-bottom:16px}
.sidebar-card .card-header{background:#fff;border-bottom:1px solid var(--border);font-weight:600;padding:14px 18px;color:var(--text);font-size:14px}
.sidebar-card .list-group-item{background:#fff;border-color:var(--border);color:var(--text-light);font-size:13px}
.sidebar-card .list-group-item:hover{background:var(--ac-blue-light);color:var(--ac-blue)}
.tag-badge{display:inline-block;padding:5px 12px;background:#fff;color:var(--text-light);font-size:12px;text-decoration:none;border:1px solid var(--border);transition:all .2s}
.tag-badge:hover{background:var(--ac-blue-light);color:var(--ac-blue);border-color:var(--ac-blue)}
.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;padding:4px 4px 0}
.text-accent{color:var(--ac-blue)!important}

/* 目录树 */
.toc-tree{list-style:none;padding:0;margin:0;position:relative}
.toc-tree:before{content:'';position:absolute;left:3px;top:8px;bottom:8px;width:1px;background:#e5e7eb}
.toc-tree li{position:relative}
.toc-tree li .toc-link{display:flex;align-items:center;padding:4px 0 4px 10px;color:#4e5969;font-size:13px;text-decoration:none;transition:all .15s;position:relative;border-radius:0}
.toc-tree li .toc-link:hover{color:#165dff}
.toc-tree li.active > .toc-link{color:#165dff;background:#f5f7fa;font-weight:600}
.toc-tree li.active > .toc-link:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#165dff}
.toc-tree li .toc-dot{width:5px;height:5px;border-radius:50%;background:#d0d5dd;margin-right:8px;flex-shrink:0;transition:all .15s}
.toc-tree li.level-1 .toc-dot{width:6px;height:6px;background:#86909c}
.toc-tree li.level-2 .toc-dot{width:5px;height:5px;border:1.5px solid #86909c;background:#fff}
.toc-tree li.level-3 .toc-dot{width:4px;height:4px;background:#b0b8c4}
.toc-tree li.active .toc-dot{background:#165dff !important}
.toc-tree li.active.level-2 .toc-dot{border-color:#165dff !important;background:#fff !important}
.toc-tree li.level-1 .toc-link{padding-left:8px}
.toc-tree li.level-2 .toc-link{padding-left:18px}
.toc-tree li.level-3 .toc-link{padding-left:28px}
.toc-tree li.level-4 .toc-link{padding-left:38px}
.toc-tree li.level-5 .toc-link{padding-left:48px}
.toc-tree li.level-6 .toc-link{padding-left:58px}

/* 猜你喜欢 */
.rec-title{position:relative;color:#165dff;font-weight:600;font-size:14px}
.rec-title:after{content:'';position:absolute;left:0;bottom:-2px;width:36px;height:2px;background:#165dff;border-radius:1px}
.rec-item{display:flex;align-items:center;padding:8px 16px;text-decoration:none;border-bottom:1px solid #f5f5f5;transition:background .15s}
.rec-item:last-child{border-bottom:none}
.rec-item:hover{background:#f0f5ff}
.rec-num{width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600;border-radius:2px;flex-shrink:0;margin-right:10px}
.rec-text{color:#4e5969;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rec-item:hover .rec-text{color:#165dff}

/* Grid Cards（分类/标签详情页网格卡片） */
.grid-card{background:#fff;border:1px solid #e8e8e8;transition:box-shadow .25s,transform .25s;display:flex;flex-direction:column;height:100%}
.grid-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.08);transform:translateY(-2px)}
.grid-card-image-wrap{display:block;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#f5f6f7;display:flex;align-items:center;justify-content:center;text-decoration:none}
.grid-card-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.grid-card:hover .grid-card-image-wrap img{transform:scale(1.05)}
.grid-card-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.grid-card-title{font-size:15px;font-weight:600;color:#1a1a2e;margin:0 0 12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.grid-card-title a{color:inherit;text-decoration:none;transition:color .2s}
.grid-card-title a:hover{color:#165dff}
.grid-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.grid-tag{display:inline-block;padding:3px 10px;background:#f0f5ff;color:#165dff;font-size:12px;text-decoration:none;transition:all .2s}
.grid-tag:hover{background:#165dff;color:#fff}
.grid-card-meta{margin-top:auto;display:flex;align-items:center;gap:12px;color:#86909c;font-size:12px;padding-top:14px;border-top:1px solid #f0f0f0}
.grid-card-meta i{margin-right:3px;font-size:11px}
@media(max-width:575px){
.grid-card-title{font-size:14px}
.grid-card-body{padding:14px 14px 16px}
.grid-card-meta{font-size:11px}
}

.article-content{line-height:1.85;font-size:15px;color:#3d3d3d}
.article-content h1,.article-content h2,.article-content h3,.article-content h4{color:var(--text);margin-top:1.6em;margin-bottom:.6em;font-weight:600}
.article-content h2{font-size:1.3rem;padding-bottom:8px;border-bottom:1px solid #f0f0f0}
.article-content h3{font-size:1.1rem}
.article-content h4{font-size:1.05rem;color:#165dff}
.article-content p{margin-bottom:1em}
.article-content img{max-width:100%;margin:1.2em 0;border:1px solid #f0f0f0;border-radius:4px;height:auto}
.article-content a{color:#165dff;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}
.article-content a:hover{text-decoration:none;border-bottom-color:#165dff}

/* Download Block */
.download-block{display:flex;align-items:center;gap:16px;padding:18px 24px;margin:1.4em 0;background:#fff;border:1px solid #e8ecf2;box-shadow:0 1px 4px rgba(0,0,0,.02);transition:border-color .2s,box-shadow .2s}
.download-block:hover{border-color:#c8d0e0;box-shadow:0 2px 14px rgba(22,93,255,.08)}
.download-block i{font-size:28px;color:#165dff;flex-shrink:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#edf2ff;border:1px solid #dce5f5;transition:border-color .2s}
.download-block:hover i{border-color:#c5d2eb}
.download-block .download-info{flex:1;min-width:0}
.download-block .download-info a{display:block;font-weight:600;font-size:14px;color:#1a1a2e;text-decoration:none;border:none;transition:color .15s}
.download-block .download-info a:hover{color:#165dff}
.download-block .download-desc{display:block;font-size:12px;color:#86909c;margin-top:2px;line-height:1.5}
.download-block .download-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:10px 22px;color:#fff;font-size:13px;font-weight:500;text-decoration:none;border:none;background:linear-gradient(135deg,#165dff,#3b7bff);box-shadow:0 2px 8px rgba(22,93,255,.25);transition:all .2s;cursor:pointer}
.download-block .download-btn:hover{color:#fff;background:linear-gradient(135deg,#0e4dcf,#165dff);box-shadow:0 4px 16px rgba(22,93,255,.35);transform:translateY(-1px)}
.download-block .download-btn:active{transform:translateY(0);box-shadow:0 1px 4px rgba(22,93,255,.2)}
.article-content code{background:#f3f4f6;padding:2px 6px;font-size:.88em;color:#e75b5b;border:1px solid #eee;border-radius:3px}

/* Article Bottom Meta */
.article-meta-bottom{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.article-cat-badge{display:inline-flex;align-items:center;padding:5px 12px;background:#165dff;color:#fff;font-size:12px;text-decoration:none;transition:all .2s}
.article-cat-badge:hover{background:#0d47a1;color:#fff}
.article-tag-badge{display:inline-flex;align-items:center;padding:5px 12px;background:#f3f4f6;color:#4e5969;font-size:12px;text-decoration:none;transition:all .2s}
.article-tag-badge:hover{background:#165dff;color:#fff}

/* Article Support Bar */
.article-support{text-align:center;margin-top:16px}
.support-text{color:#86909c;font-size:13px;margin-bottom:14px}
.support-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.support-btn{display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:18px 24px 14px;background:transparent;color:#4e5969;font-size:12px;border:none;cursor:pointer;transition:all .2s;min-width:80px}
.support-btn i{font-size:24px;margin-bottom:4px}
.support-btn:hover{color:#165dff;background:var(--ac-blue-light)}
.support-btn i{font-size:14px}
@media(max-width:575px){
.support-btn{padding:5px 12px;font-size:11px}
.support-btn i{font-size:13px}
}

/* Markdown Tables */
.markdown-table{width:100%;border-collapse:collapse;margin:1em 0;font-size:14px;text-align:left;border:2px solid #d0d5dd}
.markdown-table thead{background:#f5f6f7}
.markdown-table th{padding:10px 14px;font-weight:600;color:#1a1a2e;border:1px solid #d0d5dd}
.markdown-table td{padding:9px 14px;color:#4e5969;border:1px solid #d0d5dd}
.markdown-table thead{border-bottom:2px solid #d0d5dd}
.markdown-table tbody tr:hover{background:#fafbfc}
.table-responsive{overflow-x:auto}

/* Code Block */
.code-block{background:#1e1e1e;border-radius:6px;overflow:hidden;margin:1.2em 0;line-height:17px}
.code-block code{display:block;padding:8px 0;overflow-x:auto;font-size:13px;font-family:'Cascadia Code','Fira Code','JetBrains Mono',Consolas,monospace;line-height:17px;color:#d4d4d4;background:none;border:none}
.code-header{display:flex;align-items:center;padding:8px 16px;background:#252526;border-bottom:1px solid #333;user-select:none}
.code-header .code-dots{display:flex;align-items:center;gap:6px;margin-right:12px}
.code-header .code-dots .dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.code-header .code-dots .dot.red{background:#ff5f57}
.code-header .code-dots .dot.yellow{background:#fdbc40}
.code-header .code-dots .dot.green{background:#33c748}
.code-header .code-lang{font-size:12px;color:#858585;font-family:'Cascadia Code','Fira Code','JetBrains Mono',Consolas,monospace;text-transform:lowercase}
.code-header .code-copy-btn{margin-left:auto;background:transparent;border:1px solid #444;color:#aaa;font-size:11px;padding:2px 10px;border-radius:4px;cursor:pointer;transition:all .2s;font-family:inherit;line-height:1.6}
.code-header .code-copy-btn:hover{background:#444;color:#fff;border-color:#666}
.code-header .code-copy-btn.copied{background:#2ea043;color:#fff;border-color:#2ea043}
.code-line{display:flex;align-items:stretch;min-height:17px;transition:background .1s}
.code-line:hover{background:rgba(255,255,255,.03)}
.code-line .line-num{flex-shrink:0;width:44px;text-align:right;padding-right:12px;color:#6e7681;font-size:12px;line-height:17px;user-select:none;border-right:1px solid #30363d;margin-right:12px}
.code-line .line-code{flex:1;white-space:pre;line-height:17px;color:#d4d4d4}

/* Code block syntax highlight */
.code-line .line-code .hljs-keyword,
.code-line .line-code .hljs-doctag,
.code-line .line-code .hljs-meta .hljs-keyword,
.code-line .line-code .hljs-type{color:#ff7b72}
.code-line .line-code .hljs-title,
.code-line .line-code .hljs-title.class_{color:#d2a8ff}
.code-line .line-code .hljs-attr,
.code-line .line-code .hljs-literal,
.code-line .line-code .hljs-number,
.code-line .line-code .hljs-variable{color:#79c0ff}
.code-line .line-code .hljs-string,
.code-line .line-code .hljs-meta .hljs-string,
.code-line .line-code .hljs-regexp{color:#a5d6ff}
.code-line .line-code .hljs-built_in,
.code-line .line-code .hljs-symbol{color:#ffa657}
.code-line .line-code .hljs-comment,
.code-line .line-code .hljs-code,
.code-line .line-code .hljs-formula{color:#8b949e}
.code-line .line-code .hljs-selector-tag,
.code-line .line-code .hljs-name{color:#7ee787}
.code-line .line-code .hljs-addition{color:#aff5b4;background:#033a16}
.code-line .line-code .hljs-deletion{color:#ffdcd7;background:#67060c}
.code-line .line-code .hljs-section{color:#1f6feb;font-weight:700}
.code-line .line-code .hljs-subst{color:#c9d1d9}
.article-content blockquote{position:relative;margin:1.4em 0;padding:14px 20px 14px 24px;background:#f8faff;border-left:4px solid #165dff}
.article-content blockquote:before{content:'"';position:absolute;top:6px;left:10px;font-size:2rem;color:rgba(22,93,255,.15);font-family:Georgia,serif;line-height:1;pointer-events:none}
.article-content blockquote p{margin-bottom:6px;color:#4e5969;font-size:14.5px;line-height:1.75}
.article-content blockquote p:last-child{margin-bottom:0}
.article-content blockquote br{display:block;content:'';margin-top:4px}
.article-content ul,.article-content ol{padding-left:0;margin-bottom:1em;list-style-position:inside}
.article-content li{margin-bottom:.3em;line-height:1.7}
.article-content hr{border:none;height:1px;background:linear-gradient(90deg,transparent,#e5e7eb,transparent);margin:1.8em 0}
.article-content del{color:#86909c}
.article-content strong{color:#1a1a2e}
.article-content em{color:#555}

/* Pagination */
.page-link{background:#fff;border-color:var(--border);color:var(--text-light)}
.page-link:hover{background:var(--ac-blue);color:#fff;border-color:var(--ac-blue)}
.page-item.active .page-link{background:var(--ac-blue);border-color:var(--ac-blue);color:#fff}

/* Music Player Card */
#musicCard{border-radius:0!important;animation:musicSlideIn .25s ease}
@keyframes musicSlideIn{from{opacity:0;transform:translateX(20px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}
#musicCard .btn:hover{opacity:.85}
#progressTrack:hover #progressBar{background:linear-gradient(90deg,#165dff,#6a9ff1)!important}
#progressTrack:active{cursor:pointer}

/* Share Card */
#shareCard{animation:shareFadeIn .2s ease}
@keyframes shareFadeIn{from{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.share-btn{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:16px 8px 12px;background:transparent;border:none;cursor:pointer;border-radius:0;transition:all .15s;color:#4e5969}
.share-btn:hover{background:#f5f7fa;color:#165dff}
.share-btn i{font-size:22px}
.share-btn span{font-size:12px}

/* Sponsor Card */
#sponsorCard{animation:shareFadeIn .2s ease}
#sponsorCard img{transition:transform .2s}
#sponsorCard img:hover{transform:scale(1.05)}

/* 图片放大 Lightbox */
#imgLightbox{animation:lightboxFadeIn .2s ease}
@keyframes lightboxFadeIn{from{opacity:0}to{opacity:1}}
.article-content img{cursor:zoom-in;transition:opacity .15s}
.article-content img:hover{opacity:.92}

/* Footer */
.blog-footer{border-top:1px solid var(--border);background:#fafbfc;padding-top:36px;padding-bottom:0;margin-top:48px}
.blog-footer .footer-top{margin-bottom:8px}
.blog-footer a:hover{color:var(--ac-blue)!important}

/* 首页通用卡片 */
.info-card{background:#fff;border:1px solid #e8e8e8;transition:box-shadow .25s}
.info-card:hover{box-shadow:0 2px 12px rgba(0,0,0,.04)}
.section-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;margin-bottom:20px;border-bottom:1px solid #f0f0f0}
.section-header h5{font-weight:700;margin:0;color:#1a1a2e;font-size:1.05rem}
.section-header h5 i{color:#165dff;margin-right:6px}
.section-header span{color:#86909c;font-size:12px}

/* 社交图标 hover */
.social-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#86909c;text-decoration:none;transition:color .2s,background .2s;border:1px solid transparent}
.social-icon:hover{color:#165dff!important;background:#f0f5ff}

/* 统计数字 */
.stat-item{text-align:center;padding:0 12px;flex:1}
.stat-item:not(:last-child){border-right:1px solid #f0f0f0}
.stat-num{font-weight:700;color:#165dff;font-size:15px}
.stat-label{color:#86909c;font-size:11px;margin-top:2px}

/* 分类标签统计 */
.cat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;transition:background .15s;border-bottom:1px solid #f5f5f5;font-size:13px;color:#4e5969;text-decoration:none}
.cat-item:hover{background:#f0f5ff;color:#165dff}
.cat-item:last-child{border-bottom:none}
.cat-count{background:#e8f3ff;color:#165dff;padding:1px 8px;font-size:11px}

/* 底部信息块 */
.footer-info{background:#fff;border:1px solid #e8e8e8;padding:24px}
.footer-info .info-title{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.footer-info .info-title i{color:#165dff;font-size:15px}
.footer-info .info-title span{font-weight:600;font-size:13px;color:#1a1a2e}
.footer-info .info-body{color:#86909c;font-size:12px;line-height:2.2}
.footer-info .info-body a{color:#86909c;text-decoration:none;display:block;transition:color .15s}
.footer-info .info-body a:hover{color:#165dff}

/* SweetAlert2 提示框缩小 */
.swal2-popup{width:320px!important;padding:18px 20px!important}
.swal2-title{font-size:14px!important;padding:0!important}
.swal2-icon{margin:8px auto!important}

/* 滚动条 */
::-webkit-scrollbar-thumb{background-color:#165dff;height:50px;outline-offset:-2px;outline:2px solid #fff;-webkit-border-radius:4px;border:2px solid #fff}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track-piece{background-color:#fff;-webkit-border-radius:0}

/* 选中文本颜色 */
::selection{background:#2d6dff;color:#fff}
::-moz-selection{background:#2d6dff;color:#fff}

/* 右键菜单 */
.usercm{background:rgba(255,255,255,.85);backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);font-size:14px;width:170px;box-shadow:0 4px 20px rgba(0,0,0,.1);position:absolute;display:none;z-index:99999;border:1px solid rgba(255,255,255,.8);transition:all .25s ease;opacity:0;transform:translateY(5px)}.usercm.show{display:block;opacity:1;transform:translateY(0)}.usercm:hover{box-shadow:0 4px 20px rgba(0,0,0,.1),0 0 0 1px rgba(22,93,255,.25)}.usercm ul{padding:2px 0;list-style:none;margin:0}.usercm li a{color:#333;padding:8px 16px;display:flex;align-items:center;transition:all .2s;margin:2px 4px;text-decoration:none}.usercm li a i{width:20px;margin-right:10px;text-align:center;font-size:15px;color:#666;transition:color .2s}.usercm li a:hover{background:rgba(22,93,255,.1);color:#165dff}.usercm li a:hover i{color:#165dff}.usercm li.divider{height:1px;background:transparent;border-top:1px dashed rgba(22,93,255,.25);margin:4px 12px}.quick-nav{display:flex;justify-content:center;align-items:center;padding:6px 8px;border-bottom:1px solid rgba(200,200,200,.5);margin-bottom:2px}.quick-nav a{padding:6px 10px;transition:all .2s;color:#333;font-size:14px;background:transparent}.quick-nav a:hover{background:rgba(22,93,255,.1);color:#165dff}@media(max-width:768px){.usercm{width:160px}}

/* 移动端导航栏折叠面板：增加白色背景，避免文字叠在图片上 */
@media(max-width:991px){
.navbar-collapse{position:fixed;top:56px;left:0;right:0;background:#fff;border-bottom:1px solid #e5e7eb;padding:10px 16px;box-shadow:0 4px 12px rgba(0,0,0,.06);z-index:1031}
.navbar-collapse .navbar-nav{gap:0}
.navbar-collapse .nav-link{padding:.55rem .9rem!important}
}

/* ========== 移动端全局优化 ========== */

/* 小屏：文章内容字号微调 */
@media(max-width:575px){
.article-content{font-size:14px;line-height:1.8}
.article-content h2{font-size:1.15rem}
.article-content h3{font-size:1rem}
.article-content blockquote{margin:1em 0;padding:12px 14px 12px 20px}
.article-content blockquote p{font-size:13.5px}
.markdown-table th,.markdown-table td{padding:7px 10px;font-size:13px}
.code-block code{font-size:12px}
.post-card .card-body{padding:1.2rem}
.post-card .post-title{font-size:1.1rem}
.post-card .post-image-wrap{min-height:190px}
.post-card .post-image{min-height:190px}
.download-block{flex-wrap:wrap;padding:14px 16px;gap:10px}
.download-block i{font-size:22px;width:36px;height:36px}
.download-block .download-info{width:calc(100% - 46px);flex:none}
.download-block .download-btn{width:100%;justify-content:center;padding:12px;margin-top:4px}
.download-block .download-desc{font-size:11px}
}

/* 首页 Hero 移动端适配 */
@media(max-width:767px){
#heroSlideshow + .container h1{font-size:1.6rem!important}
#heroSlideshow + .container p{font-size:0.95rem!important}
}

/* 文章页头图高度适配 */
@media(max-width:767px){
.article-hero{height:320px!important}
.article-hero h1{font-size:1.3rem!important}
}
@media(max-width:480px){
.article-hero{height:240px!important}
.article-hero h1{font-size:1.1rem!important}
.article-hero .text-white[style*="font-size:13px"]{font-size:11px!important}
}

/* 音乐播放器 + 访客卡片 移动端对齐 */
@media(max-width:480px){
#musicCard{width:calc(100vw - 24px);right:6px;bottom:100px}
#visitorCard{width:calc(100vw - 24px);right:0}
.m-3.d-flex.flex-column.gap-2{gap:6px!important}
.m-3.d-flex.flex-column.gap-2 button{width:34px!important;height:34px!important}
}

/* 导航栏品牌文字：小屏不换行 */
@media(max-width:400px){
.navbar-brand{font-size:0.9rem}
.navbar-brand img{height:22px!important}
}

/* 首页文章卡片：奇数偶数裁切在单列下无意义 */
@media(max-width:991px){
.post-card:nth-child(odd) .post-image-wrap,
.post-card:nth-child(even) .post-image-wrap{clip-path:none}
}

/* 脚页移动端排版优化 */
@media(max-width:575px){
.footer-top .row .col-6{width:50%;padding:0 8px} /* 导航+分类并排 */
.footer-top .col-lg-4{margin-bottom:16px!important}
.footer-top .col-lg-4 p{max-width:none}
.blog-footer{padding-top:24px}
.blog-footer .footer-top h5{font-size:1rem}
.footer-links{padding:10px 12px!important;gap:4px!important}
.footer-links .small.fw-semibold{width:100%;text-align:center;margin-bottom:2px}
.footer-bottom{flex-direction:column;align-items:center;gap:4px;text-align:center}
.footer-bottom .small{font-size:11px}
.footer-stats .row{justify-content:center}
.footer-stats .row .col-6{padding:0 6px}
.footer-stat-item{padding:12px 8px!important}
.footer-stat-num{font-size:16px!important}
.footer-stat-label{font-size:10px!important}
.footer-quote{font-size:11px;padding:4px 0}
}