*,:before,:after{box-sizing:border-box}html{background:#f7f9fc;min-height:100%;margin:0}body{color:#323232;-webkit-font-smoothing:antialiased;touch-action:manipulation;background:#f7f9fc;min-height:100dvh;margin:0;padding:0;font-family:PingFang SC,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;height:auto;display:block}.news-viewport{background:#f7f9fc;flex-direction:column;width:100%;min-height:100dvh;display:flex}.my-header{background:#ffffffd9;justify-content:center;align-items:center;padding:1.25rem 0;display:flex}.header-content{align-items:center;gap:.625rem;display:flex}.header-content img{width:2.375rem;height:2.375rem}.header-title{color:#2c3e50;font-size:1.125rem;font-weight:700}.header-title strong{color:#2563eb}.news-ad{justify-content:center;width:100%;min-height:15.625rem;margin:1rem auto;display:flex}.category-tabs{justify-content:space-around;align-items:center;gap:.5rem;padding:.75rem;display:flex}.category-tabs a{color:#333;white-space:nowrap;border-radius:.5rem;padding:.75rem .5rem;font-size:.875rem;position:relative}.category-tabs a.active{font-weight:700}.category-tabs a.active:after{content:"";background:#2563eb;border-radius:999px;height:.1875rem;position:absolute;bottom:.4rem;left:.5rem;right:.5rem}.main-content{flex:1;width:100%;padding:0 .75rem 3.75rem}.article-card{background:#fff;border-radius:1rem;margin:.9375rem;padding:1.0625rem;display:block;box-shadow:0 .25rem .75rem #0000000d}.article-card-image{aspect-ratio:3/2;background:#f3f4f6;border-radius:.4rem;width:100%;margin-bottom:.625rem;overflow:hidden}.article-card-image img{object-fit:cover;width:100%;height:100%}.article-meta{align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.article-meta span,.article-header>span{color:#fff;background:#2563eb;border-radius:.2rem;padding:.2rem .45rem;font-size:.7rem;font-weight:500;display:inline-block}.article-meta time,.article-header time{color:#9ca3af;font-size:.75rem}.article-card h2{color:#323232;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .4rem;font-size:1.0625rem;line-height:1.4;display:-webkit-box;overflow:hidden}.article-card p{color:#2c3e50;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.9375rem;font-weight:500;line-height:1.6;overflow:hidden}.ranking-section{margin:1.875rem 0 0}.section-title{color:#1a1a1a;align-items:center;gap:.5rem;margin:0 .9375rem 1.25rem;font-size:1rem;display:flex}.section-title svg{color:#2563eb;width:1rem;height:1rem}.ranking-list{background:#fff;border-radius:1.25rem;margin:0 .9375rem;overflow:hidden}.ranking-item{border-bottom:1px solid #f0f0f0;align-items:center;min-height:3.5rem;padding:.75rem 1.125rem;display:flex}.ranking-item>span:last-child{color:#1a1a1a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9375rem;line-height:1.45;display:-webkit-box;overflow:hidden}.rank{color:#333;flex:0 0 2rem;justify-content:center;align-items:center;margin-right:.875rem;font-size:1.0625rem;font-weight:700;display:flex}.rank-1{color:#2563eb}.rank-2{color:#ff8c42}.rank-3{color:#4caf50}.rank-dot{background:#999;border-radius:50%;flex-basis:.5rem;width:.5rem;height:.5rem;margin-right:2.375rem}.ranking-list>.news-ad{background:#f9f9f9;margin:0;padding:.75rem 0}.article-header,.article-body{background:#fff;border-radius:1rem;margin:.9375rem;padding:1rem;box-shadow:0 .25rem .75rem #0000000d}.article-header h1{color:#323232;margin:.75rem 0;font-size:1.35rem;line-height:1.4}.article-body p{color:#2c3e50;font-size:.9375rem;line-height:1.65}.article-portable-text .article-text{color:#2c3e50;margin:0 0 1rem;font-size:.9375rem;line-height:1.65}.article-portable-text .article-subtitle{color:#323232;margin:1.5rem 0 .6rem;font-size:1.125rem}.article-portable-text .article-image{border-radius:.8rem;width:100%;height:auto}.article-portable-text .article-figure{margin:1rem 0}.article-intro{text-overflow:ellipsis;-webkit-line-clamp:6;-webkit-box-orient:vertical;margin-bottom:1rem;display:-webkit-box;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 60%,#00000080 80%,#0000 100%);mask-image:linear-gradient(#000 0% 60%,#00000080 80%,#0000 100%)}.ad-unlock-section{margin:1.25rem 0}.prompt-modal-watch-btn{color:#fff;text-align:center;background:#2563eb;border-radius:.625rem;justify-content:center;align-items:center;width:100%;min-height:3.25rem;padding:.8rem;font-size:.9375rem;font-weight:600;display:flex;position:relative}.prompt-modal-watch-btn>span:last-child{justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.prompt-modal-watch-btn-ad-badge{color:#0f172a;letter-spacing:.04em;text-transform:uppercase;background:#f8fafcf2;border-radius:.2rem;padding:.18rem .3rem;font-size:.55rem;font-weight:800;line-height:1;position:absolute;top:.4rem;left:.5rem}.article-full-content{margin-top:1rem}.modal-overlay{display:none}.article-body>figure,.article-section figure{margin:1rem 0}.article-body figure img{border-radius:.8rem;width:100%}.article-body figcaption{color:#999;text-align:center;margin-top:.5rem;font-size:.75rem;line-height:1.5}.article-section h2{color:#323232;margin:1.5rem 0 .6rem;font-size:1.125rem;line-height:1.4}.legal-page{background:#fff;border-radius:1rem;flex:1;margin:1rem;padding:1.25rem;box-shadow:0 .25rem .75rem #0000000d}.legal-page h1{color:#1f2937;margin:0 0 1.5rem;font-size:1.5rem;line-height:1.3}.legal-page h2{color:#1f2937;margin:1.5rem 0 .5rem;font-size:1.1rem}.legal-page p,.legal-page li{color:#4b5563;font-size:.9375rem;line-height:1.7}.legal-page a{color:#2563eb;text-decoration:underline}.my-footer{color:#aaa;text-align:center;background:#4b5563;margin-top:auto;padding:1.5rem 1rem;font-size:.75rem}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;display:flex}.footer-links>span{background:#aaa;width:1px;height:.75rem}.my-footer p{margin:1.125rem 0 0}@media (min-width:768px){html,body{background:#e8edf4}.news-viewport{max-width:33.75rem;margin:0 auto}}