@keyframes spin{to{transform:rotateZ(360deg)}}.article{color:#fff;font-size:14px;line-height:24px}.article>*{margin-bottom:8px}.article img{display:block;width:100%;height:auto;cursor:zoom-in;-o-object-fit:cover;object-fit:cover}.article img[data-src]{padding:0;background-color:var(--color-image-placeholder)}#preview_modal .modal-close svg,.index-content>article.list-container{color:#fff}.index-content>article.list-container>header{margin-bottom:12px}.index-content>article.list-container>header h1{margin:0 0 8px;color:#fff;font-size:18px;font-weight:600;line-height:26px}.index-content>article.list-container>header>div{min-height:40px;margin:0;padding-bottom:12px;gap:12px;border-color:var(--color-border)}.index-content>article.list-container>.bg-base1.grid-cols-2>a,.index-content>article.list-container>header a{min-width:0}.index-content>article.list-container>header strong{color:#fff;font-size:14px;line-height:20px}.index-content>article.list-container>header span,.index-content>article.list-container>header time{flex:none;color:var(--color-font1);font-size:12px;line-height:20px}.index-content>article.list-container>header .btn-subscribe{flex:none;margin-left:auto}.index-content>article.list-container>nav{margin-bottom:8px;overflow:hidden}.index-content>article.list-container>nav>ul{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;grid-template-rows:28px;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.index-content>article.list-container>nav>ul::-webkit-scrollbar{display:none}.index-content>article.list-container>nav .dx-link-button.is-tag{min-width:64px;height:28px;padding:0 12px;color:var(--color-primary);font-size:13px;line-height:28px;white-space:nowrap;border-color:#67520d;background:#262019}:is(.index-content > article.list-container)>.bg-base1+section,:is(.index-content > article.list-container)>nav+section{margin:8px 0 12px}:is(:is(.index-content > article.list-container) > nav + section,:is(.index-content > article.list-container) > .bg-base1 + section)>div{gap:4px}.index-content>article.list-container>ul.grid-cols-4{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:12px}.index-content>article.list-container>ul.grid-cols-4 .dx-link-button{height:30px;padding:0 6px;color:var(--color-primary);font-size:13px;line-height:30px;white-space:nowrap;border-color:#67520d;background:0 0}:is(.index-content > article.list-container)>ul+section.bg-white{margin:0 0 12px;padding:0;color:#fff;font-size:14px;line-height:24px;border:0;background:0 0!important}:is(.index-content > article.list-container)>.article+section.bg-white{margin:12px 0 16px;padding:14px 16px;color:#fff;font-size:14px;line-height:24px;border:0;border-left:2px solid var(--color-primary);border-radius:10px;background:#262019!important}.index-content>article.list-container>.btn-copy{display:block;width:100%;margin:8px 0 4px;padding:0;border:0;background:0 0}.index-content>article.list-container>.btn-copy img{display:block;width:100%;height:auto}.index-content>article.list-container>.bg-base1.grid-cols-2{gap:12px;margin-top:16px;padding:0;border:0;background:0 0}.index-content>article.list-container>.bg-base1.grid-cols-2 .text-primary{margin-bottom:8px;font-size:14px;line-height:20px}.index-content>article.list-container>.bg-base1.grid-cols-2 h2{margin-top:6px;color:#fff;font-size:13px;line-height:20px}.index-content>article.list-container>.bg-base1.grid-cols-2 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.index-content>article.list-container>section.mb-3{margin:20px 0}.index-content>article.list-container>section.mb-3 h3{padding-left:8px;color:#fff;font-size:18px;font-weight:600;line-height:24px;border-left:3px solid var(--color-primary)}.index-content>article.list-container>section.mb-3 li h2{color:#fff;font-size:13px;line-height:20px}.index-content>article.list-container>section.mb-3 li .text-mini{margin-top:4px;color:var(--color-font1);font-size:11px;line-height:18px}.index-content>article.list-container>div:has(>#comments){margin:20px 0}.index-content>article.list-container>div:has(>#comments)>h3{padding-left:8px;color:#fff;font-size:18px;font-weight:600;line-height:24px;border-left:3px solid var(--color-primary)}.index-content>article.list-container>div:has(>#comments)>.text-title{margin:4px 0 12px;color:var(--color-font1);font-size:13px;line-height:20px}.comments,.dx-textarea,.index-content article>header,.index-content article>nav,.index-content article>section{border-color:var(--color-border)}.index-content article>section.bg-white{border:1px solid rgba(103,82,13,.32)}.comments .video-comment .video-comment{background-color:#262019;border-left-color:var(--color-primary);margin-top:10px;padding:12px;border-left-width:3px;border-radius:2px}#preview_modal{--color-dialog-background:transparent;--swiper-pagination-top:16px;--swiper-pagination-bottom:auto;--swiper-pagination-fraction-color:#fff}#preview_modal .modal-dialog{top:50%!important;box-shadow:none;border:0;margin:auto;transform:translateY(-50%);width:unset}#preview_modal .modal-content{max-height:90vh;padding:0;width:600px;margin:auto;max-width:90vw}#preview_modal .modal-body{padding:0;width:100%;height:100%}#preview_modal .swiper-slide{background-color:transparent;display:flex;align-items:center}#preview_modal .swiper{height:100%}#preview_modal .swiper img{-o-object-fit:unset;object-fit:unset;cursor:grabbing;height:auto}#preview_modal .modal-close{width:32px;height:32px;position:absolute;right:24px;top:24px;border-radius:50%;background-color:rgba(0,0,0,.6);z-index:2;display:flex;align-items:center;justify-content:center}.comments{margin:0;color:#fff;border-top:1px solid var(--color-border)}.comments>.video-comment{margin:0;padding:14px 0;border-bottom:1px solid var(--color-border)}.comments .avatar-link,.comments .btn-reply{color:var(--color-primary)!important}.comments .avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--dx-base2-color);border-radius:50%}.comments .avatar img{width:36px;height:36px;-o-object-fit:contain;object-fit:contain}.comments time{color:var(--color-font1);font-size:12px;line-height:18px}.comments .video-comment--content{color:#fff;font-size:14px;line-height:22px}.index-content>article.list-container>div:has(>#comments) .dx-textarea{min-height:156px;padding:12px;border:0;background:#292828;border-radius:8px;border:.5px solid var(--1-40, rgba(227, 178, 109, 0.40))}.index-content>article.list-container>div:has(>#comments) .dx-textarea textarea{min-height:96px;color:#fff;font-size:14px;line-height:22px;resize:vertical}.index-content>article.list-container>div:has(>#comments) .dx-textarea .dx-link-button{height:40px;font-size:14px;font-weight:600;border:0;color:#e3b26d;background:rgba(227,178,109,.1);border-color:rgba(227,178,109,.4)}.index-content>article.list-container>div:has(>#comments) .dx-textarea .button-r-text{color:#fff;font-family:"PingFang SC";font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize}.index-content>article.list-container>.mobile-block.text-center{margin:16px 0 0}.index-content>article.list-container>.mobile-block.text-center>span{display:none}.index-content>article.list-container>.mobile-block.text-center>.grid{max-width:292px;margin:0 auto}.index-content>article.list-container>.mobile-block.text-center>.grid a,.index-content>article.list-container>.mobile-block.text-center>.grid button{color:var(--color-primary);font-size:12px;line-height:18px}.index-content>article.list-container>.mobile-block.text-center>.grid span:first-child{width:40px;height:40px;padding:0;border:1px solid rgba(227,178,109,.32);background:#262019!important}.index-content>article.list-container>#app-footer{width:100%;max-width:650px;margin-top:40px;padding-right:0;padding-left:0}@media (min-width:769px){.app-main>.index-content{width:650px;margin-left:66px}.app-main>.app-aside--left{overflow:visible}.app-main>.app-aside--left>.mobile-block:first-child{display:block!important;height:auto;overflow:visible}.app-main>.app-aside--left>.pc-block{position:absolute;inset:0;height:100%;pointer-events:none;background:0 0}.app-main>.app-aside--left>.pc-block>.absolute{top:117px;right:-60px;gap:16px;transform:none}.app-main>.app-aside--left>.pc-block>.absolute>a,.app-main>.app-aside--left>.pc-block>.absolute>button{width:48px;color:var(--color-primary);font-size:13px;line-height:18px;pointer-events:auto}.app-main>.app-aside--left>.pc-block>.absolute span:first-child{border:1px solid rgba(227,178,109,.32);background:#262019!important}}@media (max-width:768px){.app-main>.index-content{width:auto;margin-left:0}.index-content>article.list-container{padding:8px 15px 0}.index-content>article.list-container>header{margin-bottom:10px}.index-content>article.list-container>header h1{margin-bottom:8px;font-size:16px;line-height:24px}.index-content>article.list-container>header>div{min-height:36px;padding-bottom:10px;gap:8px}.index-content>article.list-container>header img{width:32px;height:32px}.index-content>article.list-container>header a{flex:1 1 auto}.index-content>article.list-container>header strong{max-width:72px;font-size:13px}.index-content>article.list-container>header span,.index-content>article.list-container>header time{font-size:11px;line-height:18px}.index-content>article.list-container>header .btn-subscribe{width:64px;height:30px}.index-content>article.list-container>nav{margin-bottom:8px}.index-content>article.list-container>nav>ul{grid-template-rows:repeat(2,30px);gap:6px 8px}.index-content>article.list-container>nav .dx-link-button.is-tag{min-width:64px;height:30px;padding:0 10px;font-size:12px;line-height:30px}:is(.index-content > article.list-container)>.bg-base1+section,:is(.index-content > article.list-container)>nav+section{margin:8px 0}:is(:is(.index-content > article.list-container) > nav + section,:is(.index-content > article.list-container) > .bg-base1 + section)>div{gap:4px}.index-content>article.list-container>ul.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.index-content>article.list-container>ul.grid-cols-4 .dx-link-button{height:30px;padding:0 4px;font-size:12px}:is(.index-content > article.list-container)>ul+section.bg-white{font-size:13px;line-height:22px}:is(.index-content > article.list-container)>.article+section.bg-white{margin:10px 0 14px;padding:12px;font-size:13px;line-height:22px}.index-content>article.list-container>.btn-copy{margin-top:4px}.index-content>article.list-container>.bg-base1.grid-cols-2{gap:8px;margin-top:14px}.index-content>article.list-container>.bg-base1.grid-cols-2 .text-primary{margin-bottom:6px;font-size:12px}.index-content>article.list-container>.bg-base1.grid-cols-2 h2{margin-top:4px;font-size:12px;line-height:18px}.index-content>article.list-container>section.mb-3{margin:16px 0}.index-content>article.list-container>section.mb-3 h3{font-size:16px;line-height:22px}.index-content>article.list-container>section.mb-3>ul{gap:8px}.index-content>article.list-container>section.mb-3 li h2{font-size:12px;line-height:18px}.index-content>article.list-container>section.mb-3 li .text-mini{font-size:10px;line-height:16px}.index-content>article.list-container>div:has(>#comments){margin:16px 0}.index-content>article.list-container>div:has(>#comments)>h3{font-size:16px;line-height:22px}.index-content>article.list-container>#app-footer{max-width:none;margin-top:32px}.article{font-size:13px;line-height:22px}.article>*{margin-bottom:8px}.article img[data-src]{padding:0}.comments .avatar{width:36px;height:36px}.comments .avatar img{width:32px;height:32px}.comments .video-comment--content{font-size:13px;line-height:21px}}.btn-follow.is-active .bg-white,.btn-like.is-active .bg-white{border-color:var(--color-primary);background-color:#262019!important}.btn-follow.is-active svg,.btn-like.is-active svg{color:var(--color-primary)}.btn-rec-refresh.is-refreshing svg{animation:spin 1s ease-in-out}