@charset "UTF-8";.banner-empty{border-radius:12px;overflow:hidden}.banner-swiper-wrapper{position:relative;border-radius:12px;overflow:hidden}.banner-swiper{border-radius:12px}.banner-slide{position:relative;cursor:pointer}.banner-slide-img-wrap{aspect-ratio:2.4/1;overflow:hidden;border-radius:12px}@media(min-width:768px){.banner-slide-img-wrap{aspect-ratio:2.8/1}}.banner-slide-img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.banner-slide-img:hover{transform:scale(1.05)}.banner-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.3),transparent);padding:12px;border-radius:0 0 12px 12px}@media(min-width:768px){.banner-overlay{padding:16px}}.banner-tag{display:inline-block;padding:2px 8px;background:#3370ff;color:#fff;font-size:12px;border-radius:4px;margin-bottom:8px}.banner-title{color:#fff;font-size:14px;font-weight:500;line-height:1.375}@media(min-width:768px){.banner-title{font-size:20px}}.banner-summary{color:#ffffffb3;font-size:12px;margin-top:4px}@media(min-width:768px){.banner-summary{font-size:14px}}.hidden-sm{display:none}@media(min-width:640px){.hidden-sm{display:block}}.line-clamp-1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.banner-swiper .swiper-pagination{bottom:10px!important;left:50%!important;transform:translate(-50%);width:auto!important}.banner-swiper .swiper-pagination-bullet{width:6px;height:6px;margin:0 4px!important;background:#ffffff80;opacity:1;border-radius:50%;transition:background .2s}.banner-swiper .swiper-pagination-bullet-active{width:6px;height:6px;border-radius:50%;background:#fff}.banner-swiper .swiper-button-prev,.banner-swiper .swiper-button-next{display:flex!important;width:25px;height:25px;border-radius:50%;background:#00000080;color:#fff;transition:opacity .2s,background .2s;margin-top:-12.5px}.banner-swiper .swiper-button-prev svg,.banner-swiper .swiper-button-next svg{width:16px;height:16px}.banner-swiper .swiper-button-prev{left:8px}.banner-swiper .swiper-button-next{right:8px}.banner-swiper .swiper-button-prev:after,.banner-swiper .swiper-button-next:after{font-size:9px;font-weight:500}.banner-swiper .swiper-button-prev:hover,.banner-swiper .swiper-button-next:hover{background:#000000b3}.article-card{display:block;background:#fff;padding:12px 16px;transition:box-shadow .15s,background .15s}.article-card:hover{background:#fafafa}.article-card--compact{padding:14px 12px}.article-card-layout{display:flex;gap:12px}.article-card-cover{width:132px;height:88px;flex-shrink:0;overflow:hidden;border-radius:6px;background:#f7f8fa}@media(min-width:640px){.article-card-cover{width:156px;height:104px}}.article-card-cover-img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.article-card:hover .article-card-cover-img{transform:scale(1.05)}.article-card-content{flex:1;min-width:0;display:flex;flex-direction:column}.article-card-content--even{justify-content:space-evenly}.article-card-title{font-size:18px;font-weight:700;color:#1f2329;line-height:1.375;letter-spacing:-.025em;transition:color .15s}.article-card:hover .article-card-title{color:#3370ff}.article-card-summary{font-size:14px;color:#646a73;line-height:1.625}.article-card-summary--no-cover{margin-top:6px}.article-card-meta{display:flex;align-items:center;gap:10px;white-space:nowrap;overflow:hidden}.article-card-meta--no-cover{margin-top:10px}.article-tag{font-size:11px;padding:2px 6px;border-radius:4px;font-weight:500;flex-shrink:0}.article-tag--blue{background:#ebf2ff;color:#3370ff}.article-tag--green{background:#e8f8f0;color:#00b96b}.article-tag--orange{background:#fff4eb;color:#f57217}.article-tag--red{background:#ffebee;color:#f53f3f}.article-tag--default{background:#f0f5ff;color:#3370ff}.article-card-author{font-size:12px;color:#8f959e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-card-reads{font-size:12px;color:#8f959e;flex-shrink:0}.hidden-sm{display:none}@media(min-width:640px){.hidden-sm{display:inline}}.article-card-date{font-size:12px;color:#8f959e;flex-shrink:0}.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.article-feed{margin-bottom:24px}.feed-container{background:#fff;border-radius:10px;box-shadow:0 1px 2px #0000000a;overflow:hidden}.feed-divider{margin:0 12px;border-bottom:1px solid #F0F1F2}.skeleton-item{padding:12px 16px}.skeleton-layout{display:flex;gap:12px}.skeleton-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}.skeleton-line{height:16px;background:#e5e7eb;border-radius:4px;margin-bottom:8px}.skeleton-line--title{width:75%;height:20px}.skeleton-line--text{width:100%;margin-bottom:4px}.skeleton-line--short{width:66%}.skeleton-meta{display:flex;align-items:center;gap:10px;margin-top:10px}.skeleton-tag{display:inline-block;height:12px;width:32px;background:#e5e7eb;border-radius:4px}.skeleton-tag--sm{width:48px}.skeleton-tag--md{width:64px}.skeleton-cover{width:132px;height:88px;flex-shrink:0;overflow:hidden;border-radius:6px;background:#e5e7eb}@media(min-width:640px){.skeleton-cover{width:156px;height:104px}}.skeleton-line,.skeleton-tag,.skeleton-cover{animation:pulse-5b86c797 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-5b86c797{0%,to{opacity:1}50%{opacity:.5}}.feed-loadmore{display:flex;justify-content:center;margin-top:16px}.loadmore-btn{padding:8px 32px;font-size:14px;color:#646a73;border:none;background:transparent;border-radius:9999px;cursor:pointer;transition:color .15s,background .15s}.loadmore-btn:hover:not(:disabled){color:#3370ff;background:#f0f5ff}.loadmore-btn:disabled{cursor:not-allowed}.loadmore-loading{display:flex;align-items:center;gap:8px}.loadmore-spinner{width:16px;height:16px;animation:spin-5b86c797 1s linear infinite}.loadmore-spinner-track{opacity:.25}.loadmore-spinner-head{opacity:.75}@keyframes spin-5b86c797{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feed-end{font-size:14px;color:#bbbfc4}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.home-sidebar{display:flex;flex-direction:column;gap:12px}.sidebar-card{background:#fff;border-radius:10px;box-shadow:0 1px 2px #0000000a;padding:12px}.sidebar-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.sidebar-card-icon{font-size:15px}.sidebar-card-title{font-size:14px;font-weight:600;color:#1f2329}.sidebar-list{display:flex;flex-direction:column;gap:8px}.sidebar-list-item{cursor:pointer}.sidebar-list-item:hover .sidebar-item-title{color:#3370ff}.sidebar-item-layout{display:flex;align-items:flex-start;gap:10px}.sidebar-item-content{flex:1;min-width:0}.sidebar-item-content--between{display:flex;flex-direction:column;justify-content:space-between;padding:2px 0}.sidebar-rank{flex-shrink:0;width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-top:2px}.sidebar-rank--gold{background:#ef4444;color:#fff}.sidebar-rank--silver{background:#fb923c;color:#fff}.sidebar-rank--bronze{background:#facc15;color:#fff}.sidebar-rank--default{background:#d1d5db;color:#fff}.sidebar-rank-skeleton{flex-shrink:0;width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:#e5e7eb;color:transparent;margin-top:2px}.sidebar-item-title{font-size:14px;color:#1f2329;line-height:1.375;transition:color .15s}.sidebar-item-reads{font-size:11px;color:#8f959e;margin-top:2px}.sidebar-recommend-layout{display:flex;gap:8px}.sidebar-recommend-cover{width:80px;height:56px;flex-shrink:0;overflow:hidden;border-radius:6px;background:#f7f8fa}.sidebar-recommend-cover-img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.sidebar-list-item:hover .sidebar-recommend-cover-img{transform:scale(1.05)}.sidebar-recommend-cover-skeleton{width:80px;height:56px;flex-shrink:0;border-radius:6px;background:#e5e7eb}.sidebar-tag{font-size:11px;padding:2px 6px;border-radius:4px;font-weight:500;width:fit-content}.sidebar-tag--blue{background:#ebf2ff;color:#3370ff}.sidebar-tag--green{background:#e8f8f0;color:#00b96b}.sidebar-tag--orange{background:#fff4eb;color:#f57217}.sidebar-tag--red{background:#ffebee;color:#f53f3f}.sidebar-tag--default{background:#f0f5ff;color:#3370ff}.skeleton-line{height:14px;background:#e5e7eb;border-radius:4px;margin-bottom:6px}.skeleton-line--text{width:100%;height:18px}.skeleton-line--short{width:66%}.skeleton-line--tag{width:48px;height:12px;display:inline-block}.skeleton-line,.sidebar-recommend-cover-skeleton,.sidebar-rank-skeleton{animation:pulse-93269fa1 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-93269fa1{0%,to{opacity:1}50%{opacity:.5}}.line-clamp-1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.home-page{width:100%;max-width:1200px;padding:20px 12px;margin:0 auto;min-height:calc(100vh - 56px)}@media(min-width:768px){.home-page{padding-left:24px;padding-right:24px}}.home-banner{margin-bottom:20px}.home-layout{display:flex;gap:20px}.home-main{flex:1;min-width:0;max-width:880px}.home-sidebar-side{display:none}@media(min-width:1024px){.home-sidebar-side{display:block;width:300px;flex-shrink:0}}.banner-skeleton{border-radius:12px;overflow:hidden;background:#e5e7eb;animation:pulse-e1594371 2s cubic-bezier(.4,0,.6,1) infinite;margin-bottom:20px}.banner-skeleton-inner{aspect-ratio:2.4/1;border-radius:12px}@media(min-width:768px){.banner-skeleton-inner{aspect-ratio:2.8/1}}.feed-container{background:#fff;border-radius:10px;box-shadow:0 1px 2px #0000000a;overflow:hidden}.skeleton-item{padding:12px 16px;border-bottom:1px solid #F0F1F2}.skeleton-item:last-child{border-bottom:none}.skeleton-layout{display:flex;gap:12px}.skeleton-content{flex:1;min-width:0}.skeleton-line{height:16px;background:#e5e7eb;border-radius:4px;margin-bottom:8px;animation:pulse-e1594371 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-line--title{width:75%;height:20px}.skeleton-line--text{width:100%;margin-bottom:4px}.skeleton-line--short{width:66%}.skeleton-line--tag{width:48px;height:12px;display:inline-block}.skeleton-cover{width:132px;height:88px;flex-shrink:0;border-radius:6px;background:#e5e7eb;animation:pulse-e1594371 2s cubic-bezier(.4,0,.6,1) infinite}@media(min-width:640px){.skeleton-cover{width:156px;height:104px}}.sidebar-card{background:#fff;border-radius:10px;box-shadow:0 1px 2px #0000000a;padding:12px}.sidebar-card-header{margin-bottom:12px}.sidebar-card-title{font-size:14px;font-weight:600;color:#1f2329}.sidebar-list{display:flex;flex-direction:column;gap:8px}.sidebar-list-item{cursor:pointer}.sidebar-item-layout{display:flex;align-items:flex-start;gap:10px}.sidebar-item-content{flex:1;min-width:0}.sidebar-rank-skeleton{flex-shrink:0;width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:#e5e7eb;color:transparent;margin-top:2px;animation:pulse-e1594371 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-e1594371{0%,to{opacity:1}50%{opacity:.5}}