@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.6435ea53.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;background-color:#f5f7fa;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;font-size:16px}a{color:#409eff;text-decoration:none}a:hover{color:#66b1ff}h1,h2,h3,h4,h5,h6{margin-bottom:.5em;font-weight:500;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1em;line-height:1.6}.container,.home-container,.articles-container,.categories-container,.tags-container,.about-container,.profile-container,.dashboard-container,.article-detail-container,.login-container,.register-container,.write-article-container,.not-found{width:1200px;max-width:1200px;margin:0 auto;padding:0}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-column{flex-direction:column;display:flex}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}@media (max-width:1200px){.container,.home-container,.articles-container,.categories-container,.tags-container,.about-container,.profile-container,.dashboard-container,.article-detail-container,.login-container,.register-container,.write-article-container,.not-found{width:100%;max-width:100%;padding:0 15px}}@media (max-width:992px){.container{max-width:720px}}@media (max-width:768px){.container{max-width:540px}}@media (max-width:576px){.container{max-width:100%}}
:root{--primary-color:#1e90ff;--primary-light:#4da6ff;--primary-dark:#06c;--neutral-dark:#2c3e50;--neutral-medium:#606f7b;--neutral-light:#f5f7fa;--accent-color:#fff;--border-color:#e6e6e6;--shadow-color:rgba(0,0,0,.1);--tag-blue:#1e90ff;--tag-green:#42b883;--tag-purple:#9b59b6;--tag-orange:#f39c12;--tag-red:#e74c3c;--tag-teal:#1abc9c;--tag-pink:#e84393;--tag-indigo:indigo;--font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--border-radius-sm:3px;--border-radius-md:5px;--border-radius-lg:8px;--shadow-sm:0 1px 3px rgba(0,0,0,.1);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--content-width-xl:1400px;--content-width-lg:1140px;--content-width-md:860px;--content-width-sm:640px}body{font-family:var(--font-family);color:var(--neutral-dark);background-color:var(--neutral-light)}a{color:var(--primary-color);transition:color .3s}a:hover{color:var(--primary-light)}.layout-container{background-color:var(--accent-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg);transition:box-shadow .3s,transform .3s;overflow:hidden}.layout-container:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.content-layout{background-color:var(--accent-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.sidebar-layout{background-color:var(--accent-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-md)}.btn-primary{background-color:var(--primary-color);color:var(--accent-color);border-radius:var(--border-radius-md);padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;border:none;transition:background-color .3s}.btn-primary:hover{background-color:var(--primary-light)}.card{background-color:var(--accent-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);transition:box-shadow .3s,transform .2s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.nav-theme{background-color:var(--accent-color);color:var(--neutral-dark);box-shadow:var(--shadow-md);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg)}.nav-link{color:var(--neutral-medium);border-radius:var(--border-radius-md);padding:var(--spacing-sm)var(--spacing-md);font-size:20px;font-weight:500;transition:all .3s}.nav-link.active,.nav-link:hover{color:var(--primary-color);background-color:var(--neutral-light)}.footer-theme{background-color:var(--accent-color);color:var(--neutral-medium);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-md)0;margin-top:var(--spacing-xl)}.table-layout{background-color:var(--accent-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg);overflow:hidden}.form-layout{background-color:var(--accent-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.input-theme{border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-sm);box-shadow:var(--shadow-sm);transition:all .3s}.input-theme:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(30,144,255,.2)}.modal-layout{background-color:var(--accent-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-lg)}.list-layout{background-color:var(--accent-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.list-item{border-bottom:1px solid var(--border-color);padding:var(--spacing-md)0;transition:background-color .3s}.list-item:last-child{border-bottom:none}.list-item:hover{background-color:var(--neutral-light)}.hero-section{background-color:var(--accent-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);transition:box-shadow .3s,transform .3s;position:relative;overflow:hidden}.hero-section:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.hero-section .hero-content{z-index:2;position:relative}.hero-section .hero-background{z-index:1;opacity:.1;border-radius:var(--border-radius-lg);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}html[data-theme=light-theme] .loading,html[data-theme=light-theme] .no-categories{color:#666}html[data-theme=light-theme] .loading-spinner{border-top:4px solid #3498db}html[data-theme=light-theme] .empty-icon{color:#ccc}html[data-theme=light-theme] .empty-hint{color:#999}html[data-theme=light-theme] .category-card{background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.05)}html[data-theme=light-theme] .category-card:hover{box-shadow:0 8px 15px rgba(0,0,0,.1)}html[data-theme=light-theme] .category-card:before{background:linear-gradient(90deg,#1e90ff 0%,#4169e1 50%,#0000cd 100%)}html[data-theme=light-theme] .category-icon{color:#3498db}html[data-theme=light-theme] .category-card h2{color:#2c3e50}html[data-theme=light-theme] .category-card:hover h2{color:#3498db}html[data-theme=light-theme] .article-count{color:#666}html[data-theme=light-theme] .category-card.has-children{border-bottom-color:rgba(52,152,219,.3)}html[data-theme=light-theme] .category-card.has-children:hover{border-bottom-color:#3498db}html[data-theme=light-theme] .subcategory-indicator{color:#3498db;background-color:rgba(52,152,219,.1)}html[data-theme=light-theme] .category-card:hover .subcategory-indicator{background-color:rgba(52,152,219,.2)}html[data-theme=light-theme] .category-articles{border-top:1px solid #eee}html[data-theme=light-theme] .category-path{color:#666}html[data-theme=light-theme] .category-path a{color:#3498db}html[data-theme=light-theme] .path-separator{color:#999}html[data-theme=light-theme] .category-header h2{color:#2c3e50}html[data-theme=light-theme] .category-header h2:after{background-color:#3498db}html[data-theme=light-theme] .parent-btn{color:#333;background-color:#f1f1f1}html[data-theme=light-theme] .parent-btn:hover{background-color:#e0e0e0}html[data-theme=light-theme] .back-btn{color:#fff;background-color:#3498db}html[data-theme=light-theme] .back-btn:hover{background-color:#2980b9}html[data-theme=light-theme] .subcategories h3{color:#333}html[data-theme=light-theme] .subcategories h3:after{background-color:#3498db}html[data-theme=light-theme] .subcategory-card{background-color:#f9f9f9}html[data-theme=light-theme] .subcategory-card:hover{background-color:#f1f1f1;border-left-color:#3498db}html[data-theme=light-theme] .subcategory-card h4{color:#2c3e50}html[data-theme=light-theme] .subcategory-card:hover h4{color:#3498db}html[data-theme=light-theme] .subcategory-card p{color:#666}html[data-theme=light-theme] .no-articles{color:#666;background-color:#f9f9f9}html[data-theme=light-theme] .articles-list h3{color:#333}html[data-theme=light-theme] .articles-list h3:after{background-color:#3498db}html[data-theme=light-theme] .article-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.12)}html[data-theme=light-theme] .article-date,html[data-theme=light-theme] .article-views{color:#888}html[data-theme=light-theme] .article-title{color:#2c3e50}html[data-theme=light-theme] .article-item:hover .article-title{color:#3498db}html[data-theme=light-theme] .article-summary{color:#555}html[data-theme=light-theme] .load-more button{background-color:#f1f1f1}html[data-theme=light-theme] .load-more button:hover{background-color:#e0e0e0}html[data-theme=light-theme] .subcategory-header i{color:#3498db;font-size:1.1rem}html[data-theme=light-theme] .subcategory-card:hover .subcategory-header i{color:#2980b9}html[data-theme=light-theme] .sub-has-children{color:#3498db}html[data-theme=light-theme] .dashboard-container{max-width:1200px;margin:0 auto;padding:20px}html[data-theme=light-theme] h1{text-align:center;color:var(--neutral-dark);margin-bottom:30px}html[data-theme=light-theme] .dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;display:grid}html[data-theme=light-theme] .stat-card{background-color:var(--accent-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);align-items:center;padding:20px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}html[data-theme=light-theme] .stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}html[data-theme=light-theme] .stat-icon{color:#4a90e2;background-color:#e8f0fe;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-right:15px;font-size:24px;transition:all .3s;display:flex}html[data-theme=light-theme] .stat-icon svg{stroke-width:2px;width:24px;height:24px}html[data-theme=light-theme] .stat-icon.article-icon,html[data-theme=light-theme] .stat-icon.view-icon,html[data-theme=light-theme] .stat-icon.comment-icon,html[data-theme=light-theme] .stat-icon.like-icon{color:var(--primary-color);background-color:var(--neutral-light)}html[data-theme=light-theme] .stat-content h3{color:var(--neutral-medium);margin:0;font-size:16px}html[data-theme=light-theme] .stat-value{color:var(--neutral-dark);margin:5px 0 0;font-size:24px;font-weight:700}html[data-theme=light-theme] .dashboard-content{grid-template-columns:1fr;gap:30px;display:grid}@media (min-width:768px){html[data-theme=light-theme] .dashboard-content{grid-template-columns:3fr 2fr}}html[data-theme=light-theme] .dashboard-section{background-color:var(--accent-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:20px;position:relative;overflow:hidden}html[data-theme=light-theme] .section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}html[data-theme=light-theme] .section-header h2{color:var(--neutral-dark);margin:0}html[data-theme=light-theme] .new-article-btn{background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;align-items:center;padding:8px 15px;font-size:14px;text-decoration:none;transition:background-color .3s;display:inline-flex}html[data-theme=light-theme] .btn-icon{margin-right:5px}html[data-theme=light-theme] .new-article-btn:hover{background-color:var(--primary-light)}html[data-theme=light-theme] .empty-list{text-align:center;color:#888;padding:30px;font-style:italic}html[data-theme=light-theme] .loading-state{padding:10px}html[data-theme=light-theme] .article-item,html[data-theme=light-theme] .comment-item{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:15px 0;display:flex}html[data-theme=light-theme] .article-item:last-child,html[data-theme=light-theme] .comment-item:last-child{border-bottom:none}html[data-theme=light-theme] .article-info{flex:1}html[data-theme=light-theme] .article-title{margin:0 0 10px;font-size:18px}html[data-theme=light-theme] .article-title a{color:var(--neutral-dark);text-decoration:none;transition:color .3s}html[data-theme=light-theme] .article-title a:hover{color:var(--primary-color)}html[data-theme=light-theme] .article-meta,html[data-theme=light-theme] .comment-meta{color:var(--neutral-medium);flex-wrap:wrap;gap:15px;font-size:14px;display:flex}html[data-theme=light-theme] .article-meta span{align-items:center;display:inline-flex}html[data-theme=light-theme] .meta-icon{margin-right:4px}html[data-theme=light-theme] .article-draft{color:#e74c3c;border-radius:var(--border-radius-sm);background-color:rgba(231,76,60,.15);padding:2px 6px;font-size:12px}html[data-theme=light-theme] .article-actions,html[data-theme=light-theme] .comment-actions{align-items:flex-start;gap:10px;display:flex}html[data-theme=light-theme] .action-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:5px 10px;font-size:13px;text-decoration:none;transition:all .2s;display:inline-flex}html[data-theme=light-theme] .action-icon{margin-right:4px}html[data-theme=light-theme] .edit-btn{color:var(--primary-color)}html[data-theme=light-theme] .edit-btn:hover{background-color:var(--neutral-light)}html[data-theme=light-theme] .delete-btn{color:#e74c3c}html[data-theme=light-theme] .delete-btn:hover{background-color:#fee7e7}html[data-theme=light-theme] .view-more{text-align:center;margin-top:20px}html[data-theme=light-theme] .view-more-link{color:var(--primary-color);align-items:center;font-size:14px;text-decoration:none;transition:color .3s;display:inline-flex}html[data-theme=light-theme] .view-more-link:hover{color:var(--primary-light)}html[data-theme=light-theme] .link-icon{margin-left:5px}html[data-theme=light-theme] .admin-links{flex-direction:column;gap:15px;margin-top:10px;display:flex}html[data-theme=light-theme] .admin-link-item{background-color:var(--accent-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);align-items:center;padding:15px;text-decoration:none;transition:all .3s;display:flex}html[data-theme=light-theme] .admin-link-item:hover{box-shadow:var(--shadow-md);border-color:var(--border-color);transform:translateY(-2px)}html[data-theme=light-theme] .admin-link-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;margin-right:15px;font-size:20px;transition:all .3s;display:flex}html[data-theme=light-theme] .admin-link-icon svg{width:24px;height:24px}html[data-theme=light-theme] .admin-link-icon.category-icon,html[data-theme=light-theme] .admin-link-icon.tag-icon{color:var(--primary-color);background-color:var(--neutral-light)}html[data-theme=light-theme] .admin-link-content{flex:1}html[data-theme=light-theme] .admin-link-content h3{color:var(--neutral-dark);margin:0;font-size:16px}html[data-theme=light-theme] .admin-link-content p{color:var(--neutral-medium);margin:5px 0 0;font-size:13px}html[data-theme=light-theme] .admin-link-arrow{color:var(--neutral-medium);margin-left:10px;transition:transform .3s}html[data-theme=light-theme] .admin-link-item:hover .admin-link-arrow{color:var(--primary-color);transform:translate(3px)}@media (min-width:768px){html[data-theme=light-theme] .admin-links{flex-flow:wrap}html[data-theme=light-theme] .admin-link-item{width:calc(50% - 8px)}}html[data-theme=light-theme] .delete-dialog{z-index:1000;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}html[data-theme=light-theme] .dialog-content{background-color:var(--accent-color);border-radius:var(--border-radius-lg);width:90%;max-width:400px;box-shadow:var(--shadow-lg);padding:25px}html[data-theme=light-theme] .dialog-content h3{color:var(--neutral-dark);margin-top:0}html[data-theme=light-theme] .dialog-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}html[data-theme=light-theme] .cancel-btn,html[data-theme=light-theme] .confirm-btn{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;transition:background-color .3s}html[data-theme=light-theme] .cancel-btn{background-color:var(--neutral-light);color:var(--neutral-dark)}html[data-theme=light-theme] .cancel-btn:hover{background-color:var(--border-color)}html[data-theme=light-theme] .confirm-btn{color:#fff;background-color:#e74c3c}html[data-theme=light-theme] .confirm-btn:hover{background-color:#c53030}html[data-theme=light-theme] .common-links{flex-direction:column;gap:15px;margin-top:10px;display:flex}html[data-theme=light-theme] .common-links .admin-link-item{background-color:var(--accent-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);align-items:center;padding:15px;text-decoration:none;transition:all .3s;display:flex}html[data-theme=light-theme] .common-links .admin-link-item:hover{box-shadow:var(--shadow-md);border-color:var(--border-color);transform:translateY(-2px)}@media (min-width:768px){html[data-theme=light-theme] .common-links{flex-flow:wrap}html[data-theme=light-theme] .common-links .admin-link-item{width:calc(50% - 8px)}}html[data-theme=light-theme] .stat-card:before,html[data-theme=light-theme] .dashboard-section:before{content:"";background:linear-gradient(90deg,#1e90ff 0%,#4169e1 50%,#0000cd 100%);border-radius:8px 8px 0 0;width:100%;height:4px;position:absolute;top:0;left:0}html[data-theme=light-theme] .subcategory-card:before{background:linear-gradient(90deg,#1e90ff 0%,#4169e1 50%,#0000cd 100%)}html[data-theme=light-theme] .article-item:before{content:"";background:linear-gradient(90deg,#1e90ff 0%,#4169e1 50%,#0000cd 100%);border-radius:8px 8px 0 0;width:100%;height:3px;position:absolute;top:0;left:0}html[data-theme=light-theme] .article-item{position:relative;overflow:hidden;cursor:pointer!important;background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:8px!important;flex-direction:column!important;height:auto!important;margin-bottom:15px!important;padding:15px 15px 15px 20px!important;transition:all .3s!important;display:flex!important;position:relative!important;box-shadow:0 2px 4px rgba(0,0,0,.05)!important}html[data-theme=light-theme] .categories-nav,html[data-theme=light-theme] .subcategories-nav{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 16px rgba(0,0,0,.1)}html[data-theme=light-theme] .category-item{background-color:var(--neutral-light);color:var(--neutral-dark);cursor:pointer;border:1px solid #e0e0e0;border-radius:6px;margin:0 .5rem .5rem 0;padding:.8rem 1.2rem;font-weight:500;transition:all .3s}html[data-theme=light-theme] .subcategory-item{background-color:var(--neutral-light);color:var(--neutral-dark);cursor:pointer;border-left:3px solid #e0e0e0;border-radius:6px;margin:0 .5rem .5rem 0;padding:.6rem 1rem;font-size:.95rem;transition:all .3s}
html[data-theme=dark-theme]{--primary-color:#7c8fff;--primary-light:#a5b4ff;--primary-dark:#5a73ff;--neutral-dark:#e6e6e6;--neutral-medium:#a0a0a0;--neutral-light:#1a1a1a;--accent-color:#242424;--border-color:#3d3d3d;--shadow-color:rgba(0,0,0,.6);--bg-gradient:linear-gradient(135deg,#121212 0%,#1e1e1e 100%);--tag-blue:#5e9cef;--tag-green:#5ccd98;--tag-purple:#b68ae2;--tag-orange:#f8a55f;--tag-red:#f87c7c;--tag-teal:#50c5ba;--tag-pink:#f278b1;--tag-indigo:#7e8cd4;--success-color:#2ecc71;--warning-color:#f39c12;--error-color:#e74c3c;--info-color:#3498db;--font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--border-radius-sm:4px;--border-radius-md:6px;--border-radius-lg:10px;--shadow-sm:0 2px 4px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 8px rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.35);--shadow-lg:0 10px 20px rgba(0,0,0,.3),0 6px 6px rgba(0,0,0,.4);--content-width-xl:1400px;--content-width-lg:1140px;--content-width-md:860px;--content-width-sm:640px}html[data-theme=dark-theme] body{font-family:var(--font-family);color:var(--neutral-dark);background-color:var(--neutral-light);background-image:var(--bg-gradient)}html[data-theme=dark-theme] a{color:var(--primary-color);transition:color .3s}html[data-theme=dark-theme] a:hover{color:var(--primary-light)}html[data-theme=dark-theme] .layout-container{background-color:var(--accent-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg);border:1px solid rgba(255,255,255,.06);transition:box-shadow .3s,transform .3s;overflow:hidden}html[data-theme=dark-theme] .layout-container:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}html[data-theme=dark-theme] .content-layout{background-color:var(--accent-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid rgba(255,255,255,.05)}html[data-theme=dark-theme] .sidebar-layout{background-color:var(--accent-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-md);border:1px solid rgba(255,255,255,.05)}html[data-theme=dark-theme] .btn-primary{background-color:var(--primary-color);color:#121212;border-radius:var(--border-radius-md);padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;border:none;font-weight:600;transition:all .3s}html[data-theme=dark-theme] .btn-primary:hover{background-color:var(--primary-light);transform:translateY(-1px);box-shadow:0 4px 8px rgba(124,143,255,.3)}html[data-theme=dark-theme] .card{background-color:var(--accent-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);border:1px solid rgba(255,255,255,.05);transition:box-shadow .3s,transform .2s;position:relative;overflow:hidden}html[data-theme=dark-theme] .card:hover{box-shadow:var(--shadow-lg);border-color:rgba(255,255,255,.1);transform:translateY(-3px)}html[data-theme=dark-theme] .nav-theme{background-color:var(--accent-color);color:var(--neutral-dark);box-shadow:var(--shadow-md);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.07)}html[data-theme=dark-theme] .nav-link{color:var(--neutral-dark);border-radius:var(--border-radius-md);padding:var(--spacing-sm)var(--spacing-md);font-size:20px;font-weight:500;transition:all .3s}html[data-theme=dark-theme] .nav-link.active,html[data-theme=dark-theme] .nav-link:hover{color:var(--primary-color);background-color:rgba(124,143,255,.1)}html[data-theme=dark-theme] .footer-theme{background-color:var(--accent-color);color:var(--neutral-medium);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-md)0;margin-top:var(--spacing-xl);border-top:1px solid rgba(255,255,255,.05)}html[data-theme=dark-theme] .table-layout{background-color:var(--accent-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg);border:1px solid rgba(255,255,255,.05);overflow:hidden}html[data-theme=dark-theme] .form-layout{background-color:var(--accent-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid rgba(255,255,255,.05)}html[data-theme=dark-theme] .input-theme{border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-sm);box-shadow:var(--shadow-sm);color:var(--neutral-dark);background-color:rgba(0,0,0,.2);transition:all .3s}html[data-theme=dark-theme] .input-theme:focus{border-color:var(--primary-color);background-color:rgba(0,0,0,.3);box-shadow:0 0 0 3px rgba(124,143,255,.25)}html[data-theme=dark-theme] .el-menu--horizontal{background-color:var(--accent-color)!important;border-bottom:none!important}html[data-theme=dark-theme] .el-menu-item{color:var(--neutral-dark)!important}html[data-theme=dark-theme] .el-menu-item.is-active{color:var(--primary-color)!important;border-bottom:2px solid var(--primary-color)!important}html[data-theme=dark-theme] .el-menu-item:hover{background-color:rgba(124,143,255,.1)!important}html[data-theme=dark-theme] .el-dropdown-menu{background-color:var(--accent-color)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-md)!important}html[data-theme=dark-theme] .el-dropdown-menu__item{color:var(--neutral-dark)!important}html[data-theme=dark-theme] .el-dropdown-menu__item:hover{background-color:rgba(124,143,255,.1)!important}html[data-theme=dark-theme] .article-item{background-color:var(--accent-color);border:1px solid var(--border-color);transition:transform .3s,box-shadow .3s,border-color .3s}html[data-theme=dark-theme] .article-item:hover{border-color:rgba(124,143,255,.3)}html[data-theme=dark-theme] .article-title{color:var(--neutral-dark)}html[data-theme=dark-theme] .article-summary,html[data-theme=dark-theme] .article-meta{color:var(--neutral-medium)}html[data-theme=dark-theme] .article-tag{color:var(--neutral-dark);border-radius:var(--border-radius-md);background-color:rgba(255,255,255,.08);transition:all .3s}html[data-theme=dark-theme] .article-tag:hover{background-color:rgba(255,255,255,.15)}html[data-theme=dark-theme] .tag-blue{background-color:var(--tag-blue);color:#121212;font-weight:600}html[data-theme=dark-theme] .tag-green{background-color:var(--tag-green);color:#121212;font-weight:600}html[data-theme=dark-theme] .tag-purple{background-color:var(--tag-purple);color:#121212;font-weight:600}html[data-theme=dark-theme] .tag-orange{background-color:var(--tag-orange);color:#121212;font-weight:600}html[data-theme=dark-theme] .tag-red{background-color:var(--tag-red);color:#121212;font-weight:600}html[data-theme=dark-theme] .tag-teal{background-color:var(--tag-teal);color:#121212;font-weight:600}html[data-theme=dark-theme] .tag-pink{background-color:var(--tag-pink);color:#121212;font-weight:600}html[data-theme=dark-theme] .tag-indigo{background-color:var(--tag-indigo);color:#121212;font-weight:600}html[data-theme=dark-theme] .tag-cyan{color:#121212;background-color:#4dd0e1;font-weight:600}html[data-theme=dark-theme] .tag-lime{color:#121212;background-color:#aed581;font-weight:600}html[data-theme=dark-theme] .tag-gold{color:#121212;background-color:#ffd54f;font-weight:600}html[data-theme=dark-theme] .tag-magenta{color:#121212;background-color:#f06292;font-weight:600}html[data-theme=dark-theme] .tag-volcano{color:#121212;background-color:#ff8a65;font-weight:600}html[data-theme=dark-theme] .tag-geekblue{color:#121212;background-color:#7986cb;font-weight:600}html[data-theme=dark-theme] .tag-brown{color:#121212;background-color:#a1887f;font-weight:600}html[data-theme=dark-theme] .tag-darkgreen{color:#121212;background-color:#66bb6a;font-weight:600}html[data-theme=dark-theme] .tag:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.3)}html[data-theme=dark-theme] .skill-tag{color:var(--neutral-dark);background-color:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.4rem .8rem;font-size:.9rem;transition:all .3s}html[data-theme=dark-theme] .skill-tag:hover{filter:brightness(1.05);border-color:rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.3)}html[data-theme=dark-theme] .skill-tag.tag-blue{background-color:var(--tag-blue);color:#121212;font-weight:600}html[data-theme=dark-theme] .skill-tag.tag-green{background-color:var(--tag-green);color:#121212;font-weight:600}html[data-theme=dark-theme] .skill-tag.tag-purple{background-color:var(--tag-purple);color:#121212;font-weight:600}html[data-theme=dark-theme] .skill-tag.tag-orange{background-color:var(--tag-orange);color:#121212;font-weight:600}html[data-theme=dark-theme] .skill-tag.tag-red{background-color:var(--tag-red);color:#121212;font-weight:600}html[data-theme=dark-theme] .skill-tag.tag-teal{background-color:var(--tag-teal);color:#121212;font-weight:600}html[data-theme=dark-theme] .skill-tag.tag-pink{background-color:var(--tag-pink);color:#121212;font-weight:600}html[data-theme=dark-theme] .skill-tag.tag-indigo{background-color:var(--tag-indigo);color:#121212;font-weight:600}html[data-theme=dark-theme] .hero-section{background-color:var(--accent-color);background-image:linear-gradient(135deg,var(--accent-color)0%,var(--neutral-light)100%);color:var(--neutral-dark);text-shadow:0 1px 3px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.07);position:relative;overflow:hidden}html[data-theme=dark-theme] .hero-section:before{content:"";z-index:1;background:radial-gradient(circle at 100% 0,rgba(124,143,255,.2),transparent 70%);position:absolute;top:0;bottom:0;left:0;right:0}html[data-theme=dark-theme] .hero-content{z-index:2;position:relative}html[data-theme=dark-theme] .hero-content h1{color:var(--primary-color);text-shadow:0 2px 4px rgba(0,0,0,.5)}html[data-theme=dark-theme] .hero-content p{color:var(--neutral-dark)}html[data-theme=dark-theme] body .categories-nav,html[data-theme=dark-theme] body .subcategories-nav{background-color:var(--accent-color)!important;box-shadow:var(--shadow-md)!important;border:1px solid rgba(255,255,255,.1)!important}html[data-theme=dark-theme] body .category-item{color:var(--neutral-dark)!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important;background-color:rgba(0,0,0,.2)!important;border:1px solid rgba(255,255,255,.1)!important;font-weight:700!important;transition:all .3s!important}html[data-theme=dark-theme] body .category-item:hover{color:var(--primary-color)!important;border-color:var(--primary-color)!important;background-color:rgba(124,143,255,.15)!important;box-shadow:0 4px 8px rgba(0,0,0,.5)!important}html[data-theme=dark-theme] body .category-item.active{color:var(--primary-color)!important;border-color:var(--primary-color)!important;background-color:rgba(124,143,255,.2)!important;box-shadow:0 4px 8px rgba(0,0,0,.5)!important}html[data-theme=dark-theme] body .subcategory-item{color:var(--neutral-dark)!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important;background-color:rgba(0,0,0,.2)!important;border-left:3px solid rgba(255,255,255,.1)!important;font-weight:700!important;transition:all .3s!important}html[data-theme=dark-theme] body .subcategory-item:hover,html[data-theme=dark-theme] body .subcategory-item.active{color:var(--primary-color)!important;border-left-color:var(--primary-color)!important;background-color:rgba(124,143,255,.15)!important;box-shadow:0 4px 8px rgba(0,0,0,.5)!important}html[data-theme=dark-theme] body .subcategory-label{color:var(--neutral-dark)!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important;font-weight:700!important}html[data-theme=dark-theme] body .child-count{color:var(--neutral-medium)!important;opacity:.9!important}html[data-theme=dark-theme] .selected-tag{color:var(--primary-color);border-color:var(--primary-color);background-color:rgba(124,143,255,.15)}html[data-theme=dark-theme] .articles-list .tag{color:#121212;border-radius:var(--border-radius-md);font-weight:600;transition:all .3s}html[data-theme=dark-theme] .articles-list .tag-blue{background-color:var(--tag-blue)}html[data-theme=dark-theme] .articles-list .tag-green{background-color:var(--tag-green)}html[data-theme=dark-theme] .articles-list .tag-purple{background-color:var(--tag-purple)}html[data-theme=dark-theme] .articles-list .tag-orange{background-color:var(--tag-orange)}html[data-theme=dark-theme] .articles-list .tag-red{background-color:var(--tag-red)}html[data-theme=dark-theme] .articles-list .tag-teal{background-color:var(--tag-teal)}html[data-theme=dark-theme] .articles-list .tag-pink{background-color:var(--tag-pink)}html[data-theme=dark-theme] .articles-list .tag-indigo{background-color:var(--tag-indigo)}html[data-theme=dark-theme] .articles-list .tag:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.3)}html[data-theme=dark-theme] .el-pagination,html[data-theme=dark-theme] .el-pagination .el-pagination__total{color:var(--neutral-dark)!important}html[data-theme=dark-theme] .el-pagination .btn-prev,html[data-theme=dark-theme] .el-pagination .btn-next,html[data-theme=dark-theme] .el-pagination .el-pager li{background-color:var(--accent-color)!important;color:var(--neutral-dark)!important}html[data-theme=dark-theme] .el-pagination .el-pager li.is-active{background-color:var(--primary-color)!important;color:var(--neutral-light)!important;font-weight:700!important}html[data-theme=dark-theme] .el-pagination .el-pager li:hover:not(.is-active){color:var(--primary-color)!important}html[data-theme=dark-theme] .el-pagination button:disabled{background-color:var(--accent-color)!important;color:var(--neutral-medium)!important}html[data-theme=dark-theme] .login-container{background-color:var(--accent-color)!important;box-shadow:0 2px 10px rgba(0,0,0,.3)!important}html[data-theme=dark-theme] .login-container h1,html[data-theme=dark-theme] .login-form label{color:var(--neutral-dark)!important}html[data-theme=dark-theme] .login-form input{background-color:var(--neutral-light)!important;color:var(--neutral-dark)!important;border-color:var(--border-color)!important}html[data-theme=dark-theme] .login-form input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px rgba(255,255,255,.1)!important}html[data-theme=dark-theme] .login-form input::placeholder{color:var(--neutral-medium)!important}html[data-theme=dark-theme] .login-button{background-color:var(--primary-color)!important;color:var(--neutral-light)!important}html[data-theme=dark-theme] .login-button:hover{background-color:var(--primary-dark)!important}html[data-theme=dark-theme] .login-button:disabled{background-color:rgba(255,255,255,.3)!important}html[data-theme=dark-theme] .register-link{color:var(--neutral-dark)!important}html[data-theme=dark-theme] .register-link a{color:var(--primary-color)!important}html[data-theme=dark-theme] .error-message{color:#ff6b6b!important}html[data-theme=dark-theme] .register-container{background-color:var(--accent-color)!important;box-shadow:0 2px 10px rgba(0,0,0,.3)!important}html[data-theme=dark-theme] .register-container h1,html[data-theme=dark-theme] .register-form label{color:var(--neutral-dark)!important}html[data-theme=dark-theme] .register-form input{background-color:var(--neutral-light)!important;color:var(--neutral-dark)!important;border-color:var(--border-color)!important}html[data-theme=dark-theme] .register-form input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px rgba(255,255,255,.1)!important}html[data-theme=dark-theme] .register-form input::placeholder{color:var(--neutral-medium)!important}html[data-theme=dark-theme] .register-button{background-color:var(--primary-color)!important;color:var(--neutral-light)!important}html[data-theme=dark-theme] .register-button:hover{background-color:var(--primary-dark)!important}html[data-theme=dark-theme] .register-button:disabled{background-color:rgba(255,255,255,.3)!important}html[data-theme=dark-theme] .login-link{color:var(--neutral-dark)!important}html[data-theme=dark-theme] .login-link a{color:var(--primary-color)!important}html[data-theme=dark-theme] .captcha-loading{background-color:var(--neutral-light)!important;color:var(--neutral-dark)!important;border-color:var(--border-color)!important}html[data-theme=dark-theme] .captcha-image{border-color:var(--border-color)!important}html[data-theme=dark-theme] .refresh-button{background-color:var(--neutral-light)!important}html[data-theme=dark-theme] .refresh-button:hover{background-color:var(--accent-color)!important}html[data-theme=dark-theme] .refresh-icon{color:var(--neutral-dark)!important}html[data-theme=dark-theme] .dashboard-container{background-color:var(--accent-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}html[data-theme=dark-theme] h1{margin-bottom:var(--spacing-lg);color:var(--neutral-dark);font-size:2rem;font-weight:700}html[data-theme=dark-theme] .dashboard-stats{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}html[data-theme=dark-theme] .stat-card{background-color:var(--accent-color);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);align-items:center;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}html[data-theme=dark-theme] .stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}html[data-theme=dark-theme] .stat-icon{width:60px;height:60px;margin-right:var(--spacing-md);color:var(--neutral-dark);background-color:rgba(255,255,255,.1);border-radius:50%;justify-content:center;align-items:center;display:flex}html[data-theme=dark-theme] .stat-icon svg{stroke-width:1.5px;width:30px;height:30px}html[data-theme=dark-theme] .stat-icon.article-icon{color:var(--tag-blue);background-color:rgba(30,144,255,.15)}html[data-theme=dark-theme] .stat-icon.view-icon{color:var(--tag-green);background-color:rgba(66,184,131,.15)}html[data-theme=dark-theme] .stat-icon.comment-icon{color:var(--tag-purple);background-color:rgba(155,89,182,.15)}html[data-theme=dark-theme] .stat-icon.like-icon{color:var(--tag-orange);background-color:rgba(243,156,18,.15)}html[data-theme=dark-theme] .stat-content h3{color:var(--neutral-medium);margin:0 0 .5rem;font-size:.95rem;font-weight:600}html[data-theme=dark-theme] .stat-value{color:var(--neutral-dark);margin:0;font-size:1.5rem;font-weight:700}html[data-theme=dark-theme] .dashboard-content{gap:var(--spacing-lg);grid-template-columns:1fr;display:grid}@media (min-width:768px){html[data-theme=dark-theme] .dashboard-content{grid-template-columns:3fr 2fr}}html[data-theme=dark-theme] .dashboard-section{background-color:var(--accent-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);border:1px solid var(--border-color);position:relative;overflow:hidden}html[data-theme=dark-theme] .section-header{margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}html[data-theme=dark-theme] .section-header h2{color:var(--neutral-dark);margin:0;font-size:1.25rem;font-weight:600}html[data-theme=dark-theme] .new-article-btn{background-color:var(--primary-color);color:var(--accent-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);align-items:center;padding:.5rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .3s,transform .2s;display:flex}html[data-theme=dark-theme] .btn-icon{margin-right:.5rem}html[data-theme=dark-theme] .new-article-btn:hover{background-color:var(--primary-light)}html[data-theme=dark-theme] .empty-list{min-height:150px;color:var(--neutral-medium);justify-content:center;align-items:center;font-style:italic;display:flex}html[data-theme=dark-theme] .loading-state{padding:var(--spacing-md)0}html[data-theme=dark-theme] .article-item,html[data-theme=dark-theme] .article-item:first-child{padding:var(--spacing-md)0;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;display:flex;position:relative}html[data-theme=dark-theme] .article-item:last-child,html[data-theme=dark-theme] .article-item:last-of-type{border-bottom:none}html[data-theme=dark-theme] .article-info{flex:1}html[data-theme=dark-theme] .article-title{margin:0 0 .5rem;font-size:1.1rem;font-weight:600}html[data-theme=dark-theme] .article-title a{color:var(--neutral-dark);line-height:1.4;text-decoration:none;transition:color .3s}html[data-theme=dark-theme] .article-title a:hover{color:var(--primary-color)}html[data-theme=dark-theme] .article-meta,html[data-theme=dark-theme] .article-date,html[data-theme=dark-theme] .article-views,html[data-theme=dark-theme] .article-comments{color:var(--neutral-medium);margin-right:var(--spacing-md);align-items:center;font-size:.8rem;display:flex}html[data-theme=dark-theme] .article-meta span{margin-right:var(--spacing-md);align-items:center;display:flex}html[data-theme=dark-theme] .meta-icon{margin-right:.25rem}html[data-theme=dark-theme] .article-draft{border-radius:var(--border-radius-sm);color:var(--primary-color);background-color:rgba(255,255,255,.1);padding:.2rem .5rem;font-size:.75rem;display:inline-block}html[data-theme=dark-theme] .article-actions,html[data-theme=dark-theme] .article-icon,html[data-theme=dark-theme] .tag-icon{align-items:center;display:flex}html[data-theme=dark-theme] .action-btn{border-radius:var(--border-radius-md);cursor:pointer;color:var(--neutral-medium);background:0 0;border:none;align-items:center;margin-left:.5rem;padding:.4rem .8rem;font-size:.85rem;text-decoration:none;transition:all .3s;display:flex}html[data-theme=dark-theme] .action-icon{margin-right:.25rem}html[data-theme=dark-theme] .edit-btn{background-color:rgba(52,152,219,.1)}html[data-theme=dark-theme] .edit-btn:hover{background-color:rgba(52,152,219,.2)}html[data-theme=dark-theme] .delete-btn{background-color:rgba(231,76,60,.1)}html[data-theme=dark-theme] .delete-btn:hover{background-color:rgba(231,76,60,.2)}html[data-theme=dark-theme] .view-more{text-align:center;margin-top:var(--spacing-md)}html[data-theme=dark-theme] .view-more-link{border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--neutral-dark);background-color:transparent;align-items:center;padding:.6rem 1rem;text-decoration:none;transition:all .3s;display:inline-flex}html[data-theme=dark-theme] .view-more-link:hover{background-color:var(--neutral-light)}html[data-theme=dark-theme] .link-icon{margin-left:.5rem}html[data-theme=dark-theme] .admin-links{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}html[data-theme=dark-theme] .admin-link-item{background-color:var(--accent-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);align-items:center;text-decoration:none;transition:all .3s;display:flex;position:relative}html[data-theme=dark-theme] .admin-link-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color);transform:translateY(-2px)}html[data-theme=dark-theme] .admin-link-icon{width:50px;height:50px;margin-right:var(--spacing-md);background-color:var(--neutral-light);border-radius:12px;justify-content:center;align-items:center;display:flex}html[data-theme=dark-theme] .admin-link-icon svg{stroke-width:1.5px;width:24px;height:24px}html[data-theme=dark-theme] .admin-link-icon.category-icon{color:var(--tag-blue)}html[data-theme=dark-theme] .admin-link-icon.tag-icon{color:var(--tag-purple)}html[data-theme=dark-theme] .admin-link-content{flex:1}html[data-theme=dark-theme] .admin-link-content h3{color:var(--neutral-dark);margin:0 0 .25rem;font-size:1rem;font-weight:600}html[data-theme=dark-theme] .admin-link-content p{color:var(--neutral-medium);margin:0;font-size:.85rem}html[data-theme=dark-theme] .admin-link-arrow{color:var(--neutral-medium);transition:transform .3s}html[data-theme=dark-theme] .admin-link-item:hover .admin-link-arrow{color:var(--primary-color);transform:translate(3px)}@media (min-width:768px){html[data-theme=dark-theme] .admin-links{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}html[data-theme=dark-theme] .admin-link-item{height:100%}}html[data-theme=dark-theme] .delete-dialog{z-index:1000;width:100%;height:100%;padding:0 var(--spacing-md);background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}html[data-theme=dark-theme] .dialog-content{background-color:var(--accent-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-lg);text-align:center;width:100%;max-width:400px}html[data-theme=dark-theme] .dialog-content h3{color:var(--neutral-dark);margin-top:0;font-size:1.25rem}html[data-theme=dark-theme] .dialog-actions{justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);display:flex}html[data-theme=dark-theme] .cancel-btn,html[data-theme=dark-theme] .confirm-btn{border-radius:var(--border-radius-md);cursor:pointer;border:none;padding:.6rem 1.2rem;font-weight:500;transition:all .3s}html[data-theme=dark-theme] .cancel-btn{background-color:var(--neutral-light);color:var(--neutral-dark)}html[data-theme=dark-theme] .cancel-btn:hover{background-color:rgba(255,255,255,.2)}html[data-theme=dark-theme] .confirm-btn{background-color:var(--tag-red);color:#fff}html[data-theme=dark-theme] .confirm-btn:hover{background-color:var(--tag-red);filter:brightness(1.1)}html[data-theme=dark-theme] .common-links{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}html[data-theme=dark-theme] .common-links .admin-link-item{background-color:var(--accent-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);align-items:center;text-decoration:none;transition:all .3s;display:flex;position:relative}html[data-theme=dark-theme] .common-links .admin-link-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color);transform:translateY(-2px)}@media (min-width:768px){html[data-theme=dark-theme] .common-links{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}html[data-theme=dark-theme] .common-links .admin-link-item{height:100%}}html[data-theme=dark-theme] .stat-card:before,html[data-theme=dark-theme] .dashboard-section:before{content:"";background:linear-gradient(90deg,var(--primary-color)0%,var(--primary-light)50%,var(--primary-dark)100%);border-radius:var(--border-radius-lg)var(--border-radius-lg)0 0;width:100%;height:5px;position:absolute;top:0;left:0}html[data-theme=dark-theme] .profile-container{width:1200px;max-width:1200px;margin:0 auto;padding:0}html[data-theme=dark-theme] .profile-card{background-color:var(--accent-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);width:1200px;max-width:100%;margin-bottom:30px;margin-left:auto;margin-right:auto;padding:20px}html[data-theme=dark-theme] .profile-header{margin-bottom:30px;display:flex}html[data-theme=dark-theme] .avatar-container{flex-direction:column;align-items:center;margin-right:30px;display:flex}html[data-theme=dark-theme] .avatar{object-fit:cover;border:3px solid var(--tag-blue);background:linear-gradient(135deg,var(--tag-blue),var(--tag-purple));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:10px;font-size:48px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 6px 15px rgba(0,0,0,.4)}html[data-theme=dark-theme] .avatar:hover{border-color:var(--tag-pink);background:linear-gradient(135deg,var(--tag-purple),var(--tag-orange));transform:scale(1.08);box-shadow:0 8px 20px rgba(0,0,0,.5)}html[data-theme=dark-theme] .user-avatar{background:linear-gradient(135deg,var(--tag-blue),var(--tag-purple));cursor:pointer;border:2px solid var(--tag-blue);font-weight:700;transition:all .3s;box-shadow:0 3px 10px rgba(0,0,0,.3);color:#fff!important}html[data-theme=dark-theme] .user-avatar:hover{border-color:var(--tag-pink);background:linear-gradient(135deg,var(--tag-purple),var(--tag-orange));transform:scale(1.08);box-shadow:0 4px 12px rgba(0,0,0,.4)}html[data-theme=dark-theme] .user-info{flex:1}html[data-theme=dark-theme] .user-info h2{color:var(--neutral-dark);margin-top:0;margin-bottom:10px}html[data-theme=dark-theme] .profile-form,html[data-theme=dark-theme] .password-form{margin-top:20px}html[data-theme=dark-theme] .el-form-item__label{color:var(--neutral-dark)!important}html[data-theme=dark-theme] .el-input__inner{background-color:var(--neutral-light)!important;border-color:var(--border-color)!important;color:var(--neutral-dark)!important}html[data-theme=dark-theme] .el-input__inner:focus{border-color:var(--primary-color)!important}html[data-theme=dark-theme] .el-button--primary{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:var(--accent-color)!important}html[data-theme=dark-theme] .el-button--primary:hover{background-color:var(--primary-light)!important;border-color:var(--primary-light)!important}html[data-theme=dark-theme] .save-button{width:100%;margin-top:10px}html[data-theme=dark-theme] .message-alert{margin-bottom:20px;border-color:var(--border-color)!important}html[data-theme=dark-theme] .write-article-container{width:1200px;max-width:1200px;margin:0 auto;padding:0}html[data-theme=dark-theme] .write-article-container h1{text-align:center;color:var(--neutral-dark);margin:30px 0}html[data-theme=dark-theme] .article-form{background-color:var(--accent-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);margin-bottom:30px;padding:20px}html[data-theme=dark-theme] .form-group{margin-bottom:20px}html[data-theme=dark-theme] .form-group label{color:var(--neutral-dark);margin-bottom:8px;font-weight:500;display:block}html[data-theme=dark-theme] .el-input__wrapper{background-color:var(--neutral-light)!important}html[data-theme=dark-theme] .el-textarea__inner{background-color:var(--neutral-light)!important;border-color:var(--border-color)!important;color:var(--neutral-dark)!important}html[data-theme=dark-theme] .el-textarea__inner:focus{border-color:var(--primary-color)!important}html[data-theme=dark-theme] .el-cascader{background-color:var(--neutral-light)!important}html[data-theme=dark-theme] .el-cascader__label{color:var(--neutral-dark)!important}html[data-theme=dark-theme] .tag{color:var(--neutral-dark);border:1px solid var(--border-color);background-color:rgba(255,255,255,.1);margin-bottom:8px;margin-right:8px}html[data-theme=dark-theme] .tag .el-tag__close{color:var(--neutral-dark)}html[data-theme=dark-theme] .button-new-tag,html[data-theme=dark-theme] .tag-input{background-color:var(--neutral-light);color:var(--neutral-dark);border-color:var(--border-color)}html[data-theme=dark-theme] .markdown-editor{border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden}html[data-theme=dark-theme] .v-md-editor{background-color:var(--neutral-light)!important;color:var(--neutral-dark)!important}html[data-theme=dark-theme] .v-md-editor__toolbar{background-color:var(--accent-color)!important;border-bottom:1px solid var(--border-color)!important}html[data-theme=dark-theme] .v-md-editor__toolbar-item{color:var(--neutral-dark)!important}html[data-theme=dark-theme] .v-md-editor__toolbar-item:hover{color:var(--primary-color)!important}html[data-theme=dark-theme] .cover-image-container{background-color:var(--neutral-light);border:1px dashed var(--border-color);border-radius:var(--border-radius-md);text-align:center;padding:20px}html[data-theme=dark-theme] .preview-container{max-width:600px;margin:0 auto}html[data-theme=dark-theme] .cover-preview{border-radius:var(--border-radius-md);max-width:100%;max-height:300px;margin-bottom:15px}html[data-theme=dark-theme] .upload-container{padding:30px 0}html[data-theme=dark-theme] .upload-tip,html[data-theme=dark-theme] .link-tip{color:var(--neutral-medium);margin-top:10px;font-size:14px}html[data-theme=dark-theme] .cover-image-input{width:100%;max-width:500px;margin:0 auto;display:block}html[data-theme=dark-theme] .link-actions{margin-top:15px}html[data-theme=dark-theme] .publish-options{align-items:center;margin-top:10px;display:flex}html[data-theme=dark-theme] .error-message{margin-bottom:20px}html[data-theme=dark-theme] .form-actions{justify-content:flex-end;gap:15px;margin-top:30px;display:flex}html[data-theme=dark-theme] .loading-categories{color:var(--neutral-medium);padding:10px 0;font-style:italic}html[data-theme=dark-theme] .el-tabs__nav-wrap:after{background-color:var(--border-color)!important}html[data-theme=dark-theme] .el-tabs__item{color:var(--neutral-medium)!important}html[data-theme=dark-theme] .el-tabs__item.is-active{color:var(--primary-color)!important}html[data-theme=dark-theme] .el-tabs__active-bar{background-color:var(--primary-color)!important}html[data-theme=dark-theme] .el-checkbox__input.is-checked .el-checkbox__inner{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}html[data-theme=dark-theme] .el-checkbox__label{color:var(--neutral-dark)!important}@media (max-width:768px){html[data-theme=dark-theme] .profile-header{flex-direction:column;align-items:center}html[data-theme=dark-theme] .avatar-container{margin-bottom:20px;margin-right:0}html[data-theme=dark-theme] .user-info{text-align:center}html[data-theme=dark-theme] .write-article-container,html[data-theme=dark-theme] .profile-container{padding:0 15px}}
pre{background-color:#282c34;border-radius:8px;margin:1.5rem 0;padding:1.5rem 1rem;position:relative;overflow:auto;box-shadow:0 4px 16px rgba(0,0,0,.1)}.code-language{color:gray;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-transform:lowercase;letter-spacing:.5px;z-index:2;padding:.2rem 0;font-size:.75rem;font-weight:400;position:absolute;top:.5rem;right:2.8rem}.copy-code-button{color:#abb2bf;cursor:pointer;z-index:3;opacity:.9;background-color:#3498db;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:.5rem;right:.5rem}.copy-code-button:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'%3E%3Cpath d='M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;width:16px;height:16px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.copy-code-button:hover{opacity:1;transform:translateY(-1px);box-shadow:0 2px 5px rgba(0,0,0,.2)}.copy-code-button:active{box-shadow:none;transform:translateY(0)}.copy-code-button.copied{background-color:#282c34;transform:scale(1.1)}.copy-code-button.copied:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2361afef' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E");transform:scale(1.2)}.copy-tooltip{color:#61afef;white-space:nowrap;pointer-events:none;background-color:#282c34;border:1px solid #61afef;border-radius:4px;padding:4px 8px;font-size:12px;animation:.3s fadeIn;position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.copy-tooltip.error{color:#e06c75;background-color:#282c34;border-color:#e06c75}.copy-tooltip:after{content:"";border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #282c34;width:0;height:0;position:absolute;top:50%;right:-5px;transform:translateY(-50%)}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px,-50%)}to{opacity:1;transform:translateY(-50%)}}:not(pre)>code{color:#e06c75;background-color:rgba(40,44,52,.05);border-radius:4px;padding:.2rem .4rem;font-family:Fira Code,JetBrains Mono,Consolas,monospace;font-size:.9em}pre code{color:#abb2bf;padding:0;font-family:Fira Code,JetBrains Mono,Consolas,monospace;font-size:.9rem;line-height:1.6;display:block}.hljs-line-numbers{counter-reset:line;padding-left:3.5rem;position:relative}.hljs-line-numbers .line{counter-increment:line;position:relative}.hljs-line-numbers .line:before{content:counter(line);text-align:right;color:#495162;width:2.5rem;font-family:Fira Code,JetBrains Mono,Consolas,monospace;font-size:.85em;position:absolute;left:-3rem}pre::-webkit-scrollbar{width:8px;height:8px}pre::-webkit-scrollbar-track{background:rgba(40,44,52,.2);border-radius:4px}pre::-webkit-scrollbar-thumb{background:rgba(171,178,191,.3);border-radius:4px}pre::-webkit-scrollbar-thumb:hover{background:rgba(171,178,191,.5)}@media (prefers-color-scheme:light){pre{background-color:#f6f8fa}.code-language{color:#666}.copy-code-button{color:#57606a;background-color:rgba(175,184,193,.2);border-color:rgba(31,35,40,.15)}.copy-code-button:hover{background-color:rgba(175,184,193,.1);border-color:rgba(31,35,40,.3)}:not(pre)>code{color:#d73a49;background-color:rgba(175,184,193,.2)}pre code{color:#24292f}.hljs-line-numbers .line:before{color:#6e7781}pre::-webkit-scrollbar-track{background:rgba(175,184,193,.1)}pre::-webkit-scrollbar-thumb{background:rgba(175,184,193,.5)}pre::-webkit-scrollbar-thumb:hover{background:rgba(175,184,193,.7)}.copy-code-button.copied{background-color:#f6f8fa}.copy-tooltip{color:#3498db;background-color:#f6f8fa;border-color:#3498db}.copy-tooltip.error{color:#e74c3c;border-color:#e74c3c}.copy-tooltip:after{border-left-color:#f6f8fa}}@media (prefers-color-scheme:dark){pre{background-color:#282c34}:not(pre)>code{color:#ff79c6;background-color:#2d2d2d}.code-language{color:gray}.copy-code-button{background-color:#3498db}.copy-code-button.copied{background-color:#282c34}.copy-tooltip{color:#61afef;background-color:#282c34;border-color:#61afef}.copy-tooltip.error{color:#e06c75;border-color:#e06c75}.copy-tooltip:after{border-left-color:#282c34}}@media (max-width:768px){.code-language{padding:.2rem 0;font-size:.7rem;right:2.5rem}.copy-code-button{width:24px;height:24px}.copy-code-button:before{width:14px;height:14px}.copy-code-button.copied{transform:scale(1.05)}}
.stats-dashboard{margin-top:20px}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px;display:grid}.stats-card{background-color:#fff;border-radius:8px;padding:16px;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 10px rgba(0,0,0,.05)}.stats-card:hover{transform:translateY(-3px);box-shadow:0 4px 15px rgba(0,0,0,.1)}.stats-card h3{color:#555;border-bottom:1px solid #eee;margin-top:0;margin-bottom:12px;padding-bottom:8px;font-size:16px}.stats-items{flex-direction:column;gap:8px;display:flex}.stats-item{justify-content:space-between;align-items:center;display:flex}.stats-label{color:#555;font-size:14px}.stats-value{color:#333;font-size:16px;font-weight:600}.stats-tables{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.stats-table{background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.stats-table h3{color:#555;border-bottom:1px solid #eee;margin-top:0;margin-bottom:12px;padding-bottom:8px;font-size:16px}.table-content{font-size:14px}.table-header{color:#333;background-color:#f5f7fa;border-radius:4px;grid-template-columns:3fr 1fr;margin-bottom:8px;padding:8px 12px;font-weight:600;display:grid}.table-row{border-bottom:1px solid #eee;grid-template-columns:3fr 1fr;padding:8px 12px;display:grid}.table-row:last-child{border-bottom:none}.table-cell{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-row .table-cell:last-child{text-align:right;font-weight:500}.empty-table{text-align:center;color:#999;padding:20px;font-style:italic}
.home-container{width:100%;margin-top:16px}.banner-carousel{margin-top:16px;margin-bottom:var(--spacing-xl);min-height:236px;overflow:hidden}.carousel-item{height:100%;min-height:236px;color:var(--primary-color);text-align:center;box-sizing:border-box;background-image:linear-gradient(135deg,#fff 0%,#f5f7fa 100%);justify-content:center;align-items:center;padding:24px 0;animation:.8s ease-in-out forwards fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bg-gradient-2{background-image:linear-gradient(135deg,#e6f7ff 0%,#bae7ff 100%)}.bg-gradient-3{background-image:linear-gradient(135deg,#f6ffed 0%,#d9f7be 100%)}.hero-content{box-sizing:border-box;max-width:800px;margin:0 auto;padding:0 20px}.hero-content h1{margin-bottom:var(--spacing-md);color:var(--primary-color);text-shadow:0 2px 10px rgba(0,0,0,.1);font-size:3.5rem;font-weight:700}.hero-content p{opacity:.9;color:var(--primary-color);font-size:1.8rem}.featured-articles{margin-bottom:var(--spacing-xl)}.featured-articles h2{color:var(--neutral-dark);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-xs);position:relative}.featured-articles h2:after{content:"";background-color:var(--primary-color);width:50px;height:3px;position:absolute;bottom:0;left:0}.loading-container,.error-container,.empty-container{margin:var(--spacing-md)0}.article-list{margin-top:var(--spacing-md)}.pagination-container{margin-top:var(--spacing-lg);justify-content:center;display:flex}.sidebar{flex-direction:column;gap:20px;display:flex}.sidebar-card{background-color:var(--accent-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{border-bottom:1px solid var(--border-color);padding:16px 20px}.card-header h3{color:var(--primary-color);margin:0;font-size:18px;font-weight:600}.card-content{box-sizing:border-box;padding:16px 20px}.tag-waterfall{flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:12px;display:flex}.tag-item,.article-tag{cursor:pointer;white-space:nowrap;box-sizing:border-box;border:1px solid rgba(0,0,0,.02);border-radius:999px;justify-content:center;align-items:center;height:32px;padding:0 14px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 12px rgba(0,0,0,.06)}.article-tag{color:inherit}.sidebar .card-content{padding-top:12px;padding-bottom:16px}.article-list .article-item{overflow:hidden;padding:var(--spacing-md)!important;border:1px solid #e0e0e0!important;border-left:3px solid var(--primary-color)!important;cursor:pointer!important;box-sizing:border-box!important;background-color:#fff!important;border-radius:8px!important;flex-direction:column!important;width:793px!important;height:218px!important;margin-bottom:15px!important;transition:all .3s!important;display:flex!important;position:relative!important;box-shadow:0 2px 4px rgba(0,0,0,.05)!important}html[data-theme=dark-theme] .article-list .article-item{width:793px!important;height:218px!important;padding:var(--spacing-md)!important;background-color:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.12)!important;border-radius:8px!important;box-shadow:0 2px 8px rgba(0,0,0,.45)!important}html[data-theme=dark-theme] .article-item .article-title,html[data-theme=dark-theme] .article-item .article-meta{color:#e5e7eb}html[data-theme=dark-theme] .article-item .article-summary{color:#fff}html[data-theme=dark-theme] .read-more.btn-primary{background:var(--primary-color);color:#fff;border:none}html[data-theme=dark-theme] .read-more.btn-primary:hover{filter:brightness(1.05)}.article-card{padding:var(--spacing-md);margin-bottom:var(--spacing-md);border-left:3px solid var(--primary-color);border-radius:8px;transition:all .3s}.article-list .article-item:hover{transform:translateY(-3px)!important;box-shadow:0 4px 12px rgba(0,0,0,.12)!important}.article-list .article-item:before,html[data-theme=dark-theme] .article-list .article-item:before{content:none!important;background:0 0!important;height:0!important}.article-footer{justify-content:flex-end;align-items:center;margin-top:8px;display:flex}.article-list .article-item .article-footer{margin-top:0;position:absolute;bottom:16px;right:16px}.read-more.btn-primary{white-space:nowrap;justify-content:center;align-items:center;width:81px;height:32px;padding:0;font-size:14px;line-height:32px;display:inline-flex}.tag-item:hover,.article-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.12)}.article-item .article-header{margin-bottom:8px}.article-item .article-title{color:var(--neutral-dark);font-size:20px;font-weight:600;line-height:1.4;display:block}.article-item .article-meta{color:var(--neutral-medium);flex-wrap:wrap;gap:16px;margin:4px 0 8px;font-size:13px;display:flex}.article-item .article-summary{color:var(--neutral-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;margin-bottom:10px;line-height:1.7;display:-webkit-box;overflow:hidden}.article-item .article-tags{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.article-item .article-tags .article-tag{border-radius:999px;padding:6px 12px;font-weight:600;line-height:20px}.article-list .article-item.article-item-with-cover{grid-template-rows:auto;grid-template-columns:220px 1fr;align-items:start;gap:16px;display:grid!important}.article-list .article-item.article-item-with-cover .article-body{flex-direction:column;height:auto;display:flex}.article-list .article-item.article-item-with-cover .article-cover-thumb{border-radius:8px;align-self:start;width:220px;height:180px;overflow:hidden}.article-list .article-item.article-item-with-cover .article-cover-thumb img{object-fit:cover;width:100%;height:100%;display:block}.article-list .article-item.article-item-with-cover .article-summary{flex:1}.article-list .article-item.article-item-with-cover .article-footer{margin-top:auto}@media (max-width:768px){.article-list .article-item.article-item-with-cover{grid-template-rows:auto;grid-template-columns:1fr}.article-list .article-item.article-item-with-cover .article-cover-thumb{width:100%;height:180px}}.article-manage-main .article-list .article-item{height:auto!important;overflow:visible!important}.article-manage-main .article-list .article-item.article-item-with-cover{grid-template-rows:auto}.article-manage-main .article-list .article-item.article-item-with-cover .article-cover-thumb{height:180px}.article-manage-main .article-list .article-item.article-item-with-cover .article-body{height:auto}.article-manage-main .article-list .article-header{padding-top:0}.article-main .article-content h1,.article-main .article-content h2,.article-main .article-content h3{margin:16px 0 8px}.article-main .article-content h1{border-bottom:1px solid var(--border-color);padding-bottom:.3em;font-size:1.8em!important}.article-main .article-content h2{border-bottom:1px solid var(--border-color);padding-bottom:.3em;font-size:1.6em!important}.article-main .article-content h3{font-size:1.5em!important}.article-main .article-content h4{font-size:1.3em!important}.article-main .article-content h5{font-size:1.1em!important}.article-main .article-content h6{font-size:1em!important}.article-main .article-content h1,.article-main .article-content h2,.article-main .article-content h3,.article-main .article-content h4,.article-main .article-content h5,.article-main .article-content h6{font-weight:600;line-height:1.45}.article-main .article-header .article-title,.article-main .article-content h1,.article-main .article-content h2,.article-main .article-content h3,.article-main .article-content h4,.article-main .article-content h5,.article-main .article-content h6{color:#2c3e50!important}html[data-theme=dark-theme] .article-main .article-header .article-title,html[data-theme=dark-theme] .article-main .article-content h1,html[data-theme=dark-theme] .article-main .article-content h2,html[data-theme=dark-theme] .article-main .article-content h3,html[data-theme=dark-theme] .article-main .article-content h4,html[data-theme=dark-theme] .article-main .article-content h5,html[data-theme=dark-theme] .article-main .article-content h6{color:#fff!important}.article-content p{color:var(--neutral-dark);margin:1.2em 0;line-height:1.9}.article-content pre code{background:#f6f8fa;border-radius:8px;padding:12px;display:block;overflow-x:auto}html[data-theme=dark-theme] .article-content pre code{background:#1e293b}.article-content ul,.article-content ol{margin:8px 0;padding-left:20px}.article-content a{color:var(--primary-color);text-decoration:none}.article-content a:hover{text-decoration:underline}.article-content img{max-width:100%;height:auto;margin:8px 0;display:block}.article-content figure{max-width:100%;margin:8px 0}.article-main .article-summary{border-bottom:1px solid var(--border-color);color:var(--neutral-dark);margin-top:12px;margin-bottom:20px;padding-bottom:12px}html[data-theme=dark-theme] .article-main .article-summary{border-color:rgba(255,255,255,.12)}.article-main .article-content table{border-collapse:collapse;max-width:100%;margin:1em auto}.article-main .article-content th,.article-main .article-content td{border:1px solid var(--border-color);text-align:center;padding:8px 12px}html[data-theme=dark-theme] .article-main .article-content th,html[data-theme=dark-theme] .article-main .article-content td{border-color:rgba(255,255,255,.12)}.article-container{grid-template-columns:minmax(0,900px) 260px;justify-content:center;gap:24px;max-width:1200px;margin:0 auto;padding:20px;display:grid}.article-main{border:1px solid var(--border-color);background:var(--accent-color);border-radius:12px;min-width:0;padding:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.06)}html[data-theme=dark-theme] .article-main{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);box-shadow:0 6px 16px rgba(0,0,0,.35)}.article-inner{width:788px;margin:0 auto}.article-header{margin-bottom:16px;padding-top:10px}.article-main .article-header .article-title{text-align:center;color:var(--neutral-dark);font-weight:400;line-height:1.3;font-size:2.2rem!important}.article-meta{color:var(--neutral-medium);flex-wrap:wrap;align-items:center;gap:20px;margin-top:6px;margin-bottom:8px;font-size:14px;line-height:32px;display:flex}.article-tags{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.article-cover{justify-content:center;display:flex}.article-cover-img{object-fit:cover;border-radius:8px;width:788px;height:400px;display:block}.article-toc{background:var(--accent-color);border:1px solid var(--border-color);border-radius:8px;align-self:start;max-height:calc(100vh - 120px);padding:12px;position:-webkit-sticky;position:sticky;top:80px;overflow:auto}.toc-header{color:var(--primary-color);margin-bottom:8px;font-weight:700}.toc-list{margin:0;padding:0;list-style:none}.toc-item{margin:6px 0}.toc-item a{color:var(--neutral-dark);box-sizing:border-box;border-radius:6px;padding:6px 8px;text-decoration:none;display:block}.toc-item a:hover{color:var(--primary-color);background:rgba(0,0,0,.04)}.toc-item.depth-3 a{padding-left:18px;font-size:.95em}.toc-item.depth-4 a{padding-left:28px;font-size:.9em}html[data-theme=dark-theme] .article-toc{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}html[data-theme=dark-theme] .toc-item a:hover{background:rgba(255,255,255,.06)}@media (max-width:1024px){.article-container{grid-template-columns:1fr}.article-toc{max-height:none;position:relative;top:0}}.article-content pre{background:0 0;padding:0}.article-content pre code.prism-code{color:inherit;background:0 0;padding:0;display:block}.article-content .hljs-line{grid-template-columns:40px 1fr;gap:12px;padding:0 12px;display:grid}.article-content .hljs-line:nth-child(2n){background:rgba(255,255,255,.02)}.article-content .hljs-ln{color:#94a3b8;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-right:6px}.article-content .hljs-code{white-space:pre}html[data-theme=dark-theme] .article-content pre code.prism-code{background:0 0}.article-tag.tag-cyan{color:#39b9c7;background-color:rgba(77,208,225,.18);border-color:rgba(77,208,225,.4)}.article-tag.tag-lime{color:#8cbf5a;background-color:rgba(174,213,129,.22);border-color:rgba(174,213,129,.45)}.article-tag.tag-gold{color:#c19500;background-color:rgba(255,213,79,.22);border-color:rgba(255,213,79,.45)}.article-tag.tag-magenta{color:#e64a86;background-color:rgba(240,98,146,.18);border-color:rgba(240,98,146,.4)}.article-tag.tag-volcano{color:#ff7043;background-color:rgba(255,138,101,.18);border-color:rgba(255,138,101,.4)}.article-tag.tag-geekblue{color:#5c6bc0;background-color:rgba(121,134,203,.18);border-color:rgba(121,134,203,.4)}.article-tag.tag-brown{color:#8d6e63;background-color:rgba(161,136,127,.18);border-color:rgba(161,136,127,.4)}.article-tag.tag-darkgreen{color:#2e7d32;background-color:rgba(102,187,106,.18);border-color:rgba(102,187,106,.4)}.tag-item:hover{z-index:10;border-color:var(--primary-color);transform:translateY(-3px)scale(1.05);box-shadow:0 5px 15px rgba(0,0,0,.2)}.popular-articles{margin:0;padding:0;list-style:none}.popular-articles li{border-bottom:1px solid var(--border-color);padding:12px 0}.popular-articles li:last-child{border-bottom:none}.popular-articles a{color:var(--neutral-dark);margin-bottom:4px;text-decoration:none;transition:color .3s;display:block}.popular-articles a:hover{color:var(--primary-color)}.view-count{color:var(--neutral-medium);font-size:.8rem}.article-manage-container{grid-template-columns:260px 1fr;gap:24px;max-width:1200px;margin:0 auto;padding:20px;display:grid}.category-sidebar{align-self:start;position:-webkit-sticky;position:sticky;top:80px}.category-list{margin:0;padding:0;list-style:none}.category-item{margin:8px 0}.category-item a{color:var(--neutral-dark);box-sizing:border-box;border:1px solid transparent;border-radius:8px;justify-content:space-between;align-items:center;height:56px;padding:12px 16px;text-decoration:none;transition:all .2s;display:flex}.category-item .count{color:var(--neutral-medium);margin-left:8px;font-size:12px}.category-item.active a,.category-item a:hover{border-color:var(--border-color);color:var(--primary-color);background:rgba(0,0,0,.04);transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.08)}html[data-theme=dark-theme] .category-item a:hover,html[data-theme=dark-theme] .category-item.active a{background:rgba(255,255,255,.06);transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.6)}.article-manage-main{min-width:0}html[data-theme=dark-theme] .category-item a{box-sizing:border-box;border-width:1px;border-radius:8px;height:56px;padding:12px 16px;transition:all .2s}html[data-theme=dark-theme] .category-item .count{margin-left:8px;font-size:12px}@media (max-width:1024px){.article-manage-container{grid-template-columns:1fr}.category-sidebar{position:relative;top:0}}.article-index{text-align:center;color:#fff;background-color:#9aa0a6;border-radius:50%;width:22px;height:22px;margin-right:8px;font-size:12px;font-weight:700;line-height:22px;display:inline-block}.rank-first{background-color:#ff4d4f;box-shadow:0 2px 5px rgba(255,77,79,.5)}.rank-second{background-color:#ffa940;box-shadow:0 2px 5px rgba(255,169,64,.5)}.rank-third{background-color:#52c41a;box-shadow:0 2px 5px rgba(82,196,26,.5)}.rank-fourth{background-color:#1890ff;box-shadow:0 2px 5px rgba(24,144,255,.4)}.rank-fifth{background-color:#722ed1;box-shadow:0 2px 5px rgba(114,46,209,.4)}@media (max-width:768px){.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.2rem}}.article-tags .article-tag{border:1px solid var(--border-color);box-shadow:0 2px 12px rgba(0,0,0,.06)}.article-tag.tag-blue{color:#1e90ff;background-color:rgba(30,144,255,.15);border-color:rgba(30,144,255,.35)}.article-tag.tag-green{color:#42b883;background-color:rgba(66,184,131,.15);border-color:rgba(66,184,131,.35)}.article-tag.tag-purple{color:#9b59b6;background-color:rgba(155,89,182,.15);border-color:rgba(155,89,182,.35)}.article-tag.tag-orange{color:#f39c12;background-color:rgba(243,156,18,.15);border-color:rgba(243,156,18,.35)}.article-tag.tag-red{color:#e74c3c;background-color:rgba(231,76,60,.15);border-color:rgba(231,76,60,.35)}.article-tag.tag-teal{color:#1abc9c;background-color:rgba(26,188,156,.15);border-color:rgba(26,188,156,.35)}.article-tag.tag-pink{color:#e84393;background-color:rgba(232,67,147,.15);border-color:rgba(232,67,147,.35)}.article-tag.tag-indigo{color:indigo;background-color:rgba(75,0,130,.15);border-color:rgba(75,0,130,.35)}html[data-theme=dark-theme] .carousel-item{background-image:linear-gradient(135deg,#1f1f1f 0%,#2d3748 100%)}html[data-theme=dark-theme] .bg-gradient-2{background-image:linear-gradient(135deg,#003a70 0%,#0056a8 100%)}html[data-theme=dark-theme] .bg-gradient-3{background-image:linear-gradient(135deg,#14532d 0%,#166534 100%)}html[data-theme=dark-theme] .hero-content h1{color:#60a5fa;text-shadow:0 0 10px rgba(96,165,250,.5);background:linear-gradient(90deg,#60a5fa,#34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}html[data-theme=dark-theme] .hero-content p{color:#d8b4fe;text-shadow:0 0 8px rgba(216,180,254,.4);background:linear-gradient(90deg,#d8b4fe,#93c5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}html[data-theme=dark-theme] .bg-gradient-2 .hero-content h1{background:linear-gradient(90deg,#fde047,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}html[data-theme=dark-theme] .bg-gradient-2 .hero-content p{background:linear-gradient(90deg,#fb923c,#f97316);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}html[data-theme=dark-theme] .bg-gradient-3 .hero-content h1{background:linear-gradient(90deg,#86efac,#4ade80);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}html[data-theme=dark-theme] .bg-gradient-3 .hero-content p{background:linear-gradient(90deg,#4ade80,#22c55e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:16px;display:flex}.pager-btn{border:1px solid var(--border-color);color:var(--neutral-dark);background:var(--accent-color);box-sizing:border-box;border-radius:6px;padding:6px 10px;text-decoration:none;transition:all .2s}.pager-btn[aria-disabled=true]{opacity:.5;pointer-events:none}.pager-btn:hover{color:var(--primary-color);border-color:var(--primary-color)}.pager-num{border:1px solid var(--border-color);color:var(--neutral-dark);background:var(--accent-color);box-sizing:border-box;border-radius:6px;padding:6px 10px;text-decoration:none;transition:all .2s}.pager-num[aria-current=page]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pager-num:hover{color:var(--primary-color);border-color:var(--primary-color)}.pager-ellipsis{color:var(--neutral-medium);padding:0 4px}
.about-container{width:1200px;max-width:1200px;margin:2rem auto;padding:0}.profile-card{background-color:var(--accent-color);box-shadow:var(--shadow-sm);border-radius:12px;width:1200px;max-width:100%;margin-left:auto;margin-right:auto;padding:2rem}.profile-header{gap:2rem;margin-bottom:2rem;display:flex}.avatar{object-fit:cover;border-radius:12px;width:150px;height:150px}.profile-info{flex:1}.profile-description{color:var(--neutral-medium);line-height:1.6}.about-container h2{color:var(--neutral-dark);border-bottom:1px solid var(--border-color);margin:12px 0 16px;padding-bottom:12px;font-size:40px;font-weight:700}.skill-section{margin-bottom:2rem}.skill-group{margin-bottom:1.5rem}.skill-group h3{color:var(--neutral-dark);margin-bottom:1rem;font-size:1.1rem}.skill-tags{flex-wrap:wrap;gap:10px;display:flex}.skill-tag{color:#fff;border:1px solid transparent;border-radius:6px;justify-content:center;align-items:center;height:28px;padding:0 12px;font-size:13px;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 6px rgba(0,0,0,.06)}.skill-tag:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.12)}.skill-tag.tag-blue{background-color:var(--tag-blue)}.skill-tag.tag-green{background-color:var(--tag-green)}.skill-tag.tag-purple{background-color:var(--tag-purple)}.skill-tag.tag-orange{background-color:var(--tag-orange)}.skill-tag.tag-red{background-color:var(--tag-red)}.skill-tag.tag-teal{background-color:var(--tag-teal)}.skill-tag.tag-pink{background-color:var(--tag-pink)}.skill-tag.tag-indigo{background-color:var(--tag-indigo)}.contact-section{margin-bottom:2rem}.contact-info{gap:1rem;display:flex}.contact-link{color:var(--primary-color);align-items:center;gap:.5rem;text-decoration:none;transition:color .3s;display:flex}.contact-link:hover{color:var(--primary-light)}.blog-info{margin-bottom:2rem}.blog-history{color:var(--neutral-medium);line-height:1.6}.blog-history p{margin-bottom:1rem}.blog-timeline{margin-top:1rem;padding:0;list-style:none}.blog-timeline li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.blog-timeline li:last-child{margin-bottom:0}.blog-timeline li:before{content:"";background-color:var(--primary-color);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (max-width:768px){.profile-header{text-align:center;flex-direction:column;align-items:center}.avatar{width:120px;height:120px}.skill-tags{justify-content:center}}
code[class*=language-],pre[class*=language-]{color:#ccc;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;line-height:1.5}pre[class*=language-]{margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}
:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}html:before{content:"";z-index:-1;opacity:.06;pointer-events:none;background:url(/bg.jpg) 50%/cover no-repeat fixed;position:fixed;top:0;bottom:0;left:0;right:0}html[data-theme=dark-theme]:before{opacity:.12;filter:grayscale()brightness(.5);background:url(/bg.jpg) 50%/cover no-repeat fixed}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.bytemd{height:calc(100vh - 200px)!important}.write-article-container h1{text-align:center;margin:20px 0 24px;font-size:28px}.article-form{background:var(--accent-color,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:20px}.form-group{margin-bottom:16px}.form-group label{margin-bottom:8px;font-weight:600;display:block}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:8px 0 16px;display:grid}.stat-card{background:var(--accent-color,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.stat-card:before,.dashboard-section:before{content:none!important}.stat-content{padding:12px 16px}.stat-content h3{color:var(--neutral-medium);margin:0 0 6px;font-size:14px}.stat-value{font-size:24px;font-weight:700}.manage-layout{grid-template-columns:260px 1fr;gap:16px;margin-top:12px;display:grid}.manage-sidebar{background:var(--accent-color,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;align-self:start;padding:12px}.sidebar-title{margin-bottom:8px;font-weight:700}.category-list{margin:0;padding:0;list-style:none}.category-item{margin:6px 0}.category-item button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:6px 8px}.category-item.active button,.category-item button:hover{background:rgba(0,0,0,.04)}.category-item .count{float:right;opacity:.6}.category-divider{background:var(--border-color,#e5e7eb);height:1px;margin:8px 0}.category-actions{margin-top:12px}.new-cat-row{gap:8px;display:flex}.new-cat-row input{border:1px solid var(--border-color);border-radius:6px;flex:1;height:30px;padding:0 8px}.category-manage-list{margin:8px 0 0;padding:0;list-style:none}.category-manage-list li{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:6px 4px;display:flex}.category-manage-list li .ops{gap:6px;display:inline-flex}.category-manage-list li.empty{color:var(--neutral-medium)}.manage-main{background:var(--accent-color,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:12px}.manage-toolbar{align-items:center;gap:8px;margin-bottom:12px;display:flex}.manage-toolbar .search{border:1px solid var(--border-color);border-radius:6px;flex:1;height:32px;padding:0 10px}.manage-toolbar .status{border:1px solid var(--border-color);border-radius:6px;height:32px;padding:0 8px}.article-card{border:1px solid var(--border-color);border-radius:8px;margin-bottom:12px;padding:12px}.article-card .card-inner{grid-template-columns:160px 1fr;gap:12px;display:grid}.article-card .cover{background:rgba(0,0,0,.05);border-radius:6px;width:160px;height:100px;overflow:hidden}.article-card .cover img{object-fit:cover;width:100%;height:100%;display:block}.article-card .cover .no-cover{width:100%;height:100%}.article-card .info .title{margin-bottom:6px;font-size:18px;font-weight:700}.article-card .meta-row{color:var(--neutral-medium);gap:12px;margin-bottom:8px;font-size:13px;display:flex}.article-card .actions{gap:8px;display:flex}.manage-layout-3{grid-template-columns:220px 1fr 320px;gap:16px;margin-top:12px;display:grid}.manage-nav,.manage-right{background:var(--accent-color,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;align-self:start;padding:12px}.manage-right .card-header{margin-bottom:8px;font-weight:700}.manage-nav .category-list{margin:0;padding:0;list-style:none}.manage-nav .category-item{margin:6px 0}.manage-nav .category-item button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:6px 8px}.manage-nav .category-item.active button,.manage-nav .category-item button:hover{background:rgba(0,0,0,.04)}.manage-nav .category-item .count{float:right;opacity:.6}.card{background:var(--accent-color,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px}.simple-table{border-collapse:collapse;width:100%}.simple-table th,.simple-table td{text-align:left;border-bottom:1px solid var(--border-color,#e5e7eb);padding:6px 8px;font-size:13px}.simple-table thead th{color:var(--neutral-medium);font-weight:600}.content-layout{width:1200px;max-width:100%}.dashboard-content{width:100%}.dashboard-section{display:block;grid-column:1/-1!important;width:100%!important}.visit-summary .card,.grid-3 .card{width:100%}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}@media (max-width:1200px){.content-layout{width:auto;padding:12px}}@media (max-width:992px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.visit-summary{gap:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}.manage-layout-3{grid-template-columns:1fr}.manage-main{margin-top:12px}.article-card .card-inner{grid-template-columns:1fr}.article-card .cover{width:100%;height:160px}}@media (max-width:600px){.dashboard-stats{grid-template-columns:1fr}.visit-summary,.grid-3{grid-template-columns:1fr!important}.manage-toolbar{flex-wrap:wrap}.manage-toolbar .search,.manage-toolbar .status{width:100%}.simple-table{white-space:nowrap;display:block;overflow-x:auto}.bytemd{height:calc(100vh - 140px)!important}}html[data-theme=mobile-theme]{--primary-color:#4f46e5;--accent-color:#fff;--border-color:#e6e8eb;--neutral-medium:#6b7280;--neutral-dark:#111827}html[data-theme=mobile-theme] body{font-size:15px;line-height:1.6}html[data-theme=mobile-theme] .card,html[data-theme=mobile-theme] .article-form,html[data-theme=mobile-theme] .manage-main,html[data-theme=mobile-theme] .manage-sidebar,html[data-theme=mobile-theme] .manage-right{border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.06)}html[data-theme=mobile-theme] .stat-value{font-size:22px}html[data-theme=mobile-theme] .stat-content h3{font-size:13px}@media (max-width:768px){html[data-theme=mobile-theme] .dashboard-stats{grid-template-columns:1fr 1fr}html[data-theme=mobile-theme] .visit-summary{gap:12px;display:grid;grid-template-columns:1fr 1fr!important}html[data-theme=mobile-theme] .grid-3{grid-template-columns:1fr!important}}@media (max-width:480px){html[data-theme=mobile-theme] .dashboard-stats{grid-template-columns:1fr}html[data-theme=mobile-theme] .visit-summary{grid-template-columns:1fr!important}}