.topic-news-section{padding:20px 16px;margin:0 auto;max-width:1200px;width:100%;box-sizing:border-box}.topic-news-container{background:linear-gradient(135deg,color-mix(in oklab,var(--brand-strong) 10%,var(--card)),var(--card));border:1px solid color-mix(in oklab,var(--brand-strong) 25%,var(--line));border-radius:16px;padding:28px 24px;box-shadow:0 4px 16px color-mix(in oklab,var(--brand-strong) 12%,transparent);position:relative;overflow:hidden;min-height:420px;width:100%;box-sizing:border-box}.topic-news-container:before{content:"";position:absolute;top:-50%;left:-50%;width:100%;height:100%;background:radial-gradient(circle,color-mix(in oklab,var(--brand-strong) 18%,transparent),transparent 70%);pointer-events:none}.topic-news-title{font-size:22px;font-weight:800;color:var(--ink);margin:0 0 24px;text-align:center;position:relative;z-index:1;letter-spacing:.02em}.topic-news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:20px;gap:20px;position:relative;z-index:1;width:100%;box-sizing:border-box}.topic-news-card{background:var(--card);border:2px solid var(--line);border-radius:14px;overflow:hidden;transition:all .3s ease;position:relative;text-decoration:none;min-height:360px;display:flex;flex-direction:column;width:100%;height:100%}.topic-news-card:hover{border-color:var(--brand-strong);box-shadow:0 8px 24px color-mix(in oklab,var(--brand-strong) 25%,transparent);transform:translateY(-4px)}.topic-news-image-wrapper{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--line);flex-shrink:0}.topic-news-image-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.topic-news-image{transition:transform .4s ease}.topic-news-card:hover .topic-news-image{transform:scale(1.08)}.topic-news-content{padding:20px;flex:1 1;display:flex;flex-direction:column;min-height:140px}.topic-news-card-title{font-size:18px;font-weight:700;color:var(--ink);margin:0 0 12px;line-height:1.4}.topic-news-description{font-size:14px;color:var(--ink-2);margin:0 0 16px;line-height:1.7;overflow-wrap:break-word}.topic-news-description p{margin:0 0 12px;line-height:1.7}.topic-news-description p:last-child{margin-bottom:0}.topic-news-description h1,.topic-news-description h2,.topic-news-description h3,.topic-news-description h4,.topic-news-description h5,.topic-news-description h6{margin:16px 0 12px;font-weight:700;color:var(--ink);line-height:1.4}.topic-news-description h1{font-size:1.5rem}.topic-news-description h2{font-size:1.3rem}.topic-news-description h3{font-size:1.15rem}.topic-news-description h4,.topic-news-description h5,.topic-news-description h6{font-size:1rem}.topic-news-description b,.topic-news-description strong{font-weight:700;color:var(--ink)}.topic-news-description em,.topic-news-description i{font-style:italic}.topic-news-description ol,.topic-news-description ul{margin:12px 0;padding-left:24px}.topic-news-description li{margin:6px 0;line-height:1.6}.topic-news-description a{color:var(--brand-strong);text-decoration:underline;transition:color .2s ease}.topic-news-description a:hover{color:var(--brand)}.topic-news-description blockquote{margin:12px 0;padding:12px 16px;border-left:3px solid var(--brand-strong);background:color-mix(in oklab,var(--brand-strong) 5%,transparent);border-radius:4px;font-style:italic}.topic-news-description code{padding:2px 6px;background:color-mix(in oklab,var(--line) 50%,transparent);border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.topic-news-description pre{margin:12px 0;padding:12px;background:color-mix(in oklab,var(--line) 30%,transparent);border-radius:6px;overflow-x:auto;font-family:Courier New,monospace;font-size:.9em;line-height:1.5}.topic-news-description pre code{padding:0;background:none}.topic-news-link{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;background:var(--brand-strong);color:#fff;font-size:14px;font-weight:600;border-radius:8px;text-decoration:none;transition:all .3s ease}.topic-news-link:hover{background:var(--brand);transform:translateX(4px)}.loading-text{text-align:center;color:var(--ink-2);font-size:16px;padding:24px 0}@media (max-width:768px){.topic-news-section{padding:16px 12px}.topic-news-container{padding:20px 16px;min-height:auto}.topic-news-title{font-size:20px;margin-bottom:20px}.topic-news-grid{grid-template-columns:1fr;gap:16px}.topic-news-card{min-height:auto}.topic-news-content{padding:16px;min-height:auto}.topic-news-card-title{font-size:16px;margin-bottom:10px}.topic-news-description{font-size:13px;margin-bottom:12px}.topic-news-link{font-size:13px;padding:6px 16px}}@media (max-width:480px){.topic-news-section{padding:12px 8px}.topic-news-container{padding:16px 12px;border-radius:12px}.topic-news-title{font-size:18px;margin-bottom:16px}.topic-news-grid{gap:12px}.topic-news-content{padding:12px}.topic-news-card-title{font-size:15px}.topic-news-description{font-size:12px;line-height:1.5}}.carousel-card .topic-news-card{min-height:420px}@media (max-width:768px){.carousel-card .topic-news-card{min-height:auto}.carousel-card .topic-news-content{padding:16px;min-height:auto}.carousel-card .topic-news-card-title{font-size:16px;margin-bottom:10px}.carousel-card .topic-news-description{font-size:13px;margin-bottom:12px}.carousel-card .topic-news-description h1{font-size:1.3rem}.carousel-card .topic-news-description h2{font-size:1.15rem}.carousel-card .topic-news-description h3{font-size:1rem}.carousel-card .topic-news-description h4,.carousel-card .topic-news-description h5,.carousel-card .topic-news-description h6{font-size:.9rem}.carousel-card .topic-news-link{font-size:13px;padding:6px 16px}}@media (max-width:480px){.carousel-card .topic-news-content{padding:12px}.carousel-card .topic-news-card-title{font-size:15px}.carousel-card .topic-news-description{font-size:12px;line-height:1.5}.carousel-card .topic-news-description h1{font-size:1.2rem}.carousel-card .topic-news-description h2{font-size:1.1rem}.carousel-card .topic-news-description h3{font-size:.95rem}.carousel-card .topic-news-description h4,.carousel-card .topic-news-description h5,.carousel-card .topic-news-description h6{font-size:.85rem}}.topic-news-container-wrapper{max-width:100%}.topic-news-container-wrapper,.topic-news-mobile-wrapper{position:relative;display:flex;align-items:center;gap:12px;margin:0 -8px}.topic-news-nav-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid #e2e8f0;color:#64748b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.08);flex-shrink:0;z-index:10}.topic-news-nav-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569;transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.12)}.topic-news-nav-btn:active{transform:scale(.95)}.topic-news-nav-btn svg{transition:transform .2s ease}.topic-news-nav-btn:hover svg{transform:scale(1.1)}.topic-news-mobile-card-wrapper{flex:1 1;overflow:hidden;position:relative;max-width:100%;min-width:0}.topic-news-mobile-cards{display:flex;transition:transform .4s cubic-bezier(.4,0,.2,1);will-change:transform}.topic-news-mobile-card{flex:0 0 100%;width:100%;padding:0 4px;box-sizing:border-box;max-width:100%}.topic-news-mobile .carousel-container{margin:0}@media (max-width:768px){.topic-news-container-wrapper,.topic-news-mobile-wrapper{margin:0 -12px}.topic-news-nav-btn{display:none;width:40px;height:40px}.topic-news-nav-btn svg{width:20px;height:20px}}@media (max-width:480px){.topic-news-container-wrapper,.topic-news-mobile-wrapper{margin:0 -8px;gap:8px}.topic-news-nav-btn{width:36px;height:36px}.topic-news-nav-btn svg{width:18px;height:18px}.topic-news-mobile-card{padding:0 2px}}