* { margin:0; padding:0; box-sizing:border-box; }
      body { font-family:'Segoe UI', Roboto, Arial, sans-serif; background:#fafafa; color:#222; line-height:1.75; }
      .container { max-width:1200px; margin:auto; padding:0 20px; }
      header { background:linear-gradient(135deg, #e53935, #d32f2f); color:#fff; padding:15px 0; position:sticky; top:0; z-index:1000; box-shadow:0 2px 8px rgba(0,0,0,.2); }
      .header-row { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; }
      .my-logo { font-size:2rem; font-weight:900; text-decoration:none; color:#ffeb3b; letter-spacing:-1px; text-transform:uppercase; }
      .my-logo i { color:#fff; }
      .nav-links { display:flex; list-style:none; gap:15px; flex-wrap:wrap; }
      .nav-links a { color:#fff; text-decoration:none; padding:8px 14px; border-radius:30px; transition:background .3s, transform .2s; font-weight:600; font-size:.95rem; }
      .nav-links a:hover { background:rgba(255,255,255,.2); transform:scale(1.05); }
      .hamburger { display:none; font-size:1.8rem; cursor:pointer; background:none; border:none; color:#fff; padding:5px; }
      @media (max-width:768px) {
        .hamburger { display:block; }
        .nav-links { display:none; width:100%; flex-direction:column; margin-top:10px; }
        .nav-links.show { display:flex; }
        .nav-links li { text-align:center; }
      }
      .breadcrumb { background:transparent; font-size:.85rem; padding:10px 0; color:#fff; }
      .breadcrumb a { color:#ffeb3b; text-decoration:none; }
      .hero { padding:30px 0; text-align:center; }
      .hero h1 { font-size:2.8rem; color:#e53935; margin-bottom:10px; line-height:1.2; }
      .hero p { font-size:1.15rem; max-width:800px; margin:auto; color:#555; }
      .content-grid { display:grid; grid-template-columns:1fr 280px; gap:40px; margin:40px 0; }
      @media (max-width:900px) { .content-grid { grid-template-columns:1fr; } }
      article { background:#fff; padding:30px; border-radius:16px; box-shadow:0 4px 20px rgba(0,0,0,.06); }
      aside .widget { background:#fff; padding:20px; border-radius:12px; box-shadow:0 4px 15px rgba(0,0,0,.05); margin-bottom:20px; }
      aside .widget h3 { font-size:1.2rem; margin-bottom:15px; border-left:4px solid #e53935; padding-left:10px; }
      aside .search-form { display:flex; gap:8px; }
      aside .search-form input { flex:1; padding:10px; border:2px solid #ddd; border-radius:30px; outline:none; }
      aside .search-form button { background:#e53935; border:none; color:#fff; padding:10px 16px; border-radius:30px; cursor:pointer; transition:transform .2s; }
      aside .search-form button:hover { transform:scale(1.05); }
      aside .score-form select { width:100%; padding:10px; border-radius:8px; border:2px solid #ddd; }
      aside .score-form button { width:100%; margin-top:10px; background:#ff9800; border:none; color:#fff; padding:10px; border-radius:30px; cursor:pointer; font-weight:bold; }
      .article-img { width:100%; height:auto; border-radius:12px; margin:20px 0; }
      h2 { font-size:2rem; color:#d32f2f; margin-top:40px; margin-bottom:16px; border-bottom:3px solid #ffeb3b; padding-bottom:8px; }
      h3 { font-size:1.5rem; color:#333; margin-top:30px; }
      h4 { font-size:1.15rem; color:#444; margin-top:20px; }
      p { margin-bottom:18px; }
      ul, ol { margin-bottom:20px; margin-left:25px; }
      li { margin-bottom:6px; }
      blockquote { background:#fff8e1; border-left:5px solid #ff9800; padding:15px 20px; margin:20px 0; border-radius:0 8px 8px 0; }
      .video-wrap { position:relative; padding-bottom:56.25%; height:0; margin:20px 0; border-radius:12px; overflow:hidden; }
      .video-wrap iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; }
      .btn { display:inline-block; background:#e53935; color:#fff; padding:12px 28px; border-radius:30px; text-decoration:none; font-weight:bold; transition:transform .2s, box-shadow .2s; }
      .btn:hover { transform:translateY(-3px); box-shadow:0 6px 20px rgba(229,57,53,.4); }
      .btn-green { background:#4caf50; }
      .btn-green:hover { box-shadow:0 6px 20px rgba(76,175,80,.4); }
      .comment-form textarea { width:100%; padding:12px; border:2px solid #ddd; border-radius:12px; min-height:120px; resize:vertical; }
      .comment-form input[type="text"], .comment-form input[type="email"] { width:100%; padding:10px; margin:8px 0; border:2px solid #ddd; border-radius:8px; }
      .comment-form button { margin-top:10px; }
      friend-link { display:block; padding:15px 20px; background:#f5f5f5; border-radius:12px; margin:20px 0; font-weight:bold; }
      friend-link a { color:#e53935; text-decoration:none; margin:0 5px; }
      .footer-bottom { background:#222; color:#aaa; text-align:center; padding:20px; font-size:.9rem; }
      .footer-bottom p { margin:0; }
      .updated { font-style:italic; color:#888; font-size:.9rem; margin-top:30px; }
      .star-rating { color:#ff9800; font-size:1.4rem; }
      .stats { display:flex; gap:15px; flex-wrap:wrap; margin:15px 0; }
      .stat-card { background:#f5f5f5; border-radius:10px; padding:15px 25px; text-align:center; flex:1; min-width:120px; }
      .stat-card span { font-size:2rem; font-weight:bold; color:#e53935; }
      @media (max-width:600px) {
        .hero h1 { font-size:2rem; }
        h2 { font-size:1.6rem; }
        article { padding:20px; }
      }