:root
      {
        color-scheme: light dark;
      }

      body
      {
        background-color: light-dark(#ffffffff, #000000ff);
      }

      .link
      {
        color: light-dark(#0033ccff, #5599ffff);
      }


        @media (prefers-color-scheme: light)
      {
        .ms-store-badge-light
        {
          display: block;
        }
        .ms-store-badge-dark
        {
          display: none;
        }
      }
            @media (prefers-color-scheme: dark)
      {
        .ms-store-badge-dark
        {
          display: block;
        }
        .ms-store-badge-light
        {
          display: none;
                }
      }





.Link_su
{
display: flex; flex-direction: row; flex-basis: 0;
flex-wrap: wrap;
text-align: center;
gap: 0px;
}

      .Link_ma
      {
        border:1px solid light-dark(#ccc, #333); 
        border-radius: 10px; 
        padding:10px; 
        display:flex; 
        align-items:center;
         max-width:500px;
      }

.Link_th
{
    width:100px; height:auto; margin-right:10px;
}

      .Link_ti
      {
        font-size:16px; 
        font-weight:bold; 
        text-decoration:none; 
        color:light-dark(#333, #ccc);
      }

      .Link_de
      {
        margin:5px 0; 
        font-size:14px; 
        color:link-dark(#666, #999);
      }







































































      :root {
  color-scheme: light dark;
}

body {
  background-color: light-dark(#fff, #000);
  font-family: "Segoe UI", sans-serif;
  line-height: 1.6;
  margin: 0;
  padding: 0px;
}

.link {
  color: light-dark(#0033cc, #66aaff);
  text-decoration: underline;
  transition: color 0.3s ease;
}

.link:hover {
  color: light-dark(#001a66, #88ccff);
}

@media (prefers-color-scheme: light) {
  .ms-store-badge-light {
    display: block;
  }
  .ms-store-badge-dark {
    display: none;
  }
}

@media (prefers-color-scheme: dark) {
  .ms-store-badge-dark {
    display: block;
  }
  .ms-store-badge-light {
    display: none;
  }
}

.Link_su {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  flex-direction: row;
}

.Link_ma {
  border: 1px solid light-dark(#ccc, #444);
  border-radius: 12px;
  padding: 16px;
  display: flex;
  align-items: center;
  background-color: light-dark(#f9f9f9, #111);
  box-shadow: 0 2px 6px light-dark(#ddd, #222);
  transition: transform 0.2s ease;
  max-width: 600px;
}

.Link_ma:hover {
  transform: scale(1.08);
}

.Link_th {
  width: 100px;
  height: auto;
  margin-right: 16px;
  border-radius: 8px;
}

.Link_ti {
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  color: light-dark(#222, #eee);
}

.Link_ti:hover {
  text-decoration: underline;
}

.Link_de {
  margin-top: 6px;
  font-size: 15px;
  color: light-dark(#555, #aaa);
}