body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f4}header{background-color:#d71149;color:#fff;padding:3px 8px;text-align:center;font-size:14px}nav{background-color:#e91e63;color:#fff;padding:6px;text-align:center}nav a{color:#fff;margin:0 10px;text-decoration:none;font-size:14px}nav a:hover{text-decoration:underline}.container{max-width:800px;margin:20px auto;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a}.article{border-bottom:1px solid #ddd;padding:15px 0}.article:last-child{border-bottom:none}.article h2{margin:0 0 10px;font-size:20px;color:#333}.news-content{font-size:1rem;margin-top:2rem;margin-bottom:2rem}.news-title{font-size:2rem;color:#333;margin-bottom:.5rem}.news-tags{margin-top:1rem}.news-tags .tag{display:inline-block;background:#007bff;color:#fff;padding:.3rem .6rem;border-radius:5px;font-size:.9rem;margin-right:.5rem;text-decoration:none;cursor:pointer}.news-tags .tag:hover{background:#0056b3}.article p{margin:0;color:#666}.load-more{display:block;margin:20px auto;padding:10px 20px;background:#d71149;color:#fff;text-align:center;text-decoration:none;border-radius:5px;cursor:pointer}.load-more:hover{background:#b10e3e}@media (max-width: 768px){.container{padding:15px}.article h2{font-size:18px}.article p{font-size:14px}.load-more{width:90%;padding:10px}}@media (max-width: 480px){header{font-size:12px;padding:2px 6px}nav{font-size:12px;padding:4px}.article h2{font-size:16px}.article p{font-size:12px}}.news-list{display:flex;flex-direction:column;gap:20px;padding:20px;background-color:#f9f9f9;border-radius:8px;max-width:800px;margin:0 auto}.news-item{display:flex;gap:15px;padding:15px;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.news-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0003}.news-image{width:120px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:6px}.news-content{display:flex;flex-direction:column;justify-content:space-between}.news-title{font-size:18px;font-weight:700;color:#333;margin:0}.news-description{font-size:14px;color:#666;margin:5px 0}.news-date{font-size:12px;color:#999}.news-detail{max-width:800px;margin:20px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;font-family:Arial,sans-serif;line-height:1.6}.news-header{text-align:center;margin-bottom:20px}.news-category{display:inline-block;background-color:#007bff;color:#fff;font-size:14px;font-weight:700;padding:5px 10px;border-radius:4px;text-transform:uppercase;margin-bottom:10px}.news-title{font-size:24px;font-weight:700;color:#333;margin:10px 0}.news-date{display:block;font-size:14px;color:#999}.news-image-container{margin:20px 0;text-align:center}.news-image{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 5px #0000001a}.news-content{font-size:16px;color:#555}.news-content p{margin-bottom:15px;text-align:justify}html,body{position:relative;width:100%;height:100%}body{color:#333;margin:0;padding:8px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}a{color:#0064c8;text-decoration:none}a:hover{text-decoration:underline}a:visited{color:#0050a0}label{display:block}input,button,select,textarea{font-family:inherit;font-size:inherit;padding:.4em;margin:0 0 .5em;box-sizing:border-box;border:1px solid #ccc;border-radius:2px}input:disabled{color:#ccc}input[type=range]{height:0}button{color:#333;background-color:#f4f4f4;outline:none}button:disabled{color:#999}button:not(:disabled):active{background-color:#ddd}button:focus{border-color:#666}