* {margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;}
body {color:#333;background:#fff;line-height:1.8;}
.container {width:90%;max-width:1100px;margin:0 auto;}
.header {padding:20px 0;border-bottom:1px solid #eee;}
.header .container {display:flex;justify-content:space-between;align-items:center;}
.logo {font-size:24px;font-weight:bold;color:#222;text-decoration:none;letter-spacing:1px;}
.nav a {margin-left:25px;color:#555;text-decoration:none;font-size:15px;}

.hero {background:#f9f8f6;text-align:center;padding:90px 0;}
.hero h1 {font-size:38px;margin-bottom:15px;color:#222;}
.hero p {font-size:17px;color:#666;margin-bottom:30px;}
.btn {padding:12px 30px;background:#222;color:#fff;text-decoration:none;border-radius:2px;margin:0 6px;}
.btn-white {background:#fff;color:#222;border:1px solid #222;}

.section {padding:60px 0;}
.bg-gray {background:#f9f8f6;}
h2 {font-size:26px;margin-bottom:20px;}
.grid3 {display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin-top:35px;}
.card {background:#fff;padding:25px;border-radius:4px;box-shadow:0 0 8px #00000008;}
.card h3 {margin-bottom:10px;}
.ar {direction:rtl;text-align:right;}
.footer {text-align:center;padding:30px 0;border-top:1px solid #eee;font-size:14px;color:#777;}
.footer a {color:#555;text-decoration:none;}

@media(max-width:768px){
.grid3 {grid-template-columns:1fr;}
}
.product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin: 40px 0;
}
.product-item {
    border: 1px solid #eeeeee;
    padding: 16px;
    border-radius: 8px;
}
/*专门适配1:1正方形图片*/
.product-item img {
    width: 100%;
    aspect‑ratio: 1 / 1;
    object‑fit: contain;
    background-color:#ffffff;
}