.app[data-v-b7e5d098]{min-height:100vh;background:transparent;color:var(--text);position:relative;z-index:1}.navbar[data-v-b7e5d098]{background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--border);height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100;transition:background .3s;box-shadow:var(--glass-shadow)}.navbar-brand[data-v-b7e5d098]{font-size:20px;font-weight:600;color:var(--text);cursor:pointer;display:flex;align-items:center;gap:8px}.brand-icon[data-v-b7e5d098]{width:28px;height:28px;border-radius:6px}.navbar-nav[data-v-b7e5d098]{display:flex;gap:24px;align-items:center}.nav-link[data-v-b7e5d098]{color:var(--text2);cursor:pointer;font-size:15px;transition:color .2s;-webkit-user-select:none;user-select:none}.nav-link[data-v-b7e5d098]:hover,.nav-link.active[data-v-b7e5d098]{color:var(--primary)}.nav-link.active[data-v-b7e5d098]{font-weight:500}.hamburger[data-v-b7e5d098]{display:none;cursor:pointer;font-size:22px;color:var(--text)}.theme-selector[data-v-b7e5d098]{position:relative}.theme-btn[data-v-b7e5d098]{cursor:pointer;-webkit-user-select:none;user-select:none}.theme-dropdown[data-v-b7e5d098]{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:8px;padding:4px;min-width:140px;box-shadow:var(--glass-shadow);z-index:200}.theme-option[data-v-b7e5d098]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;color:var(--text2);transition:all .15s;-webkit-user-select:none;user-select:none}.theme-option[data-v-b7e5d098]:hover{background:#3498db14;color:var(--primary)}.theme-option.active[data-v-b7e5d098]{color:var(--primary);font-weight:500;background:#3498db1f}.theme-option span[data-v-b7e5d098]{font-size:16px}.back-top-btn[data-v-b7e5d098]{position:fixed;bottom:32px;right:32px;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--glass-shadow);transition:all .25s;z-index:150}.back-top-btn[data-v-b7e5d098]:hover{color:var(--primary);border-color:var(--primary);box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.back-top-enter-active[data-v-b7e5d098],.back-top-leave-active[data-v-b7e5d098]{transition:opacity .3s,transform .3s}.back-top-enter-from[data-v-b7e5d098],.back-top-leave-to[data-v-b7e5d098]{opacity:0;transform:translateY(12px)}@media (max-width: 768px){.back-top-btn[data-v-b7e5d098]{bottom:20px;right:20px;width:40px;height:40px}}.main[data-v-b7e5d098]{max-width:960px;margin:0 auto;padding:24px 16px;min-height:calc(100vh - 120px)}.footer[data-v-b7e5d098]{text-align:center;padding:24px;font-size:13px;color:var(--text2);border-top:1px solid var(--border);background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.footer-content[data-v-b7e5d098]{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.beian-link[data-v-b7e5d098]{color:var(--text2);text-decoration:none;transition:color .2s}.beian-link[data-v-b7e5d098]:hover{color:var(--primary)}@media (max-width: 768px){.navbar-nav[data-v-b7e5d098]{display:none}.navbar-nav.open[data-v-b7e5d098]{display:flex;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));padding:16px;border-bottom:1px solid var(--border);gap:12px;box-shadow:var(--glass-shadow)}.hamburger[data-v-b7e5d098]{display:block}.theme-dropdown[data-v-b7e5d098]{position:static;margin-top:4px;box-shadow:none}}.home-grid[data-v-616f601f]{display:grid;grid-template-columns:2fr 1fr;gap:24px}.section-title[data-v-616f601f]{font-size:18px;font-weight:600;margin-bottom:20px;border-bottom:2px solid var(--primary);display:inline-block;background:var(--bg-card);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:8px 12px;border-radius:8px;box-shadow:var(--glass-shadow)}.articles-grid[data-v-616f601f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.article-card-new[data-v-616f601f]{background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;box-shadow:var(--glass-shadow)}.article-card-new[data-v-616f601f]:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 40px #00000026}.card-cover[data-v-616f601f]{height:120px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-cover[data-v-616f601f]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.3) 100%)}.card-cover-icon[data-v-616f601f]{font-size:40px;opacity:.9;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.card-body[data-v-616f601f]{padding:16px}.card-title[data-v-616f601f]{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta[data-v-616f601f]{font-size:12px;color:var(--text2);margin-bottom:10px;display:flex;gap:8px;flex-wrap:wrap}.card-summary[data-v-616f601f]{font-size:13px;color:var(--text2);line-height:1.5;margin-bottom:12px}.card-tags[data-v-616f601f]{display:flex;gap:6px;flex-wrap:wrap}.tag-pill[data-v-616f601f]{padding:4px 12px;background:#3498db1a;color:var(--primary);border-radius:20px;font-size:12px;font-weight:500}[data-theme=dark] .tag-pill[data-v-616f601f]{background:#5dade226}.category-item[data-v-616f601f]{cursor:pointer}.view-more-link[data-v-616f601f]{text-align:center;padding:16px;margin-top:8px;font-size:14px;color:var(--primary);cursor:pointer;transition:all .2s;background:var(--bg-card);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:8px;border:1px solid var(--border)}.view-more-link[data-v-616f601f]:hover{color:var(--primary-h);background:#3498db14}@media (max-width: 768px){.home-grid[data-v-616f601f],.articles-grid[data-v-616f601f]{grid-template-columns:1fr}}.filter-bar[data-v-b3c876fa]{display:flex;gap:12px;margin-bottom:16px}.filter-select[data-v-b3c876fa]{padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text);font-size:14px;cursor:pointer;transition:all .2s}.filter-select[data-v-b3c876fa]:hover{border-color:var(--primary)}.filter-select[data-v-b3c876fa]:focus{outline:none;border-color:var(--primary)}.reading-progress[data-v-966911a7]{position:fixed;top:60px;left:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);z-index:99;transition:width .1s ease-out}.article-detail-page[data-v-966911a7]{position:relative;display:flex;gap:24px}.toc-sidebar[data-v-966911a7]{position:sticky;top:80px;width:200px;max-height:calc(100vh - 100px);overflow-y:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px;font-size:13px;flex-shrink:0}.toc-title[data-v-966911a7]{font-weight:600;color:var(--text);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.toc-item[data-v-966911a7]{padding:6px 8px;margin:2px 0;color:var(--text2);cursor:pointer;border-radius:4px;transition:all .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toc-item[data-v-966911a7]:hover{color:var(--primary);background:#3498db14}.toc-item.toc-h3[data-v-966911a7]{padding-left:20px;font-size:12px}@media (max-width: 1024px){.toc-sidebar[data-v-966911a7]{display:none}.article-detail-page[data-v-966911a7]{flex-direction:column}.article-detail[data-v-966911a7]{width:100%}}.article-detail[data-v-966911a7]{flex:1;min-width:0}.article-header[data-v-966911a7]{display:flex;align-items:flex-start;gap:12px;margin-bottom:0}.back-btn[data-v-966911a7],.share-btn[data-v-966911a7]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text2);cursor:pointer;transition:all .2s}.back-btn[data-v-966911a7]:hover,.share-btn[data-v-966911a7]:hover{color:var(--primary);border-color:var(--primary);background:#3498db14}.article-header h1[data-v-966911a7]{flex:1;margin-bottom:0}.share-toast[data-v-966911a7]{position:fixed;top:24px;left:50%;transform:translate(-50%);padding:10px 24px;background:#27ae60;color:#fff;border-radius:8px;font-size:14px;box-shadow:0 4px 16px #00000026;z-index:9999;pointer-events:none}[data-theme=dark] .share-toast[data-v-966911a7]{background:#2ecc71;color:#1a1a2e}.toast-fade-enter-active[data-v-966911a7],.toast-fade-leave-active[data-v-966911a7]{transition:opacity .3s,transform .3s}.toast-fade-enter-from[data-v-966911a7],.toast-fade-leave-to[data-v-966911a7]{opacity:0;transform:translate(-50%) translateY(-12px)}.comments-section[data-v-966911a7]{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.comments-title[data-v-966911a7]{font-size:18px;font-weight:600;color:var(--text);margin-bottom:16px}.comment-form[data-v-966911a7]{margin-bottom:24px}.comment-input[data-v-966911a7]{width:200px;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text);font-size:14px;margin-bottom:8px}.comment-textarea[data-v-966911a7]{width:100%;min-height:80px;padding:12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text);font-size:14px;resize:vertical;margin-bottom:8px}.comment-submit[data-v-966911a7]{padding:8px 20px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:opacity .2s}.comment-submit[data-v-966911a7]:disabled{opacity:.5;cursor:not-allowed}.comment-list[data-v-966911a7]{margin-top:16px}.comment-item[data-v-966911a7]{padding:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin-bottom:12px}.comment-meta[data-v-966911a7]{display:flex;gap:12px;font-size:13px;margin-bottom:8px}.comment-author[data-v-966911a7]{color:var(--primary);font-weight:500}.comment-date[data-v-966911a7]{color:var(--text2)}.comment-content[data-v-966911a7]{color:var(--text);font-size:14px;line-height:1.6}.no-comments[data-v-966911a7]{color:var(--text2);text-align:center;padding:24px}.message-hidden[data-v-e3aaaf9a]{opacity:.5}:root{--bg: #f8f9fa;--bg-card: rgba(255, 255, 255, .75);--bg-card-solid: #fff;--text: #333;--text2: #666;--border: rgba(0, 0, 0, .12);--primary: #3498db;--primary-h: #2980b9;--glass-blur: 16px;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08)}[data-theme=dark]{--bg: #1a1a2e;--bg-card: rgba(22, 33, 62, .75);--bg-card-solid: #16213e;--text: #e0e0e0;--text2: #aaa;--border: rgba(255, 255, 255, .1);--primary: #5dade2;--primary-h: #3498db;--glass-blur: 16px;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}html{background:transparent}body{font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;color:var(--text);line-height:1.6;transition:color .3s;background:transparent!important}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg);background-image:var(--bg-image, none);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1;transition:background-color .3s;pointer-events:none}.article-card,.article-detail,.sidebar-card,.message-form,.message-item,.admin-sidebar,.admin-content,.admin-table,.login-card,.editor-panel,.navbar,.footer{background:var(--bg-card)}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-overlay-color, rgba(0, 0, 0, .3));z-index:-1;pointer-events:none;transition:background .3s}a{color:var(--primary);text-decoration:none;cursor:pointer}a:hover{color:var(--primary-h)}.text-center{text-align:center}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.flex-between{display:flex;justify-content:space-between;align-items:center}.article-card{background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px;cursor:pointer;transition:transform .2s,box-shadow .2s,background .3s;box-shadow:var(--glass-shadow)}.article-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.article-title{font-size:17px;font-weight:600;margin-bottom:8px}.article-meta{font-size:13px;color:var(--text2);margin-bottom:8px;display:flex;gap:12px;flex-wrap:wrap}.article-summary{font-size:14px;color:var(--text2);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-tags{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap}.tag-item{display:inline-block;padding:3px 10px;background:#3498db1a;color:var(--primary);border-radius:12px;font-size:12px}[data-theme=dark] .tag-item{background:#5dade226}.article-detail{background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:12px;padding:32px;transition:background .3s;box-shadow:var(--glass-shadow)}.article-detail h1{font-size:26px;margin-bottom:12px}.article-detail .meta{font-size:14px;color:var(--text2);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.article-content{line-height:1.8;font-size:15px}.article-content h2{font-size:20px;margin:24px 0 12px}.article-content h3{font-size:17px;margin:20px 0 10px}.article-content p{margin-bottom:12px}.article-content code{background:#0000000d;padding:2px 6px;border-radius:3px;font-size:13px;font-family:Fira Code,monospace}[data-theme=dark] .article-content code{background:#ffffff1a}.article-content pre{background:#f6f8fa;border-radius:6px;padding:16px;overflow-x:auto;margin:16px 0}[data-theme=dark] .article-content pre{background:#0d1117}.article-content pre code{background:none;padding:0}.article-content blockquote{border-left:3px solid var(--primary);padding-left:16px;margin:16px 0;color:var(--text2)}.article-content table{border-collapse:collapse;width:100%;margin:16px 0}.article-content th,.article-content td{border:1px solid var(--border);padding:8px 12px}.article-content th{background:#00000008}[data-theme=dark] .article-content th{background:#ffffff0d}.article-content ul,.article-content ol{padding-left:24px;margin-bottom:12px}.article-content li{margin-bottom:4px}.article-content img{max-width:100%;border-radius:6px;margin:12px 0}.nav-article{display:flex;justify-content:space-between;margin-top:32px;padding-top:16px;border-top:1px solid var(--border)}.sidebar-card{background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px;transition:background .3s;box-shadow:var(--glass-shadow)}.sidebar-title{font-size:15px;font-weight:600;margin-bottom:12px}.category-item{padding:6px 0;font-size:14px;cursor:pointer;color:var(--text2)}.category-item:hover{color:var(--primary)}.message-form{background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:24px;transition:background .3s;box-shadow:var(--glass-shadow)}.message-item{background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:12px;padding:16px 20px;transition:background .3s;box-shadow:var(--glass-shadow)}.message-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px;color:var(--text2)}.message-nickname{font-weight:500;color:var(--text)}.message-content{font-size:14px;line-height:1.6}.message-reply{margin-top:10px;padding:10px 14px;background:#3498db14;border-radius:6px;font-size:13px;border-left:3px solid var(--primary)}[data-theme=dark] .message-reply{background:#5dade21a}.admin-layout{display:flex;min-height:calc(100vh - 60px);gap:0}.admin-sidebar{width:200px;background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--border);padding:20px 0;flex-shrink:0;transition:background .3s;box-shadow:var(--glass-shadow)}.admin-menu-item{padding:10px 20px;cursor:pointer;font-size:14px;color:var(--text2);transition:all .2s;border-left:3px solid transparent}.admin-menu-item:hover{background:#3498db14;color:var(--primary);border-left-color:var(--primary)}.admin-menu-item.active{background:#3498db1f;color:var(--primary);font-weight:500;border-left-color:var(--primary)}.admin-content{flex:1;padding:24px;background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:0 12px 12px 0;box-shadow:var(--glass-shadow)}.admin-table{width:100%;background:var(--bg-card);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:8px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--glass-shadow)}.admin-table th{text-align:left;padding:10px 12px;border-bottom:2px solid var(--border);font-size:13px;color:var(--text2);background:#3498db0d;font-weight:600}.admin-table td{padding:10px 12px;border-bottom:1px solid var(--border);font-size:14px;transition:background .2s;vertical-align:middle}.admin-table tr:hover td{background:#3498db0d}.login-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 60px)}.login-card{background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:12px;padding:40px;width:380px;text-align:center;transition:background .3s;box-shadow:var(--glass-shadow)}.search-box{margin-bottom:20px}.search-input{width:100%;padding:10px 16px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text);outline:none;transition:border-color .2s,background .3s}.search-input:focus{border-color:var(--primary)}.pagination{display:flex;justify-content:center;margin-top:24px;gap:4px}.page-btn{padding:6px 16px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text);cursor:pointer;font-size:14px;transition:all .2s}.page-btn:hover{border-color:var(--primary);color:var(--primary)}.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center}.editor-panel{background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:12px;padding:32px;width:90%;max-width:700px;max-height:80vh;overflow-y:auto;box-shadow:var(--glass-shadow)}@media (max-width: 768px){.home-grid{grid-template-columns:1fr}.admin-sidebar{width:60px}.admin-menu-item span{display:none}.article-detail{padding:20px}}.admin-feedback{margin-bottom:12px;padding:10px 12px;border-radius:6px;font-size:13px;line-height:1.5;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.admin-feedback--error{color:#c0392b;background:#e74c3c1a;border:1px solid rgba(231,76,60,.25)}.admin-feedback--success{color:#1e8449;background:#27ae601a;border:1px solid rgba(39,174,96,.25)}