:root{
      --accent:#d80c18;
      --bg:#f7f7f7;
      --card:#ffffff;
      --text:#333;
      --radius:12px;
      --maxw:1100px;
    }
    body{font-family: Arial, Helvetica, sans-serif; color:var(--text); background:var(--bg); margin:0; padding:20px; display:flex; justify-content:center;}
    .container{width:90%; max-width:var(--maxw); margin:40px 0;}
    .hero{background:var(--card); border-radius:var(--radius); padding:18px; box-shadow:0 6px 18px rgba(0,0,0,0.06);}
    .hero img{width:100%; height:auto; display:block; border-radius:10px; border:1px solid #e6e6e6;}
    .content{margin-top:20px; padding:22px; background:var(--card); border-radius:var(--radius); box-shadow:0 6px 18px rgba(0,0,0,0.04);}
    h1{font-size:30px; color:var(--accent); margin:0 0 12px;}
    h2{font-size:22px; margin:18px 0 10px;}
    p{font-size:16px; line-height:1.8; margin:10px 0;}
    .flex-row{display:flex; gap:24px; align-items:flex-start;}
    .main{flex:2;}
    .aside{flex:1; min-width:240px;}
    .card{background:#fff; padding:16px; border-radius:10px; border:1px solid #eee;}
    .btn{display:inline-block; background:var(--accent); color:#fff; padding:12px 22px; border-radius:30px; text-decoration:none; font-weight:600;}
    .news-list{list-style:none; padding-left:0; margin:0;}
    .news-list li{margin-bottom:10px;}
    .news-list a{color:var(--accent); text-decoration:none;}
    footer{margin-top:28px; text-align:center; color:#777; font-size:14px;}
    /* responsive */
    @media screen and (max-width: 880px){
      .flex-row{flex-direction:column;}
      h1{font-size:24px;}
      h2{font-size:20px;}
      p{font-size:15px;}
    }