body {font-family:"Microsoft Yahei",sans-serif;margin:0;padding:0;background:#f9f9f9;color:#333;text-align:center;}
header {background:#2c3e50;color:#fff;padding:15px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;text-align:center;}
#site-title, #site-title a, nav a {color:#fff;text-decoration:none;font-size:1em;font-weight:bold;margin:0;padding:0;}
#lang-switch button {font-size:0.8em;margin-left:5px;}
.card-container {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;justify-items:center;padding:20px;}
.card {background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,0.1);text-align:center;width:200px;}
.card img {width:200px;height:150px;object-fit:cover;margin-bottom:10px;}
.dropdown {position:relative;display:inline-block;}
.dropdown-content {display:none;position:absolute;background:#34495e;min-width:180px;z-index:1;text-align:left;}
.dropdown-content a {color:#fff;padding:10px;display:block;text-decoration:none;}
.dropdown:hover .dropdown-content {display:block;}
.qr-code {margin-top:10px;text-align:center;}
.qr-code img {display:inline-block;}
@media (max-width:768px){.card{width:90%;}}