.news-page{min-height:100vh;color:#1f2937;background:#f8fafc;font-family:SF Pro Text,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.npage-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 clamp(20px,5vw,72px);background:hsla(0,0%,100%,.96);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 2px 12px rgba(0,0,0,.08)}.npage-logo{font-size:18px;font-weight:600;color:#1f2937;text-decoration:none}.npage-header nav a{font-size:14px;color:#2563eb;text-decoration:none}.npage-header nav{display:flex;align-items:center;gap:24px}.npage-header nav a:hover{text-decoration:underline}.npage-hero{padding:64px 20px 40px;text-align:center;background:#fff}.npage-hero h1{margin:0 0 12px;font-size:36px;font-weight:600}.npage-hero p{margin:0;font-size:18px;color:#6b7280}.npage-list{max-width:1200px;margin:0 auto;padding:48px clamp(20px,5vw,72px)}.npage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.npage-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.08);border:1px solid #eee;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.npage-card:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(0,0,0,.12)}.npage-card-cover{width:100%;aspect-ratio:16/10;overflow:hidden}.npage-card-cover img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s}.npage-card:hover .npage-card-cover img{transform:scale(1.05)}.npage-card-body{padding:24px;flex:1;display:flex;flex-direction:column}.npage-tag{display:inline-block;padding:3px 10px;margin-bottom:10px;font-size:12px;font-weight:600;color:#2563eb;background:#eff4ff;border-radius:4px;width:fit-content}.npage-card-body h3{margin:0 0 8px;font-size:18px;font-weight:600;line-height:1.4}.npage-card-body p{margin:0;color:#666;font-size:14px;line-height:1.6;flex:1}.npage-card-body time{display:block;margin-top:16px;color:#999;font-size:12px}.npage-empty{font-size:16px;padding:80px 0}.npage-empty,.npage-footer{text-align:center;color:#999}.npage-footer{padding:30px 20px;font-size:12px;background:#111827}.npage-footer p{margin:0;color:hsla(0,0%,100%,.46)}@media (max-width:900px){.npage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.npage-grid{grid-template-columns:1fr}.npage-hero h1{font-size:28px}}