* {font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;box-sizing: border-box;}
body {color: #333;line-height: 1.6;}
img.card-img-top {height: auto;object-fit: cover;}
@media (min-width: 768px){img.card-img-top {object-fit: cover;}.navbar-brand{display: none;}}
@media (min-width: 1200px){img.card-img-top {height: auto;object-fit: cover;}}
.card-body img {max-width: 640px !important;}
.d-flex {align-items: center;}
.form-control.form-control-sm {height: calc(2.25rem + 2px) !important;padding: 0.375rem 0.75rem;font-size: 14px;line-height: 1.5;border-radius: 0.25rem 0 0 0.25rem !important;border-right: none !important;}
.btn.btn-secondary.my-2.my-sm-0 {height: calc(2.25rem + 2px) !important;padding: 0.375rem 0.75rem;margin: 0 !important;border-radius: 0 0.25rem 0.25rem 0 !important;display: flex;align-items: center;justify-content: center;}
@media (max-width: 768px) {.form-control.form-control-sm {height: calc(2rem + 2px) !important;font-size: 13px;}.btn.btn-secondary.my-2.my-sm-0 {height: calc(2rem + 2px) !important;font-size: 13px;padding: 0.25rem 0.5rem;}}
.btn-outline-secondary {font-weight: 500;transition: all 0.2s ease;}
.btn-outline-secondary.active {background-color: #6c757d;color: #fff;border-color: #6c757d;}
.no-goods-tip {width: 100%;text-align: center;padding: 60px 20px;color: #666;font-size: 18px;font-weight: 400;}
.service-desc {text-align: center;padding: 20px 0 40px;color: #555;font-size: 16px;line-height: 1.8;max-width: 1200px;margin: 0 auto;font-weight: 400;}
#transactionScroll {background: linear-gradient(90deg, #f0f8ff, #e8f4f8);border: 1px solid #d1e7dd;border-radius: 8px;padding: 12px 15px;margin: 15px 0;overflow: hidden;height: 50px;box-shadow: 0 2px 8px rgba(0,0,0,0.06);display: none;font-family: 'Noto Sans SC', sans-serif;position: relative;line-height: 28px;}
#transactionScroll::before {content: "\f021";font-family: "FontAwesome";color: #20c997;margin-right: 8px;font-size: 16px;vertical-align: middle;display: inline-block;line-height: 28px;}
#transactionContainer {display: inline-block;position: relative;top: 0;left: 0;height: 28px;overflow: hidden;vertical-align: middle;}
#transactionContent {position: relative;transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1); will-change: transform;backface-visibility: hidden;transform: translateZ(0);}
.transaction-item {display: block;height: 28px;line-height: 28px;color: #2c3e50;font-size: 15px;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0;padding: 0;}
.transaction-item .time-tag {color: #6c757d;font-size: 13px;margin-left: 8px;font-weight: 400;}
.ad-gradient-1 {background: linear-gradient(90deg, #FF6B35, #F7931E);color: #fff;}
.ad-gradient-2 {background: linear-gradient(90deg, #7E3AF2, #6366F1);color: #fff;}
.ad-gradient-3 {background: linear-gradient(90deg, #10B981, #059669);color: #fff;}
.ad-gradient-4 {background: linear-gradient(90deg, #EF4444, #DC2626);color: #fff;}
.ad-gradient-5 {background: linear-gradient(90deg, #3B82F6, #2563EB);color: #fff;}
.ad-gradient-6 {background: linear-gradient(90deg, #8B5CF6, #7C3AED);color: #fff;}
.ad-gradient-7 {background: linear-gradient(90deg, #EC4899, #DB2777);color: #fff;}
.ad-gradient-8 {background: linear-gradient(90deg, #14B8A6, #0D9488);color: #fff;}
#adBar {background-color: #fffbe6;border: 1px solid #ffe58f;border-radius: 8px;padding: 10px;margin: 15px 0;display: flex;align-items: center;flex-wrap: wrap;gap: 10px;}
.ad-item {padding: 5px 10px;border-radius: 4px;text-decoration: none;font-size: 14px;font-weight: 500;transition: all 0.3s ease;display: inline-block;margin: 2px;}
.ad-item:hover {transform: scale(1.05);color: #fff;text-decoration: none;}
.card {height: 100%;transition: transform 0.2s ease, box-shadow 0.2s ease;}
.card:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0,0,0,0.08);}
.card-title {font-size: 15px;font-weight: 600;color: #2c3e50;margin-bottom: 8px;white-space: normal !important;text-overflow: clip !important;overflow: visible !important;    line-height: 1.4;height: auto !important;}
.card-body {padding: 12px;}
.btn.btn-sm.btn-outline-success {font-weight: 600;font-size: 14px;padding: 4px 8px;margin-bottom: 8px;}
.card-body small {font-size: 12px;color: #6c757d;font-weight: 400;}
.float-btn {position: fixed;width: 56px;height: 56px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;box-shadow: 0 4px 12px rgba(0,0,0,0.15);transition: all 0.3s ease;z-index: 9999;cursor: pointer;}
.float-btn:hover {transform: scale(1.1);}
#serviceBtn {background-color: #FF6B35;right: 20px;bottom: 140px;animation: bounceSlow 2s infinite;}
#backToTopBtn {background-color: #7E3AF2;right: 20px;bottom: 70px;display: none;}
#serviceModal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);display: none;align-items: center;justify-content: center;z-index: 10000;}
.service-modal-content {background-color: white;border-radius: 12px;width: 90%;max-width: 400px;padding: 20px;box-shadow: 0 4px 20px rgba(0,0,0,0.2);font-family: 'Noto Sans SC', sans-serif;}
.close-modal {float: right;font-size: 20px;cursor: pointer;color: #666;}
@keyframes bounceSlow {0%, 100% { transform: translateY(0); }50% { transform: translateY(-6px); }}
.footer {font-family: 'Noto Sans SC', sans-serif;color: #666;font-size: 14px;}


.recommend p{font-size:14px}.category{padding:10px 0}.separator{display:block;width:60px;height:5px;margin:15px auto;background-color:#ccc;position:relative;border:1px solid #ccc}.separator:after{width:30px;height:5px;background:#333;position:absolute;top:-1px;left:-1px;content:""}.category-menus li{display:inline-block;margin:4px}.goods-buy{line-height:40px;font-size:13px}.goods-introduction-cate{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.buy-form label{font-size:16px}
@media (min-width: 350px){img.card-img-top{width:100%;height: 150px;object-fit: cover;}}
@media (min-width: 400px){img.card-img-top{width:100%;height: 170px;object-fit: cover;}}
@media (min-width: 450px){img.card-img-top{width:100%;height: 200px;object-fit: cover;}}
@media (min-width: 500px){img.card-img-top{width:100%;height: 220px;object-fit: cover;}}
@media (min-width: 568px){img.card-img-top{width:100%;height: 240px;object-fit: cover;}}
@media (min-width: 768px){img.card-img-top{height: 118px;object-fit: cover;}}
@media (min-width: 992px){img.card-img-top{height: 166px;object-fit: cover;}}
@media (min-width: 1200px){img.card-img-top{height: 202px;object-fit: cover;}}
@media (min-width: 1400px){img.card-img-top{height: 238px;object-fit: cover;}}
img.card-img-top {height: auto;object-fit: cover;}
@media (min-width: 768px){img.card-img-top {object-fit: cover;}.navbar-brand{display: none;}}
@media (min-width: 1200px){img.card-img-top {height: auto;object-fit: cover;}}
.card-body img {max-width: 640px !important;}
#translate {position: fixed;bottom: 20px;left: 20px;z-index: 9999; }
.translateSelectLanguage {padding: 10px 10px;max-width: 180px;padding-right: 20px;   border: 2px solid #e0e0e0;border-radius: 8px;background-color: #000;color: #fff;font-size: 14px;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;appearance: none;   -webkit-appearance: none;-moz-appearance: none;cursor: pointer;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);transition: all 0.3s ease;}
.translateSelectLanguage::-ms-expand {display: none; }
#translate::after {content: "▼";position: absolute;right: 15px;top: 50%;transform: translateY(-50%);color: #666666;pointer-events: none;font-size: 12px;transition: color 0.3s ease;}
.translateSelectLanguage:hover {border-color: #2196f3;box-shadow: 0 4px 12px rgba(33, 150, 243, 0.15);}
.translateSelectLanguage:focus {outline: none;border-color: #2196f3;box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.2);}
#translate:focus-within::after {color: #2196f3;}
.translateSelectLanguage option {padding: 10px;background-color: #000;color: #fff;font-size: 14px;transition: background-color 0.2s ease;}
.translateSelectLanguage option:hover {background-color: #f5fafe;}
@media (max-width: 768px) {#translate {bottom: 15px;left: 15px;}.translateSelectLanguage {padding: 8px 12px;padding-right: 35px;font-size: 13px;}}
.btn-outline-secondary.active {background-color: #6c757d;color: #fff;border-color: #6c757d;}
.no-goods-tip {width: 100%;text-align: center;padding: 60px 20px;color: #666;font-size: 18px;}
.service-desc {text-align: center;padding: 20px 0 40px;color: #555;font-size: 16px;line-height: 1.8;max-width: 1200px;margin: 0 auto;}
.toast-box{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:9999;max-width:300px;padding:12px 20px;border-radius:8px;color:#fff;font-size:14px;display:none;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.toast-success{background-color:#52c41a}.toast-error{background-color:#ff4d4f}
.chat-window-link {display: inline-block;width: 80%;padding: 12px;background-color: #FF6B35;color: white !important;border: none;border-radius: 4px;cursor: pointer;font-size: 16px;text-align: center;text-decoration: none !important;}
.chat-window-link:hover {background-color: #e55a2d;color: white !important;}