.site-header{background-color:var(--bg-color);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-soft)}.site-header .container{max-width:1200px;margin:0 auto;padding:0 20px}.site-header .header-content{display:flex;align-items:center;justify-content:space-between;height:60px}.site-header .header-content .brand{min-width:0;flex:1;margin-right:8px;overflow:hidden;text-decoration:none}.site-header .header-content .brand .brand-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.3rem;font-weight:600;font-family:var(--font-heading);color:var(--primary-color)}.site-header .header-content .brand .brand-text:hover{text-decoration:none}.site-header .header-content .nav-menu{display:flex;gap:30px}.site-header .header-content .nav-menu a{color:var(--text-color);padding:8px 0;border-bottom:2px solid rgba(0,0,0,0)}.site-header .header-content .nav-menu a:hover,.site-header .header-content .nav-menu a.active{color:var(--secondary-color);text-decoration:none}.site-header .header-content .nav-menu a.active{border-bottom-color:var(--secondary-color)}.site-header .header-content .header-tools{display:flex;align-items:center;gap:10px}.site-header .header-content .header-tools .tool-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:8px;min-width:40px;min-height:40px;border-radius:50%;transition:background-color .3s}.site-header .header-content .header-tools .tool-btn:hover{background-color:var(--bg-light)}.site-header .header-content .header-tools .menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:8px;min-width:40px;min-height:40px;line-height:1}.site-header .header-content .header-tools .user-dropdown{position:relative}.site-header .header-content .header-tools .user-dropdown .user-btn{background:none;border:none;display:flex;align-items:center;gap:5px;padding:6px 10px;max-width:140px;min-width:0;cursor:pointer;color:var(--text-color);border-radius:4px;transition:background-color .3s}.site-header .header-content .header-tools .user-dropdown .user-btn .user-btn-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.site-header .header-content .header-tools .user-dropdown .user-btn .user-btn-emoji{flex-shrink:0}.site-header .header-content .header-tools .user-dropdown .user-btn:hover{background-color:var(--bg-light)}.site-header .header-content .header-tools .user-dropdown .user-btn .arrow{font-size:.8rem;color:var(--text-secondary)}.site-header .header-content .header-tools .user-dropdown .dropdown-menu{position:absolute;top:100%;right:0;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.1);min-width:160px;z-index:9999;margin-top:5px}.site-header .header-content .header-tools .user-dropdown .dropdown-menu a{display:block;padding:10px 15px;color:var(--text-color);transition:background-color .3s}.site-header .header-content .header-tools .user-dropdown .dropdown-menu a:hover{background-color:var(--bg-light);text-decoration:none}.site-header .header-content .header-tools .user-dropdown .dropdown-menu .divider{height:1px;background-color:var(--border-color);margin:5px 0}.site-header .header-content .header-tools .user-dropdown .dropdown-menu .logout-btn{display:block;width:100%;text-align:left;padding:10px 15px;background:none;border:none;color:#dc3545;cursor:pointer;transition:background-color .3s}.site-header .header-content .header-tools .user-dropdown .dropdown-menu .logout-btn:hover{background-color:#f8d7da}.site-header .header-content .header-tools .login-link{color:var(--secondary-color);font-weight:500;padding:5px 10px}.site-header .header-content .header-tools .login-link:hover{text-decoration:none}.site-header .mobile-drawer{display:none}@media(max-width: 768px){.site-header .container{padding:0 12px}.site-header .header-content{gap:6px}.site-header .header-content .brand{max-width:calc(100vw - 168px)}.site-header .header-content .brand .brand-text{font-size:.82rem;font-weight:600;font-family:var(--font-heading);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.22;word-break:break-word}.site-header .header-content .nav-menu{display:none}.site-header .header-content .header-tools{flex-shrink:0}.site-header .header-content .header-tools .menu-toggle{display:block}.site-header .header-content .header-tools .user-btn{max-width:96px}.site-header .mobile-drawer{display:block;position:fixed;inset:0;z-index:2000;pointer-events:none}.site-header .mobile-drawer .mobile-menu-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);pointer-events:auto}.site-header .mobile-drawer .mobile-menu-panel{position:absolute;top:0;right:0;width:min(300px,88vw);height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:72px 16px 24px;background-color:var(--bg-color);box-shadow:-4px 0 24px rgba(0,0,0,.12);pointer-events:auto;display:flex;flex-direction:column;gap:4px}.site-header .mobile-drawer .mobile-menu-panel a{display:block;padding:14px 12px;border-radius:8px;color:var(--text-color);font-size:1rem}.site-header .mobile-drawer .mobile-menu-panel a:hover{background-color:var(--bg-light);text-decoration:none}}
.site-footer{background-color:var(--bg-light);margin-top:50px;padding:40px 0 20px;border-top:1px solid var(--border-color)}.site-footer .container{max-width:1200px;margin:0 auto;padding:0 20px}.site-footer .footer-content{display:grid;grid-template-columns:repeat(4, 1fr);gap:30px;margin-bottom:30px}.site-footer .footer-content .footer-section h4{margin-bottom:15px;font-size:1.1rem;font-family:var(--font-heading);color:var(--primary-color)}.site-footer .footer-content .footer-section p{color:var(--text-secondary);line-height:1.8}.site-footer .footer-content .footer-section ul li{margin-bottom:8px}.site-footer .footer-content .footer-section ul li a{color:var(--text-secondary)}.site-footer .footer-content .footer-section ul li a:hover{color:var(--secondary-color)}.site-footer .footer-bottom{padding-top:20px;border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);font-size:.9rem}.site-footer .footer-bottom .footer-beian{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;margin:0 0 14px;font-size:11px;line-height:1.45;color:#8e9196}.site-footer .footer-bottom .footer-beian__sep{color:#6d7178;user-select:none}.site-footer .footer-bottom .footer-beian__link,.site-footer .footer-bottom .footer-beian__link:link,.site-footer .footer-bottom .footer-beian__link:visited,.site-footer .footer-bottom .footer-beian__link:active{color:#8e9196 !important;text-decoration:none;border-bottom:1px solid rgba(142,145,150,.4);transition:color .15s ease,border-color .15s ease}.site-footer .footer-bottom .footer-beian__link:hover{color:#a3a6ab !important;border-bottom-color:rgba(163,166,171,.55)}.site-footer .footer-bottom .powered-by{margin-top:8px;font-size:.8rem}@media(max-width: 768px){.site-footer .footer-content{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 480px){.site-footer .footer-content{grid-template-columns:1fr}}
.breadcrumb{padding:10px 0;margin-bottom:20px;background-color:var(--bg-light);border-radius:4px;padding-left:15px;padding-right:12px;font-size:.9rem;color:var(--text-secondary);overflow-wrap:anywhere;word-break:break-word}.breadcrumb a{color:var(--secondary-color)}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .separator{margin:0 8px;color:var(--text-secondary)}.breadcrumb .current{color:var(--text-color)}@media(max-width: 480px){.breadcrumb{font-size:.82rem;padding-left:10px;padding-right:10px}.breadcrumb .separator{margin:0 4px}}
#app{min-height:100vh;display:flex;flex-direction:column;max-width:100vw;overflow-x:hidden;background-color:var(--bg-color)}#app .main-content{flex:1;width:100%;min-width:0;max-width:1200px;margin:0 auto;padding:20px}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media(max-width: 768px){.main-content{padding:12px}}@media(max-width: 480px){.main-content{padding:10px 12px}}
.article-list .loading,.article-list .empty{text-align:center;padding:50px;color:var(--text-secondary)}.article-list .article-item{padding:25px 0;border-bottom:1px solid var(--border-color)}.article-list .article-item:first-child{padding-top:0}.article-list .article-item .article-title{margin-bottom:10px;font-size:1.5rem;font-family:var(--font-heading);font-weight:600}.article-list .article-item .article-title a{color:var(--text-color)}.article-list .article-item .article-title a:hover{color:var(--secondary-color);text-decoration:none}.article-list .article-item .article-meta{display:flex;gap:15px;margin-bottom:10px;color:var(--text-secondary);font-size:.9rem}.article-list .article-item .article-excerpt{color:var(--text-secondary);line-height:1.7;margin-bottom:10px}.article-list .article-item .article-tags{display:flex;gap:6px;margin-bottom:10px}.article-list .article-item .article-tags .tag{padding:2px 8px;background-color:var(--bg-light);border-radius:4px;font-size:.8rem;color:var(--text-secondary)}.article-list .article-item .read-more{font-size:.9rem}@media(max-width: 600px){.article-list .article-item{padding:18px 0}.article-list .article-item .article-title{font-size:1.2rem}.article-list .article-item .article-meta{flex-wrap:wrap;gap:8px 14px;font-size:.85rem}}
.tag-cloud-preview{width:100%;min-width:0;line-height:2.5}.tag-cloud-preview a{word-break:break-word}.tag-cloud-preview .tag-item{display:inline-block;margin-right:8px;margin-bottom:8px}.tag-cloud-preview .tag-item:hover{color:var(--secondary-color);text-decoration:none}.tag-cloud-preview .more-tag{margin-top:10px;text-align:right;font-size:.9rem}@media(max-width: 600px){.tag-cloud-preview .tag-item{margin-right:6px;margin-bottom:6px}.tag-cloud-preview .more-tag{text-align:left;padding-right:0}}
.archive-preview{width:100%;min-width:0}.archive-preview ul{width:100%}.archive-preview ul li{width:100%;min-width:0;padding:4px 0}.archive-preview ul li a{display:inline-block;max-width:100%;overflow-wrap:anywhere}.archive-preview .view-all{margin-top:10px;text-align:right;font-size:.9rem}@media(max-width: 600px){.archive-preview .view-all{text-align:left;padding-right:0}}
.home-page{display:grid;grid-template-columns:1fr 300px;gap:30px;width:100%;min-width:0}.home-page .site-header{grid-column:1/-1;text-align:center;padding:40px 0;border-bottom:1px solid var(--border-color)}.home-page .site-header .site-title{font-size:2.5rem;font-weight:600;font-family:var(--font-heading);margin-bottom:10px;color:var(--primary-color)}.home-page .site-header .site-subtitle{font-size:1.2rem;color:var(--text-secondary);font-family:var(--font-body)}.home-page .category-nav{grid-column:1/-1;margin-bottom:20px}.home-page .category-nav ul{display:flex;justify-content:center;column-gap:20px;row-gap:12px;flex-wrap:wrap}.home-page .category-nav ul a{padding:8px 16px;border-radius:var(--radius-md);color:var(--text-color);background-color:var(--bg-light);border:1px solid rgba(0,0,0,0);transition:background-color .25s ease,border-color .25s ease,color .25s ease}.home-page .category-nav ul a:hover{background-color:rgba(154,107,58,.12);border-color:rgba(154,107,58,.35);color:var(--secondary-color);text-decoration:none}.home-page .latest-articles h2{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color);font-family:var(--font-heading)}.home-page .home-sidebar{width:100%;min-width:0}.home-page .home-sidebar .widget{width:100%;min-width:0;margin-bottom:30px;padding:20px;background-color:var(--bg-light);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-soft)}.home-page .home-sidebar .widget h3{margin-bottom:15px;font-size:1.1rem;font-family:var(--font-heading);color:var(--primary-color)}.home-page .home-sidebar .category-distribution{display:flex;flex-direction:column;gap:8px}.home-page .home-sidebar .category-distribution .category-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;border:1px solid rgba(154,107,58,.2);background:linear-gradient(120deg, rgba(154, 107, 58, 0.16), rgba(154, 107, 58, 0.08))}@media(max-width: 900px){.home-page{display:flex;flex-direction:column;width:100%;min-width:0}.home-page .home-sidebar{width:100%;max-width:100%;margin-top:12px;padding-top:28px;border-top:1px solid var(--border-color)}.home-page .latest-articles,.home-page .category-nav,.home-page .site-header{width:100%;min-width:0}}@media(max-width: 600px){.home-page{gap:20px}.home-page .site-header{padding:24px 0}.home-page .site-header .site-title{font-size:1.65rem}.home-page .site-header .site-subtitle{font-size:1rem}.home-page .category-nav ul{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:12px;row-gap:12px;justify-content:stretch;align-items:stretch}.home-page .category-nav li{margin:0;min-width:0}.home-page .category-nav a{width:100%;min-height:42px;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.3}.home-page .home-sidebar{width:100%;min-width:0}.home-page .home-sidebar .widget{width:100%;max-width:100%;padding:16px}}
:root{--font-heading: 'Lora', 'Songti SC', 'Noto Serif SC', Georgia, 'Times New Roman', serif;--font-body: 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--primary-color: #54483c;--secondary-color: #836447;--text-color: #4e4439;--text-secondary: #64594d;--border-color: #e6ddd3;--bg-color: #f9f4ec;--bg-light: #f7f1e8;--radius-md: 10px;--radius-lg: 14px;--shadow-soft: 0 3px 14px rgba(84, 72, 60, 0.045)}html.dark-mode{--primary-color: #d4c8ba;--secondary-color: #b99b7c;--text-color: #d5ccc2;--text-secondary: #b4a89a;--border-color: #3c352c;--bg-color: #241f19;--bg-light: #2b251e;--shadow-soft: 0 3px 16px rgba(0, 0, 0, 0.28)}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{height:100%;font-family:var(--font-body);font-size:16px;line-height:1.65;color:var(--text-color);background-color:var(--bg-color);transition:background-color .3s ease,color .3s ease}html.dark-mode,body.dark-mode{background-color:var(--bg-color);color:var(--text-color)}body{overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:600;letter-spacing:.02em}a{color:var(--secondary-color);text-decoration:none;transition:color .3s ease}a:hover{text-decoration:underline}ul,ol{list-style:none}img{max-width:100%;height:auto}html.dark-mode a{color:#caa888}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}

/*# sourceMappingURL=main.f1b677cd30ec06344046.css.map*/