* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    background-color: #f5f5f5;
}

.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    background-color: white;
}

.menu {
    color: #333;
}

.banner {
    padding: 10px;
    margin-bottom: 10px;
    max-width: 100%;
}

.banner-card {
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 15px;
}

.banner-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center center;
    display: block;
    pointer-events: none;
    -webkit-touch-callout: none;
    user-select: none;
    -webkit-user-select: none;
}

.banner-info {
    padding: 15px;
    text-align: center;
}

.banner-info h3 {
    font-size: 14px;
    line-height: 1.6;
    color: #333;
    text-align: justify;
    text-indent: 2em;
}

.profile {
    background-color: white;
    padding: 12px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.profile-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    pointer-events: none;
    -webkit-touch-callout: none;
    user-select: none;
    -webkit-user-select: none;
}

.user-info h2 {
    font-size: 18px;
    margin-bottom: 3px;
}

.user-info p {
    color: #666;
    font-size: 14px;
}

.contact-buttons {
    display: flex;
    gap: 10px;
}

.wechat-btn, .phone-btn {
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background-color: #f0f0f0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    cursor: pointer;
    transition: transform 0.2s, opacity 0.2s;
}

.wechat-btn:active, .phone-btn:active {
    transform: scale(0.95);
    opacity: 0.8;
}

.wechat-btn {
    background-color: #07C160;
    background-image: url("data:image/svg+xml,%3Csvg t='1659584133728' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='7492'%3E%3Cpath d='M619.025871 303.209628c4.822922 0 9.598932 0.276293 14.38574 0.458953C608.622694 195.193397 489.671713 115.761863 351.925394 115.761863c-160.202617 0-291.264439 109.159669-291.264439 247.889075 0 79.835254 43.582808 145.632925 116.250533 196.728314l-29.055652 87.363115 101.481114-50.834387c36.315396 7.13913 65.460207 14.534256 101.806616 14.534256 9.120237 0 18.143893-0.449743 27.078999-1.157126-5.69052-19.436116-8.989594-39.830117-8.989594-60.938019C369.23297 411.293524 479.519176 303.209628 619.025871 303.209628zM472.042896 229.197418c21.857603 0 36.315396 14.38574 36.315396 36.276521 0 21.83162-14.458816 36.3276-36.315396 36.3276-21.785955 0-43.62066-14.49598-43.62066-36.3276C428.421213 243.583159 450.256941 229.197418 472.042896 229.197418zM283.097621 301.800388c-21.795165 0-43.66056-14.49598-43.66056-36.3276 0-21.890767 21.865395-36.276521 43.66056-36.276521 21.839173 0 36.277544 14.38574 36.277544 36.276521C319.375164 287.30543 304.936794 301.800388 283.097621 301.800388zM972.404905 618.256922c0-116.212681-116.25972-210.886501-247.024789-210.886501-138.36065 0-247.034999 94.673821-247.034999 210.886501 0 116.41955 108.674349 210.867048 247.034999 210.867048 28.916817 0 57.889168-7.266984 86.769813-14.534256l79.318887 43.62066-21.83162-72.695614C941.073664 749.237803 972.404905 686.991661 972.404905 618.256922zM602.441183 581.97333c-14.496668 0-29.011676-14.38574-29.011676-29.033165 0-14.514074 14.516098-29.089493 29.011676-29.089493 21.924182 0 36.322166 14.575419 36.322166 29.089493C638.76335 567.58759 624.365365 581.97333 602.441183 581.97333zM762.609579 581.97333c-14.402618 0-28.860014-14.38574-28.860014-29.033165 0-14.514074 14.458816-29.089493 28.860014-29.089493 21.775746 0 36.277544 14.575419 36.277544 29.089493C798.887123 567.58759 784.385324 581.97333 762.609579 581.97333z' fill='white' p-id='7493'%3E%3C/path%3E%3C/svg%3E");
}

.phone-btn {
    background-color: #ff9500;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.01 15.38C18.78 15.38 17.59 15.18 16.48 14.82C16.13 14.7 15.74 14.79 15.47 15.06L13.9 17.03C11.07 15.68 8.42 13.13 7.01 10.2L8.96 8.54C9.23 8.26 9.31 7.87 9.2 7.52C8.83 6.41 8.64 5.22 8.64 3.99C8.64 3.45 8.19 3 7.65 3H4.19C3.65 3 3 3.24 3 3.99C3 13.28 10.73 21 20.01 21C20.72 21 21 20.37 21 19.82V16.37C21 15.83 20.55 15.38 20.01 15.38Z' fill='white'/%3E%3C/svg%3E");
}

.product-list {
    padding: 10px;
}

.product-card {
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 15px;
}

.product-image {
    width: 100%;
    height: 320px;
    object-fit: cover;
    object-position: center center;
    pointer-events: none;
    -webkit-touch-callout: none;
    user-select: none;
    -webkit-user-select: none;
}

.product-info {
    padding: 15px;
    text-align: center;
}

.product-info h3 {
    font-size: 18px;
    margin-bottom: 8px;
}

.product-type {
    color: #666;
    font-size: 14px;
    margin-bottom: 8px;
}

.price {
    color: #ff6b00;
    font-size: 16px;
    font-weight: bold;
}