*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#333;--secondary-color:#666;--border-color:#eee;--bg-color:#fff;--hover-color:#000;--active-color:#222;--container-width:980px;--content-width:980px}body.dark-theme{--primary-color:#e0e0e0;--secondary-color:#aaa;--border-color:#444;--bg-color:#1a1a1a;--hover-color:#fff;--active-color:#ddd}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'PingFang SC',sans-serif;background:var(--bg-color);color:var(--primary-color);line-height:1.6;font-weight:300;-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s;font-size:16px}a{color:var(--primary-color);text-decoration:none;transition:color .2s}a:hover{color:var(--hover-color)}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px;position:relative}.content-wrapper{max-width:var(--content-width);margin:0 auto;padding:40px 0}.header{padding:15px 0;margin-top:20px;text-align:center;border-bottom:1px solid var(--border-color)}.site-name{font-size:24px;font-weight:300;letter-spacing:3px;margin-bottom:5px;color:var(--primary-color)}.site-desc{font-size:13px;color:var(--secondary-color);font-weight:300}.nav-container{position:relative;padding:8px 0;border-bottom:1px solid var(--border-color);overflow:hidden}.nav,.nav-links{display:flex;list-style:none;margin:0;padding:0;flex-wrap:wrap}.nav-links{gap:0;width:100%}.nav-links li{flex-shrink:0}.nav-links a{font-size:14px;color:var(--secondary-color);padding:6px 12px;white-space:nowrap;display:block}.nav-links a:hover{color:var(--hover-color)}.nav-links a.active-nav{color:var(--active-color);font-weight:400}.main{margin-top:25px}.categories{margin-bottom:30px}.category-group{margin-bottom:20px}.category-title{font-size:16px;font-weight:400;margin-bottom:12px;color:var(--primary-color);padding-bottom:6px;border-bottom:1px solid var(--border-color)}.category-links{display:flex;flex-wrap:wrap;gap:10px}.category-links a{font-size:14px;color:var(--secondary-color);padding:4px 10px;border:1px solid var(--border-color);border-radius:2px;background:var(--bg-color)}.category-links a:hover{border-color:var(--hover-color)}.latest-articles{margin-bottom:30px}.section-title{font-size:18px;font-weight:400;margin-bottom:15px;color:var(--primary-color);padding-bottom:8px;border-bottom:1px solid var(--border-color)}.article-list{display:flex;flex-direction:column;gap:20px}.article-item{display:flex;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.article-image{flex-shrink:0;width:160px;height:110px;background:var(--border-color);border-radius:3px;overflow:hidden}.article-image img{width:100%;height:100%;object-fit:cover}.article-content{flex:1;min-width:0}.article-title{font-size:17px;margin-bottom:6px;color:var(--primary-color);line-height:1.4}.article-title a{color:var(--primary-color)}.article-title a:hover{color:var(--hover-color)}.article-meta{font-size:12px;color:var(--secondary-color);margin-bottom:8px;display:flex;gap:15px;flex-wrap:wrap}.article-meta a{color:var(--secondary-color)}.article-meta a:hover{color:var(--hover-color)}.article-excerpt{font-size:14px;color:var(--secondary-color);line-height:1.6}.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:15px;padding-top:10px;border-top:0!important;flex-wrap:wrap;min-height:36px}.pagination ul{display:flex;list-style:none;margin:0;padding:0;gap:6px;align-items:center}.pagination li{display:flex;align-items:center}.pagination a,.pagination span{padding:5px 10px;border:1px solid var(--border-color);background:var(--bg-color);color:var(--secondary-color);font-size:14px;border-radius:2px;cursor:pointer;transition:all .2s;text-decoration:none;display:flex;align-items:center;justify-content:center;min-height:32px;min-width:32px}.pagination a:hover{border-color:var(--hover-color);text-decoration:none}.pagination .active span{background:var(--border-color);color:var(--active-color);font-weight:400}.pagination .page_disabled,.pagination .pageEllipsis{display:none!important}.pagination li:has(> span:contains("/")){display:none!important}.article-header{margin-bottom:40px;border-bottom:1px solid var(--border-color);padding-bottom:20px}.article-title-article{font-size:28px;font-weight:400;line-height:1.4;margin-bottom:20px;color:var(--primary-color);text-align:left}.article-meta{display:flex;align-items:center;gap:15px;font-size:14px;color:var(--secondary-color);margin-bottom:15px}.article-author-logo{width:40px;height:40px;border-radius:50%;overflow:hidden;border:1px solid var(--border-color)}.article-author-logo img{width:100%;height:100%;object-fit:cover}.article-author{font-weight:400;color:var(--primary-color)}.article-author a{color:var(--primary-color)}.article-author a:hover{color:var(--hover-color)}.article-date{margin-left:auto}.article-content{font-size:17px;line-height:1.8;color:var(--primary-color)}.article-content p{margin-bottom:1.5em;text-align:justify;word-break:break-word}.article-content h2{font-size:22px;font-weight:400;margin:2em 0 1em;padding-bottom:10px;border-bottom:1px solid var(--border-color);color:var(--primary-color)}.article-content strong{font-weight:400;color:var(--active-color)}.article-content img{max-width:100%;height:auto;display:block;margin:2em auto;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.article-content blockquote{margin:2em 0;padding:1em 1.5em;border-left:4px solid var(--border-color);background:var(--bg-color);color:var(--secondary-color);font-style:italic;border-radius:0 4px 4px 0}.article-content pre{margin:2em 0;padding:1.5em;background:var(--bg-color);border:1px solid var(--border-color);border-radius:4px;overflow-x:auto;font-family:'Courier New',monospace;font-size:14px}.article-content table{width:100%;margin:2em 0;border-collapse:collapse}.article-content table th,.article-content table td{padding:12px 15px;border:1px solid var(--border-color);text-align:left}.article-content table th{background:var(--bg-color);font-weight:400}.article-content audio{width:100%;margin:2em 0}.article-footer{margin:30px 0;padding:15px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.article-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:15px;margin-top: 20px;}.action-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;background:var(--bg-color);border:1px solid var(--border-color);color:var(--secondary-color);border-radius:4px;cursor:pointer;transition:all .2s;font-size:12px;gap:4px;min-width:60px;text-decoration:none;height:32px}.action-btn:hover{border-color:var(--hover-color);color:var(--hover-color);transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.08)}.action-btn i{font-size:13px}.action-btn .btn-text{font-size:11px;font-weight:400}.action-btn .like-count-badge{position:absolute;top:-5px;right:-5px;background:#f44;color:#fff;font-size:9px;padding:1px 4px;border-radius:8px;min-width:16px;text-align:center;display:none;height:16px;line-height:16px}.action-btn .like-count-badge.show{display:block}.action-btn.liked{border-color:#f44;color:#f44}.action-btn.liked i{color:#f44}.action-btn.favorited{border-color:#ffbe02;color:#ffbe02}.action-btn.favorited i{color:#ffbe02}#fontSizeBtn .font-indicator{font-size:12px;font-weight:500}#fontSizeBtn.font-active{border-color:#07f;color:#07f}.share-popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:25px;z-index:1001;max-width:500px;width:90%;box-shadow:0 10px 40px rgba(0,0,0,.15)}.share-popup h3{font-size:18px;font-weight:400;margin-bottom:20px;text-align:center;color:var(--primary-color)}.share-platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:15px}.share-platform{display:flex;flex-direction:column;align-items:center;padding:15px 10px;border-radius:8px;cursor:pointer;transition:all .3s;background:var(--bg-color);border:1px solid var(--border-color)}.share-platform:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.share-platform i{font-size:24px;margin-bottom:8px}.share-platform .name{font-size:12px;color:var(--secondary-color)}.wechat-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:1002;align-items:center;justify-content:center}.wechat-modal-content{background:var(--bg-color);border-radius:12px;padding:30px;max-width:400px;width:90%;text-align:center}.wechat-qrcode{margin:20px 0;padding:15px;background:#fff;border-radius:8px;display:inline-block}.wechat-qrcode img{width:200px;height:200px}.wechat-close-btn{margin-top:20px;padding:8px 20px;background:var(--border-color);border:none;border-radius:6px;color:var(--secondary-color);cursor:pointer;font-size:14px}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,.5)}.modal-content{position:relative;background:var(--bg-color);margin:15% auto;padding:25px 20px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;width:95%;max-width:420px;box-shadow:0 4px 20px rgba(0,0,0,.2);height:240px}.modal-content h3{margin-bottom:15px;font-size:15px}.close{color:#aaa;float:right;font-size:28px;font-weight:bold;position:absolute;top:8px;right:10px;cursor:pointer}.close:hover{color:#000}.clear{clear:both}.ht_grid_1_2_custom{float:left;width:49%;margin-right:2%;text-align:center}.ht_grid_1_2_custom:nth-of-type(2n){margin-right:0}.ht_grid_1_2_custom:nth-of-type(2n+1){clear:left}.ht_grid_1_2_custom img{width:100%;max-width:160px;border-radius:8px}.popup-backdrop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000}.article-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.article-tags a{padding:4px 12px;background:var(--bg-color);border:1px solid var(--border-color);color:var(--secondary-color);font-size:13px;border-radius:15px}.article-tags a:hover{border-color:var(--hover-color);color:var(--hover-color)}.related-articles{margin:40px 0}.related-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.related-item{display:flex;gap:15px;padding:15px;border:1px solid var(--border-color);border-radius:4px;transition:border-color .2s}.related-item:hover{border-color:#bbbbbbde}.related-image{flex-shrink:0;width:80px;height:60px;border-radius:3px;overflow:hidden}.related-image img{width:100%;height:100%;object-fit:cover}.related-content{flex:1;min-width:0}.related-title{font-size:15px;font-weight:400;margin-bottom:6px;line-height:1.4}.related-title a{color:var(--primary-color)}.related-title a:hover{color:var(--hover-color)}.related-meta{font-size:12px;color:var(--secondary-color)}.comments-section{margin:60px 0 40px}.footer{padding:10px 0;border-top:1px solid var(--border-color);text-align:center;color:var(--secondary-color);font-size:13px}.footer p{margin-bottom:5px}.language-selector{position:fixed;right:20px;top:20px;z-index:1000}.language-current{display:flex;align-items:center;padding:6px 12px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .2s}.language-current:hover{border-color:var(--hover-color)}.language-flag{width:20px;height:15px;margin-right:8px;background-size:cover;background-position:center;border-radius:2px}div#translate {display:none;}.language-name{font-size:14px;color:var(--secondary-color)}.language-dropdown{display:none;position:absolute;top:100%;right:0;background:var(--bg-color);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.1);max-height:300px;overflow-y:auto;min-width:200px;z-index:1001}.language-selector.active .language-dropdown{display:block}.language-regions-container{padding:10px}.language-region{margin-bottom:15px}.region-title{font-size:12px;color:var(--secondary-color);margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--border-color)}.region-languages{display:grid;grid-template-columns:1fr;gap:2px}.language-option{display:flex;align-items:center;padding:6px 10px;cursor:pointer;transition:background-color .2s;border-radius:3px}.language-option:hover{background:var(--border-color)}.language-option.active{background:var(--active-color);color:var(--bg-color)}.language-option .language-flag{width:16px;height:12px;margin-right:8px}.language-option span{font-size:13px}.side-tools{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:999}.tool-btn{width:36px;height:36px;border:1px solid var(--border-color);background:var(--bg-color);color:var(--secondary-color);font-size:12px;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.05)}.tool-btn:hover{border-color:var(--hover-color);color:var(--hover-color)}.mobile-tools{position:fixed;bottom:15px;right:15px;display:flex;flex-direction:column;gap:8px;z-index:100;display:none}.mobile-tools .tool-btn{width:40px;height:40px}}body.modal-open{overflow:hidden}.no-mobile{display:none}.no-pc{display:inline}#wap-no{font-size:13px!important}#img-no{display:none}@media (min-width:960px){.no-mobile{display:inline}.no-pc{display:none}}@media (max-width:768px){:root{--container-width:100%;--content-width:100%}.container{padding:0 15px}.content-wrapper{padding:25px 0}.nav-container{padding:6px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.nav-container::-webkit-scrollbar{height:4px}.nav-container::-webkit-scrollbar-track{background:var(--border-color);border-radius:2px}.nav-container::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:2px}.nav{display:block;white-space:nowrap;width:max-content}.nav-links{display:inline-flex;flex-wrap:nowrap;white-space:nowrap;width:auto}.nav-links li{display:inline-block}.nav-links a{padding:4px 10px;font-size:13px}.article-item{flex-direction:column;gap:12px}.article-image{width:100%;height:180px}.article-header{padding-bottom:15px;margin-bottom:30px}.article-title-article{font-size:22px;margin-bottom:15px}.article-content{font-size:16px}.article-content h2{font-size:20px}.article-footer{margin:20px 0;padding:10px 0}.article-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:10px}.action-btn{padding:8px;font-size:10px;min-width:auto;width:100%;height:36px;flex-direction:column;gap:2px}.action-btn .btn-text{font-size:9px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.action-btn .like-count-badge{right:-2px;font-size:8px;padding:0 2px;min-width:22px;height:22px;line-height:22px}.share-platforms{grid-template-columns:repeat(3,1fr);gap:12px}.share-platform{padding:12px 8px}.related-list{grid-template-columns:1fr;gap:15px}.side-tools{display:none}.mobile-tools{display:flex}.language-selector{right:5px;top:5px}.language-current{padding:4px}.language-name{font-size:12px}.pagination{gap:4px;margin-top:10px;padding-top:8px}.pagination a,.pagination span{padding:4px 8px;min-height:28px;min-width:28px;font-size:13px}.footer{padding:15px 0;font-size:12px}}@media (max-width:480px){.article-actions{grid-template-columns:repeat(4,1fr);gap:4px}.action-btn{height:30px}.action-btn i{font-size:13px}.action-btn .btn-text{font-size:8px}}@media (max-width:360px){.article-actions{grid-template-columns:repeat(3,1fr)}.action-btn{font-size:9px;padding:5px 3px}.action-btn i{font-size:12px}.action-btn .btn-text{font-size:7px}}